/* ============================================================
   PEDV 防控知识库 · 全站样式 v2（中式专业知识库）
   风格参照：知网 / 政府门户 —— 深藏青 + 灰白 + 红 + 农业绿
   原则：正文 16px / 行高 1.7；方角小圆角；无阴影无渐变按钮；
        密实优先；移动优先（对人友好，也对 AI 友好）
   ============================================================ */
:root{
  --brand:#0f2b47;       /* 顶部品牌条 深藏青 */
  --hero1:#17456f;       /* 首页品牌区（左） */
  --hero2:#0e2b49;       /* 首页品牌区（右） */
  --navy:#1d3a5f;        /* 强调 / 链接 */
  --navy-ink:#12283e;    /* 标题文字 */
  --ink:#262a30;         /* 正文 */
  --muted:#5b6673;       /* 辅助文字 */
  --line:#d8dde4;        /* 分隔线 */
  --panel:#f2f4f7;       /* 面板底（灰白） */
  --bg:#e9ecf0;          /* 页面底（灰白） */
  --red:#c0392b;  --red-tint:#fdf3f2;  --red-line:#e8c4bf;
  --blue:#1c5fb8; --blue-tint:#f3f7fd; --blue-line:#c9dcf2;
  --green:#2e7d4f;--green-tint:#f2f9f4;--green-line:#c6e0d0;
  --slate:#4b5a6a;--slate-tint:#f4f6f8;--slate-line:#d3dae1;
  --amber:#7d5510; --amber-bg:#fbf6e9;
}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{
  font-family:"Source Han Sans SC","Noto Sans SC","Microsoft YaHei","PingFang SC","Hiragino Sans GB","Segoe UI",sans-serif;
  font-size:1rem;line-height:1.7;color:var(--ink);background:var(--bg);
}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:700}

