/* =========================================================================
   中益环保 · 首页视觉升级层「应急指挥 · 环保卫士 COMMAND」(yj1)
   -------------------------------------------------------------------------
   设计主张：指挥深蓝骨架 × 救援橙行动主色 × 生态绿辅助 × 警示琥珀点缀；
   大留白 / 大字号 / 硬朗工业描边 / 战术网格 / 雷达与警示斜纹 / 微光跟随，
   塑造"国家级应急指挥 · 工业安全环保集团"式的高级感与可靠感。
   作用域：**全部规则以 body.home 限定** —— 仅影响首页；
          内页（news/detail/about/service/services）与后台文件一律零改动。
   前置：必须加载 template/css/style.css（设计令牌与组件基座）。
   DOM 钩子（#slideTrack/#slidePrev/#slideNext/#slideDots/.hero-ctrl/.hero-slide-item/
   .slide-dot/.hero-count/.hero-bar/#slideNow/#slideTotal/#heroProgress/
   .reveal/.count-up/#topbar/#backToTop/#hamburgerBtn/#mobileMenu/
   #partnerForm/#formSuccess/#phoneError/api apply.php）全部保留且未重命名。
   版本令牌 &t=yj1 用于缓存穿透。
   ========================================================================= */

/* -------------------------------------------------------------------------
   0. 首页局部令牌与全局精修
   ------------------------------------------------------------------------- */
body.home{
  --r-lg:16px;
  --r-xl:22px;
  --hair:1px solid var(--line);
  --shadow-soft:0 1px 2px rgba(7,20,40,.03),0 10px 30px -22px rgba(7,20,40,.24);
  --shadow-hi:0 4px 10px rgba(7,20,40,.04),0 40px 72px -44px rgba(7,20,40,.44);
  --shadow-deep:0 30px 80px -40px rgba(5,12,26,.55);
}

/* 锚点定位避让吸顶导航（首屏/内页跳转更精准） */
body.home #services,
body.home #process,
body.home #insights,
body.home #strength,
body.home #apply{scroll-margin-top:calc(var(--header-h) + 18px)}

/* 栏目标题：更大的编辑感序号水印 + 应急渐变标题线 */
body.home .sec-head{margin-bottom:58px}
body.home .sec-head h2{letter-spacing:-.016em}
body.home .sec-head h2::after{
  width:54px;height:3px;
  background:linear-gradient(90deg,var(--orange) 0%,var(--amber) 78%,var(--brand) 100%)}
body.home .sec-head[data-num]::after{
  font-size:clamp(78px,9.4vw,156px);opacity:.09;top:-58px;letter-spacing:-.05em;
  background:linear-gradient(180deg,var(--brand),rgba(14,63,122,0));
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent}
body.home .sec-dark .sec-head[data-num]::after{
  opacity:.1;background:linear-gradient(180deg,#fff,rgba(255,255,255,0));
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent}
body.home .sec-sub{font-size:15px;line-height:1.95}
body.home .sec-more{border-radius:var(--radius-xs)}

/* 网格逐格错峰入场（仅表现，不改 DOM） */
body.home .svc-grid>.reveal:nth-child(4n+2),
body.home .feat-grid>.reveal:nth-child(4n+2),
body.home .process-grid>.reveal:nth-child(4n+2){transition-delay:.07s}
body.home .svc-grid>.reveal:nth-child(4n+3),
body.home .feat-grid>.reveal:nth-child(4n+3),
body.home .process-grid>.reveal:nth-child(4n+3){transition-delay:.14s}
body.home .svc-grid>.reveal:nth-child(4n+4),
body.home .feat-grid>.reveal:nth-child(4n+4),
body.home .process-grid>.reveal:nth-child(4n+4){transition-delay:.21s}
body.home .insights-grid>.reveal:nth-child(3n+2){transition-delay:.08s}
body.home .insights-grid>.reveal:nth-child(3n+3){transition-delay:.16s}

/* -------------------------------------------------------------------------
   1. 顶部导航：玻璃质感微精修（应急橙行动色）
   ------------------------------------------------------------------------- */
body.home .topbar-nav>a::after,
body.home .nav-drop>a::after{background:linear-gradient(90deg,var(--orange),var(--amber))}
body.home .topbar-phone{border-radius:var(--radius-xs);font-size:13.5px;padding:9px 16px}
body.home .btn-nav{background:linear-gradient(135deg,var(--orange-2),var(--orange-dark));
  box-shadow:0 10px 24px -12px rgba(255,90,31,.65)}
body.home .btn-nav:hover{background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  box-shadow:0 16px 30px -12px rgba(255,90,31,.72)}
body.home .nav-drop-menu{border-radius:var(--radius);padding:12px;
  box-shadow:0 30px 70px -34px rgba(5,12,26,.44),0 2px 8px rgba(5,12,26,.04)}
body.home .nav-drop-menu a{border-radius:var(--radius-xs);padding:11px 13px}

/* -------------------------------------------------------------------------
   2. HERO 幻灯片：纯净广告图 + 精工控件（无文字覆盖）
   ------------------------------------------------------------------------- */
body.home .hero-slider{position:relative;z-index:1;background:var(--ink);isolation:isolate}
/* 顶部内阴影 + 四周暗角：让广告图更"入框"，与深色指挥板块统一 */
body.home .hero-slider::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  box-shadow:inset 0 0 150px rgba(5,12,26,.34),inset 0 26px 40px -30px rgba(5,12,26,.58)}
/* 底部向深色骨架过渡，与下方悬浮板块无缝衔接 */
body.home .hero-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;
  z-index:3;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,12,26,0) 0%,rgba(5,12,26,.38) 58%,rgba(5,12,26,.8) 100%)}
