:root{--bg:#edf1ef;--surface:#fff;--surface-alt:#f5f8f6;--surface-hover:#eaf1ed;--border:#dce6e0;--border-hover:#9bb7aa;--text:#182b28;--muted:#526a61;--accent:#176a54;--accent-hover:#0e5442;--error:#a12c35;--white:#fff;--shadow:rgba(22,52,42,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans CJK SC','Microsoft YaHei','PingFang SC',sans-serif;font-size:15px;line-height:1.6}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.top{background:var(--surface);border-bottom:1px solid var(--border)}.top-inner{max-width:1384px;height:78px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:19px;font-weight:700;line-height:1.15}.brand small{display:block;font-size:9px;letter-spacing:.17em;font-weight:600;margin-top:5px;color:var(--muted)}.brand-mark{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--accent);display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-25deg)}.brand-mark i{display:block;width:2px;background:var(--accent);height:13px}.brand-mark i:nth-child(2){height:21px}.top-right{display:flex;align-items:center;gap:24px}.status{color:var(--muted);font-size:13px}.status>span{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:8px}.text-button{border:0;background:transparent;color:var(--muted);padding:8px}.text-button:hover{color:var(--accent)}.shell{max-width:1280px;padding:60px 40px 90px;margin:0 auto;min-height:calc(100vh - 150px)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px}.eyebrow,.micro{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.16em;margin:0 0 16px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}.heading h1{font-size:36px;line-height:1.2;letter-spacing:-.04em;margin:0;font-weight:650}.heading-dot{color:var(--accent)}.lead-app{color:var(--muted);margin:9px 0 0}.button{height:48px;padding:0 20px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;cursor:pointer}.button:hover{border-color:var(--border-hover);background:var(--surface-hover)}.button:active{transform:translateY(1px)}.button-primary{background:var(--accent);color:var(--white);border-color:var(--accent);font-weight:600}.button-primary:hover{background:var(--accent-hover);color:var(--white)}.button:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible,button:focus-visible,input:focus-visible,.drop:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.workgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.files-section{min-height:500px;overflow:hidden}.section-head{padding:26px 28px 23px;display:flex;justify-content:space-between;gap:18px;align-items:center}.section-head h2,.side h2{font-size:18px;line-height:1.3;margin:0 0 6px}.subtle{color:var(--muted);margin:0;font-size:14px}.search-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;color:var(--muted);height:40px}.search-wrap input{border:0;background:transparent;outline:0;width:122px;min-width:0;color:var(--text)}.search-wrap .icon{width:17px;height:17px}.list-header,.file-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 125px 100px;gap:12px;align-items:center}.list-header{padding:13px 28px;background:var(--surface-alt);color:var(--muted);font-size:12px}.file-row{padding:17px 28px;border-bottom:1px solid var(--border);min-height:78px}.file-row:hover{background:var(--surface-hover)}.file-main{min-width:0;display:flex;align-items:center;gap:13px}.file-icon{width:40px;height:46px;display:grid;place-items:center;border-radius:9px;background:var(--surface-alt);border:1px solid var(--border);color:var(--accent);flex:none}.filename{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-date{font-size:12px;color:var(--muted)}.file-size,.file-time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.file-time strong{font-weight:600;color:var(--accent)}.row-actions{display:flex;gap:3px;justify-content:flex-end}.icon-button{border:0;background:transparent;color:var(--muted);width:34px;height:40px;border-radius:8px}.icon-button:hover{background:var(--surface);color:var(--accent)}.icon-button .icon{width:18px;height:18px}.empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--muted)}.empty .empty-icon{width:56px;height:64px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;color:var(--accent);margin-bottom:16px}.empty .empty-icon .icon{width:25px;height:25px}.empty strong{color:var(--text);font-size:16px}.empty p{font-size:14px;margin:5px 0}.side{display:grid;gap:16px}.drop{padding:26px;min-height:206px;border:1px dashed var(--border-hover);background:var(--surface);cursor:pointer}.drop:hover,.drop.dragging{background:var(--surface-hover);border-color:var(--accent)}.drop-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:var(--white);border-radius:50%;margin-bottom:19px}.drop h2{font-size:17px}.drop p{font-size:13px;color:var(--muted);margin:0 0 21px}.drop-foot{font-size:12px;color:var(--muted)}.timer{padding:24px 26px;background:var(--text);color:var(--white);border-color:var(--text);overflow:hidden}.timer-top{display:flex;align-items:center;justify-content:space-between;color:var(--border-hover);font-size:13px}.timer-number{font-size:29px;letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:21px 0 10px;font-weight:500}.timer-number span{color:var(--border-hover)}.timer-ticks{height:12px;background:repeating-linear-gradient(90deg,var(--border-hover) 0 1px,transparent 1px 9px);opacity:.55}.timer p:last-child{color:var(--border-hover);font-size:12px;margin:20px 0 0;line-height:1.7}.upload-state{padding:18px 20px;display:grid;gap:6px;font-size:13px}.upload-state span{color:var(--muted)}.progress{height:4px;border-radius:3px;background:var(--border);overflow:hidden}.progress div{background:var(--accent);height:100%;width:0}.foot{max-width:1280px;margin:auto;padding:0 40px 25px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.08em}.foot div{display:flex;gap:20px}.login-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);align-items:center;gap:80px;min-height:600px}.login-story h1{font-size:clamp(48px,5vw,72px);line-height:1.15;letter-spacing:-.04em;font-weight:650;margin:0 0 20px}.lead{color:var(--muted);font-size:16px;max-width:440px}.story-rule{display:flex;justify-content:space-between;margin-top:42px;padding:13px 0;border-top:1px solid var(--border-hover);color:var(--muted);font-size:11px;letter-spacing:.04em}.poster{height:205px;position:relative;overflow:hidden;background:#dbe7df;border-radius:4px}.poster-orbit{position:absolute;width:280px;height:280px;border:1px solid #a9c6b5;border-radius:50%;left:10%;top:-75px}.orbit-b{width:190px;height:190px;left:18%;top:-22px}.poster-core{position:absolute;width:110px;height:110px;left:22%;top:20px;border-radius:50%;background:var(--accent);color:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column}.poster-core span{font-size:39px;line-height:1;font-variant-numeric:tabular-nums}.poster-core small{font-size:9px;letter-spacing:.15em;margin-top:5px}.poster-label{position:absolute;right:18px;bottom:16px;text-align:right;font-size:9px;letter-spacing:.1em;color:var(--accent)}.login-card{padding:34px;max-width:430px;width:100%;justify-self:end;box-shadow:0 12px 40px var(--shadow)}.login-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.section-index{font-size:12px;color:var(--muted)}.mini-mark{font-size:20px;color:var(--accent)}.login-card h2{font-size:25px;margin:0 0 4px}.login-card form{margin-top:30px;display:grid;gap:8px}.login-card label{font-size:13px;font-weight:600;margin-top:10px}.login-card input{width:100%;height:48px;border:1px solid var(--border);background:var(--surface-alt);border-radius:9px;padding:0 12px;color:var(--text)}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:8px;top:5px;height:38px;border:0;background:transparent;color:var(--muted);font-size:12px}.login-submit{margin-top:18px;width:100%;justify-content:space-between}.error{color:var(--error);font-size:13px;margin:5px 0}.login-foot{border-top:1px solid var(--border);margin:33px 0 0;padding-top:20px;font-size:12px;color:var(--muted)}.login-foot .icon{width:16px;height:16px;margin-right:6px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:10px;color:var(--white);background:var(--text);box-shadow:0 6px 24px var(--shadow);z-index:3;font-size:14px}@media(max-width:900px){.workgrid{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.upload-state{grid-column:1/-1}.login-layout{gap:32px;grid-template-columns:1fr 1fr}}@media(max-width:650px){.top-inner{height:68px;padding:0 18px}.status{display:none}.shell{padding:36px 16px 65px}.heading{align-items:center;margin-bottom:26px}.heading h1{font-size:29px}.eyebrow{font-size:9px}.lead-app{font-size:13px}.upload-button{padding:0 13px}.section-head{padding:20px 18px;align-items:flex-start}.search-wrap input{width:75px}.list-header{display:none}.file-row{grid-template-columns:minmax(0,1fr) auto;padding:15px 18px;gap:4px}.file-main{grid-column:1;grid-row:1}.file-size{grid-column:1;grid-row:2;padding-left:53px}.file-time{grid-column:1;grid-row:3;padding-left:53px}.row-actions{grid-column:2;grid-row:1/4}.files-section{min-height:350px}.side{grid-template-columns:1fr 1fr;gap:10px}.drop,.timer{padding:18px}.drop{min-height:185px}.timer-number{font-size:22px}.timer p:last-child{font-size:11px}.login-layout{display:flex;flex-direction:column;align-items:stretch;gap:28px;min-height:0}.login-story h1{font-size:43px}.story-rule{margin-top:22px}.poster{height:145px}.poster-core{top:18px;width:92px;height:92px}.login-card{max-width:none;padding:25px}.login-card-top{margin-bottom:25px}.foot{padding:0 16px 20px}.foot div span:nth-child(2){display:none}}@media(max-width:650px){.login-layout{gap:16px}.login-story h1{font-size:32px;line-height:1.2;margin-bottom:8px}.login-story .micro{margin-bottom:9px}.login-story .lead{margin:0;font-size:14px}.story-rule,.poster{display:none}.login-card-top{margin-bottom:12px}.login-card form{margin-top:16px}.login-card{padding:22px}.login-foot{margin-top:20px;padding-top:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Practical controls and compact file list. */
.files-section{min-height:360px}.list-header,.file-row{grid-template-columns:minmax(0,1fr) 80px 110px 144px}.icon-button{width:44px;height:44px}.toast{pointer-events:none}@media(max-width:650px){.files-section{min-height:290px}.file-row{grid-template-columns:minmax(0,1fr) auto}.row-actions{gap:0}}