@charset "UTF-8";
.mobile-nav{display:none}
@media(max-width:620px){.mobile-nav{display:flex;gap:4px;border-bottom:1px solid #e9ecea;background:#fff;padding:7px 12px}.mobile-nav button{flex:1;border:0;border-radius:5px;background:none;font-size:10px;color:#8b988e;padding:9px 3px}.mobile-nav button.active{background:#edf5f0;color:#347860}}
:root{--bg:#f8f9fb;--white:#fff;--ink:#26342f;--muted:#8b938f;--line:#e9ecea;--green:#347860;--green-soft:#edf5f0;--sidebar:238px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #96c5af;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:#fff;border-right:1px solid var(--line);padding:35px 22px 0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:2px;padding-left:7px}.brand-mark{width:42px;height:44px;border-radius:13px;background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center}.brand-mark svg{width:25px;height:25px;stroke-width:1.8}.brand-en{display:block;font-size:9px;letter-spacing:2.8px;font-weight:500;margin-top:1px;color:#78877d}.workspace-tag{display:flex;gap:7px;align-items:center;font-size:11px;border:1px solid var(--line);border-radius:7px;margin:32px 1px 31px;padding:11px 10px;color:#77847c;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#5c9c7d;display:inline-block;flex-shrink:0}.local-tag{font-size:9px;letter-spacing:.7px;margin-left:auto;color:#9baba1}.nav-label{font-size:10px;color:#a1aaa4;letter-spacing:2px;padding:0 15px;margin-bottom:13px}.nav-item{width:100%;border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 15px;margin-bottom:6px;border-radius:7px;color:#7c8780;font-size:13px}.nav-item svg{width:18px;height:18px}.nav-item.active{background:var(--green-soft);color:var(--green);font-weight:600}.nav-item:hover{background:#f4f7f5}.nav-item span{margin-left:auto;font-size:11px;font-weight:500}.sidebar-bottom{margin-top:auto;padding-top:45px}.storage-label{display:flex;align-items:center;gap:8px;font-size:11px}.storage-label svg{width:15px;height:15px;color:#8b9a90}.online-dot{margin-left:auto;width:5px;height:5px;background:#64a181;border-radius:50%}.storage-track{height:4px;background:#edf1ee;margin-top:14px;border-radius:4px;overflow:hidden}.storage-track span{display:block;width:0;height:100%;background:#86b399;transition:width .3s}.sidebar-bottom>p{font-size:10px;color:#98a29b;line-height:1.8;margin-top:9px}.sidebar-note{font-size:11px;line-height:1.9;color:#a8b0aa;padding:24px 0 27px}.profile{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:20px 0;font-size:11px}.avatar{width:32px;height:32px;background:#efe9df;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#96836b;font-size:12px}.profile small{display:block;font-size:9px;color:#a6aea8;margin-top:4px}.profile button{margin-left:auto}main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar))}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:11px;color:#99a19b;background:#fff9}.topbar>span{display:flex;align-items:center;gap:13px}.topbar svg{height:11px;width:11px;color:#b4bcb6}.topbar strong{font-weight:400;color:#68766d}.environment{font-size:10px}.environment>span:last-child{background:#edf1ee;padding:3px 6px;border-radius:4px;font-size:9px;color:#96a099}.content{max-width:1560px;margin:auto;padding:39px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#9ca8a0;font-weight:600}h1{font-size:30px;font-weight:650;letter-spacing:1.2px;margin:9px 0 11px;line-height:1.4}.heading-dot{color:#63a183;margin-left:2px}.page-heading p{font-size:12px;color:#929b94;margin:0;line-height:1.7}.heading-actions{display:flex;gap:10px;align-self:flex-end;padding-bottom:3px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .15s,box-shadow .15s}.button svg{width:16px;height:16px}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 5px #34786012}.button.primary:hover{background:#28634e}.button.secondary{border-color:#dfe5e0;background:white;color:#627268}.button.secondary:hover{background:#f2f6f3}.button.danger{background:#b65151;color:#fff}.upload-zone{position:relative;display:flex;align-items:center;gap:22px;padding:32px 32px 39px;border:1px dashed #bbd2c4;background:linear-gradient(110deg,#eef5f0,#f7faf6);border-radius:11px;min-height:158px}.upload-art{height:64px;width:64px;position:relative;display:flex;align-items:center;justify-content:center;background:#fff9;border:1px solid #fff;border-radius:17px;color:#5f9377;box-shadow:0 6px 14px #8095860a;transform:rotate(-6deg);flex-shrink:0}.upload-art svg{height:29px;width:29px;transform:rotate(6deg);stroke-width:1.4}.art-dot{position:absolute;width:13px;height:13px;background:#d0dfbd;border:3px solid #f6faf4;border-radius:50%;top:-4px;right:-4px}.upload-copy h2{font-size:16px;font-weight:550;letter-spacing:.5px;margin:0 0 10px}.upload-copy p{font-size:10px;color:#94a397;margin:0}.upload-zone-actions{margin-left:auto;text-align:right;white-space:nowrap}.text-button{border:0;background:none;font-size:11px;color:var(--green);padding:7px 4px}.text-button:hover{text-decoration:underline}.text-button span{margin-left:9px}.upload-zone-actions button{display:block;margin-left:auto}.text-button.subtle{font-size:10px;color:#96a397}.upload-limit{font-size:9px;position:absolute;bottom:12px;right:26px;color:#a5b1a5}.summary{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.7fr;align-items:center;margin:27px 0 30px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 0}.summary>div{display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid var(--line)}.summary>div:last-child{border-right:0}.summary-icon{display:flex;align-items:center;justify-content:center;height:37px;width:37px;border-radius:9px;flex-shrink:0}.green{background:#f0f6f2;color:#7b9b89}.gold{background:#faf5e9;color:#c3a05d}.purple{background:#f3f1f9;color:#9b8fb5}.summary small{display:block;font-size:10px;color:#929c94;margin-bottom:7px}.summary strong{font-size:20px;letter-spacing:.2px;font-weight:550;white-space:nowrap}.summary em{font-size:10px;font-weight:400;font-style:normal;color:#adb4af;margin-left:4px}.summary .summary-tip{font-size:10px;color:#86968b;gap:9px;line-height:1.7}.summary-tip>svg{color:#8fb09a;width:18px;height:18px}.summary-tip small{font-size:9px;color:#adb6ae;margin:3px 0 0}.file-section{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.file-toolbar{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px}.breadcrumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;min-width:100px}.breadcrumbs button{background:none;border:0;color:#859287;padding:4px 2px;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs button:last-child{font-weight:600;color:#354d3e}.breadcrumbs svg{width:11px;height:11px;color:#aab4ac}.toolbar-controls{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:7px;background:#f8f9f8;border:1px solid #eef0ee;border-radius:6px;padding:8px 10px}.search svg{width:14px;height:14px;color:#a1aaa3}.search input{border:0;outline:0;min-width:0;width:165px;background:none;font-size:10px;color:#5e6e61}.search input::placeholder{color:#abb3ad}select{max-width:105px;font-size:10px;border:0;outline:0;background:white;color:#8b978e;padding:8px 2px;cursor:pointer}.icon-button{width:29px;height:29px;padding:6px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#a2ada4;border-radius:4px;flex-shrink:0}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:#eff4f0;color:#528365}.icon-button.active{background:#edf2ee;color:#648671}.view-toggle{display:flex;border-left:1px solid var(--line);padding-left:9px;gap:3px}.file-row{display:grid;grid-template-columns:24px minmax(150px,1fr) 95px 138px 118px;gap:12px;align-items:center;padding:15px 23px;border-top:1px solid #f0f2f0;min-height:70px;font-size:11px}.file-row:hover{background:#fbfcfb}.file-row.selected{background:#f2f7f3}.file-row.table-head{min-height:39px;padding-top:11px;padding-bottom:11px;background:#fafbf9;font-size:10px;color:#9da69e}.file-row input[type=checkbox]{appearance:none;width:13px;height:13px;border:1px solid #dbe2db;border-radius:3px;background:white;margin:0;cursor:pointer;position:relative}.file-row input[type=checkbox]:checked{background:var(--green);border-color:var(--green)}.file-row input[type=checkbox]:checked:after{content:'✓';color:white;font-size:10px;position:absolute;left:1px;top:-2px}.name-cell{display:flex;align-items:center;gap:12px;min-width:0}.file-icon{width:35px;height:39px;border-radius:7px;background:#f2f4f5;color:#8d9b9d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon svg{width:21px;height:21px}.file-icon.folder{background:#faf5e9;color:#c6a45e}.file-icon.folder svg{fill:#e8ce92;stroke:#c3a05d;stroke-width:1.2}.file-icon.image{background:#edf5ee;color:#77a786}.file-icon.document{background:#eef2fa;color:#799ac1}.file-icon.archive{background:#f7f0e9;color:#bb986d}.file-icon.code{background:#efedf7;color:#9b8cc0}.file-icon.video{background:#f8edef;color:#bd8993}.file-icon.music{background:#f0eef9;color:#9a84bc}.file-name{padding:0;border:0;background:none;font-size:11px;line-height:1.5;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;color:#4a5b4f}.file-name:hover{color:var(--green);text-decoration:underline}.name-copy{min-width:0}.file-meta{display:block;font-size:9px;color:#adb5af;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.size-cell,.date-cell{color:#9aa59c;font-size:10px}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions .icon-button{width:27px;height:27px}.row-actions .delete-button:hover{background:#fbefef;color:#b26969}.file-footer{display:flex;justify-content:space-between;padding:14px 23px;border-top:1px solid var(--line);font-size:9px;color:#a5afa6}.file-footer>span:last-child{display:flex;align-items:center;gap:6px}.file-footer svg{width:12px;height:12px}.empty{text-align:center;padding:48px 20px 54px;border-top:1px solid #f0f2f0}.empty-icon{display:inline-flex;background:#f4f6f2;width:65px;height:65px;align-items:center;justify-content:center;border-radius:20px;color:#adc2ae}.empty-icon svg{width:30px;height:30px}.empty h3{font-size:14px;font-weight:500;margin:19px 0 9px;color:#6e8071}.empty p{font-size:11px;color:#a4aea4;margin:0 0 20px}.empty .button{font-size:11px;padding:9px 17px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 30px;color:#a7b0a8;font-size:9px;letter-spacing:.3px}.footer-divider{margin:0 8px;color:#c4cbc4}.page-footer>span:last-child{display:flex;align-items:center;gap:7px}.page-footer .status-dot{width:4px;height:4px}.selection-bar{display:flex;align-items:center;gap:16px;padding:8px 22px;background:#f0f6f1;border-top:1px solid var(--line);font-size:11px;color:#65846b}.selection-bar>span{margin-right:auto}.danger-text{color:#b66666!important}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;padding:10px 22px 23px}.grid-layout .file-row{display:flex;flex-direction:column;position:relative;gap:10px;align-items:stretch;border:1px solid var(--line);border-radius:8px;padding:20px 14px 9px;min-height:180px}.grid-layout .file-row>input{position:absolute;left:12px;top:12px}.grid-layout .name-cell{flex-direction:column;text-align:center;gap:14px}.grid-layout .file-icon{width:50px;height:54px;border-radius:11px}.grid-layout .file-icon svg{width:29px;height:29px}.grid-layout .file-name{text-align:center;width:100%}.grid-layout .name-copy{width:100%}.grid-layout .size-cell{text-align:center}.grid-layout .date-cell{display:none}.grid-layout .row-actions{justify-content:center;border-top:1px solid var(--line);padding-top:6px;margin-top:auto}.grid-layout .file-meta{max-width:100%}.transfer-panel{margin-top:22px;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.transfer-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-bottom:1px solid var(--line)}.transfer-heading h2{font-size:13px;margin:0;font-weight:550}.transfer-heading h2 span{font-size:10px;font-weight:400;margin-left:10px;color:#9aab9e}.transfer-item{display:flex;align-items:center;gap:13px;padding:13px 23px;border-bottom:1px solid #f1f3ef}.transfer-details{min-width:0;flex:1}.transfer-name{font-size:11px;display:flex;justify-content:space-between;gap:12px}.transfer-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-status{color:#9bac9c;font-size:10px;flex-shrink:0}.progress-track{height:3px;background:#f0f4ef;border-radius:3px;margin-top:9px;overflow:hidden}.progress-fill{height:100%;background:#81ae8d;width:0;transition:width .15s}.transfer-item.error .progress-fill{background:#c78888}.transfer-item.error .transfer-status{color:#bd7777}.transfer-item.done .progress-fill{background:#b4c8b5}dialog{border:1px solid #e4eae2;box-shadow:0 20px 100px #233b3433;border-radius:15px;padding:30px;width:420px;max-width:calc(100vw - 32px);color:var(--ink)}dialog::backdrop{background:#182e263d;backdrop-filter:blur(3px)}dialog h2{font-size:21px;font-weight:550;margin:16px 0 10px}dialog p{font-size:12px;color:#8b9a8b;line-height:1.8;margin-bottom:24px}dialog label{display:block;font-size:11px;color:#7c8c7d;margin-bottom:9px}dialog input{border:1px solid #dbe4d9;border-radius:6px;padding:12px;width:100%;outline:0;color:#3f5642}dialog input:focus{border-color:#77a580;box-shadow:0 0 0 3px #e9f2e9}.dialog-icon{background:#f0f5ed;border-radius:10px;width:43px;height:43px;display:flex;align-items:center;justify-content:center;color:#7e9f7b}.dialog-icon svg{width:23px;height:23px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}dialog .form-error{font-size:11px;color:#b66464;min-height:0;margin:9px 0 0}.delete-note{background:#faf4ef;padding:12px;border-radius:6px;color:#a3846d!important;font-size:11px!important}.full-width{width:100%;margin-top:20px}.full-width>span{margin-left:auto}.toasts{position:fixed;right:28px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{background:#fff;border:1px solid #dce8dc;box-shadow:0 5px 30px #253d2714;padding:14px 20px;border-radius:8px;font-size:12px;max-width:360px;display:flex;align-items:center;gap:9px;animation:toast-in .2s ease-out}.toast svg{color:#73a282;width:17px;height:17px}.toast.error{border-color:#eed8d5;color:#a45e5e}.drop-overlay{position:fixed;inset:12px;z-index:80;background:#eff8f1ef;border:2px dashed #83ad8d;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.drop-overlay>svg{width:56px;height:56px;color:#6d9976}.drop-overlay h2{font-size:25px;color:#557a59;font-weight:500}.drop-overlay p{font-size:13px;color:#8caa8c}.loading{padding:65px;text-align:center;color:#9bad9d;font-size:12px}.error-state{color:#b16f6f;padding:35px;text-align:center}.error-state button{display:block;margin:12px auto 0}@keyframes toast-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1500px){.content{padding-top:50px}.page-heading{margin-bottom:36px}.upload-zone{min-height:180px}.summary{margin:32px 0 36px;padding:25px 0}.file-row{min-height:76px}}@media(max-width:1200px){:root{--sidebar:210px}.sidebar{padding-left:16px;padding-right:16px}.content{padding:30px 27px 0}.topbar{padding:0 27px}.summary>div{padding:0 17px;gap:10px}.summary{grid-template-columns:1fr 1fr 1fr}.summary .summary-tip{display:none}.summary>div:nth-child(3){border:0}.upload-copy h2{font-size:15px}.upload-zone{padding-left:25px;padding-right:25px;gap:18px}.file-toolbar{flex-wrap:wrap}.toolbar-controls{margin-left:auto}.file-row{grid-template-columns:20px minmax(130px,1fr) 75px 105px 105px;gap:8px}.search input{width:140px}.heading-actions{gap:7px}.heading-actions .button{padding:10px 12px}}@media(max-width:900px){:root{--sidebar:75px}.sidebar{padding:26px 10px 0}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace-tag,.nav-label,.sidebar-bottom,.nav-item span{display:none}.brand-mark{width:38px;height:40px}.sidebar nav{margin-top:35px}.nav-item{font-size:0;padding:14px;justify-content:center}.nav-item svg{width:20px;height:20px}.content{padding:28px 24px 0}.topbar{height:60px;padding:0 24px}.upload-zone{gap:15px;flex-wrap:wrap}.upload-art{width:51px;height:54px}.upload-zone-actions{margin-left:65px;display:flex;align-items:center;gap:14px}.upload-limit{bottom:15px;font-size:8px}.page-heading{align-items:flex-start}.page-heading p{max-width:250px;line-height:1.8;font-size:11px}.heading-actions{align-self:center}.heading-actions .button{font-size:11px;padding:10px}.eyebrow{font-size:8px}h1{font-size:26px}.file-row{grid-template-columns:18px minmax(100px,1fr) 64px 94px}.date-cell{display:none}.file-row.table-head .date-head{display:none}.row-actions{gap:0}.row-actions .icon-button{width:26px}.toolbar-controls{gap:7px}.search input{width:150px}.summary>div{padding:0 18px}.summary strong{font-size:18px}.summary-icon{width:31px;height:34px}}@media(max-width:620px){:root{--sidebar:0px}.sidebar{display:none}.content{padding:25px 16px 0}.topbar{height:52px;padding:0 18px}.page-heading{flex-wrap:wrap;gap:21px;margin-bottom:22px}.page-heading p{max-width:none}.heading-actions{width:100%;align-self:auto}.heading-actions .button{padding:11px 16px;font-size:12px}.heading-actions .primary{flex:1}.upload-zone{padding:24px 18px 33px;gap:13px}.upload-art{width:43px;height:47px;border-radius:12px}.upload-art svg{width:23px;height:23px}.upload-copy{flex:1}.upload-copy h2{font-size:13px}.upload-copy p{font-size:9px;line-height:1.8}.upload-zone-actions{margin-left:54px;gap:16px}.upload-limit{font-size:8px;right:15px;bottom:10px}.summary{margin:20px 0;padding:18px 0;gap:0}.summary>div{padding:0 13px;gap:9px}.summary-icon{display:none}.summary small{font-size:9px}.summary strong{font-size:18px}.summary em{font-size:9px}.file-toolbar{padding:16px 14px;gap:14px}.toolbar-controls{width:100%;margin:0;gap:5px;justify-content:space-between}.search{flex:1;max-width:calc(100% - 145px);padding:8px}.search input{width:100%}.view-toggle{padding-left:5px}.toolbar-controls>select{max-width:80px;font-size:9px}.toolbar-controls>#refresh{display:none}.file-row{padding:13px 14px;grid-template-columns:15px minmax(90px,1fr) 45px 77px;gap:6px;min-height:69px}.file-row.table-head{font-size:9px}.file-icon{width:29px;height:34px}.file-icon svg{width:19px;height:19px}.name-cell{gap:9px}.file-name{font-size:10px}.file-meta,.size-cell{font-size:8px}.row-actions .icon-button{width:25px;height:28px;padding:6px}.row-actions .icon-button svg{width:14px;height:14px}.file-footer{padding:13px 14px;font-size:8px}.file-footer>span:last-child{max-width:195px}.empty{padding:38px 15px}.empty h3{font-size:13px}.empty p{font-size:10px}.page-footer{font-size:8px;gap:12px;line-height:1.8}.grid-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 14px}.grid-layout .file-row{padding:19px 10px 8px}.grid-layout .file-name{font-size:10px}.toasts{right:14px;left:14px;bottom:15px}.toast{max-width:100%;font-size:11px}.transfer-item{padding:13px}.transfer-heading{padding:13px}.transfer-name{font-size:10px}.transfer-status{font-size:9px}.transfer-heading h2{font-size:12px}.selection-bar{padding:8px 14px;gap:8px}.selection-bar>span{font-size:10px}.breadcrumbs button{max-width:120px}dialog{padding:25px}.page-footer>span:last-child{white-space:nowrap}}