body.home .hero-slide-item.is-active img{animation:kbFade 1.1s ease-out both}
body.home .hero-stage{z-index:2}

/* 控件胶囊：玻璃 + 计数 + 进度条（bottom 需让开下方上浮 32px 的深色板块） */
body.home .hero-ctrl{
  bottom:52px;gap:14px;padding:9px 18px;border-radius:999px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 20px 46px -20px rgba(5,12,26,.6),inset 0 1px 0 rgba(255,255,255,.7);
  /* 静止时略透，尽量少遮挡广告图；悬停/聚焦恢复全显 */
  opacity:.86;transition:opacity .4s var(--ease),border-color .4s var(--ease)}
body.home .hero-slider:hover .hero-ctrl,
body.home .hero-ctrl:focus-within{opacity:1}
body.home .hero-arrow{width:34px;height:34px;border-color:transparent;background:rgba(5,12,26,.05)}
body.home .hero-arrow:hover{background:var(--orange);color:#fff;border-color:var(--orange);
  transform:scale(1.06)}
body.home .hero-arrow svg{width:15px;height:15px}
body.home .hero-dots{gap:6px}
body.home .slide-dot{width:20px;height:3px;border-radius:2px;background:var(--line-strong)}
body.home .slide-dot.active{width:38px;background:linear-gradient(90deg,var(--orange),var(--amber))}
/* 序号计数 01 / 05 */
body.home .hero-count{display:flex;align-items:baseline;gap:5px;padding:0 3px;
  font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}
body.home .hero-count b{font-size:15px;font-weight:800;color:var(--ink);line-height:1}
body.home .hero-count i{font-style:normal;font-size:12px;color:var(--line-strong)}
body.home .hero-count span{font-size:11.5px;font-weight:700;color:var(--muted)}
/* 自动播放进度（5s 与 app.js 自动轮播节拍一致） */
body.home .hero-bar{position:absolute;left:18px;right:18px;bottom:5px;height:2px;
  background:rgba(255,90,31,.16);border-radius:2px;overflow:hidden;pointer-events:none}
body.home .hero-bar i{display:block;height:100%;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--orange),var(--amber))}
body.home .hero-bar i.run{animation:heroBarFill 5s linear both}
@keyframes heroBarFill{from{width:0}to{width:100%}}
/* 鼠标悬停幻灯时同步暂停自动播放（app.js 已停止计时器） */
body.home .hero-slider:hover .hero-bar i.run{animation-play-state:paused}
/* 小屏（板块上浮量变小）时控件同步下移，避免中间留白过多 */
@media (max-width:1080px){
  body.home .hero-ctrl{bottom:46px}
}

