@charset "utf-8";
/* ==========================================================================
   矩阵宣闻 GEO 媒体发稿平台 · Z-BlogPHP 主题样式  v2.4.0
   版式风格：传声港（蓝白科技 / SaaS 门户风）
     主色 #236DFF · 浅蓝底 #EFF6FF · 强调橙 #EC9A27 · 深灰页脚 #222222
   重要模块全部保留：Hero 数据面板 / 三大分发通道 / 六项核心优势 /
     两大金牌业务 / 两栏行业资讯（左右各 10 篇）/ 六步发稿流程 /
     GEO 四环节链路 / 媒体资源墙 / 注册引导 / 联系方式（电话 + 微信二维码 + 邮箱）
   v2.1 变更：站点 logo 重做（点阵矩阵 + 橙色节点）· 六项优势顺序打乱且图标重绘 ·
     悬浮栏改常驻直显
   v2.2 变更：首屏撤掉说明条并压紧上下留白（min-height 612→420，padding 96/118→58/84）·
     撤掉窄屏底部联系条，悬浮栏恢复右侧常驻（981px 以上恒显示）·
     内容区 981–1439px 自动按 100%−220px 收窄，给悬浮栏让位，恒不压正文
   ========================================================================== */

:root{
  --blue:#236DFF;
  --blue-d:#1B54D2;
  --blue-dd:#123A9B;
  --blue-l:#A8CDFD;
  --blue-pale:#EFF6FF;
  --blue-pale2:#F6FAFF;
  --orange:#EC9A27;
  --red:#F33838;
  --ink:#0D0C22;
  --ink2:#22242E;
  --gray:#6B7280;
  --gray2:#9CA3AF;
  --line:#E5E7EB;
  --line2:#EEF2F7;
  --foot:#222222;
  --shadow:0 12px 34px rgba(35,109,255,.08);
  --shadow-sm:0 4px 14px rgba(13,12,34,.05);
  --r:16px;
  --r-lg:22px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font:14px/1.75 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);background:#fff;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;border:0}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
/* 内容区宽度：右侧要给悬浮联系栏留位。
   ★ 悬浮栏每一档都需要「贴边 18 + 栏宽 168 = 186px」，
     而 1440 视口下 .wrap(1216) 居中后两侧只剩 112px —— 光靠宽屏留白远远挡不住。
     所以让位区间必须一路覆盖到 1555px。
   ≥1556：两侧各留 ≥170px，容得下 186px 的悬浮栏，内容区恢复满宽 1216。
   981–1555：按 100% − 388px 收窄（居中后左右各让 194px，
             比悬浮栏需要的 186px 多 8px 余量），任何宽度都不压正文。
   ≤980：悬浮栏隐藏，内容区恢复满宽（见响应式段落）。
   ★ 388 = 2 × (贴边 18 + 栏宽 168 + 安全余量 8)。栏宽改一次，这里必须跟着改。 */
.wrap{max-width:1216px;margin:0 auto;padding:0 24px}
@media(min-width:981px) and (max-width:1555px){
  .wrap{max-width:min(1216px,calc(100% - 388px))}
}
.hl{color:var(--blue)}
/* 内联 SVG 渐变定义容器：必须塌缩掉。浏览器默认把 <svg> 当成 300x150 的替换元素，
   不写这条会把整页往下顶 150px */
.sprite{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}

