:root{--bg:#17121f;--paper:#211a2c;--ink:#f8f2ff;--muted:#b6aabe;--line:rgba(255,255,255,.12);--accent:#e8a2c9;--gold:#e8bd83;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 20% 0,#3b234e 0,transparent 36%),radial-gradient(circle at 90% 40%,#262b4b 0,transparent 30%),var(--bg);color:var(--ink)}button{font:inherit}
.screen{width:min(100%,760px);min-height:100vh;margin:auto;padding:46px 24px 54px}.home-screen{position:relative;overflow:hidden;text-align:center}.stars{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%);pointer-events:none}.eyebrow{position:relative;display:inline-block;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.2em}.sigil,.result-mark{display:grid;place-items:center;margin:42px auto 24px;width:72px;height:72px;border:1px solid rgba(232,189,131,.48);border-radius:50%;color:var(--gold);font-size:32px;box-shadow:0 0 0 10px rgba(232,189,131,.04),0 0 45px rgba(232,189,131,.18)}h1{position:relative;margin:0;font-size:clamp(34px,8vw,60px);line-height:1.17;letter-spacing:-.06em}h1 em{color:var(--accent);font-style:normal}.lead{max-width:520px;margin:22px auto 0;color:var(--muted);font-size:15px;line-height:1.9}.primary-btn,.outline-btn{min-height:52px;padding:0 26px;border-radius:999px;cursor:pointer;font-weight:800}.primary-btn{border:0;color:#281a29;background:linear-gradient(110deg,#f5c3d8,#e6b477);box-shadow:0 14px 30px rgba(231,157,190,.2)}.primary-btn:hover{transform:translateY(-2px)}.start-btn{margin-top:30px;font-size:16px}.start-btn span{margin-left:10px;font-size:20px}.home-meta{display:flex;justify-content:center;gap:13px;align-items:center;margin-top:20px;color:#8f819d;font-size:11px}.home-meta i{width:3px;height:3px;border-radius:50%;background:#8f819d}.pair-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:58px;text-align:left}.pair-grid div{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(42,32,55,.72)}.pair-grid div:last-child{grid-column:1/-1}.pair-grid b{display:block;color:var(--gold);font-size:10px;letter-spacing:.12em}.pair-grid strong{display:block;margin-top:8px;font-size:14px}.pair-grid small{display:block;margin-top:4px;color:#92869e;font-size:11px}.fine-print{color:#75697e;font-size:10px;line-height:1.7}.home-screen .fine-print{position:relative;max-width:490px;margin:26px auto 0}
.change-code-btn{display:block;margin:13px auto 0;padding:0;border:0;color:#97899f;background:transparent;cursor:pointer;font-size:11px;text-decoration:underline}.change-code-btn[hidden]{display:none}
.quiz-screen,.result-screen{background:linear-gradient(180deg,rgba(33,26,44,.94),rgba(23,18,31,.94))}.quiz-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.ghost-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:transparent;cursor:pointer}.progress-copy{text-align:center}.progress-copy span{display:block;color:var(--accent);font-size:11px}.progress-copy b{font-size:18px}.progress-copy small{color:#877b91;font-size:11px;font-weight:500}.progress{height:5px;margin-top:20px;border-radius:99px;background:#3a3045;overflow:hidden}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#d98bb8,#efc37f);transition:width .25s}.question-card{max-width:620px;margin:74px auto 0}.question-no{color:var(--gold);font-size:10px;letter-spacing:.18em;font-weight:800}.question-text{margin:20px 0 10px;font-size:clamp(28px,6vw,44px);line-height:1.4;letter-spacing:-.04em}.question-tip{color:#93869d;font-size:12px}.options{display:grid;gap:11px;margin-top:32px}.option{display:grid;grid-template-columns:38px 1fr 24px;align-items:center;min-height:62px;padding:0 16px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:rgba(42,32,55,.72);text-align:left;cursor:pointer;transition:.2s}.option:hover,.option.selected{border-color:#d996bc;background:rgba(119,64,107,.35);transform:translateX(3px)}.option b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#f4c1d7;background:#432a4b;font-size:11px}.option span{font-size:14px}.option i{color:var(--gold);font-style:normal;text-align:right}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:620px;margin:30px auto 0;color:#887b91;font-size:11px}.next-btn{min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:transparent;cursor:pointer}.next-btn:disabled{opacity:.35;cursor:not-allowed}
.result-hero{text-align:center}.result-mark{margin-top:12px;width:62px;height:62px;font-size:26px}.result-hero h1{font-size:clamp(34px,8vw,54px)}.result-intro{max-width:500px;margin:16px auto 0;color:var(--muted);font-size:14px;line-height:1.8}.result-panel{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(42,32,55,.76)}.panel-kicker{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.16em}.top-combo{display:flex;align-items:center;gap:12px;margin-top:18px}.combo-card{flex:1;padding:18px;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 25%,#2a2037),#2a2037)}.virtue-card{--c:#7cc8ab!important}.combo-card span,.combo-card small{display:block;color:#b3a4b9;font-size:10px}.combo-card strong{display:block;margin:8px 0 5px;font-size:22px}.combo-arrow{color:var(--gold);font-size:22px}.panel-title{display:flex;gap:12px;align-items:center}.panel-title>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#281a29;background:var(--gold);font-size:10px;font-weight:800}.panel-title small{color:var(--accent);font-size:10px}.panel-title h2{margin:4px 0 0;font-size:20px}.bars{display:grid;gap:17px;margin-top:24px}.bar-label{display:flex;justify-content:space-between;font-size:12px}.bar-label b{color:var(--gold);font-weight:600}.bar-track{height:8px;margin-top:7px;border-radius:99px;background:#3b3046;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit}.bar-row small{display:block;margin-top:5px;color:#8f8298;font-size:10px}.insight-panel h2{margin:17px 0 8px;font-size:22px;line-height:1.45}.insight-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.action-box{display:grid;gap:7px;margin-top:18px;padding:15px;border-left:3px solid var(--gold);background:rgba(232,189,131,.08)}.action-box b{color:var(--gold);font-size:11px}.action-box span{color:#c3b5c6;font-size:12px;line-height:1.7}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.outline-btn{border:1px solid var(--line);color:var(--ink);background:transparent}.result-screen>.fine-print{text-align:center;margin-top:20px}
.radar-wrap{width:min(100%,620px);margin:20px auto 0}.radar-wrap canvas{display:block;width:100%;height:auto}.interpretation-panel h2{margin:14px 0 0;font-size:22px}.interpretation-copy{margin-top:18px}.interpretation-copy p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:2;text-align:justify}.interpretation-copy p:last-child{margin-bottom:0}
.redeem-screen{background:linear-gradient(180deg,rgba(33,26,44,.96),rgba(23,18,31,.98))}.redeem-card{max-width:540px;margin:35px auto 0;padding:32px;border:1px solid var(--line);border-radius:24px;background:rgba(42,32,55,.76);text-align:center}.redeem-card .result-mark{margin-top:4px}.redeem-card h1{font-size:clamp(34px,8vw,50px)}.code-label{display:block;margin:30px 0 9px;color:var(--gold);font-size:11px;font-weight:800;text-align:left}.code-input{width:100%;height:58px;padding:0 16px;border:1px solid var(--line);border-radius:15px;outline:0;color:var(--ink);background:#191321;font-size:17px;font-weight:750;letter-spacing:.08em;text-align:center;text-transform:uppercase}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(232,162,201,.12)}.code-error{min-height:20px;margin:8px 0;color:#f39a91;font-size:11px;text-align:left}.verify-btn{width:100%;margin-top:4px}.verify-btn:disabled{opacity:.55}.redeem-help,.upgrade-copy{margin:18px 0 0;color:#8f8298;font-size:11px;line-height:1.8}
@media(max-width:560px){.screen{padding:34px 18px 42px}.pair-grid{margin-top:42px}.question-card{margin-top:54px}.quiz-bottom{align-items:flex-end}.quiz-bottom>span{max-width:120px}.top-combo{gap:7px}.combo-card{padding:14px}.combo-card strong{font-size:19px}.result-panel{padding:19px}}