@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}.flex{display:flex}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}:root{--page-bg: #1a1a2e;--text-primary: #e0e0e0;--card-bg: #ffffff;--border-color: #e0e0e0}.page-container{--spacing: 4px;--font-size: 16px;--font-size-sm: 14px;--font-size-xs: 14px;--icon-size: 30px;--header-height: 32px;--search-height: 28px;--search-input-height: 26px;--breadcrumb-height: 26px;--file-padding: 6px;--h-padding: 14px;--qr-padding: 8px;--qr-tip-margin: 6px}@media(min-width:300px){.page-container{--spacing: 8px;--font-size: 16px;--font-size-sm: 14px;--font-size-xs: 14px;--icon-size: 30px;--header-height: 38px;--search-height: 34px;--search-input-height: 30px;--breadcrumb-height: 30px;--file-padding: 10px;--h-padding: 18px;--qr-padding: 20px;--qr-tip-margin: 16px}}.loading-mask{position:fixed;inset:0;background-color:var(--page-bg);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-text{color:var(--text-primary);font-size:var(--font-size)}.qr-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--page-bg)}.qr-box{display:flex;flex-direction:column;align-items:center;padding:var(--qr-padding)}.qr-canvas{border-radius:8px}.qr-tip{margin-top:var(--qr-tip-margin);color:var(--text-primary);font-size:var(--font-size);text-align:center}.file-container{display:grid;grid-template-rows:auto auto auto 1fr;height:100vh;background:#f5f5f5;box-sizing:border-box;position:relative}.header{display:flex;align-items:center;justify-content:center;height:var(--header-height);background:#fff;font-size:var(--font-size);font-weight:600;color:#333}.search-bar{display:flex;align-items:center;height:var(--search-height);padding:0 var(--h-padding);background:#fff;position:relative}.search-input{width:100%;height:var(--search-input-height);padding:0 10px;border:1px solid #ddd;border-radius:14px;font-size:var(--font-size-sm);outline:none;box-sizing:border-box}.search-input:focus{border-color:#1890ff}.clear-btn{position:absolute;right:calc(var(--h-padding) + 8px);width:20px;height:20px;border:none;background:#ddd;border-radius:50%;color:#666;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-btn:active{background:#bbb}.breadcrumb{display:flex;align-items:center;height:var(--breadcrumb-height);padding:0 var(--h-padding);background:#fff;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-item{font-size:var(--font-size-xs);color:#1890ff;cursor:pointer;flex-shrink:0}.breadcrumb-item:hover{text-decoration:underline}.breadcrumb-item.current{color:#666;cursor:default}.breadcrumb-item.current:hover{text-decoration:none}.breadcrumb-sep{font-size:var(--font-size-xs);color:#999;margin:0 2px;flex-shrink:0}.file-list-wrapper{overflow-y:auto;overflow-x:hidden;padding:var(--spacing)}.loading-list{text-align:center;color:#999;padding:20px;font-size:var(--font-size)}.file-list{display:flex;flex-direction:column;padding-bottom:100px;background:var(--card-bg)}.file-item{padding:var(--file-padding);display:flex;align-items:center;border-bottom:1px solid #eee}.file-item.folder{cursor:pointer}.file-item.folder .name{color:#1890ff;font-weight:500}.file-item.back-item{cursor:pointer}.file-item.back-item .name{color:#1890ff}.file-item.back-item:hover{background:#f0f0f0}.file-item.file{cursor:pointer}.file-item.file:hover{background:#f0f0f0}.icon{font-size:var(--icon-size);margin-right:var(--spacing);flex-shrink:0}.icon-img{width:var(--icon-size);height:var(--icon-size);margin-right:var(--spacing);flex-shrink:0;-o-object-fit:contain;object-fit:contain;background:#f0f0f0;border-radius:6px}.name{font-size:var(--font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;color:#333}.name-wrapper{min-width:0;font-size:var(--font-size);color:#333;word-break:break-all}.name-base,.name-ext{flex-shrink:0}.file-content{flex:1;min-width:0;display:flex;flex-direction:column}.file-meta{display:flex;justify-content:space-between;margin-top:4px;flex-wrap:wrap;gap:4px}.meta-date,.meta-size{font-size:var(--font-size-xs);color:#999}.empty{text-align:center;color:#999;padding:30px;font-size:var(--font-size)}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:12px 24px;border-radius:8px;font-size:var(--font-size);z-index:10000}