:root{--paper:#f8f4eb;--ink:#243331;--muted:#68756c;--teal:#246c73;--line:#dcded3;--soft:#e9efe7;--white:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;line-height:1.75}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b68d4c;outline-offset:4px}button:disabled{opacity:.35;cursor:default}a{color:var(--teal);text-underline-offset:4px}main{max-width:760px;margin:auto;padding:26px 24px 64px}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.08em;color:var(--teal);margin-bottom:26px}.topline:before{content:"";display:inline-block;width:26px;height:3px;background:var(--teal);flex-shrink:0}.topline span:first-child{margin-right:auto}.tag{padding:4px 9px;border:1px solid #d7ddd1;border-radius:99px;letter-spacing:0;white-space:nowrap}h1{font-size:clamp(28px,5.5vw,43px);line-height:1.4;margin:15px 0 20px;letter-spacing:.01em}h2{font-size:23px;line-height:1.5;margin:25px 0 12px}h3{font-size:16px;line-height:1.6;color:var(--teal);margin:18px 0 6px}p{margin:8px 0 16px}.muted{font-size:13px;color:var(--muted)}.eyebrow{font-size:12px;color:var(--teal);letter-spacing:.05em}.intro{max-width:36em}.hero{width:100%;height:auto;display:block;margin:24px 0 26px;mix-blend-mode:multiply}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.primary,.secondary{border:1px solid var(--teal);border-radius:10px;padding:12px 20px;font:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:48px}.primary{background:var(--teal);color:white}.secondary{background:transparent;color:var(--teal);border-color:#aebfb1}.primary.wide{width:100%}.plain{border:0;background:none;padding:5px 0;color:var(--teal);text-decoration:underline;text-underline-offset:4px}.progress{height:4px;background:#e1e5da;overflow:hidden;border-radius:3px;margin:0 0 23px}.progress div{height:100%;background:var(--teal);transition:width .15s}.stem{font-size:16px;line-height:1.85;margin-bottom:22px}.option{display:flex;gap:13px;width:100%;text-align:left;background:var(--white);border:1px solid #d8ded1;border-radius:12px;padding:14px 16px;margin:10px 0;align-items:flex-start;box-shadow:0 2px 7px #24333103;transition:border-color .12s,background .12s}.option:hover{border-color:var(--teal);background:#f5faf4}.option.selected{border-color:var(--teal);background:#e7f0e8;box-shadow:inset 0 0 0 1px var(--teal)}.letter{width:25px;flex-shrink:0;color:var(--teal);font-size:13px;line-height:27px;font-weight:700}.option span:last-child{flex:1}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:23px}.quizfooter{margin-top:16px;font-size:12px;color:var(--muted)}.smallnote{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:23px;margin:18px 0}.card p:last-child{margin-bottom:0}.result-intro{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:21px}.portal{background-image:url('assets/doors.png');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1;mix-blend-mode:multiply}.result-head{display:grid;grid-template-columns:1fr 150px;gap:20px;align-items:center}.result-head h2{margin:5px 0 10px;font-size:30px}.quote{font-size:18px;line-height:1.9}.codefree{font-size:12px;letter-spacing:.04em;color:var(--muted)}details{border-top:1px solid var(--line);padding:13px 0}details+details{margin-top:0}summary{cursor:pointer;list-style-position:outside;margin-left:16px;font-weight:600;color:var(--teal)}.details-content{padding-top:10px}blockquote{margin:14px 0;padding:10px 16px;border-left:3px solid #adbdab;background:#f0f3e9}blockquote p:last-child{margin-bottom:0}.evidence{padding:12px 15px;border-radius:10px;background:#eff3e9;margin:10px 0;font-size:14px}.evidence .muted{margin:0 0 4px}.role-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.pill{border:1px solid #c7d3c4;border-radius:99px;padding:7px 13px;background:transparent;font-size:13px}.pill.active{background:var(--teal);color:white;border-color:var(--teal)}.score-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #e5e7de;font-size:14px}.pair{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.pair h3{color:var(--ink);font-size:19px}.review-row{display:block;width:100%;text-align:left;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent}.review-row strong{display:block}.review-row span{font-size:13px;color:var(--muted)}.review-row:hover strong{color:var(--teal)}.completion{font-size:12px;color:var(--teal);margin:0 0 12px}.footer{margin-top:40px;font-size:11px;color:#7b867d;line-height:1.9}.empty{padding:35px 0}.loading{padding:70px 0;color:var(--teal)}@media(max-width:480px){main{padding:19px 18px 40px}.topline{margin-bottom:20px}h1{font-size:28px;margin-bottom:17px}.stem{font-size:15px;line-height:1.8;margin-bottom:16px}.option{font-size:14px;padding:12px 13px;margin:8px 0;line-height:1.65}.letter{width:20px;line-height:24px}.nav .secondary{font-size:13px;min-height:42px;padding:8px 13px}.hero{margin:16px 0 21px}.card{padding:18px}.result-head{grid-template-columns:1fr 100px;gap:10px}.result-head h2{font-size:24px}.quote{font-size:16px}.tag{font-size:10px}.topline{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:white}main{max-width:none;padding:0}.actions,.nav,.role-tabs,.review-row,.footer{display:none}details{display:block}details>div{display:block}.card{break-inside:avoid;box-shadow:none}a{color:inherit;text-decoration:none}}