/* ==================================================================
   首睿工控官网 · 首页（P30 轮播新版）专属样式
   ------------------------------------------------------------------
   对应设计稿：画布 P30「首页 · 轮播新版」节点 150:626
   约定：
     1. **只做增量**，不覆盖、不改写 style.css / site-seo.css 的任何既有规则；
     2. 所有色值、圆角、间距一律引用 style.css 已定义的 :root 变量；
     3. 首页独有的结构（首屏轮播 / 产品族三栏 / 行业覆盖矩阵 / 四栏页脚）与
        **整站悬停动效层** 集中在本文件，便于单独调参或整层关闭。

   ★ 悬停动效层（本文件贯穿全页的 4 类手法，均可用一个类名开关）
     A. 浮动 —— transform:translateY(-4px)，配 box-shadow 加深
     B. 色块 —— 图标底块 / 胶囊底色反转（浅蓝 ↔ 主蓝）
     C. 光影 —— CTA 斜向扫光、下划线由左向右生长、数值文字辉光
     D. 降级 —— prefers-reduced-motion 下全部取消位移与扫光
   ================================================================== */

:root{
  --ease:cubic-bezier(.22,.68,.32,1);
  --sh-s:0 6px 18px rgba(10,22,40,.06);
  --sh-m:0 14px 34px rgba(10,22,40,.10);
  --sh-b:0 16px 38px rgba(1,77,178,.22);
  --ring:#C9DEF6;
}

/* 读屏可见、视觉隐藏（轮播各屏说明、表格标题等用） */
.sr-only{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 统一焦点环：键盘用户必须看得见（悬停动效不能替代焦点态） */
.btn:focus-visible,.hero-badge:focus-visible,.fam-item a:focus-visible,
.plat:focus-visible,.ind-item a:focus-visible,
.car-dots button:focus-visible,.fnav a:focus-visible,.lnk:focus-visible,
.fam-more:focus-visible,.foot .fbot a:focus-visible{
  outline:2px solid var(--blue);outline-offset:3px;border-radius:6px
}

/* ---------- 下划线生长（光影 C） ---------- */
.lnk{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--blue)}
.lnk::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1.5px;background:var(--blue);transition:right .3s var(--ease)}
.lnk:hover::after{right:0}
.lnk span{transition:transform .3s var(--ease)}
.lnk:hover span{transform:translateX(4px)}

/* ==================================================================
   1. 首屏：左文固定 + 右图轮播
   ================================================================== */
.hero{background:var(--bg);padding:72px 0 78px}
.hero-in{display:grid;grid-template-columns:minmax(0,568fr) minmax(0,560fr);gap:72px;align-items:center}

.hero-copy{min-width:0}
/* 信任胶囊是纯展示文字（用户定稿）：不做任何悬停特效 */
.hero-badge{display:inline-block;background:var(--bl);color:var(--blue);border-radius:999px;padding:7px 15px;font-size:14px}
.hero h1{margin-top:22px;font-size:54px;line-height:1.26;letter-spacing:-.02em;font-weight:700;max-width:none}
.hero-lead{margin-top:20px;font-size:18px;line-height:1.78;color:var(--sub);max-width:none}
.hero-act{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}

.hero-trust{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}
.hero-trust li{font-size:14px;color:var(--sub);position:relative;padding-left:20px}
.hero-trust li::before{content:"";position:absolute;left:1px;top:5px;width:11px;height:6px;
  border-left:1.8px solid var(--blue);border-bottom:1.8px solid var(--blue);transform:rotate(-45deg)}

/* ---------- CTA 按钮（主：色块 + 斜向扫光；次：描边 + 浅底）
   阴影口径（用户定稿）：只留很浅的贴地投影，悬停不放大阴影 —— 大投影显"飘" */
.btn-primary{position:relative;overflow:hidden;background:var(--blue);color:#fff;
  box-shadow:0 2px 6px rgba(1,77,178,.14);
  transition:background .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease)}