/* -------------------------------------------------------------------------
   3. 应急响应能力带：悬浮深色板块（上浮覆盖幻灯底部）
   ------------------------------------------------------------------------- */
body.home .eco-band{margin-top:-32px;z-index:6;border-radius:18px 18px 0 0;
  box-shadow:0 -20px 54px -26px rgba(5,12,26,.6)}
/* 顶部应急渐变发丝线（橙-琥珀-蓝）+ 战术网格肌理 */
body.home .eco-band::before{
  opacity:1;
  background-image:
    linear-gradient(90deg,var(--orange) 0,var(--amber) 52%,var(--brand) 100%),
    linear-gradient(rgba(120,160,230,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,160,230,.06) 1px,transparent 1px);
  background-size:100% 2px,48px 48px,48px 48px;
  background-repeat:no-repeat,repeat,repeat;
  background-position:0 0,0 0,0 0}
body.home .eco-band-inner{padding:42px 32px}
body.home .eco-pillar{padding:10px 26px;position:relative;border-radius:var(--radius-sm)}
body.home .eco-pillar::after{content:"";position:absolute;left:26px;right:26px;bottom:4px;height:1px;
  background:linear-gradient(90deg,var(--orange),transparent);transform:scaleX(0);
  transform-origin:left;transition:transform .45s var(--ease)}
body.home .eco-pillar:hover::after{transform:scaleX(1)}
body.home .ep-icon{width:52px;height:52px;border-radius:12px;
  transition:transform .45s var(--ease),background .45s var(--ease),border-color .45s}
body.home .ep-icon svg{width:24px;height:24px}
body.home .eco-pillar:hover .ep-icon{transform:translateY(-3px)}
body.home .ep-copy h3{font-size:16.5px}
body.home .ep-copy p{font-size:12.5px;margin-top:4px}

/* -------------------------------------------------------------------------
   4. 关于我们 / 行业实力：精工描边图框 + 数据格
   ------------------------------------------------------------------------- */
body.home .about-strip{padding:calc(var(--sec-y) + 6px) 0}
body.home .about-strip-grid{gap:64px}
body.home .as-media{overflow:visible;border-radius:var(--r-lg);background:transparent;
  box-shadow:var(--shadow-deep)}
body.home .as-media img{border-radius:var(--r-lg);position:relative;z-index:1}
body.home .as-media a{border-radius:var(--r-lg)}
/* 左上指挥蓝直角描边（外扩偏移，形成"精工画框"） */
body.home .as-media::before{content:"";position:absolute;left:-17px;top:-17px;width:60%;height:58%;
  border-top:2px solid var(--brand);border-left:2px solid var(--brand);
  border-radius:var(--r-lg) 0 0 0;opacity:.32;z-index:0;pointer-events:none;
  transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.home .as-media:hover::before{opacity:.64;transform:translate(-4px,-4px)}
/* 右下救援橙直角描边 */
body.home .as-media::after{content:"";position:absolute;right:-17px;bottom:-17px;width:60%;height:58%;
  border-bottom:2px solid var(--orange);border-right:2px solid var(--orange);
  border-radius:0 0 var(--r-lg) 0;opacity:.4;z-index:0;pointer-events:none;
  transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.home .as-media:hover::after{opacity:.66;transform:translate(4px,4px)}
body.home .as-media .badge{padding:16px 26px;border-radius:0 var(--r-lg) 0 0;
  box-shadow:0 -1px 0 var(--line),0 14px 30px -18px rgba(5,12,26,.4)}
body.home .as-media .badge .b-num{font-size:28px}
body.home .as-copy h2::after{width:54px;height:3px;border-radius:0;
  background:linear-gradient(90deg,var(--orange),var(--amber))}
body.home .as-copy p{margin-top:24px;font-size:16px;line-height:2.05}
body.home .as-copy .btn{margin-top:30px;padding:14px 32px}
body.home .as-stats{margin-top:40px;border-top:1px solid var(--line-strong)}
body.home .as-stat{padding:22px 15px 0 0;position:relative}
body.home .as-stat::before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;
  background:linear-gradient(90deg,var(--orange),var(--amber));transition:width .45s var(--ease)}
body.home .as-stat:hover::before{width:calc(100% - 15px)}
body.home .as-stat .num{font-size:29px;letter-spacing:-.01em}
body.home .as-stat:hover .num{color:var(--brand-dark)}

/* -------------------------------------------------------------------------
   5. 资质信任带：细线 + 悬停发丝下划线
   ------------------------------------------------------------------------- */
body.home .qualify-band{padding:0}
body.home .qb-inner{padding:26px 0}
body.home .qb-chip{padding:10px 28px;font-size:13.5px;position:relative}
body.home .qb-chip::after{content:"";position:absolute;left:28px;right:28px;bottom:5px;height:1px;
  background:linear-gradient(90deg,var(--orange),var(--amber));transform:scaleX(0);
  transform-origin:left;transition:transform .4s var(--ease)}
body.home .qb-chip:hover::after{transform:scaleX(1)}

/* -------------------------------------------------------------------------
   6. 业务板块：硬朗工业描边卡 + 封面渐入 + 光标微光跟随
   ------------------------------------------------------------------------- */
body.home .svc-grid{gap:26px}
body.home .svc-card{border-radius:var(--r-lg);border-color:var(--line);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
body.home .svc-card:hover{transform:translateY(-8px);border-color:rgba(255,90,31,.5);
  box-shadow:0 0 0 1px rgba(255,90,31,.14),var(--shadow-hi)}
body.home .svc-card::before{height:3px}
/* 光标跟随微光（应急橙聚光，pointer-events:none 不干扰点击） */
body.home .svc-card::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  opacity:0;transition:opacity .45s var(--ease);border-radius:inherit;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(255,90,31,.12),transparent 62%)}
body.home .svc-card:hover::after{opacity:1}
body.home .svc-cover::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  opacity:0;transition:opacity .5s var(--ease);
  background:linear-gradient(180deg,rgba(5,12,26,0) 38%,rgba(5,12,26,.46) 100%)}
