:root{--ink:#262838;--muted:#777b87;--paper:#f7f4ee;--line:#e6e2dc;--red:#e95a55;--blue:#5489d6;--yellow:#e7b842;--green:#5da989;--shadow:0 22px 70px rgba(52,48,43,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}
.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(4px)}.ambient-one{width:520px;height:520px;right:-230px;top:-270px;background:radial-gradient(circle,#f8dccb 0,rgba(248,220,203,0) 70%)}.ambient-two{width:450px;height:450px;left:-300px;bottom:-250px;background:radial-gradient(circle,#dceade 0,rgba(220,234,222,0) 70%)}
.shell{width:min(1200px,calc(100% - 80px));min-height:100vh;margin:auto;display:flex;flex-direction:column}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(38,40,56,.09)}.brand{text-decoration:none;color:var(--ink);font-size:21px;font-weight:780;letter-spacing:-.06em;display:flex;align-items:center;gap:12px}.brand-dot{color:var(--red)}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;transform:rotate(-12deg)}.brand-mark i{border-radius:5px}.brand-mark i:nth-child(1){background:var(--red)}.brand-mark i:nth-child(2){background:var(--blue)}.brand-mark i:nth-child(3){background:var(--yellow)}.brand-mark i:nth-child(4){background:var(--green)}.header-note{font-size:13px;color:#92919a;letter-spacing:.08em}.site-footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(38,40,56,.09);padding:22px 0 30px;color:#a4a2a1;font-size:12px}
.intro-view{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;padding:58px 0 90px}.intro-copy{padding-bottom:10px}.eyebrow{margin:0 0 20px;color:var(--red);font-size:13px;font-weight:700;letter-spacing:.16em}.intro-copy h1,.result-heading h1{margin:0;font-weight:770;letter-spacing:-.075em;line-height:1.2}.intro-copy h1{font-size:clamp(48px,5.3vw,76px)}.title-accent{position:relative;z-index:0;color:var(--red)}.title-accent:after{content:"";position:absolute;left:4px;right:0;bottom:7px;height:10px;background:rgba(233,90,85,.15);z-index:-1;transform:rotate(-2deg)}.intro-lead{max-width:490px;margin:27px 0 30px;font-size:18px;line-height:1.9;color:#60636d}.intro-note{max-width:485px;display:flex;gap:13px;align-items:flex-start;padding:18px 20px;border:1px solid #ede6df;background:rgba(255,255,255,.54);border-radius:16px;color:#777881}.intro-note p{margin:0;font-size:13px;line-height:1.8}.intro-note p span{font-weight:700;color:var(--ink)}.note-spark{color:var(--yellow);font-size:24px;line-height:1}.primary-button,.secondary-button{border-radius:100px;min-height:52px;padding:0 28px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:26px;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{border:1px solid var(--ink);background:var(--ink);color:white;box-shadow:0 10px 24px rgba(38,40,56,.16)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(38,40,56,.2)}.secondary-button{border:1px solid #ddd9d4;background:transparent;color:var(--ink)}.secondary-button:hover{background:#fff}.secondary-button:disabled{opacity:.35;cursor:not-allowed}.intro-copy>.primary-button{margin-top:31px;min-width:186px}.privacy-note{margin:14px 0 0;color:#a09e9b;font-size:12px}
.intro-art{height:500px;position:relative}.orbit{position:absolute;left:50%;top:50%;border:1px dashed #d7d3cd;border-radius:50%;transform:translate(-50%,-50%)}.orbit-outer{width:470px;height:470px}.orbit-inner{width:300px;height:300px;border-style:solid;opacity:.65}.color-disc{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px;box-shadow:inset 0 8px 18px rgba(255,255,255,.3),0 22px 42px rgba(38,40,56,.12)}.disc-red{width:145px;height:145px;left:13%;top:7%;background:linear-gradient(145deg,#f1897b,#e55055);transform:rotate(-12deg)}.disc-blue{width:122px;height:122px;right:6%;top:21%;background:linear-gradient(145deg,#87b0e8,#4f7ecc);transform:rotate(12deg)}.disc-yellow{width:120px;height:120px;left:8%;bottom:12%;background:linear-gradient(145deg,#f5d47e,#dfa836);transform:rotate(8deg)}.disc-green{width:158px;height:158px;right:11%;bottom:3%;background:linear-gradient(145deg,#8dcab0,#4d9e83);transform:rotate(-9deg)}.center-disc{position:absolute;top:50%;left:50%;width:145px;height:145px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 22px 60px rgba(51,47,45,.1);display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;font-weight:760;line-height:1.3;letter-spacing:.04em}.art-star{position:absolute;color:#e1b64f}.art-star-one{font-size:33px;right:4%;top:5%}.art-star-two{font-size:21px;left:2%;top:52%}
.quiz-view{padding:56px 0 90px;min-height:620px}.quiz-topline,.progress-copy,.quiz-actions,.overview-heading{display:flex;align-items:center;justify-content:space-between}.section-label{font-size:13px;font-weight:700;color:var(--red);letter-spacing:.11em}.text-button{border:0;background:none;color:#757983;font-size:13px;padding:8px 0}.text-button:hover{color:var(--ink)}.progress-copy{margin-top:42px;font-size:13px;color:#8c8d92}.progress-copy span:first-child{font-weight:700;color:var(--ink)}.progress-track{height:5px;margin-top:13px;background:#e6e1da;border-radius:10px;overflow:hidden}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,var(--red),var(--yellow),var(--green),var(--blue));border-radius:10px;transition:width .3s}.quiz-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;padding-top:65px}.question-panel{padding-top:12px}.question-kicker{color:#c8c1ba;font-size:15px;font-weight:700;letter-spacing:.15em;margin:0 0 24px}.question-kicker span{font-weight:400;margin:0 4px}.question-panel h2{font-size:clamp(28px,3.3vw,43px);line-height:1.45;letter-spacing:-.04em;margin:0;max-width:470px}.question-hint{margin-top:24px;color:#a29e9a;font-size:14px}.options{display:grid;gap:12px}.option{width:100%;min-height:74px;text-align:left;display:flex;align-items:center;gap:18px;padding:16px 20px;border:1.5px solid #e7e2dc;border-radius:15px;background:rgba(255,255,255,.72);color:#555965;line-height:1.7;transition:border .2s,transform .2s,background .2s,box-shadow .2s}.option:hover{transform:translateY(-2px);border-color:#bbb8b5;background:#fff;box-shadow:var(--shadow)}.option.selected{border-color:var(--ink);background:#fff;box-shadow:0 8px 25px rgba(38,40,56,.08);color:var(--ink)}.option-letter{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#f4f1ed;color:#95969c;display:grid;place-items:center;font-size:13px;font-weight:700}.option.selected .option-letter{background:var(--ink);color:#fff}.option-copy{flex:1;font-size:14px}.option-check{opacity:0;font-size:16px;font-weight:700}.option.selected .option-check{opacity:1}.quiz-actions{gap:15px;margin-top:28px}.quiz-actions .next-button{min-width:152px}.form-message{min-height:23px;color:#ba5651;font-size:13px;margin:12px 0 0}.overview{margin-top:50px;padding:26px 30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.overview-heading strong{font-size:16px}.overview-heading span{color:#999;font-size:12px}.question-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;margin-top:18px}.question-number{height:40px;border:1px solid #e7e4df;background:#faf9f7;border-radius:9px;color:#aaa;font-size:12px;font-weight:700}.question-number.answered{background:#e9f1ea;border-color:#d8e9da;color:#628875}.question-number.current{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.result-view{padding:65px 0 78px}.result-heading{text-align:center}.result-heading h1{font-size:clamp(36px,4.7vw,59px)}.result-heading p:last-child{font-size:15px;color:#777b85;max-width:580px;margin:18px auto 0;line-height:1.8}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:960px;margin:65px auto 0}.result-visual{text-align:center}.result-donut{width:310px;height:310px;border-radius:50%;margin:auto;display:grid;place-items:center;box-shadow:0 22px 55px rgba(38,40,56,.1);background:#ddd}.donut-center{width:225px;height:225px;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 5px 15px rgba(38,40,56,.04)}.donut-center span{font-size:13px;color:#92919a}.donut-center strong{font-size:36px;letter-spacing:.03em;line-height:1.3}.result-footnote{color:#aaa;font-size:12px;margin:20px 0 0}.score-panel{background:rgba(255,255,255,.72);border:1px solid #eee9e4;border-radius:22px;padding:33px 36px;box-shadow:var(--shadow)}.score-panel h2{font-size:21px;margin:0 0 24px;letter-spacing:-.03em}.score-list{display:grid;gap:22px}.score-row-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}.score-row-top strong{font-size:16px}.score-name{display:flex;align-items:center;gap:9px}.score-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.score-dot.red{background:var(--red)}.score-dot.blue{background:var(--blue)}.score-dot.yellow{background:var(--yellow)}.score-dot.green{background:var(--green)}.score-bar{height:7px;background:#ece9e4;border-radius:9px;overflow:hidden}.score-bar span{height:100%;display:block;border-radius:9px;min-width:0}.result-explain{font-size:12px;line-height:1.7;color:#9a999b;border-top:1px solid #eee9e5;padding-top:19px;margin:27px 0 0}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:48px}.method{max-width:620px;margin:45px auto 0;color:#888b92;font-size:12px;text-align:center}.method summary{cursor:pointer;display:inline-block}.method p{line-height:1.8;margin:10px 0 0}
@media(max-width:900px){.shell{width:min(100% - 48px,700px)}.intro-view{grid-template-columns:1fr;gap:0;padding:55px 0 70px}.intro-art{height:350px;max-width:450px;width:100%;margin:40px auto 0}.orbit-outer{width:330px;height:330px}.orbit-inner{width:220px;height:220px}.color-disc{font-size:17px}.disc-red{width:110px;height:110px}.disc-blue{width:95px;height:95px}.disc-yellow{width:95px;height:95px}.disc-green{width:120px;height:120px}.center-disc{width:110px;height:110px;font-size:18px}.intro-copy{text-align:center}.intro-lead,.intro-note{margin-left:auto;margin-right:auto}.intro-note{text-align:left}.quiz-grid{grid-template-columns:1fr;gap:30px;padding-top:40px}.question-panel h2{max-width:none}.question-hint{margin-top:14px}.result-layout{gap:25px}.result-donut{width:250px;height:250px}.donut-center{width:180px;height:180px}.score-panel{padding:28px}}
@media(max-width:640px){.shell{width:calc(100% - 36px)}.site-header{height:72px}.brand{font-size:18px}.brand-mark{width:24px;height:24px}.header-note{display:none}.site-footer{font-size:11px;padding-bottom:22px}.intro-view{padding:20px 0 55px;min-height:auto}.intro-art{height:290px;max-width:360px}.orbit-outer{width:260px;height:260px}.orbit-inner{width:160px;height:160px}.disc-red{width:90px;height:90px;left:10%;top:5%}.disc-blue{width:78px;height:78px;right:4%;top:20%}.disc-yellow{width:80px;height:80px;left:6%;bottom:8%}.disc-green{width:100px;height:100px;right:9%;bottom:0}.center-disc{width:90px;height:90px;font-size:15px}.intro-copy h1{font-size:39px}.title-accent{white-space:nowrap}.intro-lead{font-size:15px;line-height:1.8;margin:20px auto 24px}.intro-note{padding:14px 15px}.intro-copy>.primary-button{margin-top:24px}.quiz-view{padding:30px 0 65px}.progress-copy{margin-top:28px}.quiz-grid{padding-top:30px;gap:23px}.question-panel h2{font-size:28px}.question-kicker{margin-bottom:16px}.question-hint{font-size:12px}.option{min-height:66px;padding:12px 14px;gap:12px}.option-copy{font-size:13px}.option-letter{width:30px;height:30px;flex-basis:30px}.quiz-actions{margin-top:20px}.primary-button,.secondary-button{min-height:47px;padding:0 20px}.overview{padding:20px 16px}.question-grid{grid-template-columns:repeat(6,1fr);gap:7px}.result-view{padding:45px 0 60px}.result-heading h1{font-size:36px}.result-heading p:last-child{font-size:13px}.result-layout{grid-template-columns:1fr;gap:28px;margin-top:38px}.result-donut{width:230px;height:230px}.donut-center{width:165px;height:165px}.score-panel{padding:25px}.result-actions{margin-top:30px}.method{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}