:root{--bg:#f6f7fb;--card:#fff;--text:#191c26;--muted:#7b8499;--line:#e5e9f1;--soft:#f4f6fa;--primary:#5968ff;--primary2:#7e5cff;--shadow:0 28px 65px rgba(31,40,70,.09)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;display:flex;flex-direction:column}.dark{--bg:#11141b;--card:#181d27;--text:#edf0f7;--muted:#929cb2;--line:#2a3241;--soft:#202633}.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.22;z-index:-1}.a1{width:360px;height:360px;background:#8792ff;top:-120px;left:-80px}.a2{width:340px;height:340px;background:#c0a5ff;right:-100px;top:180px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;max-width:1240px;width:100%;margin:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.top-actions{display:flex;gap:9px;align-items:center}.top-link,.admin-link,.icon-btn,.btnlike{border:1px solid var(--line);background:rgba(255,255,255,.55);color:var(--text);padding:9px 12px;border-radius:10px;text-decoration:none;font-size:13px;cursor:pointer}.dark .top-link,.dark .admin-link,.dark .icon-btn{background:#181d27}.icon-btn{width:38px}.shell{width:min(930px,calc(100% - 28px));margin:0 auto;flex:1}.hero{text-align:center;padding:28px 0 34px}.eyebrow{font-size:12px;letter-spacing:4px;font-weight:800;color:var(--primary)}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:18px 0 14px;letter-spacing:-2px}.hero p{margin:0;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.lock-card{text-align:center;padding:45px}.lock-icon{font-size:42px}.lock-card h2{margin:10px 0 5px}.lock-card p{color:var(--muted)}.password-row{display:flex;gap:8px;max-width:460px;margin:22px auto 0}.password-row input{flex:1}.password-row button,.confirm-btn{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-radius:12px;padding:12px 20px;font-weight:800;cursor:pointer}input,select{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px;outline:none}.upload-card{padding:16px}.dropzone{min-height:320px;border:1.5px dashed #ced5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;transition:.18s;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(250,251,255,.5))}.dark .dropzone{background:#171c26}.dropzone:hover,.dropzone.drag{border-color:var(--primary);background:rgba(89,104,255,.05);transform:translateY(-1px)}.upload-icon{width:68px;height:68px;border-radius:20px;background:#f1eeff;color:var(--primary);display:grid;place-items:center;font-size:32px}.dropzone h2{margin:18px 0 8px}.dropzone p{color:var(--muted);margin:6px}.fake-link{color:var(--primary);font-weight:700}.dropzone small{color:var(--muted);margin-top:8px}.options-bar{display:flex;align-items:center;gap:12px;padding:14px 4px 0;flex-wrap:wrap}.check{display:flex;align-items:center;gap:7px;font-size:13px}.check input{width:16px;height:16px}.ghost-btn{border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 11px;border-radius:9px;cursor:pointer}.storage-row{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:13px}.compress-panel{margin-top:12px;padding:14px;border:1px solid var(--line);background:var(--soft);border-radius:14px}.compress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compress-grid label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:6px}.compress-grid input,.compress-grid select{width:100%}.compress-grid small,.compress-note{font-size:11px;color:var(--muted)}.compress-note{margin:10px 0 0}.selection-panel{border-top:1px solid var(--line);margin-top:14px;padding:16px 4px 4px}.selection-head,.upload-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-head>div{display:flex;gap:10px;align-items:center}.selection-head span{color:var(--muted);font-size:12px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.preview-item{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--soft)}.preview-item img{width:100%;height:155px;object-fit:cover;display:block}.preview-meta{padding:9px 10px}.preview-meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.preview-meta small{color:var(--muted)}.remove-btn{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(10,12,18,.72);color:white;cursor:pointer}.confirm-btn{margin-left:auto}.confirm-btn:disabled{opacity:.5}.results-section{margin-top:28px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-title h2{margin:0 0 3px}.section-title p{margin:0;color:var(--muted);font-size:13px}.result-list{display:flex;flex-direction:column;gap:14px}.result-card{display:grid;grid-template-columns:160px 1fr;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:17px;padding:12px}.result-card>img{width:160px;height:150px;object-fit:cover;border-radius:12px;background:var(--soft)}.result-info{min-width:0}.result-title{display:flex;justify-content:space-between;gap:8px}.result-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-title small{color:var(--muted)}.format-row{display:grid;grid-template-columns:88px 1fr 64px;gap:7px;align-items:center;margin-top:8px}.format-row span{font-size:12px;color:var(--muted);font-weight:700}.format-row input{min-width:0;font-size:12px;padding:8px 9px}.format-row button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:8px;padding:8px;cursor:pointer}.history-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.history-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.history-card img{width:100%;height:150px;object-fit:cover}.history-card div{padding:9px}.history-card b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card small{color:var(--muted)}.history-card button{width:100%;margin-top:7px;border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:7px;color:var(--text);cursor:pointer}.site-footer{height:74px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px;margin-top:auto;padding:18px}.site-footer i{width:3px;height:3px;border-radius:50%;background:var(--muted)}.message{color:#d24a56;margin-top:10px}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);padding:10px 14px;background:#161922;color:#fff;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.topbar{height:auto;padding:14px 14px;gap:10px;align-items:flex-start}.brand span:last-child{display:none}.top-actions{flex-wrap:wrap;justify-content:flex-end}.admin-link{display:none}.shell{width:min(100% - 20px,930px)}.hero{padding:20px 0 24px}.hero h1{font-size:38px;letter-spacing:-1px}.upload-card{padding:10px}.dropzone{min-height:285px}.compress-grid{grid-template-columns:1fr 1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}.preview-item img{height:130px}.result-card{grid-template-columns:1fr}.result-card>img{width:100%;height:210px}.format-row{grid-template-columns:70px 1fr 56px}.history-list{grid-template-columns:repeat(2,1fr)}.options-bar{align-items:stretch}.storage-row{width:100%;margin-left:0}.storage-row select{flex:1}.site-footer{height:64px}}

.upload-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.segmented{display:flex;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.segmented button{border:0;background:transparent;padding:8px 18px;border-radius:9px;color:var(--muted);cursor:pointer;font-weight:700}.segmented button.active{background:var(--card);color:var(--text);box-shadow:0 2px 10px rgba(0,0,0,.06)}#modeHint{font-size:12px;color:var(--muted)}.compress-head{margin-bottom:12px}.compress-head div{display:flex;flex-direction:column;gap:4px}.compress-head small{color:var(--muted)}.check.compact{align-self:end;margin-bottom:8px}.file-icon{height:145px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;letter-spacing:.08em;background:linear-gradient(145deg,var(--soft),var(--card));color:var(--primary)}.result-card>.file-icon{width:180px;min-width:180px;height:135px;border-radius:14px}@media(max-width:700px){.upload-mode-row{align-items:flex-start;flex-direction:column}.result-card>.file-icon{width:100%;height:100px}}

:root{
 --primary:#f48120;--primary2:#ff9a3c;--radius:10px;--card:#fff;--soft:#f7f7f8;
 --line:#e7e7e9;--text:#171717;--muted:#777b84;
}
body{background:#f6f6f7}
.card,.upload-card,.lock-card{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.dropzone{border-radius:9px;transition:.18s ease;background:#fff}
.dropzone:hover,.dropzone.drag{border-color:#f48120;background:#fffaf6;transform:none}
.upload-icon{border-radius:9px;background:#fff3e8;color:#f48120}
.confirm-btn{background:#171717;border-radius:8px}
.ghost-btn,.top-link,.admin-link{border-radius:7px}
.segmented{border-radius:8px}.segmented button{border-radius:6px}
.compress-panel{border-radius:9px;background:#fafafa}
.site-footer{margin-top:auto}

.storage-row.storage-fixed select:disabled{opacity:1;color:var(--text);background:var(--soft,#f7f8fb);cursor:default}.storage-row.storage-fixed:after{content:'当前存储';font-size:11px;color:var(--muted);margin-left:6px}

html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto}
#siteFooter{flex-shrink:0;width:100%;box-sizing:border-box;text-align:center;padding:18px 16px 20px;color:var(--muted);font-size:13px}



html.dark,html[data-theme="dark"],body.dark,body[data-theme="dark"]{background:#0f1218!important;color:#edf0f7!important}
html.dark body,body.dark{--bg:#0f1218;--card:#181d27;--text:#edf0f7;--muted:#98a2b7;--line:#2b3341;--soft:#202632;--shadow:0 28px 65px rgba(0,0,0,.28);background:var(--bg)!important;color:var(--text)!important}
body.dark .topbar,body.dark .shell,body.dark .hero{color:var(--text)}
body.dark .card,body.dark .upload-card,body.dark .result-card,body.dark .history-card{background:var(--card)!important;border-color:var(--line)!important}
body.dark .top-link,body.dark .admin-link,body.dark .icon-btn,body.dark .btnlike,body.dark .ghost-btn,body.dark input,body.dark select{background:#181d27!important;color:#edf0f7!important;border-color:#303949!important}
body.dark .dropzone{background:#151a23!important;border-color:#3a4352!important;color:#edf0f7!important}
body.dark .dropzone:hover,body.dark .dropzone.drag{background:#1a202b!important}
body.dark .upload-icon{background:#29253a!important}
body.dark .compress-panel,body.dark .preview-item,body.dark .format-row button,body.dark .history-card button{background:var(--soft)!important;color:var(--text)!important;border-color:var(--line)!important}
body.dark .site-footer{color:#98a2b7}