/* =========================================================================
   鸣山机械 · 地域服务网点 共用样式（PC）
   ---------------------------------------------------------------------
   2026-10-16 按老板指令整体重做：
     · 版面必须与主站 www.mensam.com.cn 首页同一套设计语言
       （深蓝渐变 + 白色网格纹理 + 红色强调 + 粉色高亮字），
       不再是纯白正文 + 自建 .mg-* 体系。
     · 本文件全部外链，不在 HTML 内联任何样式。
     · 命名统一 msgeo- 前缀，避免与主站 ms-* 冲突。

   色板（全部取自主站 ps-pc-index-ms-c-home.css，不新造颜色）：
       深蓝阶梯  #275A88 → #225279 → #1F4E79 → #1C486F → #1D4A72
       卡片底    #24547E / #1F4E79 / #2A5A88
       强调红    #DF3543（悬停）/ #C81E2D（选中）
       高亮粉    #FFC9CE（hero em / 区块 MORE）
       描边      rgba(255,255,255,.16)
   ========================================================================= */

:root{
  --geo-h:76px;
  --geo-deep:#1F4E79;
  --geo-mid:#225279;
  --geo-top:#275A88;
  --geo-bot:#1C486F;
  --geo-bot2:#1D4A72;
  --geo-c1:#24547E;
  --geo-c2:#1F4E79;
  --geo-c3:#2A5A88;
  --geo-red:#DF3543;
  --geo-red2:#C81E2D;
  --geo-pink:#FFC9CE;
  --geo-line:rgba(255,255,255,.16);
  --geo-line2:rgba(255,255,255,.28);
  --geo-ease:cubic-bezier(.2,.8,.2,1);
}

