@charset "utf-8";
/* ============================================================
   首页（/）专属样式 · v11（2026-10-30 · 产品矩阵深色卡头；即刻咨询已迁出）
   仅被首页 index.html 引用，不影响其他页面。

   本版要点
   · 产品矩阵：能力链（一库 → 三层能力）+ 深墨绿「渲染卡头」（渐变 + 网格 + 光斑 +
     大字描边序号 + 白线产品示意）+ 纯白卡身承载信息；整区浅底，只在卡片内部做明暗反差
   · 行业解决方案：左侧编号索引 + 右侧整幅大图的白色舞台卡（保留 SuperSlide 结构）
   · 我们的优势：直接复用 about 页 .ab-* 结构与 about.css，仅把配色令牌换成公司标准绿
   · 即刻咨询：v11 起已迁到全站共用文件，本文件不再包含它的样式
       → 结构 tp5/application/index/view/common/consult.html
       → 样式 static/theme/css/style.css 末尾「咨询栏 v2」段
       → 脚本 static/theme/js/app.js 末尾「咨询栏行动卡」段
     （原来的 common/consult_home.html 已作废删除）
   · 客户与伙伴：logo 统一 130×36 容器 + object-fit:contain，上传尺寸不一致也整齐

   设计基准
   · 配色取自主站 style.css 官方 token：
       --nv-green:#19AD5E / --nv-green-deep:#0C7A3C / --nv-neon:#3DFFA2 / --nv-ink:#0F3D24
   · 章节标题统一「居中 + 单行不换行」（≥641px），附属说明在标题下方居中
   注意：本站 html 根字号 ≈ 100vw/19.2（1440 → 75px），
        本文件全部使用 px + clamp，避免 rem 受根字号影响。
   ============================================================ */

/* ---------- 作用域重置（仅作用于首页主体） ---------- */
.hm-page{
  --g:#19ad5e; --gd:#0c7a3c; --gdk:#0f3d24; --gl:#7fe0ac; --neon:#3dffa2;
  --ink:#0d2a1c; --body:#40544a; --mut:#6d8177; --line:#e3ebe6;
  --soft:#f5f9f7; --tint:#e9f7f0; --alt:#f5f7fa;
  --r:18px;
  overflow-x:clip;
  font-family:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
  color:var(--body); line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.hm-page *,.hm-page *::before,.hm-page *::after{box-sizing:border-box}
.hm-page img{display:block;max-width:100%;height:auto;border:none}
.hm-page p{margin:0}
.hm-page ul,.hm-page ol{margin:0;padding:0;list-style:none}
.hm-page h1,.hm-page h2,.hm-page h3,.hm-page h4{margin:0;font-weight:800;line-height:1.2;color:inherit}
.hm-page a{text-decoration:none;color:inherit}
.hm-page button{font-family:inherit}

/* ---------- 容器 ---------- */
/* 右侧有全站固定工具条（.sider.skyrail，宽 64 + 右距 18），
   桌面端容器需为它预留约 100px 净空，否则正文会被压在工具条下面 */
.hm-wrap{width:calc(100% - 48px);max-width:1240px;margin:0 auto}
@media (min-width:1101px){.hm-wrap{width:min(calc(100% - 200px),1240px)}}
@media (min-width:751px) and (max-width:1100px){.hm-wrap{width:calc(100% - 170px)}}

/* ---------- 内联图标 sprite ---------- */
.hm-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.hm-ico{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em}

/* ---------- 章节通用 ---------- */
.hm-sec{position:relative;padding:clamp(56px,6.2vw,96px) 0}
.hm-sec--soft{background:var(--soft)}

/* ---------- 章节标题（居中 + 单行） ---------- */
.hm-eyebrow{display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gd)}
.hm-eyebrow i{display:block;width:22px;height:2px;border-radius:2px;flex:none;
  background:linear-gradient(90deg,var(--g),var(--gl))}
.hm-eyebrow--lite{color:var(--gl)}
.hm-eyebrow--lite i{background:linear-gradient(90deg,var(--neon),rgba(61,255,162,.15))}
.hm-en{margin-left:2px}
@media (max-width:820px){.hm-en{display:none}}

.hm-head{display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:14px;margin-bottom:clamp(30px,3.4vw,52px)}
.hm-head-l{min-width:0;max-width:100%}
.hm-head-l h2{margin-top:14px;font-size:clamp(23px,2.7vw,40px);letter-spacing:-.02em;
  color:var(--ink);line-height:1.24}
.hm-head-r{max-width:760px;text-align:center}
.hm-head-r p{font-size:15px;line-height:1.85;color:var(--mut)}
.hm-head--lite .hm-head-l h2{color:#fff}
.hm-head--lite .hm-head-r p{color:rgba(255,255,255,.58)}
/* 大标题单行显示（≥641px 放得下；手机仍允许换行，避免溢出） */
@media (min-width:641px){
  .hm-head-l h2{white-space:nowrap}
}

.hm-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:14px;font-weight:700;color:var(--gd);transition:gap .3s,color .3s}
.hm-link .hm-ico{transition:transform .3s}
.hm-link:hover{gap:14px;color:var(--g)}

/* ---------- 按钮 ---------- */
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:48px;padding:0 26px;border-radius:100px;border:1px solid transparent;
  font-size:14.5px;font-weight:700;white-space:nowrap;cursor:pointer;
  transition:transform .28s,box-shadow .28s,background .28s,color .28s,border-color .28s}
