:root{--bg:#f6f7f9;--card:#fff;--ink:#1a1d21;--ink2:#4a5158;--ink3:#7a828a;--line:#e3e6ea;--brand:#1f6feb;--brand2:#12305c;--ok:#0f8a3c;--warn:#b26a00;--mono:"SFMono-Regular",Consolas,Menlo,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:920px;margin:0 auto;padding:0 20px 64px}
header.site{background:linear-gradient(135deg,#12305c,#1f6feb);color:#fff;padding:22px 0;margin-bottom:26px}
header.site .wrap{padding-bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
header.site .logo{font-weight:700;font-size:17px;letter-spacing:.3px}
header.site nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:16px;font-size:14.5px}
header.site nav a{color:rgba(255,255,255,.92)}
h1{font-size:26px;line-height:1.4;margin:0 0 10px}
h2{font-size:19px;margin:34px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--line)}
h3{font-size:16.5px;margin:24px 0 8px;color:var(--ink2)}
p{margin:10px 0}
.lead{font-size:16.5px;color:var(--ink2)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 24px;margin-bottom:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:16px 0}
.grid a.card{display:block;margin:0;transition:.15s}
.grid a.card:hover{border-color:var(--brand);text-decoration:none;box-shadow:0 3px 10px rgba(31,111,235,.12)}
.grid .t{font-weight:600;color:var(--brand2);margin-bottom:4px}
.grid .d{font-size:14px;color:var(--ink3);line-height:1.7}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
th{background:#f0f3f7;font-weight:600;color:var(--ink2)}
code{font-family:var(--mono);font-size:13.5px;background:#f2f4f7;padding:1px 5px;border-radius:4px;color:#243b53}
.callout{border-left:4px solid var(--brand);background:#f4f8fd;padding:12px 16px;border-radius:0 8px 8px 0;margin:16px 0;font-size:14.5px}
.callout.green{border-color:var(--ok);background:#f3fbf6}
ul,ol{padding-left:22px}
li{margin:5px 0}
.crumb{font-size:13.5px;color:var(--ink3);margin-bottom:14px}
.meta{font-size:13.5px;color:var(--ink3);margin-top:6px}
.en{font-size:14.5px;color:var(--ink2);background:#fafbfc;border:1px dashed var(--line);border-radius:8px;padding:12px 15px;margin:14px 0}
footer.site{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;font-size:13.5px;color:var(--ink3);line-height:1.9}
.tag{display:inline-block;padding:2px 9px;border-radius:20px;background:#eef3fb;color:var(--brand);font-size:12.5px;margin:0 6px 6px 0}
@media print{body{background:#fff}.card{box-shadow:none;break-inside:avoid}}