:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#243653;background:#f5f7fb;line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:#165dff;text-decoration:none}header{height:76px;background:#fff;border-bottom:1px solid #e4eaf4;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1040px)/2));gap:20px}.brand{font-size:28px;font-weight:800}main{max-width:1040px;margin:40px auto;padding:0 24px}h1{font-size:clamp(25px,4vw,38px);line-height:1.5;margin:16px 0}h2{font-size:20px;line-height:1.6}p{overflow-wrap:anywhere}.tags{font-size:13px;color:#165dff;font-weight:600;letter-spacing:1px;margin-top:24px}.meta{font-size:13px;color:#748298}.back{font-size:14px}section,.card{display:block;padding:26px;border:1px solid #e2e9f4;background:#fff;border-radius:14px;margin:22px 0;color:inherit}blockquote{margin:0;padding:16px 20px;background:#f1f6ff;border-left:3px solid #165dff;border-radius:5px;line-height:2}.button{display:inline-block;background:#165dff;color:white;padding:10px 18px;border-radius:8px;margin-top:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{margin:0}.card:hover{border-color:#9ab8f5}.card .tags{margin:0}.card p{color:#5e6e84}footer{text-align:center;color:#748298;font-size:12px;padding:36px 24px}a:focus-visible{outline:2px solid #165dff;outline-offset:4px}@media(max-width:640px){.cards{grid-template-columns:1fr}main{margin:25px auto;padding:0 16px}section,.card{padding:20px}header{padding:0 16px;font-size:14px}}