:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#25344c;background:#f2f6fc}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:36px 28px 80px}.back{color:#536b88;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0}h1{font-size:42px;letter-spacing:-1px;margin:8px 0}h2{font-size:20px;margin:0 0 12px}p{color:#66768c;line-height:1.65}.eyebrow{font-size:12px;color:#7361c5;letter-spacing:3px;font-weight:750}.badge{padding:10px 16px;background:#e8e4fb;color:#6857b3;border-radius:30px;white-space:nowrap}.panel{background:white;border:1px solid #e0e7f0;padding:24px;border-radius:20px;margin-bottom:22px}.capacity progress{width:100%;height:12px;accent-color:#7863cf}.toolbar,.filehead,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.filehead h2{margin:0 auto 0 0}button,.button{font:inherit;background:#715bc5;border:0;border-radius:12px;color:white;min-height:46px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.45;cursor:default}.secondary{background:#e8edf5;color:#415571}.danger{background:#fbe8e9;color:#a13742}input[type=password]{font:inherit;border:1px solid #bbc6d6;border-radius:10px;padding:12px;max-width:100%;margin:10px}input[type=checkbox]{width:21px;height:21px;accent-color:#715bc5;vertical-align:middle}.files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.file{min-width:0;background:white;border:1px solid #e0e7f0;border-radius:18px;padding:18px}.file .symbol{height:90px;background:#f2f0fa;display:grid;place-items:center;font-size:40px;border-radius:10px;margin:14px 0}.filename{overflow-wrap:anywhere;line-height:1.5;margin-bottom:10px}.file p{font-size:13px}.file .actions{margin:12px 0 0}.file button,.file a{font-size:14px;padding:10px 13px}.empty{text-align:center;padding:50px;color:#79879b}.empty span{font-size:70px}dialog{border:0;border-radius:22px;padding:26px;max-width:min(850px,94vw);max-height:92vh;width:600px;box-shadow:0 20px 100px #17243e55}dialog::backdrop{background:#13203b99}dialog h2{margin-top:20px;overflow-wrap:anywhere}#media img,#media video{display:block;max-width:100%;max-height:65vh;margin:auto}#notice:empty{display:none}#notice{background:#fff4df;padding:14px;border-radius:12px;color:#775521}.task{border-top:1px solid #e4e9f1;padding:16px 0;overflow-wrap:anywhere}.task progress{width:100%;accent-color:#715bc5}.task button{margin:8px 8px 0 0}.task p{margin:6px 0}#loginForm{display:flex;align-items:center;flex-wrap:wrap}button:focus-visible,a:focus-visible,.button:focus-visible{outline:3px solid #b39af0;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){main{padding:24px 16px 50px}header{display:block;margin:26px 0}h1{font-size:34px}.badge{display:inline-block;margin-top:8px}.files{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.filehead{gap:10px}.filehead h2{width:100%}.file .actions{display:grid}.toolbar label{flex:1}}@media(max-width:420px){.files{grid-template-columns:1fr}.toolbar{gap:8px}.toolbar button{padding:12px}.file .symbol{height:72px}}
#breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:24px 0;overflow-wrap:anywhere}.crumb{background:transparent;color:#6654ae;max-width:100%;overflow-wrap:anywhere;text-align:left;padding:8px 10px}.crumb[aria-current]{background:#e8e4fb}.filehead h2{flex-basis:100%}.filehead>span{color:#66768c;font-size:14px}.mediaTile,.folderTile{position:relative;width:100%;height:190px;margin:14px 0;background:#f2f0fa;border-radius:12px;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;color:#415571}.folderTile{font-size:64px}.mediaTile img,.mediaTile video{width:100%;height:100%;object-fit:contain}.mediaTile .fallback{position:absolute;font-size:42px}.mediaTile img{position:relative}.mediaTile .play{position:absolute;min-height:52px;width:52px;border-radius:50%;background:#443477dd;color:white;font-size:24px;z-index:1}#folderName{font:inherit;width:100%;padding:12px;border:1px solid #bbc6d6;border-radius:10px;margin-top:12px}#folderError{color:#a13742}#downloads .button,#downloads button{margin-right:8px}#media{touch-action:pan-y pinch-zoom}#media img{object-fit:contain}#selectedCount{white-space:nowrap}@media(max-width:760px){.mediaTile,.folderTile{height:170px}.filehead button{flex:1}.crumb{min-height:44px}}@media(max-width:420px){.mediaTile,.folderTile{height:210px}}
.file .folderTile{font-size:64px}.filehead>label{white-space:nowrap}.filehead>button{white-space:nowrap;min-width:106px}@media(max-width:420px){.filehead>button{flex:1 1 30%;padding:12px 8px;font-size:14px}.filehead>label,.filehead>#selectedCount{flex:0 0 auto}}

/* Dark green site theme, preserving warning and destructive action colors. */
:root{color-scheme:dark;background:#090f0c;color:#e8f5ed}
p,.back,.empty,.filehead>span{color:#b6cdbf}.eyebrow,a,.crumb{color:#86efac}
.panel,.file,dialog{background:#142219;color:#e8f5ed;border-color:#31523e}
button,.button{background:#4ade80;color:#052e16}
.secondary,.badge,.crumb[aria-current]{background:#193526;color:#bbf7d0}
.crumb{background:transparent}.danger{background:#45252b;color:#ffb4a9}
.file .symbol,.mediaTile,.folderTile{background:#193526;color:#bbf7d0}
.mediaTile .play{background:#19452bdd;color:#bbf7d0}
input[type=password],#folderName{background:#101c15;color:#e8f5ed;border-color:#31523e}
input[type=checkbox],.capacity progress,.task progress{accent-color:#4ade80}
.task{border-color:#31523e}#notice{background:#3a3018;color:#ffe5a3}#folderError{color:#ffb4a9}
button:focus-visible,a:focus-visible,.button:focus-visible,input:focus-visible{outline:3px solid #4ade80;outline-offset:3px}

/* Folder card: whole card opens the folder; icon is blue. */
.file.folder-card{cursor:pointer}
.folderTile .folderIcon{width:64px;height:64px;color:#3b82f6;fill:currentColor}