#recommendtest.container{--bg1:#f5f7fa;--bg2:#c3cfe2;--card:#ffffff;--text:#111827;--muted:#806b6b;--line:rgba(17,24,39,0.08);--brand:#e24a4a;--brandHover:#bd3535;--radius:16px;--shadow:0 12px 30px rgba(0,0,0,0.1);min-height:100vh;display:grid;place-items:center;padding:24px 16px;margin:0 auto}#recommendtest .card{width:min(560px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;text-align:left}#recommendtest .head{display:grid;gap:12px;margin-bottom:16px}#recommendtest .topRow{display:flex;align-items:center;justify-content:space-between;gap:10px}#recommendtest .badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(226,74,74,.14);color:#780b0b;font-size:12px;font-weight:900;letter-spacing:-.2px}#recommendtest .counter{font-size:12px;color:var(--muted);font-weight:700}#recommendtest .stepTitle{font-size:15px;font-weight:950;color:var(--text);letter-spacing:-.2px}#recommendtest .stepDesc{margin-top:4px;font-size:13px;color:var(--muted)}#recommendtest .progressWrap{height:10px;background:rgba(17,24,39,.08);border-radius:999px;overflow:hidden}#recommendtest .progressBar{height:100%;width:0;background:linear-gradient(90deg,var(--brand),#ff7f7f);border-radius:999px;transition:width .16s ease}#recommendtest .title{margin:0;font-size:20px;font-weight:950;color:var(--text);letter-spacing:-.4px;text-align:center}#recommendtest .question{margin:14px 0;font-size:16px;line-height:1.55;font-weight:900;color:var(--text);letter-spacing:-.2px}#recommendtest .options{display:grid;gap:10px}#recommendtest .btn{width:100%;border:1px solid var(--line);background:var(--brand);color:#fff;font-size:14px;font-weight:900;padding:12px 14px;border-radius:12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}#recommendtest .btn:hover{background:var(--brandHover);transform:translateY(-1px);box-shadow:0 10px 18px rgba(74,144,226,.18)}#recommendtest .btn:active{transform:translateY(0);box-shadow:none}#recommendtest .btn.btnDark{background:#111827}#recommendtest .btn.btnDark:hover{background:#0b1220;box-shadow:0 10px 18px rgba(17,24,39,.18)}#recommendtest .btn.btnGhost{background:transparent;color:var(--text)}#recommendtest .btn.btnGhost:hover{background:rgba(17,24,39,.04);transform:translateY(0);box-shadow:none}#recommendtest .btn:disabled{opacity:.45;cursor:not-allowed}#recommendtest .hint{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}#recommendtest .hint span{color:var(--text);font-weight:900;margin-right:6px}#recommendtest .result-score{margin:14px 0 10px;font-size:15px;font-weight:800;color:#374151;text-align:center}#recommendtest .result{font-size:14px;color:#4b5563;line-height:1.6;text-align:center;margin:8px 0 12px}#recommendtest .resultBox{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(17,24,39,.02);display:grid;gap:10px;margin-top:10px}#recommendtest .row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start}#recommendtest .k{font-size:12px;color:var(--muted);font-weight:900}#recommendtest .v{font-size:13px;color:var(--text);font-weight:800;line-height:1.5}#recommendtest .actions{margin-top:12px;display:grid;gap:10px}@media (max-width:860px){#recommendtest .card{max-width:calc(100vw - 32px);padding:18px}#recommendtest .question{font-size:15px}}