body.home .svc-card:hover .svc-cover::before{opacity:1}
body.home .svc-num{top:14px;left:14px;font-size:11px;padding:4px 12px;letter-spacing:.1em;
  font-weight:800;color:var(--brand-dark);background:rgba(255,255,255,.93);
  border-color:rgba(255,255,255,.6);transition:all .4s var(--ease)}
body.home .svc-card:hover .svc-num{background:var(--orange);color:#fff;border-color:var(--orange)}
body.home .svc-cover .svc-icon{width:74px;height:74px;border-radius:14px}
body.home .svc-cover .svc-icon svg{width:36px;height:36px}
body.home .svc-body{padding:24px 24px 26px}
body.home .svc-body h3{font-size:19px}
body.home .svc-body>p{margin-top:10px;font-size:13.5px;line-height:1.85}
body.home .svc-subs{margin-top:14px}
body.home .svc-arrow{margin-top:18px;font-size:12.5px;letter-spacing:.08em}

/* -------------------------------------------------------------------------
   7. 服务流程：指挥深蓝骨架 + 玻璃卡 + 序号水印 + 圆形连接符
   ------------------------------------------------------------------------- */
body.home .process-grid{gap:26px}
body.home .process-step{border-radius:var(--r-lg);padding:38px 28px 34px;
  background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13)}
