:root{--bg:#f3f5f1;--paper:#fff;--ink:#1e322a;--muted:#77867d;--accent:#23684e;--line:#e0e7df;--warn:#a14b29;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Trebuchet MS","Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button,input[type=button],input[type=submit]{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #80b39a;outline-offset:3px}button:disabled,input:disabled{opacity:.5;cursor:wait}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.login-shell{width:min(100%,440px);background:white;border:1px solid var(--line);border-radius:20px;padding:42px;text-align:left;box-shadow:0 20px 65px #173f2810}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--accent);color:#fff;font:bold 31px Georgia,serif}.eyebrow{margin:30px 0 12px;color:var(--muted);font-size:11px;letter-spacing:.22em}.login-shell h1{font-size:35px;line-height:1.4;letter-spacing:-.05em;font-weight:500;margin:0}.login-caption{color:var(--muted);margin:14px 0 28px}.login-shell label{display:block;font-size:13px;margin:17px 0 7px}.login-shell input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fafbf9;color:var(--ink)}.primary{background:var(--accent);color:white;border:0;border-radius:8px;padding:12px 18px}.login-shell button{width:100%;margin-top:23px;text-align:left;display:flex;justify-content:space-between}.login-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:12px;color:var(--muted)}.login-note{font-size:12px;color:var(--muted);margin:24px 0}#login-error{color:#a13b2b;font-size:13px;margin-bottom:0}
body:not(.login-page){padding:34px min(4vw,56px);text-align:left;background:var(--bg);color:var(--ink)}.app-header{max-width:1240px;margin:0 auto 24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.app-brand{display:flex;gap:15px;align-items:center}.app-header h1{margin:0;font-size:25px;font-weight:500;letter-spacing:-.03em}.app-header small{font-size:12px;color:var(--muted)}.app-header .brand-mark{width:45px;height:45px;font-size:29px}.account-controls{display:flex;align-items:center;gap:18px}.quiet-button{border:1px solid var(--line);border-radius:8px;background:transparent;padding:8px 13px;color:var(--ink)}.capacity{max-width:1240px;margin:0 auto 23px;padding:17px 22px;background:#e7efe5;border:1px solid #d8e5d5;border-radius:11px;display:grid;grid-template-columns:1fr auto;gap:7px 20px;font-size:13px}.capacity strong{font-weight:600}.capacity .quota-detail{color:#56705d}.capacity progress{grid-column:1/-1;width:100%;height:4px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#cdddc9}.capacity progress::-webkit-progress-bar{background:#cdddc9}.capacity progress::-webkit-progress-value{background:var(--accent)}.capacity.full{background:#fff0e8;border-color:#edc9b9;color:#963e21}.capacity.full progress::-webkit-progress-value{background:#a74a2e}
body:not(.login-page)>main{max-width:1240px;width:100%;margin:0 auto;background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:13px;min-height:340px}main>.buttons{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;margin-bottom:20px}main .buttons input[type=button],main .buttons a.btn{font-size:13px;border:1px solid var(--line);border-radius:7px;box-shadow:none;padding:8px 12px;color:var(--ink);background:#fff;margin:2px}.buttons input.upload{background:var(--accent)!important;color:white!important;border-color:var(--accent)!important}main table{width:100%;border-collapse:collapse;table-layout:auto;background:#fff}main thead td{background:#f7f9f5!important;padding:11px 12px!important;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}main thead button{color:var(--muted);font-weight:400;font-size:12px}main tbody td,main tbody th{padding:13px 12px!important;border-bottom:1px solid #edf0e9!important;text-align:left;font-size:13px}main tbody th{font-weight:400}main tbody tr:hover{background:#f7faf5}main .check{width:28px}main .size,main .date{white-space:nowrap;color:var(--muted);font-size:12px}main tbody a{color:var(--ink)!important;text-decoration:none!important}main .icon{border-radius:5px}main th a{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}.file-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 17px}.file-tools nav{font-size:13px;overflow-wrap:anywhere}.file-tools input{font-size:13px;width:220px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.app-footer{max-width:1240px;margin:15px auto;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.app-footer a{color:inherit}dialog{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 20px 80px #173f2833!important;padding:25px!important;max-width:calc(100vw - 30px);color:var(--ink);background:#fff}dialog:not(.preview){width:min(430px,90vw)}dialog input[type=text],dialog textarea{border:1px solid var(--line);border-radius:7px;padding:10px;width:100%;font-size:14px}dialog input[type=submit]{border:0;border-radius:7px;background:var(--accent);color:white;padding:9px 20px}dialog .close{text-align:right}dialog .close input{background:transparent;border:0;color:var(--muted);font-size:12px}#quota-reminder::backdrop{background:#112b2440}#quota-reminder h2{font-size:22px;margin:0 0 12px;font-weight:500}#quota-reminder p{font-size:14px;color:var(--muted)}#quota-reminder button{margin-top:15px;width:100%}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;background:var(--ink);color:#fff;padding:11px 20px;border-radius:9px;box-shadow:0 8px 24px #0002;font-size:13px;max-width:90vw}
@media(max-width:700px){.login-shell{padding:30px}.login-shell h1{font-size:30px}body:not(.login-page){padding:18px 12px}.app-header{gap:10px}.app-header h1{font-size:20px}.app-header .brand-mark{width:38px;height:38px}.account-controls small{display:none}.capacity{padding:14px;grid-template-columns:1fr}.capacity .quota-detail{font-size:12px}body:not(.login-page)>main{padding:12px}.file-tools{align-items:flex-start;flex-direction:column}.file-tools input{width:100%}main .date{display:none}main tbody td,main tbody th{padding:11px 6px!important}main .buttons input[type=button],main .buttons a.btn{padding:7px;font-size:12px}main .size{font-size:11px}main tbody td.buttons{max-width:110px}main tbody .buttons div{display:flex;flex-wrap:wrap;justify-content:flex-end}.capacity progress{grid-column:auto}.app-footer{font-size:10px;gap:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:root{--bg-color:#fff;--fg-color:#1e322a;--g1-color:#f5f8f3;--g2-color:#dce5d8;--g3-color:#6b8878;--link-color:#23684e;--visited-color:#23684e;--active-color:#23684e}.empty-row td{color:#77867d;text-align:center!important;padding:62px 12px!important}.upload-status{position:fixed;right:25px;bottom:24px;z-index:9000;max-width:calc(100vw - 36px);width:350px;background:#fff;border:1px solid #dce5d8;border-radius:12px;box-shadow:0 8px 32px #173f2822;padding:16px;font-size:13px}.upload-status span{overflow-wrap:anywhere}.upload-status progress{width:100%;height:5px;margin-top:10px;accent-color:#23684e}
main .buttons input.icon,main .buttons a[download]{text-indent:0!important;width:auto!important;height:auto!important;min-height:32px;overflow:visible!important;background-image:none!important} @media(max-width:800px){main table thead{display:block;width:100%;margin-bottom:5px}main table thead tr{display:flex!important;align-items:center;gap:7px;background:transparent}main thead td{display:block;padding:5px 8px!important;background:transparent!important;border:0!important}main table thead td.check{order:3;margin-left:auto;float:none}main table thead button{font-size:12px}main tbody .buttons input.icon,main tbody .buttons a[download]{font-size:11px;padding:5px 7px!important;min-height:32px}div.buttons .selected{position:static!important;box-shadow:none!important;padding:0!important}}

[hidden]{display:none!important}
#tempdisk-settings-dialog{width:min(520px,calc(100vw - 30px))}#tempdisk-settings-dialog h2{margin:0 0 12px;font-size:21px;font-weight:500}#tempdisk-settings-dialog fieldset{border:0;padding:0;margin:0}#tempdisk-settings-dialog label{display:block;font-size:13px}#tempdisk-settings-dialog .settings-toggle{display:flex;align-items:center;gap:8px;margin:18px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}#tempdisk-settings-dialog input[type=number]{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fff}.settings-quota,.settings-hint{color:var(--muted);font-size:12px}.settings-hint{margin-top:20px}.settings-status{font-size:13px;min-height:21px}.settings-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:520px){.settings-grid{grid-template-columns:1fr}.account-controls{gap:5px;flex-wrap:wrap;justify-content:flex-end}.account-controls button{font-size:12px;padding:7px}}
#storage-settings-dialog{width:min(520px,calc(100vw - 30px));text-align:left}#storage-settings-dialog h2{font-size:21px;font-weight:500;margin:0 0 20px}#storage-settings-dialog fieldset{border:0;padding:0;margin:0}#storage-settings-dialog label{display:block;font-size:13px;text-align:left}#storage-settings-dialog input,#storage-settings-dialog select{display:block;width:100%;padding:9px;margin-top:7px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:white;font:inherit}.storage-current,.storage-preview,.storage-system{font-size:12px;color:var(--muted);margin:14px 0}.storage-login{color:var(--accent);text-decoration:underline}