/* ============ v2 覆盖层 · 层级强化 / 去序号 / ToB 收敛 ============ */
/* 仅 index-v2.html 引用，叠加在 styles.css 之后。原站不受影响。 */

/* --- 章节 eyebrow：小标 → 大标题 → 副标 三级层级 --- */
/* 中文眉标：字号放大、字距收紧、加重，避免又小又散 */
.sec-head{margin-bottom:70px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:1.5px;color:var(--sky);margin-bottom:22px;padding-left:5px}
.sec-eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--grad)}
.sec-eyebrow::after{content:"";width:28px;height:2px;border-radius:2px;background:var(--grad)}
.sec-head h2{letter-spacing:-.01em}

/* Hero 顶部标签：略放大加重，作为引子更有存在感又不抢主标题 */
.hero-tag{font-size:16.5px;font-weight:600;letter-spacing:1px;gap:10px}

/* --- 品牌字标：英文 IEASYNET 两端撑满与中文等宽，统一白色 --- */
/* 中文去掉 letter-spacing 的尾隙，避免英文两端对齐时右侧探出 */
.brand-name{letter-spacing:0}
.brand-name i{display:flex;justify-content:space-between;align-self:stretch;letter-spacing:0;color:var(--ink);font-weight:700}
.brand-name i span{display:block}
.sec-sub{color:var(--muted);font-size:16.5px;max-width:660px;margin-left:auto;margin-right:auto}

/* --- 明暗节奏：alt 段落再压深一档，滚动更有章节感 --- */
.sec.alt{background:linear-gradient(180deg,#060912 0%,#04070d 100%)}

/* --- 成品系统：删掉序号后的 tab 层级强化 --- */
.prod-nav{gap:10px;border-bottom:1px solid var(--line-2)}
.prod-tab{padding:18px 18px 20px;border-radius:12px 12px 0 0;transition:background .25s,transform .25s}
.prod-tab b{font-size:17px;color:var(--ink-2)}
.prod-tab span{font-size:12.5px;color:var(--muted-2);line-height:1.4}
.prod-tab:hover{background:rgba(28,159,224,.06)}
.prod-tab.active{background:linear-gradient(180deg,rgba(28,159,224,.12),rgba(28,159,224,.02))}
.prod-tab.active b{color:#fff}
.prod-tab.active span{color:var(--ink-2)}

/* 面板内：用「品类小标」替代被删掉的巨型水印数字，兼顾识别与层级 */
.ps-kicker{display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;color:var(--sky);margin-bottom:16px;padding-bottom:9px;border-bottom:1px solid var(--line-2)}
.ps-tx h3{margin-bottom:14px}

/* --- 业务范围：能力小标与特写标题拉开层级 --- */
.cap-label{font-size:13px;letter-spacing:4px}
.cap-feat-tx h3{margin-bottom:12px}

/* --- 解决方案：现状与结果的层级对比再明确 --- */
.sc-pain{color:var(--muted)}
.sc-res{color:#fff}

/* --- 关于：右栏整体垂直居中下移，信条恢复常规间距 --- */
.creed-lines{display:flex;flex-direction:column;gap:18px}
.creed-lines .creed-line{margin-bottom:0}
/* 包裹后重设圆点脉冲的错峰延迟 */
.creed-lines .creed-line:nth-child(2) i{animation-delay:.45s}
.creed-lines .creed-line:nth-child(3) i{animation-delay:.9s}
.creed-lines .creed-line:nth-child(4) i{animation-delay:1.35s}
/* 桌面端右框垂直居中，使其整体下移、上下留白均衡；移动端堆叠时不受影响 */
@media(min-width:961px){
  .about-wrap{align-items:center}
}

/* --- 移动端 eyebrow 收敛 --- */
@media(max-width:680px){
  .sec-eyebrow{letter-spacing:1px;font-size:13.5px}
  .sec-head{margin-bottom:48px}
  .prod-tab{padding:14px}
}

/* --- 蜜罐字段：视觉与读屏均隐藏，仍能被机器人填充 --- */
.lf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* --- 留言提交结果弹窗（复用 wechat-modal 交互，独立视觉）--- */
.lead-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.74);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.lead-modal.show{display:flex}
.lm-card{position:relative;width:100%;max-width:380px;background:#0b101c;border:1px solid var(--line-2);border-radius:20px;padding:40px 32px 32px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.55);animation:popIn .25s ease}
.lm-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(28,159,224,.12);border:1px solid rgba(28,159,224,.32)}
.lm-icon::after{content:"";width:26px;height:14px;border-left:3px solid var(--sky);border-bottom:3px solid var(--sky);transform:rotate(-45deg) translate(1px,-3px);border-radius:1px}
.lead-modal.is-err .lm-icon{background:rgba(255,92,108,.12);border-color:rgba(255,92,108,.34)}
.lead-modal.is-err .lm-icon::after{content:"!";width:auto;height:auto;border:0;transform:none;font-size:34px;font-weight:800;line-height:1;color:#ff8790}
.lm-title{display:block;font-size:20px;color:var(--ink);letter-spacing:.01em}
.lm-text{color:var(--muted);font-size:15px;margin-top:12px;line-height:1.6}
.lm-ok{margin-top:26px;min-width:120px}
@media(prefers-reduced-motion:reduce){.lm-card{animation:none}}