/* ---------- 顶栏（白底吸顶） ---------- */
.topbar{
  position:sticky;top:0;z-index:60;background:#fff;
  border-bottom:1px solid transparent;
}
.topbar.scrolled{border-bottom-color:var(--line2);box-shadow:0 2px 14px rgba(13,12,34,.05)}
.topbar .in{display:flex;align-items:center;height:62px;gap:22px}
.logo{display:flex;align-items:center;gap:9px;flex:none}
.logo .mk{width:36px;height:36px;flex:none;border-radius:11px}
.logo .tx b{display:block;font-size:19px;font-weight:800;letter-spacing:.4px;line-height:1.15;color:var(--ink)}
.logo .tx i{display:block;font-style:normal;font-size:9px;letter-spacing:.5px;color:var(--gray2);line-height:1.3}
.nav{display:flex;align-items:center;gap:2px;margin-left:8px}
.nav a{
  position:relative;display:block;padding:0 14px;height:62px;line-height:62px;
  font-size:14.5px;color:#3A3A46;white-space:nowrap;
}
.nav a:hover{color:var(--blue)}
.nav a.on{color:var(--blue);font-weight:600}
.nav a.on::after{
  content:"";position:absolute;left:50%;bottom:14px;width:22px;height:3px;
  border-radius:2px;background:var(--blue);transform:translateX(-50%);
}
.tr{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.tr .lg{font-size:14px;color:#3A3A46;padding:0 12px;height:62px;line-height:62px}
.tr .lg:hover{color:var(--blue)}
.tr .rg{
  display:inline-block;padding:0 20px;height:38px;line-height:38px;border-radius:999px;
  background:var(--orange);color:#fff;font-size:14px;font-weight:600;
  box-shadow:0 8px 18px rgba(236,154,39,.30);
}
.tr .rg:hover{background:#D98A17}
.menu-btn{
  display:none;width:40px;height:40px;border:0;background:transparent;
  font-size:20px;line-height:40px;color:#3A3A46;
}

/* ---------- 首屏（蓝白丝绸渐变） ---------- */
.hero{
  position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#A9CFFF 0%,#C8E2FF 28%,#E8F3FF 60%,#FFFFFF 100%);
}
.hero .silk{
  position:absolute;inset:-14%;z-index:0;pointer-events:none;
  background:
    radial-gradient(38% 46% at 70% 52%, rgba(84,154,255,.80), rgba(84,154,255,0) 68%),
    radial-gradient(32% 40% at 30% 64%, rgba(120,178,255,.82), rgba(120,178,255,0) 70%),
    radial-gradient(24% 30% at 52% 28%, rgba(255,255,255,.98), rgba(255,255,255,0) 70%),
    radial-gradient(20% 26% at 14% 30%, rgba(255,255,255,.92), rgba(255,255,255,0) 72%),
    radial-gradient(26% 32% at 86% 22%, rgba(255,255,255,.88), rgba(255,255,255,0) 72%),
    radial-gradient(62% 32% at 44% 96%, rgba(255,255,255,1), rgba(255,255,255,0) 62%);
  filter:blur(26px);
  transform:rotate(-9deg) scale(1.18);
}
.hero .veil{
  position:absolute;left:0;right:0;bottom:0;height:170px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 88%);
}
.hero .in{
  position:relative;z-index:2;min-height:420px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:58px 24px 84px;text-align:center;
}
.hero .lead{
  font-size:40px;line-height:1.34;font-weight:800;letter-spacing:1px;color:#14213D;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.hero .lead em{font-style:normal;color:var(--blue)}
.hero .sub{margin-top:14px;font-size:15px;color:#4A6788;letter-spacing:.4px;line-height:1.85}
.tags{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;justify-content:center}
.tags a{
  padding:7px 18px;border-radius:14px;font-size:12.5px;color:#3C5068;
  background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.92);
}
.tags a:hover{color:var(--blue);background:#fff}

/* ---------- 数据面板（压在首屏下沿） ---------- */
.stats{position:relative;z-index:3;margin-top:-72px}
.stats .in{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;
  box-shadow:var(--shadow);overflow:hidden;
}
.st{
  position:relative;text-align:center;padding:30px 20px 28px;
}
.st+.st::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:var(--line2)}
.st b{display:block;font-size:32px;font-weight:800;color:var(--blue);letter-spacing:.5px;line-height:1.2}
.st span{display:block;margin-top:8px;font-size:13px;color:var(--gray)}

/* ---------- 区块标题 ---------- */
.sec-t{padding:74px 0 8px;text-align:center}
.sec-t h2{font-size:29px;font-weight:700;letter-spacing:.6px;line-height:1.5}
.sec-t .desc{margin-top:10px;font-size:13px;color:var(--gray2)}

.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.sec-h h2{font-size:29px;font-weight:700;letter-spacing:.6px;line-height:1.45}
.sec-h h2 .hl{margin-right:8px}
.sec-h .desc{margin-top:9px;font-size:13px;color:var(--gray2);letter-spacing:.2px}
.sec-h .desc b{color:var(--gray);font-weight:400}
.sec-h .more{
  flex:none;font-size:13.5px;color:var(--blue);display:flex;align-items:center;gap:5px;
  padding-bottom:6px;
}
.sec-h .more:hover{color:var(--blue-d)}
/* 各板块的小号英文标签（SERVICES / MEDIA RESOURCES 之类），只做点缀不抢主标题 */
.sec-h .en{display:block;font-size:11px;letter-spacing:1.6px;color:var(--blue);font-weight:700;margin-bottom:7px}

.sect{padding:70px 0 6px}

/* ---------- 三大分发通道 ---------- */
.feature .row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fo{
  border:1px solid var(--line);border-radius:var(--r);background:#fff;
  box-shadow:var(--shadow-sm);padding:34px 28px 30px;
  transition:transform .18s,box-shadow .18s;
}
.fo:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(13,12,34,.09)}
.fo .ic{width:56px;height:56px;margin-bottom:18px}
.fo .p1{font-size:18px;font-weight:700;color:var(--ink)}
.fo p{margin-top:10px;font-size:13.5px;color:var(--gray);line-height:1.9;min-height:52px}
.flk{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--blue)}
.flk:hover{color:var(--blue-d)}

/* ---------- 白容器 + 1px 细线分隔网格 ---------- */
.panel{
  border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;
  box-shadow:var(--shadow);overflow:hidden;
}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.ab{position:relative;text-align:center;padding:42px 26px 38px}
.ab::before,.ab::after{content:"";position:absolute;background:var(--line2)}
.ab::before{left:0;top:26px;bottom:26px;width:1px}
.ab::after{top:0;left:26px;right:26px;height:1px}
/* 首列去左边线、首行去顶边线。用 nth-child 按当前列数推算，别写死 class */
.ab:nth-child(3n+1)::before{display:none}
.ab:nth-child(-n+3)::after{display:none}
.ab .t{
  font-size:17.5px;font-weight:700;color:var(--ink);
  display:flex;align-items:center;justify-content:center;gap:9px;
}
.ab .t .ic{flex:none;width:25px;height:25px;display:block}
.ab .t .ic svg{width:25px;height:25px;display:block}
.ab .d{margin-top:10px;font-size:13px;color:var(--gray);line-height:1.9}

/* ---------- 两大金牌业务 ---------- */
.gold-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.biz{
  border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;
  box-shadow:var(--shadow-sm);overflow:hidden;
}
.biz .bh{
  display:flex;align-items:center;gap:14px;padding:22px 26px;
  background:linear-gradient(112deg,#EFF6FF 0%,#F7FBFF 52%,#E4EFFF 100%);
  border-bottom:1px solid var(--line2);
}
.biz .bh .ic{width:52px;height:52px;flex:none}
.biz .bh .en{font-size:10.5px;letter-spacing:1.2px;color:var(--blue);font-weight:600}
.biz .bh h3{font-size:18px;font-weight:700;color:var(--ink);line-height:1.45;margin-top:3px}
.biz .bd{padding:22px 26px 26px}
.biz .desc{font-size:13.5px;color:#4A4F5C;line-height:2}
.biz ul{margin-top:16px}
.biz li{position:relative;padding-left:20px;margin-bottom:10px;font-size:13px;color:var(--gray);line-height:1.85}
.biz li::before{content:"";position:absolute;left:2px;top:.75em;width:7px;height:7px;border-radius:2px;background:var(--blue)}
.bq{margin-top:20px}
.bq a{
  display:inline-block;padding:0 22px;height:40px;line-height:40px;border-radius:999px;
  background:var(--blue);color:#fff;font-size:13.5px;font-weight:600;
  box-shadow:0 8px 20px rgba(35,109,255,.26);
}
.bq a:hover{background:var(--blue-d)}

/* ---------- 行业资讯（左右两栏） ---------- */
.news-grid{display:grid;gap:22px;grid-template-columns:repeat(2,1fr)}
.news-grid.n1{grid-template-columns:1fr}
.news-grid.n2{grid-template-columns:repeat(2,1fr)}
.ncol{
  border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;
  box-shadow:var(--shadow-sm);padding:8px 24px 18px;
}
.nh{
  display:flex;align-items:center;gap:12px;
  padding:18px 0 14px;border-bottom:1px solid var(--line2);
}
.nh a,.nh b{font-size:17px;font-weight:700;color:var(--ink);position:relative;padding-left:13px}
.nh a::before,.nh b::before{
  content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px;background:var(--blue);
}
.nh a:hover{color:var(--blue)}
.nh span{margin-left:auto;font-size:10.5px;letter-spacing:1.1px;color:var(--gray2)}
.ncol ul{margin-top:6px}
.ncol li{border-bottom:1px dashed var(--line2)}
.ncol li:last-child{border-bottom:0}
.ncol li a{display:flex;gap:12px;padding:11px 0;font-size:13.5px;line-height:1.7;color:#33363F}
.ncol li a:hover{color:var(--blue)}
.ncol li .dt{flex:none;color:var(--gray2);font-size:12.5px;font-variant-numeric:tabular-nums;padding-top:1px}
.more-wrap{text-align:center;margin-top:26px}
.btn-more{
  display:inline-block;padding:0 30px;height:44px;line-height:42px;border-radius:999px;
  border:1px solid var(--blue);color:var(--blue);font-size:14px;font-weight:600;background:#fff;
}
.btn-more:hover{background:var(--blue);color:#fff}

/* ---------- 六步发稿流程 ---------- */
.flow-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fl{
  position:relative;border:1px solid var(--line);border-radius:var(--r);background:#fff;
  box-shadow:var(--shadow-sm);padding:26px 24px 24px;
}
.fl .n{
  width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;
  font-size:15px;font-weight:700;text-align:center;line-height:34px;
  box-shadow:0 8px 18px rgba(35,109,255,.28);
}
.fl h4{margin-top:14px;font-size:16.5px;font-weight:700;color:var(--ink)}
.fl p{margin-top:7px;font-size:13px;color:var(--gray);line-height:1.85}

/* ---------- GEO 四环节链路 ---------- */
.chain-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cn{
  position:relative;border:1px solid var(--line);border-radius:var(--r);background:#fff;
  box-shadow:var(--shadow-sm);padding:26px 22px 24px;
}
.cn.us{border-color:#BFD7FF;background:linear-gradient(180deg,#F5F9FF 0%,#FFFFFF 62%)}
.cn .step{
  display:inline-block;font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--blue);
  background:var(--blue-pale);padding:3px 10px;border-radius:7px;
}
.cn h4{margin-top:13px;font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.55}
.cn p{margin-top:9px;font-size:12.5px;color:var(--gray);line-height:1.9}
.cn .tag{
  display:inline-block;margin-top:14px;font-size:11.5px;font-weight:600;
  color:#14713F;background:#E7F7EE;padding:3px 10px;border-radius:7px;
}
.cn.us .tag{color:#14713F;background:#E7F7EE}
.chain-note{
  margin-top:22px;padding:16px 22px;border-radius:12px;
  background:var(--blue-pale);color:#2C4A75;font-size:13px;line-height:1.95;
}

/* ---------- 媒体资源墙（10 项，细线分隔 5×2） ---------- */
.res .media-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.mg{
  position:relative;text-align:center;padding:26px 12px 24px;
  border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);
}
.mg:nth-child(5n){border-right:0}
.mg:nth-child(-n+5){border-top:0}
.mg svg{width:34px;height:34px;margin:0 auto 12px;display:block;stroke:var(--blue);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;color:var(--blue)}
.mg span{font-size:13px;color:#3A3A46}
.mg:hover{background:var(--blue-pale2)}
.mg:hover span{color:var(--blue)}

/* ---------- 注册引导 + 联系方式 ---------- */
.cta-sec{padding:76px 0 0}
.cta-banner{
  text-align:center;padding:52px 30px;border-radius:var(--r-lg);
  background:linear-gradient(114deg,#E8F2FF 0%,#F7FBFF 46%,#DCEAFF 100%);
  border:1px solid #D9E7FB;
}
.cta-banner h2{font-size:30px;font-weight:700;letter-spacing:.7px;color:#14213D}
.cta-banner p{margin-top:12px;font-size:14px;color:#4A6788}
.cta-reg{
  display:inline-block;margin-top:26px;padding:0 34px;height:48px;line-height:48px;border-radius:999px;
  background:var(--blue);color:#fff;font-size:15.5px;font-weight:600;
  box-shadow:0 12px 26px rgba(35,109,255,.30);
}
.cta-reg:hover{background:var(--blue-d)}

.contact-bar{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 76px;
}
.cb-item{
  display:flex;align-items:center;gap:18px;padding:24px 26px;
  border:1px solid var(--line);border-radius:var(--r);background:#fff;
  box-shadow:var(--shadow-sm);
}
.cb-item.tel:hover{border-color:var(--blue)}
.cb-ic{
  flex:none;width:52px;height:52px;border-radius:14px;background:var(--blue-pale);
  display:flex;align-items:center;justify-content:center;
}
.cb-ic svg{width:26px;height:26px;fill:var(--blue)}
.cb-tx b{display:block;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.5px}
.cb-tx i{display:block;font-style:normal;margin-top:5px;font-size:12.5px;color:var(--gray2)}
.cb-item.wechat img{
  flex:none;width:104px;height:104px;border-radius:12px;
  background:#fff;padding:6px;border:1px solid var(--line2);
}

/* ---------- 蓝色横带 + 深灰页脚 ---------- */
.bluebar{height:42px;background:var(--blue)}
.footer{background:var(--foot);color:#C9CDD4;padding:44px 0 0}
.footer .row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.footer .pill{
  display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 20px;border-radius:999px;
  background:#333;color:#E6E8EC;font-size:14px;
}
.footer .pill:hover{background:#3D3D3D}
.footer .soc{display:flex;gap:10px;margin-left:4px}
.footer .soc a{
  width:38px;height:38px;border-radius:50%;background:#333;display:flex;align-items:center;
  justify-content:center;color:#DFE2E7;
}
.footer .soc a:hover{background:var(--blue);color:#fff}
.fcol{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:30px;margin-top:38px}
.fcol h5{font-size:14px;font-weight:600;color:#fff;margin-bottom:14px}
.fcol li a{font-size:13px;color:#9AA0AA;line-height:2.3}
.fcol li a:hover{color:#fff}
.fcol li{font-size:13px;color:#9AA0AA;line-height:2.3}
.fcol .desc{font-size:13px;color:#9AA0AA;line-height:2.1;max-width:340px;margin-top:14px}
.fcol .logo{display:inline-flex;align-items:center;gap:9px}
.fcol .logo .mk{width:34px;height:34px}
.fcol .logo .wm2{font-size:18px}
.fqr{
  display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;
  border-radius:12px;background:#2C2C2C;border:1px solid #383838;
}
.fqr img{flex:none;width:76px;height:76px;border-radius:8px;background:#fff;padding:4px}
.fqr .ft{font-size:12px;color:#9AA0AA;line-height:1.85}
.fqr .ft b{color:#fff;font-weight:600}
.foot-b{
  margin-top:34px;border-top:1px solid #2E2E2E;padding:18px 0 22px;
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  font-size:12.5px;color:#8A8F98;
}

/* ---------- 右侧悬浮联系栏（常驻直显，不做折叠/悬停展开） ----------
   电话可点即拨、微信二维码直接印在栏里，不折叠、不悬停展开。
   ★ v2.4：对齐之前几个站再放大一档 ——
     即刻宣闻 = 栏宽 168px / 二维码 146px；宣闻视界、寰宇宣闻 = 158px / 130px。
     本站取上一档：栏宽 128 → 168px，二维码 110 → 146px，字号同步放大。
     原图是 480×480，放大后依然锐利。
   贴右 18 + 栏宽 168 = 右侧需要 186px；内容区在 981–1555px 之间
   按 100%−388px 收窄，居中后左右各让 194px，恒有 8px 余量，不压正文。
   视口 ≤980px 时右侧确实放不下，整栏隐藏（联系方式在首页联系条与页脚里都还在）。 */
.side{
  position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:55;
  display:flex;flex-direction:column;gap:12px;width:168px;
}
.side .tel{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  height:68px;border-radius:14px;
  background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px rgba(13,12,34,.10);
  font-weight:700;color:var(--blue);text-align:center;
}
.side .tel:hover{border-color:var(--blue)}
.side .tel .ic{font-size:21px;line-height:1}
.side .tel .num{font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:-.2px}
.side .wechat{
  border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;
  box-shadow:0 8px 22px rgba(13,12,34,.10);
}
.side .wechat .whd{
  padding:9px 4px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;
  text-align:center;
}
.side .wechat .wbd{padding:9px;text-align:center}
.side .wechat .wbd img{display:block;width:146px;height:146px;border-radius:8px;background:#fff;margin:0 auto}
.side .wechat .cap{margin-top:8px;font-size:12px;color:#3A3A46}
.side .wechat .tip{margin-top:3px;font-size:11px;color:var(--gray2)}
.side .top{
  display:block;height:50px;line-height:50px;text-align:center;
  border-radius:14px;background:#fff;border:1px solid var(--line);
  box-shadow:0 8px 22px rgba(13,12,34,.10);font-size:13px;color:var(--gray);
}
.side .top:hover{border-color:var(--blue);color:var(--blue)}

/* ---------- 内页：面包屑 ---------- */
.crumbwrap{border-bottom:1px solid var(--line2);background:#FAFCFF}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray2);padding:16px 0}
.crumb a{color:var(--gray)}
.crumb a:hover{color:var(--blue)}

/* ---------- 内页：列表页 ---------- */
.list-wrap{padding:34px 0 70px}
.list-wrap h1{font-size:29px;font-weight:700;letter-spacing:.5px;color:var(--ink)}
.list-wrap .sub2{margin-top:10px;font-size:13.5px;color:var(--gray);line-height:1.9;max-width:820px}
.list-wrap .li{
  display:block;margin-top:16px;padding:20px 24px;
  border:1px solid var(--line);border-radius:var(--r);background:#fff;
  box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s;
}
.list-wrap .li:first-of-type{margin-top:26px}
.list-wrap .li:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(13,12,34,.09)}
.list-wrap .li h2{font-size:17.5px;font-weight:700;color:var(--ink);line-height:1.55}
.list-wrap .li:hover h2{color:var(--blue)}
.list-wrap .li p{margin-top:9px;font-size:13px;color:var(--gray);line-height:1.85;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-wrap .li .meta{
  display:flex;align-items:center;gap:14px;margin-bottom:10px;
  font-size:12px;color:var(--gray2);
}
.list-wrap .li .meta .cat{color:var(--blue);background:var(--blue-pale);padding:3px 10px;border-radius:7px}

.pager{display:flex;gap:8px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.pager a,.pager span,.pager .cur,.pager .dis{
  min-width:38px;height:38px;line-height:36px;text-align:center;padding:0 12px;
  border:1px solid var(--line);border-radius:10px;font-size:13.5px;color:var(--gray);background:#fff;
}
.pager a:hover{border-color:var(--blue);color:var(--blue)}
.pager .cur{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}
.pager .dis{color:#C9CFD8;background:#FAFBFD}

/* ---------- 内页：文章页 ---------- */
.art{padding:34px 0 70px}
.art-hd h1{font-size:29px;font-weight:700;line-height:1.5;letter-spacing:.3px;color:var(--ink)}
.art-hd .meta{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:16px;padding-bottom:18px;border-bottom:1px solid var(--line2);
  font-size:12.5px;color:var(--gray2);
}
.art-hd .meta .cat{color:var(--blue);background:var(--blue-pale);padding:3px 10px;border-radius:7px}
.art-body{
  margin-top:22px;font-size:15.5px;line-height:2.05;color:var(--ink2);
}
.art-body p{margin:0 0 20px}
.art-body h2{font-size:21px;font-weight:700;margin:34px 0 14px;padding-left:12px;border-left:4px solid var(--blue);line-height:1.5}
.art-body h3{font-size:17.5px;font-weight:700;margin:26px 0 12px}
.art-body ul{margin:0 0 20px;padding-left:4px}
.art-body ul li{position:relative;padding-left:20px;margin-bottom:10px}
.art-body ul li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:2px;background:var(--blue)}
.art-body figure{margin:24px 0}
.art-body figcaption{margin-top:9px;font-size:12.5px;color:var(--gray2);text-align:center}
.art-body img{border-radius:12px}
.art-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}
.art-body th,.art-body td{border:1px solid var(--line);padding:11px 14px;text-align:left}
.art-body th{background:var(--blue-pale);font-weight:600;color:#1E3F73}
.art-tip{
  margin-top:26px;padding:16px 22px;border-radius:12px;
  background:var(--blue-pale);color:#2C4A75;font-size:13px;line-height:1.95;
}
.art-tip a{color:var(--blue);font-weight:600}

.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;padding-top:26px;border-top:1px solid var(--line2)}
.pn{border:1px solid var(--line);border-radius:12px;padding:14px 18px;background:#fff;transition:border-color .18s}
.pn:hover{border-color:var(--blue)}
.pn .k{display:block;font-size:12px;color:var(--gray2);margin-bottom:6px}
.pn .t{font-size:14px;font-weight:600;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn:hover .t{color:var(--blue)}

.art-more{margin-top:34px;border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:22px 24px;box-shadow:var(--shadow-sm)}
.art-more .mh{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line2);font-size:14px;font-weight:700;color:var(--ink)}
.art-more .mh a{font-size:13px;font-weight:600;color:var(--blue)}
.art-more .mh a:hover{color:var(--blue-d)}
.art-more li{border-bottom:1px dashed var(--line2)}
.art-more li:last-child{border-bottom:0}
.art-more li a{display:flex;gap:12px;padding:10px 0;font-size:13.5px;line-height:1.7;color:#33363F}
.art-more li a:hover{color:var(--blue)}
.art-more li .dt{flex:none;color:var(--gray2);font-size:12.5px;font-variant-numeric:tabular-nums;padding-top:1px}

/* ---------- 404 ---------- */
.err-box{padding:110px 24px 130px;text-align:center}
.err-code{font-size:78px;font-weight:800;color:var(--blue);letter-spacing:3px;line-height:1}
.err-box p{margin-top:18px;font-size:14.5px;color:var(--gray)}
.btn-primary{
  display:inline-block;margin-top:28px;padding:0 32px;height:46px;line-height:46px;border-radius:999px;
  background:var(--blue);color:#fff;font-size:15px;font-weight:600;
  box-shadow:0 12px 26px rgba(35,109,255,.30);
}
.btn-primary:hover{background:var(--blue-d)}

/* ---------- 响应式 ---------- */
/* 悬浮栏（.side）在 ≥981px 时始终贴右显示；同一区间内容区已按
   100%−304px 收窄让位，二者互不重叠（见文件上方 .wrap 的说明）。
   981px 以下整栏隐藏 —— 手机端右侧实在放不下，联系方式在首页联系条
   与页脚里都还在，不会丢。 */
@media(max-width:1240px){
  /* 顶栏放不下一整行（logo + 7 栏目 + 右侧操作）就先折成两行。
     ★ v2.4 把断点从 1140 再提到 1240：悬浮栏加宽到 168px 后，
       内容区让位量从 304 涨到 388px，同一视口下顶栏又少 84px，
       1225–1240 这段会差十几像素放不下、冒出横向滚动条。
       与其让它硬挤，不如提前折行 —— 折行本来就是这个断点存在的理由。
     导航改成可横向滑动的第二行：链接始终在可见 DOM 里可被跟随，不用 display:none 藏起来 */
  .topbar .in{height:auto;flex-wrap:wrap;padding-top:4px}
  .logo{order:1}
  .tr{order:2;margin-left:auto;gap:0}
  .tr .lg,.tr .rg{padding:0 11px;height:52px;line-height:52px}
  .nav{
    order:3;flex:0 0 100%;margin:6px 0 0;gap:0;
    overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line2);
  }
  .nav::-webkit-scrollbar{display:none}
  .nav a{height:46px;line-height:46px;padding:0 13px;font-size:14px;flex:none}
  .nav a.on::after{bottom:7px}
  .feature .row{grid-template-columns:repeat(2,1fr)}
  .adv-grid{grid-template-columns:repeat(2,1fr)}
  .ab:nth-child(3n+1)::before{display:block}
  .ab:nth-child(-n+3)::after{display:block}
  .ab:nth-child(2n+1)::before{display:none}
  .ab:nth-child(-n+2)::after{display:none}
  .gold-grid,.chain-flow{grid-template-columns:1fr 1fr}
  .res .media-row{grid-template-columns:repeat(3,1fr)}
  .mg:nth-child(5n){border-right:1px solid var(--line2)}
  .mg:nth-child(3n){border-right:0}
  .mg:nth-child(-n+3){border-top:0}
  .mg:nth-child(4){border-top:1px solid var(--line2)}
}
@media(max-width:980px){
  .side{display:none}
  .hero .lead{font-size:32px}
  .flow-row{grid-template-columns:repeat(2,1fr)}
  .fcol{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .hero .in{min-height:auto;padding:46px 20px 74px}
  .hero .lead{font-size:26px;letter-spacing:.4px}
  .hero .sub{font-size:13.5px}
  .sec-t h2,.sec-h h2,.list-wrap h1,.art-hd h1{font-size:23px}
  .sec-h{flex-wrap:wrap;gap:10px}
  .sec-h .more{padding-bottom:0}
  .sect{padding:52px 0 6px}
  .sec-t{padding:54px 0 6px}
  .stats{margin-top:-56px}
  .stats .in{grid-template-columns:1fr 1fr}
  .st:nth-child(3)::before{display:none}
  .st:nth-child(3),.st:nth-child(4){border-top:1px solid var(--line2)}
  .news-grid,.news-grid.n1,.news-grid.n2{grid-template-columns:1fr}
  .chain-flow,.flow-row{grid-template-columns:1fr}
  .contact-bar{grid-template-columns:1fr}
  .cta-banner{padding:38px 22px}
  .cta-banner h2{font-size:23px}
  .prevnext{grid-template-columns:1fr}
  .art{padding:24px 0 56px}
  .art-body{font-size:15px}
}
@media(max-width:620px){
  /* 手机端：悬浮栏隐藏，避免压住正文 */
  .side{display:none}
  .wrap{padding:0 16px}
  .feature .row{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:1fr}
  .ab::before,.ab::after{display:none}
  .ab+.ab{border-top:1px solid var(--line2)}
  .gold-grid{grid-template-columns:1fr}
  .res .media-row{grid-template-columns:repeat(2,1fr)}
  .mg:nth-child(3n){border-right:1px solid var(--line2)}
  .mg:nth-child(2n){border-right:0}
  .mg:nth-child(4){border-top:1px solid var(--line2)}
  .mg:nth-child(-n+2){border-top:0}
  .fcol{grid-template-columns:1fr}
  .cb-item{flex-direction:column;text-align:center}
  .tags{flex-wrap:wrap;justify-content:center}
  .foot-b{flex-direction:column;gap:6px}
}