:root{--ink:#202724;--paper:#f7f4ed;--orange:#ff613e;--green:#7d9986;--muted:#68726c;--line:#d8d4c9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.page{width:min(920px,100%);margin:auto;padding:72px 28px 120px}.hero{min-height:100vh;display:flex;justify-content:center;flex-direction:column;background:radial-gradient(circle at 85% 18%,#d5e4d9 0,transparent 26%),radial-gradient(circle at 18% 85%,#fee0c9 0,transparent 28%)}.eyebrow{display:block;letter-spacing:.13em;font-size:12px;font-weight:700;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,9vw,82px);line-height:1.05;letter-spacing:-.065em;margin:22px 0 24px}h2{font-size:clamp(35px,6vw,58px);line-height:1.13;letter-spacing:-.05em;margin:16px 0}h3{font-size:24px;line-height:1.25;letter-spacing:-.04em}em{font-style:normal;color:var(--orange)}.lead{max-width:530px;font-size:20px;color:var(--muted)}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0 28px;color:var(--muted);font-size:14px}.hero-meta span:before{content:'•';color:var(--orange);margin-right:7px}.button{border:0;border-radius:999px;padding:15px 23px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--orange);transform:translateY(-2px)}.button:disabled{opacity:.35;cursor:not-allowed;transform:none}.fineprint{font-size:12px;color:#7d827d;margin-top:18px}.hidden{display:none}.quiz-head,.report-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.quiz>p{color:var(--muted)}.filter{display:flex;gap:8px;overflow:auto;padding:14px 0;margin:18px 0}.filter button{white-space:nowrap;border:1px solid var(--line);border-radius:20px;background:transparent;padding:7px 12px;color:var(--muted);cursor:pointer}.filter button.current{background:var(--green);border-color:var(--green);color:#fff}.phrases{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:76px}.phrase{position:relative;border:1px solid var(--line);padding:17px 16px 17px 49px;background:#fcfaf6;border-radius:12px;cursor:pointer;min-height:85px;transition:.18s}.phrase:hover{border-color:var(--green)}.phrase input{position:absolute;opacity:0}.check{position:absolute;left:17px;top:22px;width:18px;height:18px;border:1.5px solid #a8aaa2;border-radius:50%}.phrase:has(input:checked){border-color:var(--orange);background:#fff3ec}.phrase:has(input:checked) .check{background:var(--orange);border-color:var(--orange);box-shadow:inset 0 0 0 4px #fff}.category{display:block;font-size:11px;color:var(--green);font-weight:700;margin-bottom:3px}.sticky-action{position:fixed;bottom:0;left:0;right:0;background:rgba(247,244,237,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:13px max(28px,calc((100vw - 864px)/2));display:flex;justify-content:space-between;align-items:center;z-index:3}.text-button{border:0;background:none;text-decoration:underline;cursor:pointer;color:var(--muted)}.kicker{color:var(--muted);margin-bottom:0}.result-list{display:grid;gap:20px;margin-top:34px}.result-card{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:25px}.result-top{display:flex;justify-content:space-between;gap:15px}.result-top h3{margin:3px 0}.rank{font-weight:700;color:var(--orange);font-size:12px}.score{color:var(--green);white-space:nowrap}.basis{border-left:3px solid var(--orange);padding-left:12px;color:#4d564f}details{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}summary{font-weight:700;cursor:pointer}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:13px}.columns b,.next b{font-size:13px;color:var(--green)}.columns p,.next p,details p{margin:4px 0 0;color:#56605a;font-size:14px}.next{background:#edf2eb;padding:13px 15px;border-radius:10px;margin-top:15px}.insight,.six-levels{margin-top:32px;padding:26px;background:#e4eee5;border-radius:18px}.insight p{font-size:19px;margin:10px 0 0}.six-levels{background:#202724;color:#fff}.six-levels p{color:#c7d0c8}.levels{display:flex;flex-wrap:wrap;gap:7px}.levels span{font-size:13px;border:1px solid #667068;border-radius:16px;padding:4px 9px}.levels .active{border-color:var(--orange);color:#ffad95}.cta{margin-top:32px;padding:36px;background:var(--orange);border-radius:18px;color:#311f1b}.cta .eyebrow{color:#693a30}.cta h3{font-size:36px}.cta em{color:#fff4e9}.qr-placeholder{background:#fff7f0;width:170px;height:170px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:22px 0;color:#6d4a42}.qr-placeholder small{font-size:11px;margin-top:8px}.cta .fineprint{color:#713c32}@media(max-width:600px){.page{padding:48px 18px 105px}.phrases{grid-template-columns:1fr}.phrase{min-height:auto}.columns{grid-template-columns:1fr;gap:13px}.result-card{padding:20px}.sticky-action{padding:12px 18px}.sticky-action .button{padding:12px 16px}.cta{padding:27px}.cta h3{font-size:31px}}