:root{--ink:#111;--paper:#f5f5f2;--muted:#62645f;--green:#235b38;--line:#d8dbd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}button{font:inherit}button:disabled{opacity:.35;cursor:not-allowed}a{text-decoration:none;color:inherit}.site-header{height:88px;max-width:1360px;margin:auto;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid #cfd2cc}.brand b,.brand small{display:block}.brand small{font-size:10px;color:#70726e;font-weight:500;margin-top:3px}.site-header nav{display:flex;gap:26px;font-size:14px}footer{max-width:1100px;margin:auto;padding:0 24px 45px;color:#888;font-size:11px;line-height:1.7}.assessment-shell,.results{max-width:720px;margin:auto;min-height:100vh;padding:42px 22px 65px}.assessment-top,.result-top{display:flex;justify-content:space-between;gap:16px;color:#666;font-size:13px;font-weight:700}.progress{height:7px;background:#dfe2dc;margin:13px 0 24px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green);transition:width .35s}.question-kind{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.07em;margin:22px 0 0}.assessment-shell h1{font-size:clamp(28px,5vw,40px);line-height:1.35;margin:15px 0 30px;letter-spacing:-.04em}.options{display:grid;gap:10px}.choice{background:#fafaf8;border:1px solid #d8dbd5;color:#111;text-align:left;padding:18px;cursor:pointer;transition:.16s}.choice:hover,.choice.selected{border-color:var(--green);background:#edf3eb}.choice span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;border:1px solid #c6cac4;font-size:12px}.choice.selected span{background:var(--green);border-color:var(--green);color:#fff}.assessment-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.text-button{background:none;border:0;color:#666;cursor:pointer}.small{padding:12px 18px}.answer-note,.answer-storage{font-size:12px;color:#7b817c}.answer-storage{margin:0;line-height:1.65}.stage-feedback{margin:0 0 8px;color:var(--green);font-size:13px;font-weight:700;line-height:1.6}.result-transition{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--paper);color:var(--green);font-weight:800}.faction-card{padding:34px;color:#fff;background:#536c9a;position:relative;overflow:hidden}.faction-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff44;border-radius:50%;right:-35px;top:-45px}.faction-card.work{background:#2d766b}.faction-card.stable{background:#a85e43}.faction-card p{opacity:.78;margin:0 0 8px;font-size:13px}.faction-card h1{font-size:42px;margin:0 0 8px}.result-section,.result-action{padding:38px 2px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0}.result-section .eyebrow,.result-action .eyebrow,.fan-group .eyebrow{color:var(--green)}.result-section h2,.result-action h2,.fan-group h2{font-size:32px;line-height:1.2;margin:10px 0}.result-section>p:not(.eyebrow),.result-action>p:not(.eyebrow),.fan-group-copy>p{color:var(--muted);line-height:1.85;font-size:15px}.bars{display:grid;gap:11px;margin-top:24px}.bars div{display:grid;grid-template-columns:20px 1fr 30px;gap:10px;align-items:center;font-size:12px}.bars i{display:block;height:8px;background:#e0e4de}.bars b{display:block;height:100%;background:var(--green)}.bars em{font-style:normal;color:#788077}.values{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.values span{border:1px solid #d4dbd0;padding:8px 11px;font-size:13px}.values b{font-size:10px;color:var(--green);margin-right:7px}.route-video-button{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:14px 18px;background:var(--green);color:#fff;font-weight:800;line-height:1.3}.route-video-button:hover{background:#17452b}.fan-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,290px);gap:32px;align-items:center;margin:38px 0 0;padding:30px;background:#edf3eb;border:1px solid #d9e4d7}.fan-group h2{font-size:clamp(25px,4vw,34px)}.fan-group-copy>p{margin:12px 0}.fan-group ol{margin:20px 0 16px;padding-left:22px;color:#26342b;font-size:14px;line-height:2}.fan-group small{display:block;color:#66736a;font-size:12px;line-height:1.7}.fan-group img{display:block;width:100%;height:auto;background:#fff}.result-refresh-note{margin:26px 0 0;color:#546158;font-size:13px;line-height:1.75}.disclaimer{text-align:center;color:#929792;font-size:11px;line-height:1.7;margin-top:22px}.incomplete-card{margin-top:28px;padding:38px;background:#edf3eb;border:1px solid #d9e4d7}.incomplete-card p{margin:0;color:var(--green);font-size:13px;font-weight:800}.incomplete-card h1{max-width:520px;margin:13px 0 28px;font-size:clamp(29px,5vw,43px);line-height:1.25;letter-spacing:-.04em}.primary{border:0;background:#111;color:#fff;padding:14px 22px;font-weight:800;cursor:pointer}.primary:hover{background:#2b2b29}.education-benefits{display:grid;gap:7px;margin:17px 0 0;padding:0;list-style:none;color:#4f5d53;font-size:13px;line-height:1.55}.education-benefits li{padding-left:15px;position:relative}.education-benefits li:before{content:"";position:absolute;left:0;top:.52em;width:5px;height:5px;border-radius:50%;background:var(--green)}.education-copy h1{max-width:12ch;text-wrap:balance;word-break:keep-all}.education-cta{white-space:nowrap}.choice:focus-visible,.primary:focus-visible,.text-button:focus-visible,.route-video-button:focus-visible,.education-cta:focus-visible,.site-header a:focus-visible{outline:3px solid #79a084;outline-offset:3px}@media(max-width:700px){.site-header{height:66px;padding:0 20px}.site-header nav{gap:17px;font-size:13px}.brand small{display:none}.assessment-shell,.results{padding:34px 20px 45px}.assessment-shell h1{font-size:29px}.faction-card{padding:28px}.result-section,.result-action{padding:30px 1px}.fan-group{grid-template-columns:1fr;margin-top:30px;padding:24px;gap:24px}.fan-group img{max-width:300px;margin:auto}.education-copy h1{max-width:11ch;font-size:clamp(43px,13vw,59px);line-height:1.08;letter-spacing:-.065em}.education-cta{white-space:normal;text-align:left;gap:12px}.education-benefits{font-size:12px}.result-top{align-items:flex-start}.incomplete-card{padding:28px 22px}}@media(max-width:390px){.assessment-shell,.results{padding-left:18px;padding-right:18px}.education-cta{font-size:13px}.fan-group{padding:21px}.fan-group h2{font-size:26px}}
