/* =========================================================================
   中益环保 · 首页视觉升级层「森境 · 精工 EDITION」(eco7)
   -------------------------------------------------------------------------
   设计主张：深绿骨架 × 生机翠绿 × 沙金点缀；大留白 / 大字号 / 细线段式排版，
   以"悬浮深色板块 + 精工描边 + 微光跟随"塑造国际环保集团式的高级感。
   作用域：**全部规则以 body.home 限定** —— 仅影响首页；
          内页（news/detail/about/service/services）与后台文件一律零改动。
   前置：必须加载 template/css/style.css（设计令牌与组件基座）。
   DOM 钩子（#slideTrack/#slidePrev/#slideNext/#slideDots/.hero-ctrl/.hero-slide-item/
   .slide-dot/#slideNow/#slideTotal/.reveal/.count-up/#topbar/#backToTop/
   #hamburgerBtn/#mobileMenu/#partnerForm/#formSuccess/#phoneError/api apply.php）
   全部保留且未重命名。版本令牌 &t=eco7 用于缓存穿透。
   ========================================================================= */

/* -------------------------------------------------------------------------
   0. 首页局部令牌与全局精修
   ------------------------------------------------------------------------- */
body.home{
  --r-lg:16px;
  --r-xl:22px;
  --hair:1px solid var(--line);
  --shadow-soft:0 1px 2px rgba(4,25,15,.03),0 10px 30px -22px rgba(4,25,15,.22);
  --shadow-hi:0 4px 10px rgba(4,25,15,.04),0 40px 72px -44px rgba(4,25,15,.42);
  --shadow-deep:0 30px 80px -40px rgba(4,25,15,.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(--brand) 0%,var(--leaf) 76%,var(--accent) 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,138,95,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(--brand),var(--leaf))}
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(--brand),var(--brand-deep));
  box-shadow:0 10px 24px -12px rgba(14,138,95,.65)}
body.home .btn-nav:hover{background:linear-gradient(135deg,var(--brand-dark),var(--brand-deep));
  box-shadow:0 16px 30px -12px rgba(14,138,95,.7)}
body.home .nav-drop-menu{border-radius:var(--radius);padding:12px;
  box-shadow:0 30px 70px -34px rgba(4,25,15,.42),0 2px 8px rgba(4,25,15,.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(4,25,15,.34),inset 0 26px 40px -30px rgba(4,25,15,.55)}
/* 底部向深色骨架过渡，与下方悬浮板块无缝衔接 */
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(4,25,15,0) 0%,rgba(4,25,15,.38) 58%,rgba(4,25,15,.78) 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(4,25,15,.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(4,25,15,.05)}
body.home .hero-arrow:hover{background:var(--brand);color:#fff;border-color:var(--brand);
  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(--brand),var(--leaf))}
/* 序号计数 01 / 03 */
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(14,138,95,.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(--brand),var(--leaf))}
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(4,25,15,.6)}
/* 顶部渐变发丝线 + 网格肌理 */
body.home .eco-band::before{
  opacity:1;
  background-image:
    linear-gradient(90deg,var(--brand) 0,var(--leaf) 55%,var(--accent) 100%),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 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(--leaf),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:.3;z-index:0;pointer-events:none;
  transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.home .as-media:hover::before{opacity:.62;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(--accent);border-right:2px solid var(--accent);
  border-radius:0 0 var(--r-lg) 0;opacity:.34;z-index:0;pointer-events:none;
  transition:opacity .5s var(--ease),transform .5s var(--ease)}
body.home .as-media:hover::after{opacity:.6;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(4,25,15,.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(--brand),var(--leaf))}
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(--brand),var(--leaf));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(--brand),var(--leaf));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(14,138,95,.5);
  box-shadow:0 0 0 1px rgba(14,138,95,.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(14,138,95,.11),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(4,25,15,0) 38%,rgba(4,25,15,.44) 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(--brand);color:#fff;border-color:var(--brand)}
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(--leaf);opacity:.85}
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(--leaf);transition:border-color .4s var(--ease),transform .4s var(--ease)}
body.home .process-step:hover .step-arrow{border-color:rgba(46,194,126,.5);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(14,138,95,.5);
  box-shadow:0 0 0 1px rgba(14,138,95,.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(14,138,95,.09),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(4,25,15,0) 46%,rgba(4,25,15,.34) 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(14,138,95,.5);
  box-shadow:0 0 0 1px rgba(14,138,95,.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(--leaf);background:rgba(46,194,126,.13);border:1px solid rgba(46,194,126,.34);
  border-radius:50%;box-sizing:content-box}
body.home .cta-phone{margin-top:30px;padding:16px 24px;border-color:rgba(255,255,255,.16);
  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(--brand);box-shadow:0 0 0 4px rgba(14,138,95,.11)}
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(--brand),var(--brand-deep));
  box-shadow:0 16px 32px -16px rgba(14,138,95,.7)}
body.home .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-dark),var(--brand-deep));
  box-shadow:0 20px 40px -16px rgba(14,138,95,.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(--brand),var(--brand-deep))}
body.home .back-to-top:hover{background:linear-gradient(135deg,var(--brand-dark),var(--brand-deep))}

/* 窄屏 / 极端比例下：幻灯容器被 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(.52);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}
}