.hm-btn .hm-ico{transition:transform .3s}
.hm-btn:hover .hm-ico{transform:translateX(3px)}
.hm-btn--pri{background:linear-gradient(135deg,#0c7a3c,#19ad5e 62%,#22c46e);color:#fff;
  box-shadow:0 12px 28px rgba(12,122,60,.32),inset 0 1px 0 rgba(255,255,255,.22)}
.hm-btn--pri:hover{transform:translateY(-2px);color:#fff;
  box-shadow:0 18px 36px rgba(12,122,60,.42),inset 0 1px 0 rgba(255,255,255,.28)}
/* 提升 a 按钮/链接的颜色优先级（压过 .hm-page a 的 color:inherit） */
.hm-page a.hm-btn--pri,.hm-page a.hm-btn--pri:hover{color:#fff}
.hm-page a.hm-link{color:var(--gd)}
.hm-page a.hm-link:hover{color:var(--g)}
.hm-page a.hm-prod-more{color:var(--gd)}
.hm-page a.hm-prod-more:hover{color:var(--g)}

/* ============================================================
   01 · HERO
   ============================================================ */
.hm-hero{position:relative;z-index:1;background:#08251a}

/* 覆盖公共 style.css 的 .banner 固定高度与蓝色蒙层 */
.hm-hero .banner.hm-hero-sw{height:clamp(520px,calc(100vh - 148px),748px);overflow:hidden}
.hm-hero .swiper-slide{height:100%;position:relative;overflow:hidden;background:#08251a}
.hm-hero-veil{position:absolute;inset:0;z-index:2}
.hm-hero .hm-hero-img{width:100%;height:100%;object-fit:cover;object-position:center right;
  display:block;transform:scale(1.03);animation:hmKen 16s ease-out both}
@keyframes hmKen{from{transform:scale(1.09)}to{transform:scale(1.02)}}

/* 蒙层：左深右透 + 底部压暗，兼顾文字可读与画面完整性 */
.hm-hero .hm-hero-veil{background:
    linear-gradient(96deg,rgba(4,20,13,.95) 0%,rgba(4,20,13,.88) 30%,rgba(4,20,13,.52) 56%,rgba(4,20,13,.12) 78%,rgba(4,20,13,0) 100%),
    linear-gradient(180deg,rgba(3,16,10,.42) 0%,rgba(3,16,10,0) 26%,rgba(3,16,10,0) 62%,rgba(3,16,10,.58) 100%);
}
.hm-hero .hm-hero-in{height:100%;display:flex;align-items:center;padding-bottom:118px}

/* 标题区允许更宽 → 配合 home.js 的自适应字号，让后台标题尽量单行 */
.hm-hero-tx{width:auto;max-width:min(980px,66%)}
.hm-hero-tx h1{margin:22px 0 0;font-size:clamp(30px,4.6vw,74px);font-weight:800;line-height:1.06;
  letter-spacing:-.035em;color:#fff;white-space:nowrap;
  text-shadow:0 3px 34px rgba(0,0,0,.36)}
.hm-hero-desc{margin-top:20px;max-width:620px;font-size:clamp(14.5px,1.16vw,17.5px);
  line-height:1.85;color:rgba(255,255,255,.82);height:auto}
.hm-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px}

/* 首屏文字入场（每次切换 slide 重新触发） */
.swiper-slide-active .hm-hero-tx>*{animation:hmUp .8s cubic-bezier(.22,.7,.3,1) both}
.swiper-slide-active .hm-hero-tx>*:nth-child(1){animation-delay:.05s}
.swiper-slide-active .hm-hero-tx>*:nth-child(2){animation-delay:.14s}
.swiper-slide-active .hm-hero-tx>*:nth-child(3){animation-delay:.23s}
.swiper-slide-active .hm-hero-tx>*:nth-child(4){animation-delay:.32s}
@keyframes hmUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* ---------- 底部：页码 + 指示点 + 全宽进度线 ---------- */
.hm-hero-foot{position:absolute;left:0;right:0;bottom:0;z-index:6;padding-bottom:104px}
.hm-hero-foot-in{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,40px)}
.hm-hero-hint{font-size:12.5px;font-weight:800;letter-spacing:.18em;color:rgba(255,255,255,.66);
  font-variant-numeric:tabular-nums}
.hm-hero-nav{position:static;display:flex;align-items:center;gap:7px;text-align:left}
.hm-hero-nav .swiper-pagination-bullet{width:24px;height:2px;margin:0;border-radius:2px;
  background:rgba(255,255,255,.32);opacity:1;transition:width .4s cubic-bezier(.22,.7,.3,1),background .35s}
.hm-hero-nav .swiper-pagination-bullet:hover{background:rgba(255,255,255,.68)}
.hm-hero-nav .swiper-pagination-bullet-active{width:44px;background:linear-gradient(90deg,var(--neon),#fff)}

/* 全宽进度线（贴 hero 内容底，落在上浮卡片的净空里） */
.hm-hero-prog{position:relative;height:2px;margin-top:18px;background:rgba(255,255,255,.16)}
.hm-hero-prog i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:0 2px 2px 0;
  background:linear-gradient(90deg,#19ad5e,#3dffa2 60%,rgba(255,255,255,.9));
  box-shadow:0 0 12px rgba(61,255,162,.5);
  transition:width .55s cubic-bezier(.22,.7,.3,1)}

/* ============================================================
   02 · 快速入口（4 张卡，轻微上浮压住 hero 底部）
   ============================================================ */
.hm-quick{position:relative;z-index:4;margin-top:-88px;padding-bottom:clamp(6px,1vw,14px)}
.hm-quick-ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:0;counter-reset:hmq}
.hm-quick-ul>li{padding:0}
.hm-qcard{position:relative;display:flex;flex-direction:column;height:100%;
  min-height:182px;padding:26px 24px 22px;border-radius:var(--r);
  background:#fff;border:1px solid rgba(13,58,37,.09);
  box-shadow:0 22px 44px -24px rgba(9,44,28,.4);
  transition:transform .35s cubic-bezier(.22,.7,.3,1),box-shadow .35s,border-color .35s;
  overflow:hidden}
.hm-qcard::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--g),var(--gl));transition:width .45s cubic-bezier(.22,.7,.3,1)}
.hm-qcard:hover{transform:translateY(-6px);border-color:rgba(25,173,94,.4);
  box-shadow:0 30px 56px -26px rgba(9,44,28,.5)}
