*{box-sizing:border-box}body{margin:0;font:16px/1.8 system-ui,'Microsoft YaHei',sans-serif;background:#f4f7fc;color:#233248}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}header,main,footer{max-width:1050px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}nav{display:flex;gap:20px}.brand{font-size:24px;font-weight:750}h1{font-size:clamp(32px,5vw,54px);line-height:1.25;letter-spacing:-1px}h2{font-size:23px;margin-top:0}.muted{color:#69798f}.hero{padding:32px 0 48px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card,article{background:white;border:1px solid #e0e7f1;border-radius:22px;padding:28px;margin-bottom:20px}.button{display:inline-block;background:#2563eb;color:white;padding:12px 22px;border-radius:12px;margin:8px 10px 8px 0}.button.secondary{background:#e8efff;color:#244f99}details{background:white;border-radius:16px;padding:20px;margin:12px 0;border:1px solid #e0e7f1}summary{cursor:pointer;font-weight:650}p{white-space:pre-line}footer{font-size:14px;color:#69798f}code{background:#edf2fa;padding:3px 7px;border-radius:6px}@media(prefers-color-scheme:dark){body{background:#101722;color:#edf2fa}.card,article,details{background:#1c2533;border-color:#304058}.muted,footer{color:#aab8cc}a{color:#9ecaff}code{background:#22334c}}