:root{--bg: #f3f6fb;--panel: #ffffff;--text: #17223b;--muted: #55637a;--primary: #0b6e99;--primary-2: #0a5b7e;--danger: #be2f2f;--line: #d8e0ea}*{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,p{margin:0}.auth-wrap,.dashboard-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(920px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 12px 30px #0000000f}.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:.6;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}.upload-box,.recommend,.result-list{margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:16px}.upload-box{display:grid;gap:10px}.progress-track{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}.result-list ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.result-list li{border:1px solid #e4ebf5;border-radius:10px;padding:10px}@media(max-width:700px){.panel{padding:18px}.row.between{display:grid}}