.hm-qcard:hover::before{width:100%}
.hm-qcard-no{position:absolute;right:22px;top:20px;
  font-size:38px;font-weight:800;line-height:1;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1px rgba(25,173,94,.24);
  counter-increment:hmq;transition:color .35s,-webkit-text-stroke-color .35s}
.hm-qcard-no::before{content:counter(hmq,decimal-leading-zero)}
.hm-qcard:hover .hm-qcard-no{-webkit-text-stroke-color:rgba(25,173,94,.55)}
.hm-qcard h3{margin:0;padding-right:56px;font-size:18px;line-height:1.4;color:var(--ink);
  letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-qcard p{margin-top:10px;font-size:13.5px;line-height:1.75;color:var(--mut);
  display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hm-qcard-more{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:700;color:var(--gd)}
.hm-qcard-more .hm-ico{transition:transform .3s}
.hm-qcard:hover .hm-qcard-more .hm-ico{transform:translateX(4px)}

/* ============================================================
   03 · 产品矩阵（深色渲染卡头 + 白卡身 · 能力链）
   方向：卡头做「深墨绿渲染舞台」（渐变 + 网格 + 光斑 + 大字描边序号），
        卡身纯白承载信息；整区仍是浅底，只在卡片内部形成明暗反差
   ============================================================ */
.hm-sec--prod{position:relative;overflow:hidden;color:var(--body);
  background:
    radial-gradient(1000px 560px at 86% -12%,rgba(25,173,94,.10),transparent 62%),
    radial-gradient(760px 460px at 0% 104%,rgba(13,58,37,.055),transparent 60%),
    linear-gradient(180deg,#f4f8f5 0%,#fafcfb 46%,#ffffff 100%)}
.hm-prod-mesh{position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(13,58,37,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(13,58,37,.055) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(80% 72% at 50% 32%,#000,transparent 86%);
          mask-image:radial-gradient(80% 72% at 50% 32%,#000,transparent 86%)}
.hm-sec--prod::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(13,58,37,.09) 30%,rgba(13,58,37,.09) 70%,transparent)}
.hm-sec--prod>.hm-wrap{position:relative;z-index:1}

/* ---------- 能力链：一库 → 三层能力 ---------- */
.hm-chain{position:relative;overflow:hidden;display:flex;align-items:center;
  margin:0 auto clamp(26px,2.8vw,38px);padding:12px 14px;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.6));
  border:1px solid rgba(13,58,37,.09);
  box-shadow:0 1px 2px rgba(13,58,37,.04),0 14px 30px -24px rgba(13,58,37,.34)}
.hm-chain-lb{position:relative;z-index:2;display:inline-flex;flex-direction:column;justify-content:center;flex:none;
  padding:9px 18px;border-radius:11px;color:#fff;white-space:nowrap;
  background:linear-gradient(135deg,#061a11 0%,#0a3222 46%,#10603f 100%);
  font-size:13.5px;font-weight:800;letter-spacing:.01em;
  box-shadow:0 12px 24px -12px rgba(6,26,17,.72),inset 0 1px 0 rgba(255,255,255,.18)}
.hm-chain-lb b{display:block;margin-bottom:2px;font-size:9.5px;font-weight:700;
  letter-spacing:.2em;color:rgba(61,255,162,.72)}
.hm-chain-link{display:none}
/* 贯穿线：三个能力节点串在同一条线上（>980px 单行时生效） */
@media (min-width:981px){
  .hm-chain::before{content:"";position:absolute;left:18px;right:18px;top:50%;height:1px;z-index:0;
    background:linear-gradient(90deg,rgba(25,173,94,.08),rgba(25,173,94,.36) 12%,
      rgba(25,173,94,.20) 50%,rgba(25,173,94,.36) 88%,rgba(25,173,94,.08))}
  .hm-chain::after{content:"";position:absolute;top:calc(50% - 1.5px);left:14%;width:96px;height:3px;z-index:0;
    border-radius:3px;background:linear-gradient(90deg,transparent,rgba(61,255,162,.85),transparent);
    animation:hmFlowX 4.2s linear infinite}
  .hm-chain ul{margin-left:14px}
}
@keyframes hmFlowX{0%{left:12%;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:82%;opacity:0}}
@media (prefers-reduced-motion:reduce){.hm-chain::after{animation:none;opacity:0}}
.hm-chain ul{display:flex;align-items:center;justify-content:space-around;gap:10px;flex:1}
.hm-chain li{position:relative;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:124px;padding:10px 18px;border-radius:11px;
  background:#fff;border:1px solid rgba(13,58,37,.10);
  font-size:13.5px;font-weight:700;color:var(--gdk);white-space:nowrap;
  transition:border-color .3s,box-shadow .3s,transform .3s}
.hm-chain li:hover{border-color:rgba(25,173,94,.4);transform:translateY(-1px);
  box-shadow:0 10px 20px -14px rgba(13,58,37,.5)}
.hm-chain li em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--g)}

.hm-prods{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;
  gap:clamp(18px,2.1vw,28px);counter-reset:hmp}
.hm-prods>li{display:flex;min-width:0;counter-increment:hmp}

.hm-prod{--pad:clamp(24px,2.3vw,34px);
  position:relative;flex:1;display:flex;flex-direction:column;min-width:0;
  padding:var(--pad);border-radius:22px;overflow:hidden;background:#fff;
  border:1px solid rgba(13,58,37,.10);
  box-shadow:0 1px 2px rgba(13,58,37,.05),0 18px 40px -30px rgba(13,58,37,.38);
  transition:transform .45s cubic-bezier(.22,.7,.3,1),border-color .45s,box-shadow .45s}
.hm-prod:hover{transform:translateY(-7px);border-color:rgba(25,173,94,.38);
  box-shadow:0 2px 4px rgba(13,58,37,.06),0 40px 70px -34px rgba(13,58,37,.42),
             0 0 0 4px rgba(25,173,94,.06)}
/* 鼠标跟随高光（home.js 写入 --mx/--my） */
.hm-prod::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(420px 220px at var(--mx,50%) var(--my,0%),rgba(25,173,94,.07),transparent 62%);
  opacity:0;transition:opacity .45s}
.hm-prod:hover::after{opacity:1}

/* ---------- 卡头：深墨绿渲染舞台 ---------- */
.hm-shot{position:relative;z-index:1;height:clamp(142px,11.8vw,170px);
  margin:calc(var(--pad) * -1) calc(var(--pad) * -1) 24px;
  overflow:hidden;
  background:
    radial-gradient(110% 150% at 78% -26%,rgba(61,255,162,.30),transparent 54%),
    radial-gradient(120% 160% at 4% 126%,rgba(30,158,106,.40),transparent 62%),
    linear-gradient(132deg,#062017 0%,#0c4d32 46%,#12764e 100%);
  background-size:170% 170%;background-position:0% 0%;
  box-shadow:inset 0 -1px 0 rgba(61,255,162,.22);
  transition:background-position 1.2s cubic-bezier(.22,.7,.3,1)}
.hm-prod:hover .hm-shot{background-position:30% 36%}
/* 细网格 */
.hm-shot::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(78% 96% at 62% 14%,#000,transparent 82%);
          mask-image:radial-gradient(78% 96% at 62% 14%,#000,transparent 82%)}
/* 顶部内高光 + 底部内阴影，做出「嵌进去」的立体感 */
.hm-shot::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),transparent 22%),
    linear-gradient(0deg,rgba(2,12,8,.55),transparent 46%),
    radial-gradient(70% 60% at 84% 88%,rgba(61,255,162,.18),transparent 62%)}
/* 右下光点阵列 */
.hm-shot-dots{position:absolute;right:16px;bottom:14px;width:104px;height:56px;z-index:2;
  background-image:radial-gradient(circle,rgba(61,255,162,.66) 1.1px,transparent 1.7px);
  background-size:13px 13px;opacity:.7;
  -webkit-mask-image:radial-gradient(130% 130% at 100% 100%,#000,transparent 76%);
          mask-image:radial-gradient(130% 130% at 100% 100%,#000,transparent 76%)}
/* 产品示意：深底上用白线 + 霓虹点 */
.hm-shot svg{position:absolute;left:56%;top:46%;z-index:1;
  width:min(70%,300px);height:auto;transform:translate(-50%,-50%);
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.42));
  transition:transform .7s cubic-bezier(.22,.7,.3,1)}
.hm-prod:hover .hm-shot svg{transform:translate(-50%,-50%) scale(1.04)}
.hm-shot svg [stroke-width="1.0"]{stroke-width:1.3}
.hm-shot svg [stroke-width="1.4"]{stroke-width:1.9}
.hm-shot svg [stroke-width="1.7"]{stroke-width:2.1}
.hm-shot svg [stroke-width="1.9"]{stroke-width:2.3}
.hm-shot svg [stroke-width="2.2"]{stroke-width:2.6}
.hm-shot svg [stroke-width="2.6"]{stroke-width:3.1}
/* 卡头左下大号描边序号 */
.hm-prod-no{position:absolute;left:calc(var(--pad) - 6px);bottom:-16px;z-index:2;
  pointer-events:none;font-size:clamp(68px,6.6vw,96px);font-weight:800;line-height:.8;
  letter-spacing:-.06em;color:transparent;
  -webkit-text-stroke:1.5px rgba(255,255,255,.22);display:block;
  transition:-webkit-text-stroke-color .45s,transform .6s}
.hm-prod-no::before{content:counter(hmp,decimal-leading-zero);display:block;line-height:.8}
.hm-prod:hover .hm-prod-no{-webkit-text-stroke-color:rgba(61,255,162,.6);transform:translateY(-3px)}

/* ---------- 卡身：白底信息层 ---------- */
.hm-prod-top{position:static;display:grid;grid-template-columns:56px 1fr;
  gap:16px;align-items:center;z-index:1}
.hm-prod-ic{display:flex;align-items:center;justify-content:center;flex:none;
  width:56px;height:56px;border-radius:17px;
  background:linear-gradient(150deg,#1fb566 0%,#0c7a3c 74%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 8px 18px -9px rgba(12,122,60,.62),inset 0 1px 0 rgba(255,255,255,.34);
  transition:box-shadow .4s,transform .4s cubic-bezier(.22,.7,.3,1)}
.hm-prod-ic img{width:30px;height:auto;
  filter:drop-shadow(0 1px 2px rgba(6,42,25,.4))}
.hm-prod-ic .hm-ico{width:26px;height:26px;color:#fff;
  filter:drop-shadow(0 1px 2px rgba(6,42,25,.4))}
.hm-prod:hover .hm-prod-ic{transform:translateY(-2px);
  box-shadow:0 14px 26px -10px rgba(12,122,60,.66),inset 0 1px 0 rgba(255,255,255,.42)}
.hm-prod-meta{min-width:0}
.hm-prod-k{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--gd)}
.hm-prod-k b{display:block;margin-top:3px;font-size:10px;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;color:#93a89d}
.hm-prod-meta h3{margin-top:9px;font-size:clamp(18px,1.6vw,22px);line-height:1.35;
  letter-spacing:-.015em;color:var(--gdk)}

/* 主体：spec 行（左标签 / 右内容，细线分隔） */
.hm-prod-bd{position:relative;z-index:1;margin-top:22px;flex:1;display:flex;flex-direction:column}
.hm-prod-row{display:grid;grid-template-columns:66px 1fr;gap:16px;align-items:start;
  padding:15px 0;border-top:1px solid rgba(13,58,37,.075)}
.hm-prod-row:first-child{border-top:0;padding-top:0}
.hm-prod-lb{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--gd);padding-top:2px}
.hm-prod-row p{font-size:13.5px;line-height:1.85;color:var(--body)}
.hm-prod-row .hm-chips{margin-top:-2px}

.hm-chips{display:flex;flex-wrap:wrap;gap:6px}
.hm-chips li{font-size:12.5px;line-height:1;padding:7px 11px;border-radius:7px;
  background:#f5faf7;border:1px solid rgba(13,58,37,.10);
  color:#40544a;white-space:nowrap;
  transition:background .3s,border-color .3s,color .3s}
.hm-prod:hover .hm-chips li{background:rgba(25,173,94,.07);border-color:rgba(25,173,94,.26);color:var(--gd)}

/* 核算标准库：4 格数据带 */
.hm-lib-stats{position:relative;z-index:1;margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;margin-top:18px;background:rgba(13,58,37,.09);
  border:1px solid rgba(13,58,37,.10);border-radius:12px;overflow:hidden}
.hm-lib-stats>div{background:#fff;padding:14px 10px;text-align:center}
.hm-lib-stats b{display:block;font-size:clamp(16px,1.45vw,20px);font-weight:800;
  line-height:1.1;letter-spacing:-.02em;color:var(--gdk)}
.hm-lib-stats sub{font-size:10.5px;font-weight:600;color:var(--gd);vertical-align:baseline;
  margin-left:1px}
.hm-lib-stats span{display:block;margin-top:6px;font-size:11.5px;line-height:1.4;color:var(--mut)}

/* 底部链接 */
.hm-prod-more{position:relative;z-index:1;margin-top:20px;padding-top:16px;
  border-top:1px solid rgba(15,61,36,.09);display:flex;align-items:center;gap:8px;
  padding-top:18px;border-top:1px solid rgba(13,58,37,.075);
  font-size:13.5px;font-weight:700;color:var(--gd);transition:gap .3s,color .3s}
.hm-prod-more .hm-ico{transition:transform .3s}
.hm-prod-more:hover{gap:14px;color:var(--g)}
.hm-prod-more:hover .hm-ico{transform:translateX(3px)}

/* ============================================================
   04 · 行业解决方案（公共 slide_center 覆盖样式）
   ============================================================ */
.hm-sec--sol{position:relative;overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f2f8f4 100%)}
/* 右侧超大描边水印字，斜向切出画面 */
.hm-sol-word{position:absolute;right:-1.5%;top:clamp(16px,3vw,42px);z-index:0;
  pointer-events:none;user-select:none;
  font-size:clamp(88px,10.6vw,164px);font-weight:800;line-height:1;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.4px rgba(25,173,94,.11)}
.hm-sol-inner{position:relative;z-index:1}

.hm-page .main_c{background:none;padding:0}
.hm-page .main_c>.wrap{width:calc(100% - 48px);max-width:1240px;margin:0 auto;padding:0}
@media (min-width:1101px){.hm-page .main_c>.wrap{width:min(calc(100% - 200px),1240px)}}
@media (min-width:751px) and (max-width:1100px){.hm-page .main_c>.wrap{width:calc(100% - 170px)}}

/* 标题块：居中，标题单行，说明居中；前缀「碳达峰·碳中和综合」在首页隐藏 */
.hm-page .mc_tit{display:flex;flex-direction:column;align-items:center;text-align:center;
  color:var(--ink);margin-bottom:clamp(26px,2.8vw,42px)}
.hm-page .mc_tit>img{display:none}
.hm-page .mc_tit::before{content:"SOLUTIONS · 全场景解决方案";display:block;margin-bottom:14px;
  font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gd)}
.hm-page .mc_tit h3 .mc-prefix{display:none}
.hm-page .mc_tit h3{font-size:clamp(23px,2.7vw,40px);font-weight:800;letter-spacing:-.02em;
  line-height:1.24;padding:0;color:var(--ink);white-space:normal}
@media (min-width:641px){.hm-page .mc_tit h3{white-space:nowrap}}
.hm-page .mc_tit p{margin:14px auto 0;max-width:760px;font-size:15px;line-height:1.85;
  color:var(--mut);text-align:center}

.hm-page .ma_cont{background:none;padding:0}
/* 左：编号索引；右：舞台卡（SuperSlide 的 .bdiv 仍是 block/none 切换，不要动 display） */
.hm-page .maslide{display:grid;grid-template-columns:288px 1fr;
  gap:clamp(16px,2vw,26px);align-items:stretch;counter-reset:soltab}
.hm-page .maslide .hd{width:auto;flex:none;display:flex;flex-direction:column;gap:3px;
  padding:10px;border-right:0;
  background:#fff;border:1px solid var(--line);border-radius:22px;
  box-shadow:0 28px 60px -48px rgba(9,44,28,.55)}
.hm-page .maslide .hd li{position:relative;display:flex;align-items:center;gap:12px;
  height:auto;min-height:0;padding:12px 14px;border-radius:12px;justify-content:flex-start;
  font-size:14px;line-height:1.35;color:#4d6557;cursor:pointer;
  counter-increment:soltab;
  transition:background .3s,color .3s,transform .3s}
.hm-page .maslide .hd li::before{content:counter(soltab,decimal-leading-zero);
  flex:none;font-size:11.5px;font-weight:800;letter-spacing:.06em;
  color:rgba(12,122,60,.45);font-variant-numeric:tabular-nums;transition:color .3s}
.hm-page .maslide .hd li::after{content:none}
.hm-page .maslide .hd li:hover{background:var(--soft);color:var(--gd);transform:translateX(2px)}
.hm-page .maslide .hd li.on{background:var(--ink);color:#fff;font-weight:800}
.hm-page .maslide .hd li.on::before{color:var(--neon)}
.hm-page .maslide .hd li.on::after{content:"";position:absolute;right:14px;top:50%;
  width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--neon);
  box-shadow:0 0 10px rgba(61,255,162,.9)}

.hm-page .maslide .bd{flex:1;min-width:0;padding:0;display:block}
.hm-page .bdiv{min-width:0}
.hm-page .an_body{display:grid;grid-template-columns:1.04fr .96fr;gap:0;padding:0;
  align-items:stretch;min-height:clamp(320px,30vw,420px);
  background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:0 40px 80px -56px rgba(9,44,28,.55)}
.hm-page .an_info{width:auto;position:static;display:flex;flex-direction:column;justify-content:center;
  padding:clamp(26px,3vw,46px)}
.hm-page .an_info::before{content:"SOLUTION";margin-bottom:14px;
  font-size:11.5px;font-weight:800;letter-spacing:.22em;color:var(--gd)}
.hm-page .an_info h3{font-size:clamp(20px,1.95vw,30px);font-weight:800;letter-spacing:-.02em;
  color:var(--ink);margin-bottom:14px;line-height:1.3}
.hm-page .an_info p{font-size:14px;line-height:1.9;color:var(--body)}
.hm-page .an_info .xmore{position:static;display:inline-flex;align-items:center;justify-content:center;
  width:auto;height:46px;padding:0 26px;margin-top:24px;border-radius:100px;
  background:linear-gradient(135deg,#0c7a3c,#19ad5e 62%,#22c46e);color:#fff;
  font-size:14px;font-weight:700;box-shadow:0 12px 26px rgba(12,122,60,.3);
  transition:transform .28s,box-shadow .28s}
.hm-page .an_info .xmore:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(12,122,60,.42)}
.hm-page .an_img{width:auto;margin:0;position:relative;overflow:hidden;background:var(--soft);
  min-height:260px}
.hm-page .an_img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  border-radius:0;transform:scale(1.01);transition:transform .9s cubic-bezier(.22,.7,.3,1)}
.hm-page .an_img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 32%),
             linear-gradient(0deg,rgba(6,23,16,.22),transparent 46%)}