/* ================= 顶部深蓝品牌条 ================= */
.sitehead{background:var(--brand);border-bottom:1px solid rgba(255,255,255,.14)}
.sitehead .inner{max-width:1100px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:26px;min-height:56px;flex-wrap:wrap}
.brand{font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:.04em;white-space:nowrap}
.brand:hover{text-decoration:none;color:#fff}
.sitenav{display:flex;align-items:stretch;flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sitenav::-webkit-scrollbar{display:none}
.sitenav a{color:#cfd9e4;font-size:.9375rem;padding:17px 2px;white-space:nowrap;border-bottom:2px solid transparent}
.sitenav a:hover{color:#fff;text-decoration:none}
.sitenav a.on{color:#fff;font-weight:700;border-bottom-color:#fff}
.badge{font-size:.75rem;color:#d5dee9;border:1px solid rgba(255,255,255,.4);border-radius:2px;padding:2px 8px;white-space:nowrap}

/* ================= 首页 · 深蓝品牌区（含背景图 + 搜索） ================= */
.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--hero1) 0%,#133c63 45%,var(--hero2) 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:44px 44px}
/* 背景图（猪场实景）+ 深藏青叠色，保证文字对比度 */
.hero-photo{position:absolute;inset:0;background:url("hero-pig.jpg") center 42%/cover no-repeat;opacity:.42}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(15,43,71,.94) 0%,rgba(19,60,99,.86) 42%,rgba(14,43,73,.9) 100%)}
.hero-art{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:min(46%,560px);height:auto;opacity:.13;pointer-events:none}
.hero-in{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:40px 16px 44px}
.hero h1{font-size:2.5rem;line-height:1.25;color:#fff;font-weight:700;letter-spacing:.02em;margin:0}
.hero-sub{font-size:1.1875rem;color:#d5e2ee;margin:8px 0 20px}
.searchbox{position:relative;max-width:600px}
.searchrow{display:flex;gap:8px}
.searchrow input[type=search]{flex:1;min-width:0;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:4px;background:#fff;padding:0 14px;font:inherit;font-size:.9375rem;color:var(--ink)}
.searchrow input[type=search]::placeholder{color:#8b97a4}
.searchrow button{height:42px;padding:0 20px;border:0;border-radius:4px;background:var(--brand);color:#fff;font:inherit;font-size:.9375rem;font-weight:700;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.searchrow button:hover{background:#16405f}
.hero-hint{font-size:.8125rem;color:#a3b6cb;margin-top:10px}
/* 站内检索结果 */
.sres{display:none;position:absolute;left:0;right:0;top:46px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:4px;padding:4px}
.sres.on{display:block}
.sres a{display:block;padding:8px 10px;border-radius:3px;color:var(--ink)}
.sres a:hover{background:#f2f6fa;text-decoration:none}
.sres .stt{display:block;font-weight:700;color:var(--navy-ink);font-size:.9375rem}
.sres .std{display:block;color:var(--muted);font-size:.8125rem}
.sno{padding:10px;font-size:.875rem;color:var(--muted)}

/* ================= 内容面板（白面板浮于灰白底） ================= */
.page{max-width:1100px;margin:16px auto 28px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 22px 26px}
.wrap{max-width:860px;margin:16px auto 28px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 26px 30px}

/* 面包屑 */
.crumb{font-size:.8125rem;color:var(--muted);margin:12px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.crumb .lb{color:#9aa4af}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--navy)}
.crumb .sep{margin:0 7px;color:#aab3bd}
.crumb .cur{color:var(--ink)}

/* ================= 左主栏 + 右窄栏 ================= */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:22px;align-items:start}
.col-main{min-width:0}
.col-side{min-width:0}

/* 区块标题（参照政府门户：粗体 + 短副题） */
.blk{margin:0 0 22px}
.blk h2{font-size:1.1875rem;color:var(--navy-ink);font-weight:700;margin:0 0 12px}
.blk h2 .h2sub{font-size:.8125rem;font-weight:400;color:var(--muted);margin-left:10px}

/* ================= 分诊 4 卡（色彩编码 + 线性图标） ================= */
.triage4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tcard{display:block;border:1px solid var(--line);border-radius:6px;padding:14px 14px 12px;background:#fff;color:var(--ink);border-top:3px solid var(--navy)}
.tcard:hover{text-decoration:none;border-color:var(--navy);border-top-color:var(--navy)}
.tcard .ic{width:26px;height:26px;display:block;margin-bottom:8px}
.tcard .t{font-size:1.0625rem;font-weight:700;line-height:1.4;margin-bottom:3px}
.tcard .d{font-size:.8125rem;color:var(--muted);line-height:1.6}
.tcard .go{display:inline-block;margin-top:7px;font-size:.8125rem;font-weight:700}
.tcard.c-red{background:var(--red-tint);border-color:var(--red-line);border-top-color:var(--red)}
.tcard.c-red .t,.tcard.c-red .go,.tcard.c-red .ic{color:var(--red)}
.tcard.c-blue{background:var(--blue-tint);border-color:var(--blue-line);border-top-color:var(--blue)}
.tcard.c-blue .t,.tcard.c-blue .go,.tcard.c-blue .ic{color:var(--blue)}
.tcard.c-green{background:var(--green-tint);border-color:var(--green-line);border-top-color:var(--green)}
.tcard.c-green .t,.tcard.c-green .go,.tcard.c-green .ic{color:var(--green)}
.tcard.c-slate{background:var(--slate-tint);border-color:var(--slate-line);border-top-color:var(--slate)}
.tcard.c-slate .t,.tcard.c-slate .go,.tcard.c-slate .ic{color:var(--slate)}

/* ================= 栏目导览（纵向密实列表） ================= */
.navlist{list-style:none;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.navlist li{border-bottom:1px solid var(--line)}
.navlist li:last-child{border-bottom:0}
.navlist a{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--ink);font-size:.9375rem}
.navlist a:hover{background:#f4f7fa;text-decoration:none}
.navlist .bar{flex:none;width:3px;height:15px;background:var(--navy);opacity:.75}
.navlist .nm{font-weight:700;color:var(--navy-ink)}
.navlist .ds{color:var(--muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.navlist .tag{margin-left:auto;flex:none;font-size:.75rem;color:var(--navy);border:1px solid var(--blue-line);background:var(--blue-tint);border-radius:2px;padding:0 6px}

/* ================= 表格 ================= */
.tablewrap{overflow-x:auto;margin:0}
table{border-collapse:collapse;width:100%;font-size:.875rem;background:#fff}
th,td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}
th{background:#eef2f6;font-weight:700;color:var(--navy-ink);white-space:nowrap}
.tbl-k td:first-child{font-weight:700;color:var(--navy-ink);white-space:nowrap}
.tbl-k td:nth-child(2){white-space:nowrap}

/* ================= 提示框（蓝） ================= */
.tip{background:#f2f7fd;border:1px solid var(--blue-line);border-left:3px solid var(--blue);border-radius:4px;padding:12px 16px;margin:0}
.tip .tip-t{font-size:.9375rem;font-weight:700;color:var(--navy-ink);display:flex;align-items:center;gap:8px;margin-bottom:5px}
.tip .tip-t svg{flex:none;color:var(--blue)}
.tip p{font-size:.875rem;color:#33404f;margin:4px 0}
.tip .fine{font-size:.8125rem;color:var(--muted)}

/* ================= 侧栏面板 ================= */
.panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px 15px;margin:0 0 14px}
.panel:last-child{margin-bottom:0}
.panel h2{font-size:.9375rem;color:var(--navy-ink);font-weight:700;margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.panel p{font-size:.8125rem;color:var(--muted);margin:0}

/* 更新列表 */
.upd{list-style:none;margin:0}
.upd li{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--line)}
.upd li:last-child{border-bottom:0}
.upd .ic{flex:none;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.upd .tx{min-width:0}
.upd .tt{display:block;font-size:.875rem;font-weight:700;color:var(--navy-ink);line-height:1.5}
.upd .st{display:block;font-size:.75rem;color:var(--muted)}

/* 作者面板 */
.author{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}
.mono{flex:none;width:46px;height:46px;border-radius:4px;background:var(--brand);color:#fff;font-size:1.375rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.author .nm{font-size:.9375rem;font-weight:700;color:var(--navy-ink);display:block}
.author .rl{font-size:.8125rem;color:var(--muted);display:block}
.panel .contact{font-size:.8125rem;color:var(--muted);margin:0 0 8px;padding-bottom:8px;border-bottom:1px dashed var(--line)}
.panel .contact a{font-weight:700;word-break:break-all}
.panel .fine{font-size:.75rem;line-height:1.6}

/* ================= 文章页通用 ================= */
h1{font-size:1.5rem;line-height:1.4;margin:4px 0 10px;color:var(--navy-ink);font-weight:700}
h3{font-size:1rem;margin:18px 0 6px;color:var(--navy);font-weight:700}
p{margin:8px 0}
ul,ol{margin:8px 0 8px 1.4em}
li{margin:3px 0}
.lead{font-size:1rem;color:var(--muted);margin:0 0 12px}
.meta{font-size:.8125rem;color:var(--muted);margin:14px 0 4px}
.conclusion{background:#edf2f8;border:1px solid #ccd8e6;border-left:3px solid var(--navy);border-radius:3px;padding:12px 14px;margin:14px 0}
.conclusion .tag{font-size:.75rem;font-weight:700;color:var(--navy);letter-spacing:.08em}
.conclusion p{margin:6px 0 0;font-weight:700}
.notice{border:1px solid var(--line);border-radius:3px;padding:10px 14px;font-size:.875rem}
.notice.build{background:var(--amber-bg);border-color:#e6d7b5;color:var(--amber)}
.notice.info{background:var(--panel);color:var(--muted)}
.faq{margin:12px 0}
.faq details{border:1px solid var(--line);border-radius:3px;padding:9px 13px;margin:7px 0;background:#fff}
.faq summary{font-weight:700;cursor:pointer;color:var(--navy-ink)}
.faq p{margin:8px 0 4px}
blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid var(--navy);background:var(--panel)}
blockquote p{margin:4px 0}
.postnav{display:flex;justify-content:space-between;gap:10px;margin:30px 0 8px;font-size:.875rem}
.postnav a{flex:1;border:1px solid var(--line);border-radius:3px;padding:9px 12px;color:var(--ink)}
.postnav a:hover{text-decoration:none;border-color:var(--navy)}
.postnav .next{text-align:right}
.cardlist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.card{display:block;border:1px solid var(--line);border-radius:3px;padding:12px 14px;color:var(--ink);background:#fff}
.card:hover{text-decoration:none;border-color:var(--navy)}
.card .t{font-weight:700}
.card .d{color:var(--muted);font-size:.8125rem;margin-top:2px}
.card .n{display:inline-block;font-size:.75rem;color:#fff;background:var(--navy);border-radius:2px;padding:1px 7px;margin-right:8px;vertical-align:1px}

/* ================= 页脚（深色） ================= */
.sitefoot{background:var(--brand);border-top:3px solid #16405f;margin-top:0}
.sitefoot .inner{max-width:1100px;margin:0 auto;padding:18px 16px;font-size:.8125rem;color:#aebdd0}
.sitefoot p{margin:3px 0}
.sitefoot strong{color:#fff}

/* ================= 响应式 ================= */
@media (max-width:1000px){
  .cols{grid-template-columns:1fr;gap:0}
  .triage4{grid-template-columns:repeat(2,1fr)}
  .cardlist{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .sitehead .inner{gap:10px;padding:0 12px}
  .brand{font-size:1.125rem;padding:11px 0}
  .sitenav{order:3;flex-basis:100%;border-top:1px solid rgba(255,255,255,.14)}
  .sitenav a{padding:11px 10px;font-size:.875rem}
  .hero-in{padding:28px 14px 32px}
  .hero h1{font-size:1.875rem}
  .hero-sub{font-size:1rem}
  .hero-art{width:70%;right:-40px;opacity:.10}
  .page,.wrap{margin:12px 10px 20px;padding:4px 14px 22px}
  .triage4{grid-template-columns:1fr}
  .blk{margin-bottom:18px}
  .navlist .ds{display:none}
  th,td{padding:8px 8px}
}