/* SEO 文章页共用样式 */
:root { --blue:#2a78d6; --blue-d:#1c5cab; --ink:#1a1d23; --ink2:#52514e; --muted:#898781; --line:#e4e4e0; --bg:#f7f8fa; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; color:var(--ink); background:var(--bg); line-height:1.85; }
a { color:var(--blue); text-decoration:none; }
.nav { background:#081226; }
.nav .wrap { max-width:860px; margin:0 auto; padding:0 20px; display:flex; align-items:center; height:56px; justify-content:space-between; }
.nav .logo { color:#fff; font-weight:700; }
.nav .logo span { color:#5ea2f0; }
.nav a.btn { background:var(--blue); color:#fff; padding:7px 18px; border-radius:8px; font-size:14px; }
main { max-width:860px; margin:0 auto; padding:36px 20px 60px; }
.crumb { font-size:13px; color:var(--muted); margin-bottom:18px; }
article { background:#fff; border:1px solid var(--line); border-radius:14px; padding:36px 42px; }
h1 { font-size:28px; line-height:1.4; margin-bottom:8px; }
.meta { font-size:13px; color:var(--muted); margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid var(--line); }
h2 { font-size:20px; margin:30px 0 12px; padding-left:12px; border-left:4px solid var(--blue); }
h3 { font-size:16px; margin:20px 0 8px; }
p { margin-bottom:14px; font-size:15px; color:#333; }
ul,ol { margin:0 0 14px 22px; font-size:15px; color:#333; }
li { margin-bottom:6px; }
table { width:100%; border-collapse:collapse; font-size:14px; margin-bottom:16px; }
th,td { border:1px solid var(--line); padding:9px 12px; text-align:left; }
th { background:#f4f7fb; }
.tip { background:#e8f1fc; border-left:4px solid var(--blue); border-radius:0 8px 8px 0; padding:14px 18px; font-size:14px; margin:18px 0; }
.cta { background:linear-gradient(120deg,#1c5cab,#2a78d6); border-radius:12px; color:#fff; text-align:center; padding:28px 20px; margin-top:32px; }
.cta b { font-size:18px; display:block; margin-bottom:6px; }
.cta p { color:#ffffffdd; font-size:14px; }
.cta a { display:inline-block; background:#fff; color:var(--blue-d); padding:10px 26px; border-radius:8px; font-weight:600; margin:10px 6px 0; }
.rel { margin-top:24px; font-size:14px; }
.rel b { display:block; margin-bottom:8px; }
footer { text-align:center; font-size:13px; color:var(--muted); padding:24px 0 40px; }
@media (max-width:640px){ article{ padding:24px 20px; } h1{ font-size:22px; } }