.hm-page .bdiv:hover .an_img img{transform:scale(1.05)}

/* ============================================================
   05 · 标杆案例
   ============================================================ */
.hm-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0}
.hm-cases>li{padding:0;display:flex;min-width:0}
.hm-cases .cell{flex:1;display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 1px 2px rgba(13,58,37,.04);
  transition:transform .38s cubic-bezier(.22,.7,.3,1),box-shadow .38s,border-color .38s}
.hm-cases .cell:hover{transform:translateY(-6px);border-color:rgba(25,173,94,.38);
  box-shadow:0 28px 52px -26px rgba(9,44,28,.46)}
.hm-cases .img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eef4f0}
.hm-cases .img>img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);
  transition:transform 1s cubic-bezier(.22,.7,.3,1)}
.hm-cases .cell:hover .img>img{transform:scale(1.1)}
/* 图片底部渐隐，保证标签与标题可读 */
.hm-cases .img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,20,13,0) 0%,rgba(4,20,13,.42) 52%,rgba(4,20,13,.86) 100%);
  transition:opacity .4s}
.hm-cases .cell:hover .img::after{opacity:.9}

/* 悬停出现的圆形"查看"按钮 */
.hm-cases-go{position:absolute;right:14px;top:14px;z-index:3;
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;color:var(--gdk);
  background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 10px 24px -10px rgba(4,20,13,.6);
  opacity:0;transform:scale(.72) rotate(-25deg);
  transition:opacity .38s cubic-bezier(.22,.7,.3,1),transform .42s cubic-bezier(.22,.7,.3,1)}
