:root{
  --ink:#111418; --muted:#6b7280; --line:#e5e7eb; --bg:#f7f8fa;
  --brand:#c8102e; --brand-soft:#fdecef; --accent:#0f766e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1000px; margin:0 auto; padding:0 18px}

/* header */
.site-head{background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20}
.site-head .wrap{display:flex; align-items:center; justify-content:space-between; gap:14px; height:60px}
.brand{display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--ink)}
.brand .mark{background:var(--brand); color:#fff; border-radius:6px; padding:2px 8px; font-size:14px}
.brand .name{letter-spacing:.5px}
.nav{display:flex; gap:16px; flex-wrap:wrap; font-size:14px}
.nav a{color:var(--muted)}
.nav a:hover{color:var(--brand)}

/* hero */
.hero{display:grid; grid-template-columns:1.15fr .85fr; gap:26px; align-items:center; background:#fff;
      border:1px solid var(--line); border-radius:14px; padding:26px; margin:22px 0}
.hero h1{font-size:30px; line-height:1.35; margin:0 0 12px}
.answer{font-size:17px; background:var(--brand-soft); border-left:4px solid var(--brand);
        padding:12px 14px; border-radius:0 8px 8px 0; margin:0 0 10px}
.hero-img{width:100%; height:auto; border-radius:10px; object-fit:cover}
.note,.muted{color:var(--muted); font-size:13px}

/* 快速结论 */
.quick,.latest,.cats{background:#fff; border:1px solid var(--line); border-radius:14px; padding:22px; margin:20px 0}
.quick h2,.latest h2,.cats h2{margin:0 0 12px; font-size:20px}
.facts{margin:0; padding-left:20px}
.facts li{margin:8px 0}

.cat-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px}
.cat-card{display:flex; justify-content:space-between; align-items:center; gap:10px;
  border:1px solid var(--line); border-radius:10px; padding:12px 14px; color:var(--ink); background:#fcfcfd}
.cat-card:hover{border-color:var(--brand); text-decoration:none}
.cat-name{font-weight:600}
.cat-count{color:var(--muted); font-size:13px}

/* 文章卡片 */
.grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px}
.card{border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; display:flex; flex-direction:column}
.card .thumb img{width:100%; height:170px; object-fit:cover; display:block}
.card-body{padding:14px 16px 18px}
.card h3{margin:6px 0 8px; font-size:17px; line-height:1.45}
.kicker{color:var(--muted); font-size:12px; margin:0}
.excerpt{margin:0; font-size:14px; color:#374151}
.tags{margin:10px 0 0; display:flex; gap:6px; flex-wrap:wrap}
.tags span{font-size:12px; background:var(--brand-soft); color:var(--brand); border-radius:999px; padding:2px 9px}
.more{margin:16px 0 0}

/* 文章页 */
.crumbs{font-size:13px; color:var(--muted); margin:18px 0 10px}
.post{background:#fff; border:1px solid var(--line); border-radius:14px; padding:26px; margin-bottom:26px}
.post h1{font-size:28px; line-height:1.4; margin:0 0 10px}
.post .meta{color:var(--muted); font-size:13px; margin:0 0 14px}
.answer-box{background:#f0fdfa; border-left:4px solid var(--accent); padding:12px 14px; border-radius:0 8px 8px 0; font-size:16px}
.post-hero{width:100%; height:auto; border-radius:10px; margin:14px 0}
.kw{font-size:13px; color:var(--muted)}
.kw a{display:inline-block; background:#f3f4f6; border-radius:999px; padding:1px 9px; margin:0 4px 4px 0; color:#374151}
.post h2{font-size:21px; margin:30px 0 10px; padding-left:12px; border-left:4px solid var(--brand)}
.post p{margin:12px 0}

.tbl{margin:18px 0; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#fff}
.tbl figcaption{background:#f9fafb; padding:10px 14px; font-weight:600; font-size:14px; border-bottom:1px solid var(--line)}
.tbl table{width:100%; border-collapse:collapse; font-size:14px}
.tbl th,.tbl td{padding:10px 12px; border-bottom:1px solid var(--line); text-align:left}
.tbl th{background:#fcfcfd; color:#374151; font-weight:600; white-space:nowrap}
.tbl tr:last-child td{border-bottom:0}

.faq details{border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin:10px 0; background:#fcfcfd}
.faq summary{cursor:pointer; font-weight:600}
.faq p{margin:8px 0 0; color:#374151}

.related ul{padding-left:20px}
.related li{margin:8px 0; font-size:15px}
.disclaimer{color:var(--muted); font-size:13px; border-top:1px dashed var(--line); padding-top:12px; margin-top:22px}
.lede{color:#374151}

/* footer */
.site-foot{background:#fff; border-top:1px solid var(--line); margin-top:30px; padding:22px 0}
.site-foot p{margin:4px 0}

@media (max-width:760px){
  .hero{grid-template-columns:1fr}
  .hero h1{font-size:24px}
  .post h1{font-size:23px}
  .nav{display:none}
}

/* ---------- GEO：核心数据定义列表（模型友好、可整块摘录） ---------- */
.facts-block{background:#fff; border:1px solid var(--line); border-left:4px solid var(--accent);
  border-radius:12px; padding:18px 20px; margin:22px 0}
.facts-block h2{font-size:18px; margin:0 0 12px}
dl.facts{display:grid; grid-template-columns:minmax(160px,auto) 1fr; gap:8px 16px; margin:0}
dl.facts dt{color:var(--muted); font-size:14px; border-bottom:1px dashed var(--line); padding:6px 0}
dl.facts dd{margin:0; font-weight:600; border-bottom:1px dashed var(--line); padding:6px 0}
.facts-block .note{font-size:13px; color:var(--muted); margin:12px 0 0}
@media (max-width:640px){
  dl.facts{grid-template-columns:1fr; gap:0}
  dl.facts dt{padding-bottom:0; border-bottom:none; font-size:13px}
  dl.facts dd{padding-top:0; margin-bottom:8px}
}