.btn-primary::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-55%;width:42%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);
  transform:skewX(-18deg);transition:left .62s var(--ease)}
.btn-primary:hover{background:#033E8C;transform:translateY(-2px);box-shadow:0 4px 10px rgba(1,77,178,.18)}
.btn-primary:hover::after{left:118%}
.btn-primary:active{transform:translateY(0)}

.btn-ghost{background:#fff;color:var(--ink);border-color:var(--ring);
  transition:background .28s var(--ease),border-color .28s,color .28s,transform .28s var(--ease),box-shadow .28s}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);background:var(--bl);transform:translateY(-2px);box-shadow:var(--sh-s)}

/* ---------- 轮播（右栏 560 × 460 视窗） ---------- */
.hero-media{position:relative;min-width:0}
.carousel{position:relative;width:100%;aspect-ratio:560/460;border-radius:16px;overflow:hidden;
  background:#0A1628;box-shadow:0 18px 44px rgba(10,22,40,.14)}

.car-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .62s var(--ease),visibility .62s}
.car-slide.on{opacity:1;visibility:visible}

/* 图位：与站内其它页的占位约定一致（上线时把 .car-img 换成 <img>，alt 见文件头注释） */
.car-img{position:absolute;inset:0;background:linear-gradient(160deg,#EDF3FA 0%,#E1EAF4 62%,#D7E3F0 100%);
  transition:transform 1.15s var(--ease)}
.car-img::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);
  width:246px;height:142px;border-radius:10px;border:1.5px solid #A6BED8;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.44));
  box-shadow:0 14px 32px rgba(11,42,80,.09)}
