:root{--bg:#f6f7f9;--panel:#fff;--text:#24282e;--muted:#757d88;--line:#e5e7ea;--blue:#2968c8;--blue-hover:#225bae;--blue-soft:#edf4ff;--red:#c74949;--shadow:0 18px 52px rgba(23,30,40,.18)}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);letter-spacing:0}button,input{font:inherit}button{cursor:pointer}.is-hidden{display:none!important}.primary,.secondary,.danger{height:38px;border-radius:6px;padding:0 16px;font-weight:600}.primary{border:1px solid var(--blue);background:var(--blue);color:#fff}.primary:hover{background:var(--blue-hover)}.secondary{border:1px solid #d9dde2;background:#fff;color:#4e5661}.secondary:hover{background:#f8f9fa}.danger{border:1px solid var(--red);background:var(--red);color:#fff}.wide{width:100%}.auth{height:100%;display:grid;place-items:center;padding:20px;background:#f3f5f7}.auth-box{width:min(380px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px 34px 38px;box-shadow:0 12px 36px rgba(27,36,48,.07)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px}.auth-brand span,.brand>span{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;background:#29323d;color:#fff;font-size:12px;font-weight:750}.auth-brand strong{font-size:17px}.auth h1{font-size:22px;margin:0 0 24px}.auth label,.modal-body label{display:grid;gap:7px;margin-bottom:17px;font-size:13px;color:#58616c}.auth input,.modal-body input{height:40px;border:1px solid #d9dde2;border-radius:6px;padding:0 11px;outline:0;color:var(--text)}.auth input:focus,.modal-body input:focus{border-color:#6c94d1;box-shadow:0 0 0 3px rgba(41,104,200,.1)}.form-error{min-height:20px;margin:-6px 0 10px;color:var(--red);font-size:12px}.app{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100%}.sidebar{background:#fbfbfc;border-right:1px solid var(--line);padding:18px 13px;display:flex;flex-direction:column}.brand{height:42px;display:flex;align-items:center;gap:10px;padding:0 7px;margin-bottom:17px}.brand strong{font-size:17px}.upload-open{margin:0 3px 18px;width:calc(100% - 6px)}nav{display:grid;gap:3px}nav button{height:39px;border:0;border-radius:6px;background:transparent;color:#515a66;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left}nav button:hover{background:#f0f2f4}nav button.active{background:var(--blue-soft);color:var(--blue);font-weight:600}nav i{width:19px;text-align:center;font-size:16px;font-style:normal}.nav-label{margin:19px 11px 7px;color:#a0a6ae;font-size:11px}.capacity{margin-top:auto;padding:15px 8px 3px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.capacity>div:first-child{display:flex;justify-content:space-between}.capacity small{font-size:11px}.meter{height:5px;background:#e3e6e9;margin:9px 0;border-radius:3px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:#557da9;border-radius:3px}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px}.search{width:min(450px,48vw);height:36px;border:1px solid #dde1e5;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fafbfc;color:#8f97a1}.search input{width:100%;border:0;outline:0;background:transparent}.account{margin-left:auto;display:flex;align-items:center;gap:10px;color:#626b76}.avatar{width:32px;height:32px;border:0;border-radius:50%;background:#e1e7ed;color:#49647c;font-size:11px;font-weight:700}.workspace{padding:25px 28px 38px}.crumbs{height:21px;margin-bottom:10px;color:#8a929c;font-size:12px}.crumbs button{border:0;background:none;padding:0;color:#687a91}.crumbs button:hover{text-decoration:underline}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.heading h1{margin:0;font-size:22px;font-weight:650}.heading p{margin:3px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;gap:8px}.file-panel{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.file-tools{height:47px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;padding:0 14px;color:#67707b;font-size:12px}.file-tools>span{width:1px;height:19px;background:var(--line);margin:0 7px}.file-tools button{height:30px;border:0;background:transparent;color:#606975;border-radius:4px;padding:0 9px}.file-tools button:hover:not(:disabled){background:#f1f3f5;color:#30363d}.file-tools button:disabled{opacity:.35;cursor:default}.file-tools .danger-text{color:var(--red)}.file-tools-right{margin-left:auto;border:1px solid var(--line);border-radius:5px;overflow:hidden}.file-tools-right button.active{background:#f0f2f4}.table-wrap{min-height:370px;position:relative}table{width:100%;border-collapse:collapse;table-layout:fixed}th{height:39px;text-align:left;color:#9198a1;font-size:11px;font-weight:500;border-bottom:1px solid var(--line);padding:0 12px}td{height:58px;border-bottom:1px solid #eef0f2;padding:0 12px;color:#626b76}tbody tr:hover{background:#f8faff}.check{width:42px}.type{width:13%}.size{width:12%}.date{width:19%}.actions{width:94px}.file-cell{display:flex;align-items:center;gap:11px;min-width:0}.file-cell button{border:0;background:transparent;padding:0;min-width:0;text-align:left;color:#262b31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-cell button:hover{color:var(--blue)}.file-icon{width:33px;height:33px;border-radius:5px;display:grid;place-items:center;flex:none;background:#eaf2ff;color:#2d69b9;font-size:10px;font-weight:700}.file-icon.folder{background:#eaf0f4;color:#557189}.file-icon.video{background:#f2ecfb;color:#7055a0}.file-icon.image{background:#eaf5ef;color:#4b8062}.file-icon.pdf{background:#fbedeb;color:#ae5b50}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions button{width:30px;height:30px;border:0;background:transparent;border-radius:4px;color:#77808b}.row-actions button:hover{background:#eef1f4;color:#343a42}.empty{position:absolute;inset:40px 0 0;display:grid;place-content:center;text-align:center;color:#959ca5;gap:8px}.link-button{border:0;background:transparent;color:var(--blue)}.modal-back{position:fixed;inset:0;background:rgba(25,31,39,.64);display:grid;place-items:center;padding:18px;z-index:30}.modal{width:min(510px,100%);background:#fff;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.modal header,.modal footer{height:55px;display:flex;align-items:center;padding:0 19px}.modal header{border-bottom:1px solid var(--line);justify-content:space-between}.modal header h2{font-size:16px;margin:0}.modal header button,.preview-modal header button{border:0;background:transparent;color:#707984;font-size:21px}.modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.drop-zone{margin:20px;height:174px;border:1px dashed #bac2cc;border-radius:6px;background:#fafbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#737d89;cursor:pointer}.drop-zone.dragging{border-color:var(--blue);background:var(--blue-soft)}.drop-zone input{display:none}.drop-zone strong{color:#3e454d;margin:8px 0 4px}.drop-zone small{font-size:12px}.drop-icon{width:35px;height:35px;border:1px solid #cbd1d8;border-radius:50%;display:grid;place-items:center;font-size:20px}.upload-list{max-height:160px;overflow:auto;margin:0 20px 20px}.upload-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef0f2;font-size:12px}.modal-body{padding:22px 19px}.modal-body label{margin:0}.small-modal{width:min(420px,100%)}.confirm-modal{width:min(420px,100%)}.confirm-modal p{margin:0;color:#59616b}.preview-back{padding:24px}.preview-modal{width:min(1120px,100%);height:min(760px,100%);background:#20252b;border-radius:8px;overflow:hidden;display:grid;grid-template-rows:58px 1fr;box-shadow:var(--shadow)}.preview-modal header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #dfe2e5}.preview-modal header>div:first-child{min-width:0;display:grid}.preview-modal header strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-modal header span{font-size:11px;color:var(--muted)}.preview-modal header>div:last-child{display:flex;gap:6px}.preview-stage{min-height:0;display:grid;place-items:center;overflow:auto;background:#252b32;color:#c9d0d8}.preview-stage img{max-width:100%;max-height:100%;object-fit:contain}.preview-stage video,.preview-stage audio{max-width:92%;max-height:90%}.preview-stage iframe{width:100%;height:100%;border:0;background:#fff}.preview-stage pre{width:min(850px,90%);height:90%;margin:0;overflow:auto;background:#fff;color:#2a3037;padding:24px;border-radius:4px;white-space:pre-wrap}.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:#29313a;color:#fff;padding:11px 15px;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:none}@media(max-width:800px){.app{grid-template-columns:64px 1fr}.sidebar{padding:15px 8px}.brand{justify-content:center;padding:0}.brand strong,nav span,.nav-label,.capacity{display:none}.upload-open{font-size:0;width:42px;margin:0 auto 18px}.upload-open:after{content:"+";font-size:22px}.topbar{padding:0 14px}.account>span{display:none}.workspace{padding:19px 14px}.heading-actions .secondary:last-child{display:none}.type,.size,.date,th.type,th.size,th.date,td:nth-child(3),td:nth-child(4),td:nth-child(5){display:none}.actions{width:72px}.preview-back{padding:0}.preview-modal{width:100%;height:100%;border-radius:0}}