html{scroll-behavior:smooth;scroll-padding-top:76px}
body{-webkit-font-smoothing:antialiased}
/* kicker 前缀短横线 */
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:16px;letter-spacing:2px;background:rgba(46,107,255,.08);border-radius:30px;color:#1E4FD8;padding:8px 20px;}
/* 渐变文字 */
.grad{background:linear-gradient(100deg,#1E4FD8,#2E6BFF 55%,#1E4FD8);-webkit-background-clip:text;background-clip:text;color:transparent}
/* hero 网格背景 */
/*.hero-grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(94,132,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(94,132,255,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 30%,transparent 75%)}*/
/* journey 节点连线 */
.journey .node{position:relative}
.journey .node::after{content:"";position:absolute;top:19px;left:calc(50% + 32px);width:calc(100% - 64px);height:2px;background:linear-gradient(90deg,rgba(56,189,248,.55),rgba(46,107,255,.35))}
.journey .node.lost::after{background:repeating-linear-gradient(90deg,rgba(229,72,77,.55) 0 6px,transparent 6px 14px)}
.journey .node:last-child::after{display:none}
/* opflow 箭头 */
.opstep::after{content:"→";position:absolute;top:50%;right:-30px;transform:translateY(-50%);color:#5B8BFF;font-weight:900;z-index:2}
.opstep:last-child::after{content:""}
/* collect 数据汇聚竖向连线 */
.vflow{position:relative;display:flex;justify-content:center;height:24px;margin:4px 0}
.vflow::before{content:"";width:2px;height:15px;background:linear-gradient(180deg,rgba(56,189,248,.55),rgba(46,107,255,.35))}
.vflow::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(56,189,248,.85)}
/* funnel 转化漏斗 */
.funnel .fbar{margin:0 auto}
.funnel .fbar::after{content:"";display:block;margin:6px auto 0;width:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(56,189,248,.45)}
.funnel .fbar:last-child::after{display:none}
/* 列表圆点 */
.dot-list li{position:relative;padding-left:22px}
.dot-list li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:#5B8BFF}
.scene-dots li{position:relative;padding-left:24px}
.scene-dots li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;border-radius:50%;background:#5B8BFF}
/* pain fix 前缀 */
.fix::before{content:"易分析 · ";color:#7E93B8;font-weight:500}
/* reveal：内容始终可见（交付与整页截图可靠），保留过渡以支持后续增强 */
.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* burger 动画 */
.burger span{transition:.25s}
.burger.open span:nth-child(1){top:19px!important;transform:rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){top:19px!important;transform:rotate(-45deg)}

@media (max-width:820px){
.journey .node::after,.journey .node.lost::after{display:none}
.opstep::after{display:none}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition:none!important;animation:none!important}
html{scroll-behavior:auto}
.reveal{opacity:1;transform:none}
}

.kicker{display:inline-flex;align-items:center;gap:10px;font-size:14px;letter-spacing:2px;background:rgba(46,107,255,.08);border-radius:30px;color:#1E4FD8;padding:8px 20px;}
.grad{background:linear-gradient(100deg,#1E4FD8,#2E6BFF 55%,#1E4FD8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(94,132,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(94,132,255,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 30%,transparent 75%)}
.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.dot-list li{position:relative;padding-left:22px}
.dot-list li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:#5B8BFF}

  .max-w-site{max-width:1200px;margin-left:auto;margin-right:auto}
  .ic{flex:none}


.tab-btn-active{background:#1E4FD8;color:#fff;}



  /* 六大模块从左侧滑入 */
  .mslide{opacity:0;animation:slideL .5s cubic-bezier(.22,.61,.36,1) forwards}
  @keyframes slideL{from{opacity:0;transform:translateX(-130px)}to{opacity:1;transform:translateX(0)}}