body.home .process-step:hover{transform:translateY(-7px)}
body.home .process-step::before{height:3px}
/* 右下大号水印序号 */
body.home .process-step::after{position:absolute;right:16px;bottom:2px;z-index:1;
  font-size:92px;font-weight:800;line-height:1;letter-spacing:-.05em;
  color:#fff;opacity:.05;pointer-events:none;user-select:none}
body.home .process-step:nth-child(1)::after{content:"01"}
body.home .process-step:nth-child(2)::after{content:"02"}
body.home .process-step:nth-child(3)::after{content:"03"}
body.home .process-step:nth-child(4)::after{content:"04"}
body.home .step-num{font-size:11.5px;color:var(--amber);opacity:.9}
body.home .step-icon{width:60px;height:60px;border-radius:14px;margin-bottom:24px}
body.home .step-icon svg{width:28px;height:28px}
body.home .process-step h3{font-size:19px}
body.home .process-step p{margin-top:2px}
/* 圆形连接符（替代裸箭头） */
body.home .step-arrow{right:-26px;top:78px;transform:none;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;font-size:12px;
  border-radius:50%;background:var(--ink-2);border:1px solid rgba(255,255,255,.16);
  color:var(--orange-2);transition:border-color .4s var(--ease),transform .4s var(--ease)}
body.home .process-step:hover .step-arrow{border-color:rgba(255,122,68,.55);transform:translateX(3px)}

/* -------------------------------------------------------------------------
   8. 行业洞察：资讯卡精修
   ------------------------------------------------------------------------- */
body.home .insights-grid{gap:26px}
body.home .insight-card{border-radius:var(--r-lg)}
body.home .insight-card:hover{transform:translateY(-8px);border-color:rgba(255,90,31,.5);
  box-shadow:0 0 0 1px rgba(255,90,31,.14),var(--shadow-hi)}
body.home .insight-card::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  opacity:0;transition:opacity .45s var(--ease);border-radius:inherit;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(255,90,31,.1),transparent 62%)}
body.home .insight-card:hover::after{opacity:1}
body.home .ins-thumb::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  opacity:0;transition:opacity .5s var(--ease);
  background:linear-gradient(180deg,rgba(5,12,26,0) 46%,rgba(5,12,26,.36) 100%)}
body.home .insight-card:hover .ins-thumb::after{opacity:1}
body.home .ins-tag{background:rgba(255,255,255,.93);color:var(--brand-dark);
  backdrop-filter:blur(6px);top:14px;left:14px;padding:5px 12px}
/* 封面缺失/加载失败时的品牌兜底（指挥蓝战术网格，避免留白） */
body.home .ins-thumb.no-cover{position:relative;
  background:linear-gradient(135deg,var(--brand) 0,var(--brand-deep) 100%)}
body.home .ins-thumb.no-cover::before{content:"";position:absolute;inset:0;opacity:.5;
  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:34px 34px}
body.home .ins-thumb.no-cover::after{display:none}
body.home .ins-body{padding:22px 24px 24px}
body.home .ins-date{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
body.home .ins-title{font-size:18px;margin-top:8px}
body.home .ins-excerpt{margin-top:10px}
body.home .ins-more{margin-top:16px;letter-spacing:.06em}

/* -------------------------------------------------------------------------
   9. 企业优势：卡片精修 + 图标浮起
   ------------------------------------------------------------------------- */
body.home .feat-grid{gap:26px}
body.home .feat-card{border-radius:var(--r-lg);padding:40px 30px 34px}
body.home .feat-card:hover{transform:translateY(-8px);border-color:rgba(255,90,31,.5);
  box-shadow:0 0 0 1px rgba(255,90,31,.14),var(--shadow-hi)}
body.home .feat-card::before{height:3px}
body.home .feat-icon{width:66px;height:66px;border-radius:14px;margin-bottom:24px}
body.home .feat-icon svg{width:31px;height:31px}
body.home .feat-card:hover .feat-icon{transform:translateY(-5px)}
body.home .feat-card h3{font-size:18.5px;margin-bottom:11px}
body.home .feat-card p{font-size:13.5px;line-height:1.88}

/* -------------------------------------------------------------------------
   10. 免费咨询表单：深色指挥 CTA 板 + 白卡表单
   ------------------------------------------------------------------------- */
body.home .cta-band{border-radius:var(--r-xl);border-color:rgba(255,255,255,.06)}
body.home .cta-inner{padding:70px 56px;gap:56px}
body.home .cta-pitch h2{font-size:clamp(28px,3.4vw,46px);letter-spacing:-.016em}
body.home .cta-pitch>p{font-size:15.5px;margin-top:18px}
body.home .cta-perks{margin-top:28px;gap:14px}
body.home .cta-perks li{font-size:14px;display:flex;align-items:center;gap:14px}
body.home .cta-perks li svg{width:13px;height:13px;padding:6px;flex-shrink:0;
  color:var(--orange-2);background:rgba(255,90,31,.13);border:1px solid rgba(255,90,31,.36);
  border-radius:50%;box-sizing:content-box}
body.home .cta-phone{margin-top:30px;padding:16px 24px;border-color:rgba(255,122,68,.3);
  background:rgba(255,255,255,.055)}
body.home .cta-phone .ap-num{font-size:29px}
body.home .form-card{border-radius:var(--r-lg);padding:38px 34px;box-shadow:var(--shadow-deep)}
body.home .form-card .fc-title{margin-bottom:26px}
body.home .form-grid{gap:16px 16px}
body.home .form-group input,
body.home .form-group select,
body.home .form-group textarea{border-radius:8px;padding:13px 15px;
  transition:border-color .25s,box-shadow .25s,background .25s;background:var(--bg-soft)}
body.home .form-group input:hover,
body.home .form-group select:hover,
body.home .form-group textarea:hover{border-color:var(--line-strong);background:#fff}
body.home .form-group input:focus,
body.home .form-group select:focus,
body.home .form-group textarea:focus{background:#fff;
  border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.12)}
body.home .form-group label{font-size:12px;letter-spacing:.04em}
body.home .btn-submit{margin-top:22px;padding:16px;border-radius:8px;font-size:15px;
  background:linear-gradient(135deg,var(--orange-2),var(--orange-dark));
  box-shadow:0 16px 32px -16px rgba(255,90,31,.7)}
body.home .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  box-shadow:0 20px 40px -16px rgba(255,90,31,.75)}