/* ---------- 基底：整页深蓝，杜绝纯白正文 ---------- */
html{background-color:#1F4E79}
body{
  background-color:#1F4E79;
  color:#FFFFFF;
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
main{display:block}

/* 主站 body 的深蓝正文色在深底上不可读，统一改白 */
.msgeo,.msgeo p,.msgeo li,.msgeo span,.msgeo dd,.msgeo dt,.msgeo td,.msgeo th{color:#FFFFFF}

/* ---------- 通用容器 ---------- */
.msgeo-wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}
@media (max-width:1023px){.msgeo-wrap{padding:0 16px}}

/* ---------- 面包屑 ---------- */
.msgeo-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0 0 22px;padding:0;font-size:13.5px}
.msgeo-crumb li{display:flex;align-items:center;color:rgba(255,255,255,.72)}
.msgeo-crumb li+li::before{content:"/";margin-right:8px;color:rgba(255,255,255,.4)}
.msgeo-crumb a{color:rgba(255,255,255,.82);text-decoration:none;transition:color .2s ease}
.msgeo-crumb a:hover{color:#FFC9CE}
.msgeo-crumb .cur{color:#FFC9CE;font-weight:700}

/* =========================================================================
   ① HERO —— 与主站 ms-hero-c 同构
   ========================================================================= */
.msgeo-hero{
  position:relative;overflow:hidden;
  background-image:
    radial-gradient(1400px 620px at 50% -12%,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 62%),
    linear-gradient(90deg,rgba(14,46,80,.21) 0%,rgba(14,46,80,0) 16%,rgba(14,46,80,0) 84%,rgba(14,46,80,.21) 100%),
    linear-gradient(180deg,#275A88 0%,#225279 100%);
}
.msgeo-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(circle at 60% 40%,#000 30%,transparent 75%);
          mask-image:radial-gradient(circle at 60% 40%,#000 30%,transparent 75%);
}
/* ⚠ 只写纵向内边距：左右必须留给 .msgeo-wrap 的 24px/16px。
   曾经写成 padding:76px 0 84px，简写把左右压成 0 且同权重更靠后，
   直接覆盖掉 .msgeo-wrap 的侧内边距 → 首屏标题/正文/按钮全部顶到屏幕边缘
   （移动端表现为整块内容"错位"，2026-10-17 修复）。 */
.msgeo-hero-in{position:relative;z-index:1;padding-top:76px;padding-bottom:84px}
.msgeo-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;
  font-size:13px;font-weight:700;letter-spacing:.18em;color:#FFC9CE;text-transform:uppercase;
}
.msgeo-eyebrow::before{content:"";width:26px;height:2px;background:#DF3543;border-radius:2px}
.msgeo-hero h1{
  margin:0 0 22px;font-size:52px;line-height:1.18;font-weight:900;letter-spacing:-.02em;color:#FFFFFF;
  max-width:960px;
}
.msgeo-hero h1 em{font-style:normal;color:#FFC9CE;font-weight:900}
.msgeo-hero .msgeo-lead{margin:0;font-size:18px;line-height:1.95;color:#FFFFFF;max-width:900px}
.msgeo-hero .msgeo-lead+.msgeo-lead{margin-top:14px}
.msgeo-hero .msgeo-lead b{color:#FFC9CE;font-weight:700}

/* CTA */
.msgeo-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.msgeo-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 26px;border-radius:6px;border:1px solid var(--geo-line2);
  background:rgba(255,255,255,.08);color:#FFFFFF;font-size:15.5px;font-weight:700;
  text-decoration:none;cursor:pointer;
  transition:transform .25s var(--geo-ease),background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.msgeo-btn:hover{background:rgba(255,255,255,.16);border-color:#FFC9CE;transform:translateY(-2px)}
.msgeo-btn--red{background:#DF3543;border-color:#DF3543;box-shadow:0 16px 28px -12px rgba(200,30,45,.5)}
.msgeo-btn--red:hover{background:#C81E2D;border-color:#FF5C66;box-shadow:0 20px 34px -12px rgba(255,92,102,.45)}
.msgeo-btn svg{width:16px;height:16px;flex:0 0 auto}

/* =========================================================================
   ③ 区块外壳 —— 深蓝渐变交替，与主站 ms-why/apps/about-c 同构
   ========================================================================= */
.msgeo-sec{position:relative;padding:82px 0;overflow:hidden}
.msgeo-sec--a{background-image:linear-gradient(90deg,rgba(14,46,80,.15) 0%,rgba(14,46,80,0) 16%,rgba(14,46,80,0) 84%,rgba(14,46,80,.15) 100%),linear-gradient(180deg,#1F4E79 0%,#1C486F 100%)}
.msgeo-sec--b{background-image:linear-gradient(90deg,rgba(14,46,80,.15) 0%,rgba(14,46,80,0) 16%,rgba(14,46,80,0) 84%,rgba(14,46,80,.15) 100%),linear-gradient(180deg,#1C486F 0%,#1D4A72 100%)}
.msgeo-sec--c{background-image:radial-gradient(1200px 520px at 50% 110%,rgba(255,255,255,.045) 0%,rgba(255,255,255,0) 65%),linear-gradient(90deg,rgba(14,46,80,.15) 0%,rgba(14,46,80,0) 16%,rgba(14,46,80,0) 84%,rgba(14,46,80,.15) 100%),linear-gradient(180deg,#1D4A72 0%,#1C486F 100%)}
.msgeo-sec::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
}
.msgeo-sec>.msgeo-wrap{position:relative;z-index:1}

.msgeo-sec-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:40px}
.msgeo-sec-text{max-width:820px}
.msgeo-sec-head h2{margin:0;font-size:36px;line-height:1.28;font-weight:900;letter-spacing:-.015em;color:#FFFFFF}
.msgeo-sec-head h2 em{font-style:normal;color:#FFC9CE}
.msgeo-sec-sub{margin:14px 0 0;font-size:16px;line-height:1.9;color:rgba(255,255,255,.86);max-width:860px}
.msgeo-sec-more{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#FFC9CE;text-decoration:none;white-space:nowrap;transition:gap .2s ease,color .2s ease}
.msgeo-sec-more:hover{color:#FFFFFF;gap:10px}
.msgeo-sec-more svg{width:14px;height:14px}

/* =========================================================================
   ④ 卡片网格
   ========================================================================= */
.msgeo-grid{display:grid;gap:16px}
.msgeo-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.msgeo-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.msgeo-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* 五条服务通道（选型 / 计算 / 定制 / 维修 / 保养）一行排开 —— 2026-10-17 按老板
   指定的次序补齐「计算」后正好五项，四列会把最后一项挤到第二行孤零零一个。 */
.msgeo-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}

.msgeo-card{
  position:relative;display:block;border:1px solid var(--geo-line);border-radius:8px;
  padding:26px 24px;text-decoration:none;
  transition:transform .25s var(--geo-ease),box-shadow .25s ease,background .25s ease,border-color .25s ease;
}
.msgeo-grid .msgeo-card:nth-child(3n+1){background:var(--geo-c1)}
.msgeo-grid .msgeo-card:nth-child(3n+2){background:var(--geo-c2)}
.msgeo-grid .msgeo-card:nth-child(3n+3){background:var(--geo-c3)}
.msgeo-card:hover{background:#DF3543;border-color:#FF5C66;transform:translateY(-4px);box-shadow:0 22px 40px -18px rgba(255,92,102,.35)}
.msgeo-card-num{
  display:grid;place-items:center;width:46px;height:46px;border-radius:8px;
  background:rgba(255,201,206,.16);color:#FFC9CE;font-size:17px;font-weight:800;margin-bottom:14px;
  transition:background .25s ease,color .25s ease;
}
.msgeo-card:hover .msgeo-card-num{background:#FFFFFF;color:#C81E2D}
.msgeo-card h3{margin:0 0 10px;font-size:20px;font-weight:800;color:#FFFFFF;line-height:1.4}
.msgeo-card p{margin:0;font-size:15px;line-height:1.85;color:#FFFFFF}
.msgeo-card .msgeo-card-t{display:block;margin:0 0 8px;font-size:18px;font-weight:800;color:#FFFFFF;line-height:1.4}
.msgeo-card .msgeo-card-d{display:block;margin:0;font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.9)}

/* 产品卡（26 大类）—— 带规格标签 */
.msgeo-pcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--geo-line);border-radius:8px;padding:22px 20px;text-decoration:none;background:var(--geo-c1);transition:transform .25s var(--geo-ease),box-shadow .25s ease,background .25s ease,border-color .25s ease}
.msgeo-grid .msgeo-pcard:nth-child(3n+2){background:var(--geo-c2)}
.msgeo-grid .msgeo-pcard:nth-child(3n+3){background:var(--geo-c3)}
.msgeo-pcard:hover{background:#DF3543;border-color:#FF5C66;transform:translateY(-4px);box-shadow:0 22px 40px -18px rgba(255,92,102,.35)}
.msgeo-pcard-t{margin:0 0 8px;font-size:17px;font-weight:800;color:#FFFFFF;line-height:1.45}
.msgeo-pcard-d{margin:0 0 14px;font-size:14px;line-height:1.75;color:rgba(255,255,255,.86);flex:1 1 auto}
.msgeo-ptags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.msgeo-ptag{display:inline-block;padding:3px 9px;border-radius:4px;background:rgba(255,255,255,.14);font-size:12.5px;font-weight:600;color:#FFFFFF;line-height:1.6}
.msgeo-ptag--pink{background:rgba(255,201,206,.2);color:#FFC9CE}

/* =========================================================================
   ⑤ 城市网点选择（/geo 的核心交互）
   ========================================================================= */
.msgeo-prov{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;
  padding:26px 0;border-top:1px solid var(--geo-line)}
.msgeo-prov:first-of-type{border-top:0}
.msgeo-prov-hd h3{margin:0 0 6px;font-size:24px;font-weight:900;color:#FFFFFF;line-height:1.3}
.msgeo-prov-hd span{display:block;font-size:14px;color:#FFC9CE;font-weight:600}
.msgeo-citygrid{display:flex;flex-wrap:wrap;gap:10px}
.msgeo-city{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;
  border:1px solid var(--geo-line2);border-radius:6px;background:rgba(255,255,255,.07);
  color:#FFFFFF;font-size:15px;font-weight:600;text-decoration:none;
  transition:transform .2s var(--geo-ease),background .2s ease,border-color .2s ease;
}
.msgeo-city::before{content:"";width:6px;height:6px;border-radius:9999px;background:#FFC9CE;flex:0 0 auto}
.msgeo-city:hover{background:#DF3543;border-color:#FF5C66;transform:translateY(-2px)}
.msgeo-city--static{cursor:default}
.msgeo-city--static:hover{background:rgba(255,255,255,.07);border-color:var(--geo-line2);transform:none}

/* =========================================================================
   ⑤-B 7 大区域分组（2026-10-17 全国化新增：省市专栏）
   ---------------------------------------------------------------------
   原 /geo 是「5 省 × N 市」的 msgeo-prov 平铺；全国化后 31 省 337 市，
   若仍平铺会是一屏看不到头的长列表，故加一层 7 大区域分组：
     区域标题（名称 + 定位语 + 省/市计数）→ 省份芯片 → 城市网格。
   港澳台是区域成员但**没有落地页**，只出文字不出链接（msgeo-provlink--plain）。
   ========================================================================= */
.msgeo-region{padding:26px 0;border-top:1px solid var(--geo-line)}
.msgeo-region:first-of-type{border-top:0}
.msgeo-region-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:16px}
.msgeo-region-hd h3{margin:0;font-size:24px;font-weight:900;color:#FFFFFF;line-height:1.3}
.msgeo-region-hd h3::after{content:"";display:inline-block;width:8px;height:8px;margin-left:10px;border-radius:9999px;background:#FFC9CE;vertical-align:middle}
.msgeo-region-desc{margin:0;flex:1 1 220px;min-width:180px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.62)}
.msgeo-region-n{font-size:13.5px;font-weight:700;color:#FFC9CE;white-space:nowrap}
.msgeo-region-prov{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.msgeo-provlink{
  display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:6px;
  border:1px solid var(--geo-line2);background:rgba(255,201,206,.10);
  color:#FFFFFF;font-size:15px;font-weight:700;text-decoration:none;
  transition:transform .2s var(--geo-ease),background .2s ease,border-color .2s ease;
}
.msgeo-provlink em{font-style:normal;font-size:12.5px;font-weight:600;color:#FFC9CE}
.msgeo-provlink:hover{background:#DF3543;border-color:#FF5C66;transform:translateY(-2px)}
/* 港澳台：区域成员，只出文字不出链接（无本地落地页，硬给就是死链） */
.msgeo-provlink--plain{cursor:default;border-style:dashed;background:rgba(255,255,255,.04);color:rgba(255,255,255,.55)}
.msgeo-provlink--plain:hover{background:rgba(255,255,255,.04);border-color:var(--geo-line2);transform:none}

/* =========================================================================
   ⑤-C 地方资讯卡片（2026-10-17 新增）
   ---------------------------------------------------------------------
   老板需求：「在每个省、市的二级域名栏目下，必须把地方资讯栏目下，对应的省市
   地方资讯文章，加入到对应的省市栏目版面上去」。数据源 ms_article.cat_id=13，
   本市无资讯时按同省补位（页面副标题会说明口径），绝不搭空壳。
   ========================================================================= */
.msgeo-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.msgeo-news-item{
  display:flex;flex-direction:column;gap:8px;padding:20px 22px;text-decoration:none;
  border:1px solid var(--geo-line);border-radius:10px;background:rgba(0,0,0,.18);
  transition:background .25s var(--geo-ease),border-color .25s var(--geo-ease),transform .25s var(--geo-ease);
}
a.msgeo-news-item:hover{background:#DF3543;border-color:#FF5C66;transform:translateY(-4px)}
.msgeo-news-t{margin:0;font-size:16px;font-weight:800;line-height:1.55;color:#FFFFFF}
.msgeo-news-d{margin:0;font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.66)}
.msgeo-news-m{margin:auto 0 0;padding-top:6px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#FFC9CE}
.msgeo-news-dot{width:5px;height:5px;border-radius:9999px;background:#FFC9CE;flex:0 0 auto}
/* 移动端「查看更多」文字链（PC 端用 .msgeo-sec-more） */
.msgeo-more-link{display:inline-block;margin-top:16px;font-size:14px;font-weight:700;color:#FFC9CE;text-decoration:none}
.msgeo-more-link:hover{color:#FFFFFF}

/* 通用链接芯片 */
.msgeo-chips{display:flex;flex-wrap:wrap;gap:10px}
.msgeo-chips--gap{margin-bottom:44px}
.msgeo-chip{
  display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:6px;
  border:1px solid var(--geo-line);background:rgba(255,255,255,.06);
  color:#FFFFFF;font-size:14.5px;font-weight:600;text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.msgeo-chip:hover{background:#DF3543;border-color:#FF5C66}

/* =========================================================================
   ⑤-D 下拉列表切换器（2026-10-17 · 老板指令：同城大类 / 同省城市 芯片堆
        改为下拉列表样式，手机端不再「一大篇」）
   ---------------------------------------------------------------------
   为什么用 <details> 而不是 <select>：
     ① 链接必须留在 HTML 里 —— 这些页面的存在意义就是给百度铺内链，
        <select> 的 option 不是 <a>，蜘蛛抓不到跳转关系；
     ② 零 JS 依赖：老浏览器不认 <details> 时内容默认展开（渐进增强），
        不会出现「点了没反应」；
     ③ 键盘可达：summary 原生可聚焦，Enter/空格开合。
   展开后面板即完整芯片网格，地址与旧版逐字一致。
   ========================================================================= */
.msgeo-drop{
  border:1px solid var(--geo-line);border-radius:10px;
  background:rgba(255,255,255,.045);overflow:hidden;
}
.msgeo-drop+.msgeo-drop{margin-top:12px}
.msgeo-drop-hd{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:52px;padding:0 18px;cursor:pointer;list-style:none;
  font-size:15px;font-weight:700;color:#FFFFFF;
  transition:background .2s ease;
}
.msgeo-drop-hd::-webkit-details-marker{display:none}
.msgeo-drop-hd::marker{content:""}
.msgeo-drop-hd:hover{background:rgba(255,255,255,.07)}
.msgeo-drop-hd:focus-visible{outline:2px solid #FFC9CE;outline-offset:-2px}
.msgeo-drop-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msgeo-drop-act{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  font-size:13.5px;font-weight:600;color:#FFC9CE;
}
.msgeo-drop-act::after{
  content:"";width:8px;height:8px;
  border-right:2px solid #FFC9CE;border-bottom:2px solid #FFC9CE;
  transform:rotate(45deg);transition:transform .25s var(--geo-ease);
}
.msgeo-drop[open]>.msgeo-drop-hd .msgeo-drop-act::after{transform:rotate(-135deg)}
.msgeo-drop-act .on{display:none}
.msgeo-drop[open] .msgeo-drop-act .off{display:none}
.msgeo-drop[open] .msgeo-drop-act .on{display:inline}
.msgeo-drop-panel{padding:4px 18px 18px}
.msgeo-drop-panel .msgeo-chips{gap:10px}

/* =========================================================================
   ⑥ 参数表
   ========================================================================= */
.msgeo-tblwrap{overflow-x:auto;border:1px solid var(--geo-line);border-radius:8px;background:rgba(0,0,0,.12)}
.msgeo-tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:760px}
.msgeo-tbl th{
  padding:14px 16px;text-align:left;font-weight:800;color:#FFC9CE;white-space:nowrap;
  background:rgba(0,0,0,.18);border-bottom:1px solid var(--geo-line2);
}
.msgeo-tbl td{padding:13px 16px;border-bottom:1px solid var(--geo-line);color:#FFFFFF;line-height:1.7;vertical-align:top}
.msgeo-tbl tbody tr:last-child td{border-bottom:0}
.msgeo-tbl tbody tr{transition:background .2s ease}
.msgeo-tbl tbody tr:hover{background:rgba(255,255,255,.06)}
.msgeo-tbl .nm{font-weight:800;white-space:nowrap}
.msgeo-tbl .nm a{color:#FFC9CE;text-decoration:none}
.msgeo-tbl .nm a:hover{text-decoration:underline}
.msgeo-tbl .wrap{min-width:220px}
.msgeo-tbl .num{font-variant-numeric:tabular-nums;white-space:nowrap}

/* =========================================================================
   ⑦ 作业步骤
   ========================================================================= */
.msgeo-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:st}
.msgeo-step{position:relative;border:1px solid var(--geo-line);border-radius:8px;padding:24px 20px 22px;background:rgba(255,255,255,.05)}
.msgeo-step b{display:block;margin:0 0 10px;font-size:16.5px;font-weight:800;color:#FFFFFF;line-height:1.45}
.msgeo-step span{display:block;font-size:14px;line-height:1.8;color:rgba(255,255,255,.86)}
.msgeo-step::before{
  counter-increment:st;content:counter(st,decimal-leading-zero);
  display:block;margin-bottom:12px;font-size:13px;font-weight:800;letter-spacing:.1em;color:#FFC9CE;
}

/* =========================================================================
   ⑧ FAQ
   ========================================================================= */
.msgeo-faq{display:grid;gap:12px;margin:0}
.msgeo-faq-item{border:1px solid var(--geo-line);border-radius:8px;background:rgba(255,255,255,.05);overflow:hidden}
.msgeo-faq-item dt{
  display:flex;align-items:flex-start;gap:10px;padding:18px 22px;
  font-size:17px;font-weight:800;color:#FFFFFF;line-height:1.55;cursor:default;
}
.msgeo-faq-item dt::before{content:"Q";flex:0 0 auto;color:#FFC9CE;font-weight:900}
.msgeo-faq-item dd{margin:0;padding:0 22px 20px 46px;font-size:15px;line-height:1.9;color:rgba(255,255,255,.9)}

/* =========================================================================
   ⑨ 正文段 / 引言 / 提示
   ========================================================================= */
.msgeo-text{max-width:900px}
.msgeo-text p{margin:0 0 16px;font-size:16.5px;line-height:1.95;color:#FFFFFF}
.msgeo-text p:last-child{margin-bottom:0}
.msgeo-text h3{margin:26px 0 10px;font-size:19px;font-weight:800;color:#FFC9CE}
.msgeo-quote{
  margin-top:26px;padding:20px 24px;border-left:3px solid #DF3543;border-radius:0 8px 8px 0;
  background:rgba(0,0,0,.16);font-size:15.5px;line-height:1.9;color:#FFFFFF;
}
.msgeo-quote a{color:#FFC9CE;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,201,206,.45)}
.msgeo-quote a:hover{color:#FFFFFF;border-color:#FFFFFF}
.msgeo-note{margin:18px 0 0;font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.66)}

/* 勾选清单 */
.msgeo-ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px;margin:26px 0 0;padding:0;list-style:none}
.msgeo-ticks li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.7;color:#FFFFFF}
.msgeo-ticks i{flex:0 0 auto;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:9999px;background:rgba(255,201,206,.16);color:#FFC9CE;font-style:normal;margin-top:3px}
.msgeo-ticks i svg{width:11px;height:11px}

/* =========================================================================
   ⑩ 动态列表
   ========================================================================= */
.msgeo-news{display:grid;gap:10px}
.msgeo-new{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:baseline;padding:14px 18px;border:1px solid var(--geo-line);border-radius:8px;background:rgba(255,255,255,.05)}
.msgeo-new time{font-size:13px;color:#FFC9CE;font-variant-numeric:tabular-nums;font-weight:600}
.msgeo-new a{font-size:15.5px;color:#FFFFFF;text-decoration:none;line-height:1.6}
.msgeo-new a:hover{color:#FFC9CE;text-decoration:underline}

/* =========================================================================
   ⑪ 站内地图
   ========================================================================= */
.msgeo-mapcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.msgeo-mapcol h3{margin:0 0 14px;font-size:18px;font-weight:800;color:#FFC9CE}
.msgeo-maplist{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.msgeo-maplist a{display:block;padding:9px 14px;border:1px solid var(--geo-line);border-radius:6px;background:rgba(255,255,255,.05);color:#FFFFFF;font-size:14.5px;text-decoration:none;line-height:1.5;transition:background .2s ease,border-color .2s ease}
.msgeo-maplist a:hover{background:#DF3543;border-color:#FF5C66}

/* =========================================================================
   ⑫ 联系 / 报价页
   ★ 2026-10-16 修：此处原有一条 `.msgeo-quote{display:grid;grid-template-columns:1.05fr 1fr}`
     与 ⑨ 的提示框定义**同名不同职**，把框内纯文本节点硬切成两个网格列——
     联系页那条「热线｜手机｜邮箱｜厂址」因此碎成左一条右一条（老板截图报「不协调、内容突然」）。
     已删除该孤儿规则（三个模板里没有任何一处把 msgeo-quote 当双列容器用），
     提示框统一回归 ⑨ 的单盒样式；联系信息改用下方 .msgeo-contact 卡片组。
   ========================================================================= */
.msgeo-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.msgeo-contact-item{
  display:flex;flex-direction:column;gap:5px;padding:20px;text-decoration:none;
  border:1px solid var(--geo-line);border-radius:10px;background:rgba(0,0,0,.18);
  transition:background .25s var(--geo-ease),border-color .25s var(--geo-ease),transform .25s var(--geo-ease);
}
a.msgeo-contact-item:hover{background:#DF3543;border-color:#FF5C66;transform:translateY(-4px)}
.msgeo-contact-ico{
  display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:5px;
  border-radius:8px;background:rgba(255,201,206,.14);color:#FFC9CE;
}
.msgeo-contact-ico svg{width:17px;height:17px}
a.msgeo-contact-item:hover .msgeo-contact-ico{background:rgba(255,255,255,.2);color:#FFFFFF}
.msgeo-contact-k{font-size:13px;font-weight:700;color:#FFC9CE;letter-spacing:.02em}
.msgeo-contact-v{font-size:16.5px;font-weight:800;line-height:1.5;color:#FFFFFF;text-decoration:none;word-break:break-all}
.msgeo-contact-v+.msgeo-contact-v{margin-top:2px}
.msgeo-contact-v--addr{font-size:15px;font-weight:700;line-height:1.7}
.msgeo-contact-t{font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.62)}
a.msgeo-contact-item:hover .msgeo-contact-t{color:rgba(255,255,255,.85)}
.msgeo-qform{display:grid;gap:14px;padding:28px;border:1px solid var(--geo-line);border-radius:10px;background:rgba(0,0,0,.18)}
.msgeo-qform label{display:block;font-size:14px;font-weight:700;color:#FFC9CE;margin-bottom:6px}
.msgeo-qform input,.msgeo-qform textarea,.msgeo-qform select{
  width:100%;padding:12px 14px;border:1px solid var(--geo-line2);border-radius:6px;
  background:rgba(255,255,255,.08);color:#FFFFFF;font-size:15px;font-family:inherit;
}
.msgeo-qform input::placeholder,.msgeo-qform textarea::placeholder{color:rgba(255,255,255,.5)}
.msgeo-qform input:focus,.msgeo-qform textarea:focus,.msgeo-qform select:focus{outline:2px solid #FFC9CE;outline-offset:1px;border-color:#FFC9CE}
.msgeo-qform select option{color:#1F4E79}
.msgeo-qrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* 区块内小标题 */
.msgeo-subhd{margin:34px 0 16px;font-size:19px;font-weight:800;color:#FFC9CE;line-height:1.5}

/* =========================================================================
   ⑨ 全国省市总菜单 与 页脚快速入口
   ---------------------------------------------------------------------
   2026-10-17 老板指令：省会与地级市子域的栏目页、内容页，
     ① 菜单栏要有全国省市总入口（整宽 mega，外壳复用主站 .ms-mega，见 .ms-mega--city）
     ② 页脚也要能快速进（.msgeo-fnav 横带，压在原有 4 列页脚之上）
   数据源 GeoMatrix::regionNav()；地址全部取台账 canonical 绝对地址。
   设计语言沿用本文件色板：深蓝阶梯 + 白描边 + 粉字高亮 + 红强调。
   ========================================================================= */

/* ---------- ⑨-A 页头 mega 面板内层 ----------
   版式：顶部一行「标题 + 完整清单入口」，下方 7 列等宽（区域 → 省份芯片 → 主要城市芯片）。
   ★ 省份/城市一律用简称（见 GeoMatrix::provShort/cityShort）：'新疆维吾尔自治区'
     这类全称会把 162px 宽的列撑到两行，把整个面板顶到 670px 高。
   ★ 区域名 nowrap：否则「东北」会被 narrow 列折断成上下两字。 */
.msgeo-navdd-in{display:block}
/* ★ 主站 .ms-mg-in 是 display:flex（产品中心 mega 的 aside + cols 两段式），
   会把「标题行 + 7 列等宽」的 block 版式切成横排 —— 实测 7 列被压到 92.8px，
   「东北」折成竖排、省名全部换行、面板顶到 670px 高。必须提高特异性压回去。 */
.ms-mega--city .ms-mg-in{display:block;padding:24px 26px 22px}
.msgeo-navdd-hd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;padding-bottom:18px;border-bottom:1px solid var(--geo-line)}
.msgeo-navdd-hdtext{min-width:0}
.msgeo-navdd-eyebrow{margin:0 0 7px;font-size:10.5px;font-weight:800;letter-spacing:.2em;color:#FFC9CE}
.msgeo-navdd-hd h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin:0;font-size:23px;font-weight:900;color:#FFFFFF;line-height:1.25;letter-spacing:-.01em}
.msgeo-navdd-hd h3 em{font-size:12px;font-weight:700;font-style:normal;color:rgba(255,255,255,.6);white-space:nowrap}
.msgeo-navdd-more{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:13px;font-weight:800;color:#FFC9CE;text-decoration:none}
.msgeo-navdd-more:hover{color:#FFFFFF}

.msgeo-navdd-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:18px}
.msgeo-navdd-col{padding:0 13px;border-left:1px solid var(--geo-line);min-width:0}
.msgeo-navdd-col:first-child{padding-left:0;border-left:0}
.msgeo-navdd-col:last-child{padding-right:0}
.msgeo-navdd-rg{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding-bottom:8px;margin-bottom:10px;border-bottom:1px dashed var(--geo-line);text-decoration:none;color:#FFC9CE}
.msgeo-navdd-rgname{font-size:15.5px;font-weight:900;white-space:nowrap}
.msgeo-navdd-rgn{font-size:10.5px;font-weight:700;font-style:normal;color:rgba(255,255,255,.45);white-space:nowrap}
.msgeo-navdd-rg:hover .msgeo-navdd-rgname{color:#FFFFFF}
.msgeo-navdd-chips{display:flex;flex-wrap:wrap;gap:4px 5px;margin-bottom:11px}
.msgeo-navdd-chips a,
.msgeo-navdd-plain{display:inline-block;padding:3px 7px;border-radius:5px;border:1px solid var(--geo-line);font-size:12px;line-height:1.45;text-decoration:none;color:rgba(255,255,255,.86);white-space:nowrap}
.msgeo-navdd-chips a:hover{background:#DF3543;border-color:#FF5C66;color:#FFFFFF}
.msgeo-navdd-plain{color:rgba(255,255,255,.4);border-style:dashed;cursor:default}
.msgeo-navdd-chips--city a{background:rgba(255,255,255,.06);color:#FFFFFF;font-weight:700}
.msgeo-navdd-hint{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--geo-line);font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.42)}

/* ---------- ⑨-B 页脚「全国省市」快速入口带 ---------- */
.msgeo-fnav{margin:0 0 38px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}
.msgeo-fnav-hd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:20px}
.msgeo-fnav-hd h3{margin:0;font-size:17px;font-weight:900;color:#FFFFFF;letter-spacing:.01em}
.msgeo-fnav-hd h3 em{margin-left:12px;font-size:12.5px;font-weight:700;font-style:normal;color:#FFC9CE}
.msgeo-fnav-more{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#FFC9CE;text-decoration:none}
.msgeo-fnav-more:hover{color:#FFFFFF}
.msgeo-fnav-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.msgeo-fnav-col{padding:0 14px;border-left:1px solid rgba(255,255,255,.08)}
.msgeo-fnav-col:first-child{padding-left:0;border-left:0}
.msgeo-fnav-col:last-child{padding-right:0}
.msgeo-fnav-rg{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:10px;font-size:14.5px;font-weight:900;color:#FFC9CE;text-decoration:none}
.msgeo-fnav-rg em{font-size:11px;font-weight:700;font-style:normal;color:rgba(255,255,255,.42)}
.msgeo-fnav-rg:hover{color:#FFFFFF}
.msgeo-fnav-links{display:flex;flex-wrap:wrap;gap:4px 9px}
.msgeo-fnav-links a{font-size:12.5px;color:rgba(255,255,255,.68);text-decoration:none;white-space:nowrap}
.msgeo-fnav-links a:hover{color:#FFC9CE;text-decoration:underline}

/* ---------- ⑨-C「全国省市直供服务」独立条带（2026-10-17） ----------
   改版前它长在「与主站同构的页脚」内部（.msgeo-fnav 是页脚的第一块）。
   现在页脚整块换成主站 view/pc/footer.html（老板要求一个字不改），
   条带便独立成一个 <section>，紧贴主站页脚之上。
   底色取主站页脚同色 #1B4670 —— 上下相接处看不出接缝，像是页脚的延伸。
   ⚠ 只写纵向内边距：左右留给 .msgeo-wrap（PC 24px），
     写 padding 简写会把左右清零，标题顶到屏幕边缘（本站已踩过两次）。 */
.msgeo-fnavband{background-color:#1B4670;padding-top:34px;padding-bottom:30px}
/* 条带内部的 .msgeo-fnav 原本带下边距与分隔线（那时它后面还有页脚 4 列，
   需要一条线把它和下面的内容分开）。独立成带之后后面直接就是页脚，
   再留 38px 空档 + 一条线就是多余的。 */
.msgeo-fnavband .msgeo-fnav{margin:0;padding-bottom:0;border-bottom:0}

/* =========================================================================
   响应式
   ========================================================================= */
@media (max-width:1279px){
  .msgeo-hero h1{font-size:44px}
  .msgeo-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* 页脚 7 列收成 4 列：每行首列去掉左边框，避免出现悬空的竖线 */
  .msgeo-fnav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 0}
  .msgeo-fnav-col:nth-child(4n+1){padding-left:0;border-left:0}
  .msgeo-fnavband{padding-top:28px;padding-bottom:24px}
}
@media (max-width:1023px){
  .msgeo-hero-in{padding-top:52px;padding-bottom:60px}
  .msgeo-hero h1{font-size:34px;line-height:1.24}
  .msgeo-hero .msgeo-lead{font-size:15.5px;line-height:1.85}
  .msgeo-sec{padding:56px 0}
  .msgeo-sec-head{grid-template-columns:1fr;gap:16px;margin-bottom:30px}
  .msgeo-sec-head h2{font-size:26px}
  .msgeo-sec-sub{font-size:14.5px}
  .msgeo-grid--3,.msgeo-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msgeo-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .msgeo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msgeo-prov{grid-template-columns:1fr;gap:14px;padding:22px 0}
  .msgeo-prov-hd h3{font-size:20px}
  .msgeo-mapcols{grid-template-columns:1fr}
  .msgeo-ticks{grid-template-columns:1fr}
  .msgeo-contact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msgeo-news{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msgeo-new{grid-template-columns:1fr;gap:6px}
  .msgeo-card{padding:22px 20px}
  .msgeo-subhd{font-size:17px;margin-top:26px}
  .msgeo-chips--gap{margin-bottom:30px}
  .msgeo-region-hd h3{font-size:21px}
  .msgeo-region-desc{flex:1 1 100%}
}
@media (max-width:639px){
  .msgeo-hero h1{font-size:27px}
  .msgeo-grid--2,.msgeo-grid--3,.msgeo-grid--4,.msgeo-grid--5{grid-template-columns:1fr}
  .msgeo-steps{grid-template-columns:1fr}
  .msgeo-btn{width:100%}
  .msgeo-qrow{grid-template-columns:1fr}
  .msgeo-city{min-height:42px;padding:0 14px;font-size:14px}
  .msgeo-contact{grid-template-columns:1fr;gap:10px;margin-top:20px}
  .msgeo-contact-item{padding:16px 18px}
  .msgeo-news{grid-template-columns:1fr;gap:10px}
  .msgeo-news-item{padding:16px 18px}
  .msgeo-region{padding:20px 0}
  .msgeo-region-prov{margin-bottom:14px}
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion:reduce){
  .msgeo-btn,.msgeo-card,.msgeo-pcard,.msgeo-city,.msgeo-chip,.msgeo-maplist a,.msgeo-tbl tbody tr{
    transition:none !important;
  }
  .msgeo-btn:hover,.msgeo-card:hover,.msgeo-pcard:hover,.msgeo-city:hover{transform:none}
}