.car-img::after{content:"";position:absolute;left:50%;top:calc(50% + 62px);transform:translateX(-50%);
  width:158px;height:9px;border-radius:4px;background:#C2D3E4}
.car-img u{position:absolute;left:14px;top:13px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  color:#8FA6BF;text-decoration:none}

/* ★ 2026-10-28 业主第 3 条：轮播图换成**实拍**（后台首页装修 › 首屏轮播 › 上传图片）。
   有图时给 .car-img 加 .has-bg 并带上 --car-bg 变量，占位装饰（虚线框 + 文字标签）全部关掉
   —— 否则实拍图上会飘着一块「轮播图 01 · 待替换实拍」的假图位，看起来像没传成功。
   背景图用 --car-bg 而不是内联 background-image，是为了让 .carousel:hover 的缩放
   继续作用在同一个元素上（transform 不变）。 */
.car-img.has-bg{
  background-color:#EAF2FC;          /* 图丢了也只露浅蓝底，不露白（同 og 图的防护写法） */
  background-image:var(--car-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.car-img.has-bg::before,.car-img.has-bg::after,.car-img.has-bg u{display:none}
.carousel:hover .car-slide.on .car-img{transform:scale(1.035)}

.car-shade{position:absolute;left:0;right:0;bottom:0;height:180px;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,22,69,0),rgba(0,22,69,.72))}

/* ★ 2026-10-30 业主：首屏两侧的圆形翻转按钮**已去掉**（新闻页焦点轮播同口径）。
   翻页能力不丢：底部圆点可点、键盘 ←/→ 可用（home.js）。 */

.car-bar{position:absolute;left:0;right:0;bottom:0;height:60px;z-index:4;padding:0 26px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.car-dots{display:flex;align-items:center;gap:7px}
.car-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.5);transition:width .3s var(--ease),background .3s var(--ease)}
.car-dots button:hover{background:rgba(255,255,255,.85)}
.car-dots button.on{width:20px;background:#fff}
.car-pager{font-family:var(--mono);font-size:14px;color:#C9DEF6;display:flex;align-items:baseline;gap:6px}
.car-cur{font-variant-numeric:tabular-nums}
.car-pager b{font-size:16px;font-weight:500;color:#fff}

/* 规格浮卡：放在轮播视窗**外侧**，因此永不被裁切。
   ★ 2026-10-29 业主第 1 条：一屏一张（每张 banner 各有自己的边框 + 文案）。
     默认全部淡出且不可见，只有 `.on`（当前屏那一张，由 home.js 同步）显示 ——
     用 opacity+visibility 而不是 display:none，切换时才有淡入淡出、不闪。
     ★ `.hero-spec.on` 必须写在 `:hover` **之前**：两者特异性相同（都是两个类），
       后写的赢；写在后面的话悬停上浮会被 `.on` 的 transform 覆盖掉。 */
.hero-spec{position:absolute;left:24px;bottom:80px;z-index:5;display:flex;align-items:center;gap:11px;
  background:#fff;border-radius:12px;padding:13px 17px;box-shadow:0 14px 30px rgba(10,22,40,.16);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .45s var(--ease),visibility .45s var(--ease),
             transform .3s var(--ease),box-shadow .3s var(--ease)}
.hero-spec.on{opacity:1;visibility:visible;transform:none}
.hero-spec:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(10,22,40,.22)}
.hero-spec svg{width:22px;height:22px;flex:none}
/* ★ 2026-10-29 业主第 1 条：图标可后台上传图片替换，尺寸与内置 SVG 一致 */
.hero-spec img{width:22px;height:22px;flex:none;object-fit:contain;border-radius:3px}
.hero-spec b{display:block;font-size:15px;color:var(--ink)}
.hero-spec span{display:block;margin-top:3px;font-size:13px;color:var(--sub)}

/* 首屏在小屏改为单栏（轮播移到文案下方） */
@media(max-width:1080px){
  .hero{padding:48px 0 56px}
  .hero-in{grid-template-columns:1fr;gap:40px}
  .hero h1{font-size:40px}
  .hero-lead{font-size:16px}
  .hero-media{max-width:560px}
}
@media(max-width:620px){
  .hero h1{font-size:31px;line-height:1.34}
  .hero-spec{bottom:70px;left:14px;padding:11px 14px}
  .car-bar{padding:0 16px;height:52px}
}

/* ==================================================================
   2. 板块标题（比内页放大一档）
   ================================================================== */
.sh-lg h2{font-size:34px;line-height:1.36}
.sh-lg p{font-size:16px;line-height:1.8;max-width:980px}

/* 板块底部行动条（S2 / S3 / S4 共用） */
.sec-foot{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;
  display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.sec-foot .fnote{font-size:14.5px;color:var(--sub)}
.sec-foot .fgo{display:flex;gap:24px;flex-wrap:wrap}

/* ==================================================================
   3. S1 核心优势（3 × 2）
   ================================================================== */
.advs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.adv{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.adv:hover{transform:translateY(-4px);box-shadow:var(--sh-m);border-color:var(--ring)}
.adv-ico{width:44px;height:44px;border-radius:12px;background:var(--bl);color:var(--blue);
  display:flex;align-items:center;justify-content:center;
  transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.adv-ico svg{width:22px;height:22px;stroke:currentColor}
/* ★ 2026-10-30 业主第 3 条：卡片小图标可以在后台上传图片（`s1.cards[].icon_img`）。
   尺寸与内置 SVG 完全一致（22×22、居中、不拉伸），所以换图不会改变卡片高度与
   栅格节奏；留空仍走上面的内联 SVG。 */
.adv-ico img{width:22px;height:22px;object-fit:contain;display:block}
.adv:hover .adv-ico{background:linear-gradient(135deg,#014DB2,#001645);color:#fff;box-shadow:0 3px 8px rgba(1,77,178,.16)}
.adv-val{margin-top:20px;font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:-.01em;
  line-height:1.2;color:var(--blue)}
.adv h3{margin-top:9px;font-size:16px;font-weight:700;letter-spacing:-.01em}
.adv-d{margin-top:10px;font-size:14.5px;line-height:1.78;color:var(--sub)}

/* ==================================================================
   4. S2 产品线矩阵（3 栏产品族）
   ================================================================== */
.fams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.fam{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;
  display:flex;flex-direction:column;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.fam:hover{transform:translateY(-4px);box-shadow:var(--sh-m);border-color:var(--ring)}
.fam-no{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--blue)}
.fam h3{margin-top:9px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--blue-d)}
.fam-sub{margin-top:7px;font-size:13.5px;line-height:1.7;color:var(--sub)}
.fam-line{height:1px;background:var(--line);margin:18px 0 12px}

/* ★ 2026-11-02 业主第 1 条：`.fam-list` 原先漏了 `list-style`，浏览器给每个 <li>
   补了一颗默认圆点（disc），落在卡片内边距**外面** 7px 处 —— 与组标题「工控整机
   与平台」的"工"字不同一条竖线，看上去像"没对齐的黑点"。
   清掉 marker 后，每行的图标方块左边缘 == 组标题左边缘 == 卡片内边距起点。 */
.fam-list{display:grid;gap:4px;list-style:none;padding:0;margin:0}
.fam-item a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:center;
  padding:9px 10px;margin:0 -10px;border-radius:10px;
  transition:background .24s var(--ease),transform .24s var(--ease)}
.fam-item a:hover{background:var(--bl);transform:translateX(3px)}
.fl-ico{width:26px;height:26px;border-radius:7px;background:var(--bl);color:var(--blue);
  display:flex;align-items:center;justify-content:center;
  transition:background .24s var(--ease),color .24s var(--ease)}
.fl-ico svg{width:16px;height:16px;stroke:currentColor}
.fam-item a:hover .fl-ico{background:var(--blue);color:#fff}
.fl-tx{min-width:0}
.fl-nm{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--blue-d);transition:color .24s}
.fam-item a:hover .fl-nm{color:var(--blue)}
.fl-se{display:block;margin-top:3px;font-size:13.5px;line-height:1.66;color:var(--sub)}
.fam-more{margin-top:auto;padding-top:16px}

/* ==================================================================
   5. S3 信创专区（5 张平台卡）
   ================================================================== */
.plats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.plat{display:block;background:var(--bl);border:1px solid transparent;border-radius:16px;padding:22px 20px;
  transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.plat:hover{background:#fff;border-color:var(--ring);transform:translateY(-4px);box-shadow:var(--sh-m)}
.plat b{display:block;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--blue-d)}
.plat em{display:block;margin-top:7px;font-style:normal;font-family:var(--mono);font-size:12px;
  letter-spacing:.1em;color:var(--blue)}
.plat span{display:block;margin-top:13px;font-size:13.5px;line-height:1.7;color:#37475C}

/* ==================================================================
   6. S4 行业解决方案 · 覆盖矩阵（4 领域 × 3 行业）
   ------------------------------------------------------------------
   ★ 2026-10-29 替换原「辐射图（中心圆 + 12 节点环绕）」。
     原版 1200×680 的坐标系只为摆 12 个行业名：节点 110×36 悬在 R=290 的
     圆上，四周全是留白；且中心讲「国产芯」、环上讲行业，两个叙事硬拼
     （国产平台在紧邻的 S3 已经讲完了）。
     现改为「领域｜行业」覆盖表：左栏浅蓝领域标签（编号 + 领域名 + 定位），
     右侧每条行业带**真实场景与已验证指标**，行间 1px 发丝线分隔。
     与上方 S2 的产品族三栏卡形成「卡片 → 档案表」的节奏差异。
   ================================================================== */
.inds{display:grid;grid-template-columns:236px minmax(0,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}

.ind-dom{background:#F6F9FE;padding:22px 24px 22px 28px}
.ind-no{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--blue)}
.ind-dom h3{margin-top:9px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--blue-d)}
.ind-pos{margin-top:7px;font-size:12.5px;line-height:1.68;color:var(--sub)}

.ind-items{background:#fff;list-style:none;padding:14px 16px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.ind-item{min-width:0}
.ind-item a{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;gap:11px;align-items:center;
  height:100%;padding:11px 12px;border-radius:12px;
  transition:background .24s var(--ease),transform .24s var(--ease)}
.ind-item a:hover{background:var(--bl);transform:translateY(-2px)}
.ii{width:34px;height:34px;border-radius:10px;background:var(--bl);color:var(--blue);
  display:flex;align-items:center;justify-content:center;
  transition:background .24s var(--ease),color .24s var(--ease)}
.ii svg{width:19px;height:19px;stroke:currentColor}
.ind-item a:hover .ii{background:var(--blue);color:#fff}
.it{display:block;min-width:0}
.it b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--blue-d);
  transition:color .24s var(--ease)}
.ind-item a:hover .it b{color:var(--blue)}
.it span{display:block;margin-top:4px;font-size:12.5px;line-height:1.55;color:var(--sub)}
.ia{font-size:14px;line-height:1;color:#C9DEF6;
  transition:color .24s var(--ease),transform .24s var(--ease)}
.ind-item a:hover .ia{color:var(--blue);transform:translateX(3px)}

/* 窄屏：领域标签压成横排条，行业条目 2 列 → 1 列。链接与语义不变 */
@media(max-width:1080px){
  .inds{grid-template-columns:1fr;border-radius:16px}
  .ind-dom{padding:16px 20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;align-items:baseline}
  .ind-dom h3{margin-top:0}
  .ind-pos{grid-column:1/-1;margin-top:6px}
  .ind-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .ind-items{grid-template-columns:1fr;padding:10px 12px}
}

/* ==================================================================
   7. S5 数据与口碑（蓝渐变带）
   ================================================================== */
.band{background:linear-gradient(90deg,#014DB2 0%,#001645 100%);color:#fff;padding:88px 0}
/* ★ 数值行 = 四项 hug 宽 + 两端分散（设计稿口径：首项贴左、末项贴右）。
   不能用 4 等分栅格 —— 栅格按列起点摆放，末项「50,000」右侧会空出一截，与设计稿不符。 */
.statrow{display:flex;justify-content:space-between;gap:22px}
/* S5 是纯展示数据带：无链接、无可交互元素，不做悬停浮动/辉光（用户定稿） */
.stat b{display:block;font-family:var(--mono);font-size:44px;font-weight:700;line-height:1.2}
.stat span{display:block;margin-top:8px;font-size:15px;color:#A9B8D9}

.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:64px}
.quote{border-radius:16px;padding:32px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  transition:background .3s var(--ease),border-color .3s var(--ease)}
/* 证言卡同为静态文字块：悬停只保留底色/描边的轻反馈，取消位移与投影 */
.quote:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.30)}
.quote blockquote p{font-size:16px;line-height:1.75;color:#fff}
.quote figcaption{margin-top:20px;font-size:14px;color:#9FB4DC}

/* ==================================================================
   8. S6 FAQ（P30 定稿样式：单卡片容器 + 常开问答行，不走手风琴）
   ------------------------------------------------------------------
   · 全部问答服务端直出、常显可抓取（SEO：FAQPage 结构化数据与可见文字逐字一致）
   · 问题行 = Q 徽标 + 主蓝加粗；答案与问题文字左对齐（缩进对齐徽标右侧）
   · 纯展示内容，无悬停位移（用户定稿：静态文字块不做动效）
   ================================================================== */
.faq .qa{padding:17px 24px 19px;border-top:1px solid var(--line)}
.faq .qa:first-child{border-top:0}
.faq .qa h3{margin:0;font-size:15.5px;font-weight:600;letter-spacing:-.005em;
  color:var(--blue);display:flex;gap:12px;align-items:flex-start}
.faq .qb{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--blue);
  background:var(--bl);border-radius:6px;width:26px;box-sizing:border-box;padding:2px 0;text-align:center;flex:none;margin-top:2px}
/* ★ 答案左缩进 = 26(徽标) + 12(gap) = 38，与问题文字同一条竖线（口径同 style.css；首页最后加载 home.css，故需与 site-seo.css 等价同改） */
.faq .qa p{margin:9px 0 0;padding-left:38px;font-size:14px;color:#37475C;line-height:1.85}

/* ==================================================================
   9. S7 末尾 CTA（P30 定稿：标题/副文/按钮全部居中，纵向排布）
   ==================================================================
   ★ 2026-10-30：具体规则已移到 site-seo.css 文件末尾 —— 联系页与新闻页也要用
     同一套居中大卡，而它们不加载 home.css。**别在这里再写一份**：
     同一套样式写两遍，早晚只改一处（本工程反复踩过的坑）。 */

/* ==================================================================
   10. S8 页脚（品牌 + 4 个链接栏目 + 5 处地址 + 底栏）
   ================================================================== */
/* ★ 品牌列必须是固定宽度：写成 320fr 会与 1fr 构成 320:1 的比例，
   把右侧 4 栏导航挤到只剩 1/321 宽度 → 文字逐字竖排、页脚被撑高。
   等比列（如 .hero-in 的 568fr:560fr）才能用 fr 表达。 */
.ftop{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:44px}
.fnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.fnav b{display:block;color:#DCE7F5;font-size:15px;margin-bottom:14px}
.fnav a{display:block;font-size:14px;color:#8FA3BC;padding:5px 0;
  transition:color .22s var(--ease),transform .22s var(--ease)}
.fnav a:hover{color:#fff;transform:translateX(3px)}

/* 页脚地址组：5 处办公地址一行铺开 */
.foot .faddr{margin-top:36px;padding-top:30px;border-top:1px solid #1A2C46;
  grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}

@media(max-width:1180px){
  .fnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .foot .faddr{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .ftop{grid-template-columns:1fr;gap:30px}
  .foot .faddr{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ==================================================================
   11. 首页各栅格的响应式回落
   ================================================================== */
@media(max-width:1180px){
  .plats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .advs,.fams{grid-template-columns:repeat(2,minmax(0,1fr))}
  .statrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
}
@media(max-width:860px){
  .sh-lg h2{font-size:26px}
  .sh-lg p{font-size:15.5px}
  .plats,.advs,.fams,.quotes{grid-template-columns:1fr}
  .statrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat b{font-size:34px}
  .band{padding:40px 0}
  .sec-foot{align-items:flex-start}
}
@media(max-width:620px){
  .statrow{display:grid;grid-template-columns:1fr;gap:22px}
  .hero-act .btn{width:100%;justify-content:center}
}

/* ==================================================================
   12. 动效降级：系统开启「减少动态效果」时，取消全部位移与扫光
   ================================================================== */
@media(prefers-reduced-motion:reduce){
  /* ★ 2026-10-30：轮播照常自动切（业主反馈「不自动轮播了」），但换屏**不做过渡**
     —— reduce 关的是动画，不是内容。`.car-slide` 的 opacity .62s 也一并归零。 */
  .car-slide{transition:none}
  .adv,.fam,.plat,.quote,.hero-spec,.endcta-lg,
  .btn-primary,.btn-ghost,.ind-item a,.fam-item a,.fnav a,.car-img,
  .nav .grp .mega,.mcard.b,.ms a{transition:none}
  .adv:hover,.fam:hover,.plat:hover,.hero-spec:hover,
  .btn-primary:hover,.btn-ghost:hover,.ind-item a:hover,.fam-item a:hover,.fnav a:hover{transform:none}
  .btn-primary::after{display:none}
  .carousel:hover .car-slide.on .car-img{transform:none}
  .lnk::after{transition:none}
}

/* ==================================================================
   13. 全站导航下拉面板（P29 定稿口径）
   ------------------------------------------------------------------
   ★ 2026-09-24 整体迁往 site-seo.css 第 0 节：home.css 只有首页加载，
     而这套面板样式是全站导航的一部分 —— 子页拿不到它，mega 面板排版
     全坏（业主截图1）。迁移后首页与子页共用同一份，避免双处维护漂移。
   ================================================================== */


/* S4 中心圆「国产芯 · 四大平台芯片块」已随辐射图下线（2026-10-29 改为行业覆盖矩阵）。
   该处内容在紧邻的 S3 信创专区已完整表达，不再重复。 */