/* -------------------------------------------------------------------------
   11. 页脚 / 回顶：微精修
   ------------------------------------------------------------------------- */
body.home .footer-top{padding:80px 32px 52px;gap:46px}
body.home .footer-col a{padding:7px 0}
body.home .back-to-top{border-radius:10px;width:46px;height:46px;
  background:linear-gradient(135deg,var(--orange-2),var(--orange-dark))}
body.home .back-to-top:hover{background:linear-gradient(135deg,var(--orange),var(--orange-dark))}

/* 窄屏 / 极端比例下：幻灯容器被 min-height 撑高，广告图 contain 后上下会留深色空带。
   用「模糊环境底」补齐（同一张图的模糊放大版铺底），广告图本身仍是 contain 完整不变形、不裁剪。 */
@media (max-width:1080px){
  body.home .hero-slide-item{background-image:var(--hero-bg);background-size:cover;
    background-position:center;background-repeat:no-repeat}
  body.home .hero-slide-item::before{content:"";position:absolute;inset:-6%;z-index:0;
    background-image:var(--hero-bg);background-size:cover;background-position:center;
    filter:blur(26px) saturate(1.15) brightness(.5);pointer-events:none}
  body.home .hero-slide-item img{position:relative;z-index:1}
}

/* -------------------------------------------------------------------------
   12. 响应式
   ------------------------------------------------------------------------- */
@media (max-width:1280px){
  body.home .cta-inner{padding:60px 44px;gap:44px}
}
@media (max-width:1080px){
  body.home .about-strip-grid{gap:38px;padding-top:8px}
  body.home .eco-band-inner{padding:34px 32px}
  body.home .svc-grid,body.home .feat-grid,body.home .process-grid,body.home .insights-grid{gap:22px}
  body.home .cta-inner{padding:52px 32px;gap:36px}
}
@media (max-width:900px){
  body.home .sec-head{margin-bottom:44px}
  body.home .sec-head[data-num]::after{top:-40px}
}
@media (max-width:720px){
  body.home .hero-slider::after{height:44%}
  body.home .hero-ctrl{bottom:36px;gap:10px;padding:7px 12px}
  body.home .hero-count b{font-size:13px}
  body.home .hero-count span{font-size:10.5px}
  body.home .hero-bar{left:12px;right:12px;bottom:4px}
  body.home .slide-dot{width:14px}
  body.home .slide-dot.active{width:26px}
  body.home .eco-band{margin-top:-22px;border-radius:14px 14px 0 0}
  body.home .eco-band-inner{padding:24px 18px}
  body.home .eco-pillar{padding:10px 0}
  body.home .eco-pillar::after{left:0;right:0;bottom:2px}
  /* 移动端关掉外扩描边，避免横向溢出 */
  body.home .as-media::before,
  body.home .as-media::after{display:none}
  body.home .as-media{box-shadow:var(--shadow-lg)}
  body.home .about-strip-grid{gap:26px}
  body.home .as-stat .num{font-size:24px}
  body.home .qb-inner{padding:18px 0}
  body.home .process-step::after{font-size:70px}
  body.home .step-arrow{display:none}
  body.home .cta-inner{padding:38px 20px;gap:28px}
  body.home .form-card{padding:28px 20px}
  body.home .form-grid{gap:14px}
  body.home .footer-top{padding-top:56px}
}

