:root{--bg: #f3f6fb;--panel: #ffffff;--text: #17223b;--muted: #55637a;--primary: #0b6e99;--primary-2: #0a5b7e;--danger: #be2f2f;--line: #d8e0ea;--soft: #f5f8fc}*{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at 30% 10%,#eef7ff,#f2f5fb 42%,#e8eef9)}h1,h2,h3,p{margin:0}.auth-wrap,.dashboard-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.dashboard-wrap.redesigned{display:block;place-items:initial;padding:18px}.panel{width:min(920px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 30px #0000000f}.dashboard-panel{width:min(1180px,100%);margin:0 auto;display:grid;gap:16px}.sub{margin-top:8px;color:var(--muted)}.form-grid{margin-top:18px;display:grid;gap:12px}label{display:grid;gap:8px;font-weight:600}input,button{font:inherit}input{border:1px solid var(--line);border-radius:10px;padding:10px 12px}button{border:none;border-radius:10px;padding:11px 14px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}button:hover{background:var(--primary-2)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:#f1f4f9;color:#1d2d4b}.privacy{margin-top:16px;color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:14px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.block{border:1px solid var(--line);border-radius:14px;padding:16px;background:linear-gradient(180deg,#fff,#fbfdff)}.section-title-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:flex-end}.dropzone{margin-top:12px;border:1.5px dashed #aac0d8;background:var(--soft);border-radius:12px;padding:20px;text-align:center;cursor:pointer}.dropzone input{display:none}.dropzone.active{border-color:var(--primary);background:#edf7fc}.drop-main{font-size:16px;font-weight:700}.drop-sub{margin-top:6px;font-size:13px;color:var(--muted)}.upload-actions{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-count{color:#2a3a56;font-weight:600}.retry-actions{display:flex;gap:8px;flex-wrap:wrap}.progress-track{margin-top:10px;width:100%;height:10px;border-radius:999px;background:#e8edf6;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#0b6e99,#31a5d7);transition:width .25s ease}.status-line{margin-top:8px;font-weight:600;color:#1f3550}.selection-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.selection-card{border:1px solid #e4ebf5;border-radius:10px;overflow:hidden;background:#fff}.selection-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.selection-card p{padding:8px;font-size:12px;color:#334761;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threshold-box{display:grid;gap:10px}.card-like{border:1px solid #e3ebf5;border-radius:12px;padding:14px;background:#fff}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.recommend-section,.result-section{display:grid;gap:12px}.recommend-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}.meta-col{display:grid;gap:8px;align-content:start}.meta-title{font-weight:700;color:#1e314d}.candidate-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.candidate-card{display:grid;gap:8px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.result-card{display:grid;gap:8px}.warn{color:#ad6f02;font-size:13px}.boxed-image{position:relative;border-radius:10px;overflow:hidden;background:#f0f4fa;border:1px solid #e2ebf6;min-height:140px}.boxed-image img{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover}.overlay-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#edf2f8 20%,#f7f9fc,#edf2f8 60%);background-size:240% 100%;animation:shimmer 1.2s infinite linear;z-index:1}.image-empty,.image-hint{position:absolute;left:8px;bottom:8px;background:#00000085;color:#fff;font-size:12px;border-radius:8px;padding:4px 8px}.lightbox{position:fixed;inset:0;z-index:999;background:#080f1bb8;display:grid;place-items:center;padding:24px}.lightbox-content{width:min(1000px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;border:1px solid #d8e3f0;padding:14px;display:grid;gap:12px}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lightbox-actions{display:flex;gap:8px;flex-wrap:wrap}.lightbox-image{min-height:420px}.version-badge{position:fixed;right:10px;bottom:10px;z-index:1000;border:1px solid var(--line);border-radius:999px;background:#ffffffe6;color:#2a3a56;padding:4px 10px;font-size:12px;line-height:1;box-shadow:0 4px 12px #0d21421f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-40% 0}}@media(max-width:980px){.selection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-grid{grid-template-columns:1fr}}@media(max-width:700px){.auth-wrap,.dashboard-wrap,.dashboard-wrap.redesigned{padding:12px}.panel{padding:14px}.row.between{display:grid}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:1fr}.lightbox{padding:8px}.lightbox-image{min-height:260px}}