:root{--bg:#f3f0e7;--paper:#fffdf8;--ink:#1c303b;--muted:#536874;--line:#cbd4d2;--deep:#142f3b;--accent:#bc6843;--good:#166950;--bad:#a33d35;--focus:#158797}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.72 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#086a79;text-underline-offset:3px}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.wrap{width:min(1100px,calc(100% - 38px));margin:auto}h1,h2,h3{font-family:"Songti SC","Noto Serif CJK SC",serif;line-height:1.27}h1{font-size:clamp(2.1rem,5vw,4rem);font-weight:600;margin:0}h2{font-size:clamp(1.55rem,3vw,2.15rem);margin:0 0 12px}h3{font-size:1.18rem;margin:0 0 9px}p{margin:0 0 15px}.hero{background:var(--deep);color:#f8f3e8;padding:37px 0 45px}.eyebrow{font-size:.8rem;letter-spacing:.16em;color:#b7ced3;margin:0 0 11px}.lead{max-width:760px;font-size:1.14rem;margin:20px 0}.meta{display:flex;flex-wrap:wrap;gap:8px}.meta span{border:1px solid #7996a0;border-radius:30px;padding:2px 11px;font-size:.87rem}.toc{background:var(--paper);border-bottom:1px solid var(--line)}.toc .wrap{display:flex;gap:6px 19px;flex-wrap:wrap;padding:10px 0}.toc a{color:var(--ink);text-decoration:none;font-size:.91rem}.toc a:hover{text-decoration:underline}main{padding-bottom:60px}section{padding-top:43px;scroll-margin-top:15px}.kicker{font-size:.79rem;color:var(--accent);font-weight:700;letter-spacing:.12em;margin:0 0 6px}.intro{max-width:840px;color:var(--muted)}.panel,.card,.question{background:var(--paper);border:1px solid var(--line);border-radius:11px}.panel{padding:20px}.panel p:last-child{margin-bottom:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card{padding:17px}.card .num{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.1em}.card p{font-size:.94rem;margin:5px 0 8px}.cite{font-size:.82rem;white-space:nowrap}.caption{font-size:.87rem;color:var(--muted);margin-top:12px}.note{background:var(--paper);border-left:4px solid var(--accent);padding:12px 16px}.small{font-size:.9rem;color:var(--muted)}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}.flow .step{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--accent);padding:15px;border-radius:9px}.flow .step h3{font-size:1rem}.flow .step p{font-size:.89rem;margin:0}.tag{display:inline-block;border-radius:4px;background:#e9ddd1;padding:1px 7px;font-size:.8rem;color:var(--ink)}.resource{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.button-link,button.action{display:inline-block;background:var(--deep);border:1px solid var(--deep);color:white;text-decoration:none;border-radius:7px;padding:9px 15px;cursor:pointer;font-weight:600;line-height:1.3}.button-link.secondary,button.action.secondary{background:transparent;color:var(--ink)}.question{margin:12px 0;padding:15px 18px}.question legend{font-weight:700;padding:0 5px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 13px}.choices label{display:flex;align-items:flex-start;gap:8px;padding:4px 0}.choices input{accent-color:var(--deep);margin-top:.52em;flex:none}.feedback{min-height:1.3em;margin:3px 0 0;font-size:.9rem}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.quiz-result{font-weight:700;margin-top:12px}details{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:10px 15px;margin:13px 0}summary{cursor:pointer;font-weight:700}.source-list{padding-left:20px;max-width:930px}.source-list li{margin:9px 0;border-bottom:1px solid var(--line);padding-bottom:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);padding:9px;text-align:left;vertical-align:top}th{background:var(--deep);color:white}footer{border-top:1px solid var(--line);padding:20px 0 35px;color:var(--muted);font-size:.88rem}
@media(max-width:800px){.flow,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr}}@media(max-width:600px){.wrap{width:calc(100% - 26px)}.flow,.cards,.grid2,.choices{grid-template-columns:1fr}.hero{padding:29px 0 35px}section{padding-top:34px}.panel{padding:16px}}@media print{body{background:white;color:black}.hero{background:white;color:black;padding:8px 0}.eyebrow{color:#333}.toc,.resource,.quiz-actions{display:none}section{padding-top:19px}.panel,.card,.question,.step{background:white;break-inside:avoid}}