*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;min-height:100vh;padding:30px 20px;background-color:var(--body-bg);position:relative;overflow-x:hidden;transition:background-color var(--fade-duration) ease-in-out}.bg-layer{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:-3;pointer-events:none;opacity:0;transition:opacity var(--fade-duration) ease-in-out}.bg-layer.active{opacity:1}.bg-image{background-size:cover;background-position:center center;background-repeat:no-repeat}body::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:-1;pointer-events:none}.container{position:relative;z-index:1;max-width:1000px;margin:0 auto;background:var(--panel-bg);backdrop-filter:blur(var(--panel-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--panel-blur)) saturate(180%);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.3) inset;border:1px solid rgba(255,255,255,0.35);overflow:hidden;transition:background var(--fade-duration) ease-in-out,backdrop-filter var(--fade-duration) ease-in-out}.header{background:linear-gradient(135deg,var(--accent-rgba) 0%,var(--accent-2-rgba) 100%);color:white;padding:26px 30px;border-bottom:1px solid rgba(255,255,255,0.2);text-shadow:0 2px 8px rgba(0,0,0,0.2);transition:background var(--fade-duration) ease-in-out}.header-top{display:flex;align-items:center;gap:16px;margin-bottom:12px}.header-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,0.6);box-shadow:0 4px 12px rgba(0,0,0,0.25);flex-shrink:0;background:rgba(255,255,255,0.2)}.header h1{font-size:28px;font-weight:600;line-height:1.2}.breadcrumb{font-size:14px;opacity:0.95;word-break:break-all;line-height:1.8}.breadcrumb .crumb{color:white;text-decoration:none;padding:2px 8px;border-radius:6px;transition:background .15s;display:inline-block}.breadcrumb .crumb:hover{background:rgba(255,255,255,0.25)}.breadcrumb .crumb-sep{margin:0 2px;opacity:0.6}.search-box{padding:20px 30px;background:rgba(247,249,252,0.4);border-bottom:1px solid rgba(229,233,242,0.4)}.search-box input{width:100%;padding:12px 16px;border:1px solid rgba(229,233,242,0.6);border-radius:10px;font-size:15px;outline:none;transition:all .2s;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px)}.search-box input:focus{border-color:var(--accent);background:rgba(255,255,255,0.95);box-shadow:0 0 0 3px var(--accent-focus)}.file-list{padding:8px 0;transition:opacity .2s}.file-list.loading{opacity:.4}.file-item{display:flex;align-items:center;padding:14px 30px;text-decoration:none;color:white;border-bottom:1px solid rgba(240,242,245,0.5);transition:all .15s}.file-item:hover{background:rgba(128,128,128,0.35);transform:translateX(4px)}.file-icon{font-size:24px;margin-right:16px;width:32px;text-align:center}.file-name{flex:1;font-size:15px;word-break:break-all;font-weight:500}.file-size{color:white;font-size:13px;margin-left:20px;white-space:nowrap}.file-time{color:white;font-size:12px;margin-left:20px;white-space:nowrap}.empty{padding:60px 30px;text-align:center;color:white;font-size:15px}.footer{padding:18px 30px;text-align:center;color:#555;font-size:12px;border-top:1px solid rgba(240,242,245,0.5);background:rgba(250,251,252,0.4)}@media(max-width:600px){body{padding:15px 10px}.file-time{display:none}.file-item{padding:12px 16px}.header{padding:20px 18px}.search-box,.footer{padding-left:18px;padding-right:18px}.header h1{font-size:22px}.header-avatar{width:44px;height:44px}}