/* -------------------------------------------------------------------------
   13. 动效降级 / 打印
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  body.home .hero-bar i.run{animation:none;width:100%}
  body.home .svc-card::after,
  body.home .insight-card::after{display:none}
  body.home .svc-card:hover,
  body.home .feat-card:hover,
  body.home .insight-card:hover,
  body.home .process-step:hover{transform:none}
}

/* ===========================================================================
   14. 产品级增强（产品经理视角 · 第二轮）
   说明：仅表现层增强，不新增任何 DOM 钩子/数据提交；沿用既有令牌与类名。
   =========================================================================== */

/* 14.1 单篇洞察 → 横向“专题卡”，避免三列栅格只剩 1 张卡片时的大片留白 */
body.home .insights-grid:has(> .insight-card:only-child){grid-template-columns:1fr}
body.home .insights-grid:has(> .insight-card:only-child) .insight-card{
  display:grid;grid-template-columns:minmax(0,42%) 1fr;min-height:286px;align-items:stretch}
body.home .insights-grid:has(> .insight-card:only-child) .ins-thumb{
  aspect-ratio:auto;height:100%;min-height:286px;border-radius:var(--r-lg) 0 0 var(--r-lg)}
body.home .insights-grid:has(> .insight-card:only-child) .ins-body{
  padding:38px 44px;justify-content:center}
body.home .insights-grid:has(> .insight-card:only-child) .ins-title{font-size:23px;-webkit-line-clamp:3}
body.home .insights-grid:has(> .insight-card:only-child) .ins-excerpt{margin-top:14px;-webkit-line-clamp:3}
body.home .insights-grid:has(> .insight-card:only-child) .ins-date{font-size:12.5px}

/* 14.2 空封面图标兜底（无图时显示文档图标，而非纯网格色块） */
body.home .ins-thumb.no-cover{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aec4e6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E") center/66px no-repeat,
    linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%)}

/* 14.3 关于我们图框：品牌兜底底色（图加载/失败时不再是空白框） */
body.home .as-media{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393b2dd' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E") center/74px no-repeat,
    linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%)}

/* 14.4 资质信任带 → 高端“资质墙”：卡片容器 + 圆角徽章 + 左侧行动边条 */
body.home .qualify-band{padding:26px 0;background:linear-gradient(180deg,#fff,#f5f8fd)}
body.home .qb-inner{
  gap:14px;justify-content:center;padding:20px 28px;
  border:1px solid var(--line);border-radius:var(--r-lg);
  background:linear-gradient(135deg,#ffffff,#f5f8fd);
  box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
body.home .qb-inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--orange),var(--amber))}
body.home .qb-chip{
  padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;
  font-weight:700;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s,color .3s}
body.home .qb-chip:first-child{border-left:1px solid var(--line)}
body.home .qb-chip svg{width:15px;height:15px}
body.home .qb-chip:hover{transform:translateY(-2px);color:var(--orange-dark);
  border-color:rgba(255,90,31,.5);box-shadow:0 12px 24px -16px rgba(255,90,31,.65)}
body.home .qb-chip::after{display:none}

/* 14.5 应急响应收口 CTA（后台关闭咨询表单时显示；纯展示，无表单提交） */
body.home .emg-cta{position:relative;overflow:hidden;
  background:linear-gradient(150deg,var(--ink),var(--ink-3) 56%,var(--brand-deep));
  border-top:1px solid var(--ink-4)}
body.home .emg-cta::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 88% 8%,rgba(255,90,31,.20),transparent 46%),
    radial-gradient(circle at 2% 98%,rgba(255,176,32,.12),transparent 48%),
    linear-gradient(rgba(120,160,230,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,160,230,.05) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px}