.hm-cases-go .hm-ico{width:17px;height:17px}
.hm-cases .cell:hover .hm-cases-go{opacity:1;transform:none}

.hm-cases-tags{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;
  display:flex;flex-wrap:wrap;gap:6px}
.hm-cases-tags span{font-size:11.5px;line-height:1;padding:6px 11px;border-radius:100px;
  color:#eafff4;background:rgba(8,32,22,.42);border:1px solid rgba(255,255,255,.26);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;
  transition:background .35s,border-color .35s,color .35s}
.hm-cases .cell:hover .hm-cases-tags span{background:rgba(25,173,94,.88);
  border-color:rgba(61,255,162,.5);color:#fff}

.hm-cases .info{display:flex;flex-direction:column;flex:1;padding:20px 22px 20px}
.hm-cases .tit{font-size:17px;line-height:1.5;font-weight:800;color:var(--ink);
  transition:color .35s;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-cases .cell:hover .tit{color:var(--gd)}
.hm-cases .info p{margin-top:11px;font-size:13px;line-height:1.78;color:var(--mut);
  display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hm-cases-more{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:700;color:var(--gd)}
.hm-cases-more .hm-ico{transition:transform .3s}
.hm-cases .cell:hover .hm-cases-more .hm-ico{transform:translateX(5px)}
.hm-cases-ft{margin-top:clamp(28px,3vw,44px);text-align:center;padding:0}
.hm-page .hm-cases-ft .cp_more{float:none;display:inline-flex;width:auto;height:46px;padding:0 28px;
  margin:0;border-radius:100px;border:1px solid rgba(12,122,60,.32);background:#fff;
  color:var(--gd);font-size:14px;font-weight:700;box-shadow:none;
  transition:background .3s,color .3s,border-color .3s,transform .3s}
.hm-page .hm-cases-ft .cp_more:hover{background:var(--gd);border-color:var(--gd);
  color:#fff;transform:translateY(-2px)}

/* ============================================================
   06 · 我们的优势（复用 about 页 .ab-* 结构与 about.css）
   about.css 的颜色令牌定义在 .ab-page 上，这里补齐同名字令，
   并统一改为公司标准绿（about 页原为 #25a063）。
   ============================================================ */
.hm-advsec{
  --g:#19ad5e; --gd:#0c7a3c; --gl:#7fe0ac; --gdh:#129a52;
  --ink:#0d2a1c; --body:#40544a; --mut:#6d8177; --line:#e3ebe6;
  --soft:#f5f9f7; --tint:#e9f7f0;
  --gold:#c9a44a; --goldl:#d9b566;
  position:relative;overflow:hidden;
  background:
    radial-gradient(900px 480px at 10% -8%,rgba(61,255,162,.10),transparent 55%),
    radial-gradient(760px 420px at 90% 108%,rgba(25,173,94,.10),transparent 55%),
    linear-gradient(180deg,#f7fcf9 0%,#edf8f1 100%)}
/* 透视网格底纹（与 about 页一致，但只在首页这一块生效） */
.hm-advsec::before{content:"";position:absolute;inset:-10% -20% 0;pointer-events:none;
  background-image:linear-gradient(rgba(25,173,94,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(25,173,94,.055) 1px,transparent 1px);
  background-size:46px 46px;
  transform:perspective(700px) rotateX(28deg) scale(1.5);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 34%,transparent 92%);
          mask-image:linear-gradient(180deg,transparent 4%,#000 34%,transparent 92%)}
.hm-advsec::after{content:"";position:absolute;left:50%;top:-160px;width:520px;height:520px;
  transform:translateX(-50%);pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(25,173,94,.13),transparent 65%);
  animation:hmOrb 9s ease-in-out infinite alternate}
@keyframes hmOrb{
  from{transform:translateX(-50%) translateY(0) scale(1)}
  to{transform:translateX(-50%) translateY(22px) scale(1.08)}}
.hm-advsec>.hm-wrap{position:relative;z-index:2}
/* about.css 里编号图尺寸写在 .ab-page 作用域内，首页需要补一条 */
.hm-advsec .ab-why-numb{height:clamp(28px,2.8vw,42px);width:auto;flex:none;
  filter:drop-shadow(0 3px 8px rgba(0,180,135,.35))}
.hm-advsec .ab-why-feat{grid-column:1/-1}
.hm-advsec .ab-why-partner{grid-column:1/-1}
/* 鼠标跟随高光（about.js 才有 mousemove 逻辑，首页用纯 CSS 简化：悬停淡入中心光） */
.hm-advsec .ab-why-feat:hover .ab-adv-glare,
.hm-advsec .ab-why-card:hover .ab-adv-glare,
.hm-advsec .ab-why-partner:hover .ab-adv-glare{opacity:1;
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.6),transparent 52%)}

/* ============================================================
   08 · 最新洞察
   ============================================================ */
.hm-news{margin:0}
.hm-news-card{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:0;
  background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:0 1px 2px rgba(13,58,37,.04);
  transition:transform .38s cubic-bezier(.22,.7,.3,1),box-shadow .38s,border-color .38s}
.hm-news-card:hover{transform:translateY(-4px);border-color:rgba(25,173,94,.38);
  box-shadow:0 30px 58px -30px rgba(9,44,28,.46)}
.hm-news-img{position:relative;overflow:hidden;min-height:300px;background:#eef4f0}
.hm-news-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;
  transition:transform .9s cubic-bezier(.22,.7,.3,1)}
.hm-news-card:hover .hm-news-img img{transform:scale(1.06)}
.hm-news-date{position:absolute;left:20px;top:20px;display:inline-flex;align-items:baseline;gap:2px;
  padding:9px 14px;border-radius:10px;color:#fff;font-size:15px;font-weight:700;
  background:rgba(8,32,22,.5);border:1px solid rgba(255,255,255,.24);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hm-news-date b{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1}
.hm-news-tx{display:flex;flex-direction:column;justify-content:center;
  padding:clamp(24px,3vw,44px)}
.hm-news-tag{font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gd)}
.hm-news-tx h3{margin-top:14px;font-size:clamp(19px,1.85vw,27px);line-height:1.45;
  letter-spacing:-.015em;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-news-tx p{margin-top:14px;font-size:14px;line-height:1.85;color:var(--mut);
  display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hm-news-more{margin-top:22px;display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:700;color:var(--gd);transition:gap .3s}
.hm-news-card:hover .hm-news-more{gap:14px}

/* ============================================================
   09 · 客户与伙伴（对齐 cbam/index.html 的白卡网格）
   logo 统一 130×36 容器 + object-fit:contain：
   后台上传的图尺寸/比例再乱，前端也大小一致、不撑破格子
   ============================================================ */
.hm-partners{background:var(--alt)}
.hm-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:10px;margin:0;background:none;border:0;border-radius:0;overflow:visible}
.hm-logos>li{padding:0;margin:0;border:0}
.hm-logos .item{display:flex;align-items:center;justify-content:center;
  height:66px;padding:0;background:#fff;
  border:1px solid var(--line);border-radius:6px;
  transition:border-color .25s,box-shadow .25s,transform .25s}
.hm-logos img{width:130px;height:36px;max-width:calc(100% - 20px);
  object-fit:contain;object-position:center;
  filter:grayscale(1);opacity:.72;
  transition:opacity .25s,filter .25s}
.hm-logos .item:hover{border-color:rgba(25,173,94,.5);box-shadow:0 6px 16px rgba(0,25,18,.10);
  transform:translateY(-1px)}
.hm-logos .item:hover img{opacity:1}

/* ============================================================
   滚动入场（由 home.js 添加 .is-in）
   ============================================================ */
.hm-anim{opacity:0}
.hm-anim.is-in{opacity:1;animation:hmUp .72s cubic-bezier(.22,.7,.3,1) backwards}
.hm-prods>li:nth-child(2),
.hm-cases>li:nth-child(2){animation-delay:.08s}
.hm-prods>li:nth-child(3),
.hm-cases>li:nth-child(3){animation-delay:.16s}
.hm-prods>li:nth-child(4){animation-delay:.22s}
.hm-cases>li:nth-child(4){animation-delay:.06s}
.hm-cases>li:nth-child(5){animation-delay:.12s}
.hm-cases>li:nth-child(6){animation-delay:.18s}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1240px){
  .hm-page .maslide{grid-template-columns:250px 1fr}
}
@media (max-width:1100px){
  /* 窄屏时 banner 被裁得更狠，蒙层要更重才能压住画面里的文字 */
  .hm-hero .hm-hero-veil{background:
    linear-gradient(96deg,rgba(4,20,13,.96) 0%,rgba(4,20,13,.92) 44%,rgba(4,20,13,.7) 70%,rgba(4,20,13,.34) 100%),
    linear-gradient(180deg,rgba(3,16,10,.45) 0%,rgba(3,16,10,0) 30%,rgba(3,16,10,.5) 100%)}
  /* 窄桌面：示意图右移缩一档，避免与大号序号叠在一起 */
  .hm-shot svg{width:min(62%,258px);left:60%}
}
@media (max-width:1180px){
  .hm-quick-ul{grid-template-columns:repeat(2,1fr)}
  .hm-cases{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1000px){
  .hm-page .maslide{grid-template-columns:1fr;gap:14px}
  .hm-page .maslide .hd{flex-direction:row;flex-wrap:wrap;gap:6px;padding:8px}
  .hm-page .maslide .hd li{padding:9px 13px;font-size:13px}
  .hm-page .maslide .hd li.on::after{content:none}
}
@media (max-width:980px){
  .hm-prods{grid-template-columns:1fr;grid-auto-rows:auto}
  .hm-chain{flex-wrap:wrap;gap:10px}
  .hm-chain-link{display:none}
  .hm-chain ul{flex-wrap:wrap}
  .hm-advsec .ab-why{grid-template-columns:1fr}
  .hm-advsec .ab-why-feat{grid-template-columns:1fr}
}
@media (max-width:960px){
  .hm-news-card{grid-template-columns:1fr}
  .hm-news-img{min-height:0;aspect-ratio:16/9}
  .hm-news-img img{position:static;height:100%}
}
@media (max-width:820px){
  .hm-hero .banner.hm-hero-sw{height:clamp(480px,72vh,620px)}
  .hm-hero .hm-hero-veil{background:
    linear-gradient(180deg,rgba(4,20,13,.9) 0%,rgba(4,20,13,.76) 42%,rgba(4,20,13,.9) 100%)}
  .hm-hero-tx{max-width:100%}
  .hm-hero .hm-hero-in{padding-bottom:96px}
  .hm-hero-foot{padding-bottom:78px}
  .hm-quick{margin-top:-56px}
  .hm-page .an_body{grid-template-columns:1fr}
  .hm-page .an_img{min-height:220px;order:-1;aspect-ratio:16/9}
  .hm-page .an_info{padding:24px 20px 28px}
  .hm-cases{grid-template-columns:1fr}
  .hm-sol-word{display:none}
}
@media (max-width:640px){
  .hm-wrap{width:calc(100% - 32px)}
  .hm-sec{padding:44px 0}
  .hm-head{gap:10px}
  .hm-head-l h2{font-size:22px}
  .hm-quick-ul{grid-template-columns:1fr;gap:12px}
  .hm-qcard{min-height:0;padding:20px 18px 18px}
  .hm-qcard-no{font-size:30px;right:16px;top:14px}
  .hm-hero-cta{gap:10px}
  .hm-btn{height:44px;font-size:13.5px;padding:0 20px}
  .hm-hero-tx h1{white-space:normal}
  .hm-prod{--pad:20px;padding:20px;border-radius:18px}
  .hm-prod-top{grid-template-columns:48px 1fr;gap:12px}
  .hm-prod-ic{width:48px;height:48px;border-radius:14px}
  .hm-prod-ic img{width:28px}
  .hm-prod-no{font-size:56px;bottom:-10px;left:6px}
  .hm-prod-meta{padding-right:40px}
  .hm-prod-row{grid-template-columns:1fr;gap:6px;padding:13px 0}
  .hm-prod-lb{font-size:11.5px}
  .hm-lib-stats{grid-template-columns:repeat(2,1fr)}
  .hm-chips li{font-size:12px;padding:6px 9px}
  .hm-shot{height:118px}
  .hm-shot svg{width:min(60%,196px);left:60%;top:44%}
  .hm-logos{grid-template-columns:repeat(2,1fr)}
  .hm-logos .item{height:58px}
  .hm-logos img{width:112px;height:30px}
  .hm-chain{padding:10px;gap:8px;flex-wrap:wrap}
  .hm-chain-lb{flex:1 1 100%;align-items:center;justify-content:center;text-align:center}
  .hm-chain ul{flex:1 1 100%;justify-content:space-between;gap:6px}
  .hm-chain li{padding:9px 8px;font-size:11.5px;gap:5px;flex:1;justify-content:center}
  .hm-chain li em{font-size:9px}
  .hm-page .maslide .hd{padding:6px}
  .hm-page .maslide .hd li{font-size:12.5px;padding:8px 11px}
}

/* 尊重系统"减少动态效果"设置 */
@media (prefers-reduced-motion:reduce){
  .hm-page *,.hm-advsec *{animation-duration:.001ms !important;animation-delay:0s !important;
    transition-duration:.001ms !important}
  .hm-anim{opacity:1 !important}
  .hm-advsec .ab-anim{opacity:1 !important}
}