/* ================================================================
   交互效果补强 —— 只补【模板确实缺失】的部分
   ------------------------------------------------------------
   ⚠️ 编写依据（2026-10-15 全量实测，勿凭感觉增删）

   实测方法：用无头 Edge 打开原站 7 个页面，穷举 DOM 中所有状态类，
   再与模板 style.css 的「/* .X ← 原: ... *\/」注释逐条比对覆盖率。

   实测结论：
     · 原站 hover 类共 32 个  → 模板 100% 覆盖，零遗漏
     · 原站 focus/active/disabled 类共 6 个 → 模板 100% 覆盖
     · 原站动效类（transition/duration/ease）8 个 → 模板 100% 覆盖
     · 唯一缺失：侧边锚点导航的「激活态」w-6 / bg-brand/10 / text-brand-dark
       以及模板编译丢失的 2xl:left-6

   因此本文件【不再包含】任何 hover 补强。此前误加的卡片上浮、
   图标放大、箭头右移、active 缩放、FAQ 旋转等规则已全部删除——
   它们覆盖的是 .sec-li / .flow-bx-9 / .sec-sp 等原站根本没有 hover
   语义的静态布局类，属于臆造，且破坏了模板已有排版。

   模板自带的交互（不要重复定义）：
     · hover:-translate-y-1.5  → .sec-lk / .news-lk / .cert-bx-15 / .adv-bx-4
     · hover:border-t-brand    → .sec-lk
     · group-hover:scale-x-100 → .hd-sp-12（导航下划线展开）
     · group-hover:scale-150   → .ft-sp-6（页脚圆点）
     · group-hover:scale-105   → .news-mg / .cert-mg / .sec-mg / .svc-mg
     · group-hover:translate-x-1 → .ft-ic-4 / .hd-ic-4 / .sec-ic-2 等 9 个图标
     · active:scale-[0.98]     → .cta-bt / .mat-bt-4 / .news-bt-3 等
     · focus:border-brand      → .cta-ip / .cta-se / .cta-ta / .faq-ip / .mat-ip
     · disabled:opacity-40/60  → .mat-bt / .sec-bt-8 / .cta-bt-2 等
   ================================================================ */

:root {
    --ep-brand:      #0A6B64;
    --ep-brand-dark: #07544F;
    --ep-ease:       cubic-bezier(.4, 0, .2, 1);
}


/* ================================================================
   一、侧边锚点导航：滚动激活态
   ------------------------------------------------------------
   这是模板【唯一确实缺失】的交互。原站由 React 在运行时整组替换 class：
     非激活：button ... hover:bg-brand/8
             span(线) ... w-2.5 bg-slate-300 group-hover:w-4 group-hover:bg-brand/60
             span(字) ... text-sub
     激  活：button ... bg-brand/10            （hover:bg-brand/8 被移除）
             span(线) ... w-6 bg-brand
             span(字) ... font-semibold text-brand-dark

   实测计算值（1600×900，滚动到各区块）：
     激活：线 24px / rgb(10,107,100) 实色；字 rgb(7,84,79) / 字重 600；
           按钮底 rgba(10,107,100,.1)
     非激活：线 10px / rgb(203,213,225)；hover 时 16px / rgba(10,107,100,.6)
     激活态优先级高于 hover：hover 时仍保持 24px 实色
   ================================================================ */
nav.main-nv .main-bt {
    transition: background-color .3s var(--ep-ease);
}
nav.main-nv .main-bt .main-sp {
    transition: width .3s var(--ep-ease), background-color .3s var(--ep-ease);
}
nav.main-nv .main-bt.active {
    background-color: rgba(10, 107, 100, .1);   /* bg-brand/10 */
}
nav.main-nv .main-bt.active .main-sp,
nav.main-nv .main-bt.active:hover .main-sp {
    width: 1.5rem;                              /* w-6 = 24px，不是 16px */
    background-color: rgb(10, 107, 100);        /* bg-brand 实色，不是 /60 */
}
nav.main-nv .main-bt.active .main-sp-2 {
    color: rgb(7, 84, 79);                      /* text-brand-dark */
    font-weight: 600;                           /* font-semibold */
}

/* 补齐模板编译丢失的 2xl:left-6
   实测：≥1536px 时原站侧栏 x=24，模板恒为 left:12px */
@media (min-width: 1536px) {
    nav.main-nv { left: 1.5rem; }
}


/* ================================================================
   二、表格行 hover（本站自有的 .ep-tb，仅 service.html 使用）
   ================================================================ */
.ep-tb tbody tr { transition: background-color .22s var(--ep-ease); }
.ep-tb tbody tr:hover { background-color: rgba(10, 107, 100, .05); }
.ep-tb tbody tr td { transition: color .2s var(--ep-ease); }
.ep-tb tbody tr:hover td:first-child { color: var(--ep-brand); }


/* ================================================================
   三、无障碍：尊重系统「减少动效」（原站无此项，本站增强）
   ================================================================ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
    [data-reveal] { opacity: 1 !important; }
}

/* ================================================================
   案例列表卡片入场错开（对齐原站 70ms 步长）
   原站：0 / 70 / 140 / 210 / 280 / 350 ms
   ================================================================ */
.case-grid > .case-card:nth-child(1) { transition-delay: 0ms; }
.case-grid > .case-card:nth-child(2) { transition-delay: 70ms; }
.case-grid > .case-card:nth-child(3) { transition-delay: 140ms; }
.case-grid > .case-card:nth-child(4) { transition-delay: 210ms; }
.case-grid > .case-card:nth-child(5) { transition-delay: 280ms; }
.case-grid > .case-card:nth-child(6) { transition-delay: 350ms; }
.case-grid > .case-card:nth-child(n+7) { transition-delay: 420ms; }

/* ================================================================
   移动端菜单按钮触摸目标 44x44（对齐原站，满足可点击区域标准）
   原站 44x44；本站 style.css 仅渲染出 31x31，触屏容易点空
   仅在 lg 断点以下生效（桌面端该按钮本就隐藏）
   ================================================================ */
@media (max-width: 1023px) {
    .hd-bt {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}