body.home .emg-cta::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:var(--hazard);background-size:48px 4px;background-repeat:repeat-x;opacity:.95}
body.home .emg-inner{position:relative;z-index:2;display:grid;
  grid-template-columns:1.25fr .9fr;gap:48px;align-items:center;padding:64px 0 66px}
body.home .emg-eyebrow{display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:800;letter-spacing:.2em;color:var(--amber);text-transform:uppercase}
body.home .emg-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);
  box-shadow:0 0 0 0 rgba(255,90,31,.55);animation:dotPulse 2s infinite}
body.home .emg-title{margin-top:16px;font-size:clamp(26px,3.2vw,42px);font-weight:800;
  color:#fff;line-height:1.22;letter-spacing:-.012em}
body.home .emg-title span{display:block;margin-top:10px;font-size:.5em;font-weight:600;
  color:#9fb2d6;letter-spacing:.04em}
body.home .emg-points{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px 28px}
body.home .emg-points li{position:relative;padding-left:18px;display:flex;align-items:center;
  color:#d2deef;font-size:14px}
body.home .emg-points li::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;
  border-radius:2px;background:linear-gradient(135deg,var(--orange),var(--amber));
  transform:translateY(-50%) rotate(45deg)}
body.home .emg-right{display:flex;flex-direction:column;gap:24px;align-items:flex-start;
  padding-left:42px;border-left:1px solid rgba(255,255,255,.13)}
body.home .emg-phone{display:flex;align-items:center;gap:16px}
body.home .emg-phone-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;
  justify-content:center;flex-shrink:0;background:rgba(255,90,31,.15);border:1px solid rgba(255,90,31,.4)}
body.home .emg-phone-icon svg{width:24px;height:24px;color:var(--orange-2)}
body.home .emg-phone-text{display:flex;flex-direction:column}
body.home .emg-phone-label{font-size:11px;letter-spacing:.18em;color:#93a8cb;text-transform:uppercase}
body.home .emg-phone-num{font-size:clamp(26px,2.6vw,34px);font-weight:800;color:#fff;
  letter-spacing:.01em;transition:color .3s}
body.home .emg-phone:hover .emg-phone-num{color:var(--orange-2)}
body.home .emg-actions{display:flex;flex-wrap:wrap;gap:14px}
body.home .emg-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;
  font-size:14.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;
  transition:transform .3s var(--ease),background .3s,border-color .3s,color .3s,box-shadow .3s}
body.home .emg-btn-primary{color:#fff;background:linear-gradient(135deg,var(--orange-2),var(--orange-dark));
  box-shadow:0 14px 30px -14px rgba(255,90,31,.65);
  clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px))}
body.home .emg-btn-primary:hover{background:linear-gradient(135deg,var(--orange),var(--orange-dark));
  transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(255,90,31,.72)}
body.home .emg-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.02)}
body.home .emg-btn-ghost:hover{border-color:var(--orange);color:var(--orange-2);background:rgba(255,90,31,.06)}

/* 14.6 产品级增强 · 响应式 */
@media (max-width:1080px){
  body.home .emg-inner{grid-template-columns:1fr;gap:30px;padding:56px 0 58px}
  body.home .emg-right{border-left:none;padding-left:0}
}
@media (max-width:720px){
  body.home .insights-grid:has(> .insight-card:only-child) .insight-card{grid-template-columns:1fr;min-height:0}
  body.home .insights-grid:has(> .insight-card:only-child) .ins-thumb{min-height:210px;height:auto;border-radius:var(--r-lg) var(--r-lg) 0 0}
  body.home .insights-grid:has(> .insight-card:only-child) .ins-body{padding:26px 22px}
  body.home .insights-grid:has(> .insight-card:only-child) .ins-title{font-size:19px}
  body.home .qb-inner{padding:16px 16px;gap:10px}
  body.home .qb-chip{padding:8px 14px;font-size:12.5px}
  body.home .emg-inner{padding:48px 0 50px}
  body.home .emg-points{gap:10px 18px}
  body.home .emg-phone-num{font-size:25px}
  body.home .emg-btn{padding:13px 22px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  body.home .emg-dot{animation:none}
  body.home .qb-chip:hover,
  body.home .emg-btn-primary:hover{transform:none}
}