*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:#19364c;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:#1b608f;text-decoration:none}button{font:inherit;cursor:pointer}header{padding:.8rem 5%;background:white;border-bottom:1px solid #dce5ee;display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;align-items:center}.brand{font-size:1.5rem;font-weight:700;color:#18354a}.brand span{font-size:.875rem;margin-left:1rem;border-left:1px solid #b9c9d5;padding-left:1rem}header nav{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.875rem}header nav a{min-height:2.75rem;display:flex;align-items:center}main{max-width:80rem;margin:auto;padding:1.3rem 1rem}.intro h1{font-size:clamp(1.55rem,2.8vw,2.1rem);line-height:1.4;margin:0}.intro p{margin:.35rem 0 1.3rem;color:#5b6e7e;font-size:1rem}.story-layout{display:grid;gap:1.5rem}.outline h2{font-size:1rem;margin:0}.hint{font-size:.875rem;color:#617787;margin:.2rem 0 .7rem}#story-steps{list-style:none;padding:0;margin:0}#story-steps li{position:relative;margin-bottom:.55rem}#story-steps li:not(:last-child):after{content:'↓';position:absolute;left:1.05rem;bottom:-.7rem;color:#7290a6;font-size:.9rem;z-index:1}#story-steps button{width:100%;text-align:left;border:1px solid #d7e1e9;background:white;border-radius:.35rem;display:flex;gap:.85rem;align-items:center;padding:.65rem .8rem;color:#24445b;min-height:3.1rem}#story-steps button span{flex-shrink:0;font-size:.875rem;border:1px solid #abc1d1;border-radius:50%;width:1.55rem;height:1.55rem;display:grid;place-items:center}#story-steps strong{font-size:1rem;line-height:1.55;font-weight:550}#story-steps button[aria-pressed=true]{background:#173e5c;color:white;border-color:#173e5c}#story-steps button[aria-pressed=true] span{border-color:#83a6c0}.story-detail{background:white;border:1px solid #d5e0e9;border-top:3px solid #2d729e;padding:1.2rem;border-radius:.35rem;scroll-margin-top:1rem}.step-label{color:#387698;font-size:.875rem!important;margin:0!important}.story-detail h2{font-size:1.35rem;line-height:1.5;margin:.35rem 0 .65rem}.story-detail h3{font-size:1rem;margin:1rem 0 .35rem}.story-detail p{font-size:1rem;margin:.5rem 0;line-height:1.85}.real-example{background:#eef6f3;border-left:3px solid #4d8477;padding:.5rem 1rem;margin:1rem 0}.real-example h3{margin:.2rem 0}.real-example small{font-size:.875rem;color:#677d74}.next-reason b{display:block;color:#1d618c}.detail-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;font-size:.875rem}.detail-actions a{min-height:2.75rem;display:flex;align-items:center}.detail-actions button{min-height:2.75rem;border:1px solid #aabfce;background:#f0f5f9;color:#244e6b;padding:.4rem 1rem;border-radius:.25rem}.detail-actions button:disabled{opacity:.4;cursor:default}.ground-rules{margin-top:1.7rem;border-top:1px solid #d1dde6;padding:1rem 0}.ground-rules h2{font-size:1.2rem;margin:.3rem 0}.ground-rules ol{padding-left:1.4rem}.ground-rules li{margin:.6rem 0;font-size:1rem}.ground-rules p{font-size:1rem;color:#536c7b}.extra{border-top:1px solid #d1dde6}.extra details{border-bottom:1px solid #d1dde6;padding:.6rem 0}.extra summary{font-size:1rem;min-height:2.75rem;cursor:pointer;padding:.5rem 0}.extra p{font-size:1rem;max-width:70ch}.extra a{display:inline-flex;min-height:2.75rem;align-items:center}.complete{font-size:.875rem;color:#657b8a;margin:1.2rem 0}footer{font-size:.875rem;padding:1rem;text-align:center;color:#6a7f8e}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd913a;outline-offset:3px}@media(min-width:1024px){main{padding:1.4rem 2rem}.story-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem}.story-detail{position:sticky;top:1rem}.ground-rules ol{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-left:1.4rem}.ground-rules li{padding-right:.5rem}}@media print{.story-layout{display:block}.story-detail{position:static}header nav,.detail-actions button{display:none}}