:root{font-family:system-ui,PingFang SC,Microsoft YaHei,sans-serif;color:#362630;background:#faf4ec;font-synthesis:none;--cream: #fffaf5;--ink: #362630;--muted: #6b505d;--wine: #7b304c;--line: #e7d1c9;--rose: #a05b4c}*,*:before,*:after{box-sizing:border-box}body{margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--wine);outline-offset:3px}h1,h2,p,ul,dl,dd{margin:0}h1:focus{outline:none}.preview-shell{width:min(100%,660px);margin:0 auto;padding:0 16px}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 2px}.brand{display:flex;align-items:center;gap:8px;color:var(--wine)}.brand-mark{font-size:2rem;line-height:1}.brand strong,.brand div>span{display:block;font-size:.75rem;letter-spacing:.1em}.brand div>span{font-size:.68rem;letter-spacing:.23em;color:var(--muted)}.preview-badge{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#f7eae2;color:var(--wine);font-size:.74rem;font-weight:650}.preview-card{padding:clamp(18px,5vw,36px);border:1px solid var(--line);border-radius:23px;background:var(--cream);box-shadow:0 10px 32px #542a3c0c}.hero{padding:18px 0 0;text-align:center}.hero-art{position:relative;display:grid;place-items:center;width:96px;height:96px;margin:0 auto 18px;border:1px solid #d9a89e;border-radius:50%;background:radial-gradient(circle at 36% 34%,#fff2df 8%,#ecc9c4 69%,#f5ddd2);color:var(--wine);font-size:3.6rem;line-height:1}.hero-art:before{position:absolute;inset:9px;border:1px solid #bc8477;border-radius:50%;content:""}.eyebrow{color:var(--wine);font-size:.8rem;font-weight:650;letter-spacing:.09em}.hero h1,.result-title{margin:8px 0 10px;color:var(--wine);font-family:Songti SC,SimSun,serif;font-size:clamp(1.9rem,7vw,2.65rem);font-weight:700;line-height:1.24;overflow-wrap:anywhere}.intro-copy,.question-hint,.privacy-note p,.site-footer{color:var(--muted);line-height:1.65}.dimensions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:17px 0 21px;padding:0;list-style:none}.dimensions li{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.77rem}.privacy-note{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#faf0e9}.privacy-note h2,.score-panel h2{margin-bottom:5px;color:var(--wine);font-size:.94rem}.privacy-note p,.question-hint{font-size:.875rem}.privacy-note p+p{margin-top:5px}.adult-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:13px 0 9px;color:var(--ink);font-size:.9rem;line-height:1.5;cursor:pointer}.adult-check input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--wine)}.button{min-height:46px;padding:9px 12px;border:1px solid transparent;border-radius:11px;font-size:.94rem;font-weight:650;line-height:1.35;cursor:pointer}.button-primary{width:100%;color:#fff9f3;background:var(--wine)}.button-primary:disabled{color:#6f5963;background:#eee1e1;cursor:not-allowed}.button-secondary{border-color:var(--line);color:var(--wine);background:transparent}.button-text{display:block;margin:4px auto -4px;color:var(--wine);background:transparent;text-decoration:underline;text-underline-offset:3px}.progress-copy,.score-row>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--muted);font-size:.84rem}progress{display:block;width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;appearance:none;color:var(--rose);background:#f0e0d9;accent-color:var(--rose)}progress::-webkit-progress-bar{background:#f0e0d9}progress::-webkit-progress-value{border-radius:999px;background:var(--rose)}progress::-moz-progress-bar{border-radius:999px;background:var(--rose)}.question-progress{margin:9px 0 21px}.question-title{margin-bottom:5px;font-size:clamp(1.3rem,5vw,1.7rem);font-weight:700;line-height:1.45}.options{display:grid;gap:9px;min-width:0;margin:16px 0 0;padding:0;border:0}.option{position:relative;display:block;cursor:pointer}.option input{position:absolute;width:1px;height:1px;opacity:0}.option-text{display:flex;align-items:center;gap:10px;min-height:51px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:#fffdf9;font-size:.94rem;line-height:1.4}.option-letter{display:grid;flex:0 0 27px;height:27px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--wine);font-size:.77rem;font-weight:700}.option input:checked+.option-text{border-color:var(--wine);background:#f8e8e9}.option input:checked+.option-text .option-letter{border-color:var(--wine);color:#fff9f3;background:var(--wine)}.option input:focus-visible+.option-text{outline:2px solid var(--wine);outline-offset:2px}.question-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:9px;margin-top:17px}.profile-details{display:grid;gap:8px;margin:15px 0;padding:12px 0;border-block:1px solid var(--line);font-size:.88rem}.profile-details>div{display:flex;align-items:baseline;gap:10px}.profile-details dt{flex:0 0 auto;color:var(--muted)}.profile-details dd{color:var(--wine);font-weight:650}.score-row{display:grid;gap:5px;margin-top:10px}.score-row>div span:last-child{font-variant-numeric:tabular-nums}.result-tip{margin-top:19px}.site-footer{padding:13px 3px 24px;font-size:.76rem}.site-footer p+p{margin-top:6px}.privacy-details{margin-top:9px}.privacy-details summary{cursor:pointer}.privacy-details a,.site-footer a{color:var(--wine);overflow-wrap:anywhere}.site-footer .filing{text-align:center}