/* 水木蓝检测指南 — 内容页共享样式 */
:root{
  --bg:#e4ecf5; --paper:#fff; --line:#d6e2f0; --ink:#1a2e35; --sub:#6f879d;
  --brand:#2b7de9; --brand-deep:#1857a8; --accent:#ff8c42; --soft:#f4f8fd;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
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:760px; margin:0 auto; padding:0 18px}

/* 顶栏 */
.top{background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10}
.top .wrap{display:flex; align-items:center; justify-content:space-between; height:56px}
.top a.brand{font-weight:600; color:var(--ink); font-size:15px; letter-spacing:.3px}
.top a.tel{font-size:14px; color:var(--brand); font-weight:600}

/* 文章头 */
.head{padding:34px 0 10px}
.crumb{font-size:13px; color:var(--sub); margin-bottom:14px}
.crumb a{color:var(--sub)}
h1{font-size:26px; line-height:1.4; margin:0 0 14px; letter-spacing:-.3px}
.lead{font-size:16px; color:#3d5566; margin:0 0 8px}

/* 正文卡片 */
.card{
  background:var(--paper); border-radius:16px; padding:28px 26px;
  margin:18px 0; box-shadow:0 1px 0 rgba(16,38,58,.04), 0 8px 24px rgba(16,38,58,.05);
}
.card h2{font-size:19px; margin:0 0 12px; letter-spacing:-.2px}
.card h2:not(:first-child){margin-top:30px}
.card h3{font-size:16px; margin:22px 0 8px; color:var(--brand-deep)}
.card p{margin:0 0 12px}
.card ul,.card ol{margin:0 0 14px; padding-left:22px}
.card li{margin:6px 0}
.card strong{color:#0d2434}

/* 表格 */
.tbl{width:100%; border-collapse:collapse; margin:8px 0 16px; font-size:14.5px}
.tbl th,.tbl td{padding:10px 12px; border-bottom:1px solid var(--line); text-align:left}
.tbl th{background:var(--soft); font-weight:600; color:#2a4557; font-size:14px}
.tbl td.num{font-variant-numeric:tabular-nums; font-weight:600; color:var(--brand-deep)}

/* 提示块 */
.note{
  background:var(--soft); border-left:3px solid var(--brand);
  border-radius:0 10px 10px 0; padding:14px 16px; margin:16px 0; font-size:14.5px; color:#334c5e;
}
.warn{border-left-color:var(--accent); background:#fff8f2}

/* 相关阅读 */
.related{margin:26px 0 8px}
.related h2{font-size:15px; color:var(--sub); font-weight:600; margin:0 0 10px}
.related ul{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.related li a{
  display:block; background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:13px 16px; font-size:14.5px; color:var(--ink);
}
.related li a:hover{border-color:#b9d3ef; text-decoration:none}
.related li a span{display:block; font-size:12.5px; color:var(--sub); margin-top:2px}

/* CTA */
.cta{
  background:linear-gradient(180deg,#fff,#f7fbff); border:1px solid var(--line);
  border-radius:16px; padding:22px; margin:22px 0; text-align:center;
}
.cta p{margin:0 0 14px; font-size:15px}
.cta .btns{display:flex; gap:10px; justify-content:center; flex-wrap:wrap}
.cta a{
  display:inline-block; padding:11px 22px; border-radius:999px; font-size:15px; font-weight:600;
}
.cta a.fill{background:var(--brand); color:#fff}
.cta a.ghost{border:1px solid var(--brand); color:var(--brand)}

/* 页脚 */
.foot{margin:30px 0 40px; text-align:center; font-size:13px; color:var(--sub); line-height:2}
.foot a{color:var(--sub)}

@media(max-width:560px){
  h1{font-size:22px}
  .card{padding:22px 18px; border-radius:14px}
  .tbl th,.tbl td{padding:9px 8px; font-size:13.5px}
}