/* ================= 联信无界 · 浅色科技风 V2 ================= */
:root{
  --blue:#1497ec;
  --cyan:#25c3f0;
  --violet:#7b5cf0;
  --grad:linear-gradient(120deg,#1497ec 0%,#25c3f0 45%,#7b5cf0 100%);
  --ink:#1c2430;
  --ink-2:#4a5768;
  --ink-3:#7b8798;
  --line:#e6ecf4;
  --bg:#ffffff;
  --bg-tint:#f4f8fd;
  --radius:16px;
  --shadow:0 10px 34px rgba(20,90,180,.10);
  --shadow-lg:0 22px 60px rgba(20,90,180,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Helvetica Neue",Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
/* 表单控件重置（与内页 css/style.css 保持同一份声明）
   —— 缺这一段时，移动端抽屉里的 <button class="mp-link"> 会保留浏览器默认的
      buttonface 灰底与 2px 描边，与内页抽屉不一致。 */
button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
.lx-wrap{max-width:1300px;margin:0 auto;padding:0 20px}

/* ---------- 按钮 ---------- */
.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 30px;border-radius:8px;font-size:15px;font-weight:600;
  transition:all .3s ease;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.lx-btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 22px rgba(20,151,236,.32)}
.lx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,151,236,.42)}
.lx-btn-ghost{border-color:#cdd9e8;color:var(--ink);background:rgba(255,255,255,.9)}
.lx-btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.lx-btn-lg{padding:15px 38px;font-size:16px;border-radius:10px}
.lx-btn-white{background:#fff;color:var(--blue);box-shadow:0 10px 26px rgba(0,40,90,.18)}
.lx-btn-white:hover{transform:translateY(-2px)}
.lx-btn-outline{border-color:rgba(255,255,255,.75);color:#fff}
.lx-btn-outline:hover{background:rgba(255,255,255,.14)}

/* ---------- 头部 ---------- */
/* z-index 用 50（与内页 .nav 一致）：顶部滚动进度条 #scroll-progress 是 100，
   若头部也取 100，两者同值、按 DOM 顺序绘制 —— 进度条在 <body> 后、
   头部在其后，会被头部整条盖住。降到 50 后进度条压在最上层，
   且 .drop / .mobile-panel 都在头部自己的层叠上下文内，不受影响。 */
.lx-header{position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(255,255,255,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:all .3s ease}
.lx-header.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(30,80,150,.08)}
.lx-header-inner{display:flex;align-items:center;height:76px;gap:40px}
.lx-logo{display:inline-flex;align-items:baseline;gap:12px;line-height:1;white-space:nowrap}

/* ---------- Banner（参考站风格：整幅3D场景背景） ---------- */
.lx-hero{position:relative;padding:180px 0 100px;overflow:hidden;background:#f6f9fd}
.lx-hero-bg{position:absolute;inset:0;
  background:url("../images/banner-hero.jpg") right center / cover no-repeat;
  animation:lxHeroDrift 26s ease-in-out infinite alternate;will-change:transform;transform-origin:72% 50%}
@keyframes lxHeroDrift{
  from{transform:scale(1) translate(0,0)}
  to{transform:scale(1.06) translate(-1.2%,1%)}}
.lx-hero-veil{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(246,249,253,.97) 0%,rgba(246,249,253,.92) 24%,rgba(246,249,253,.55) 44%,rgba(246,249,253,.12) 62%,rgba(246,249,253,0) 74%)}
.lx-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.75}
.lx-hero-inner{position:relative;display:flex}
.lx-hero-text{max-width:600px}
.lx-hero-badge{display:inline-block;font-size:14px;font-weight:600;letter-spacing:.12em;
  color:var(--blue);background:rgba(255,255,255,.75);border:1px solid rgba(20,151,236,.3);
  padding:7px 18px;border-radius:100px;margin-bottom:26px}
.lx-hero-text h1{font-size:56px;line-height:1.22;font-weight:800;letter-spacing:.01em;margin-bottom:24px}
.lx-grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-hero-desc{font-size:17px;color:var(--ink-2);max-width:540px;margin-bottom:38px}
.lx-hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.lx-hero-stats-wrap{position:relative}
.lx-hero-stats{margin-top:70px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);
  display:grid;grid-template-columns:repeat(4,1fr)}
.lx-stat{padding:22px 34px;display:flex;flex-direction:column;gap:4px;position:relative}
.lx-stat + .lx-stat::before{content:"";position:absolute;left:0;top:26%;height:48%;width:1px;background:var(--line)}
.lx-stat-num{display:flex;align-items:baseline;gap:4px; height: 55px;}
.lx-stat-num em{font-style:normal;font-size:40px;font-weight:800;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-stat-num span{font-size:16px;font-weight:600;color:var(--ink-2)}
.lx-stat p{font-size:14px;color:var(--ink-3); margin-bottom: 10px;}

/* ---------- 通用版块 ---------- */
.lx-section{padding:104px 0}
.lx-section-tint{background:var(--bg-tint)}
.lx-sec-head{text-align:center;max-width:760px;margin:0 auto 60px}
.lx-sec-head.lx-sec-left{text-align:left;margin-left:0}
.lx-sec-tag{display:inline-block;font-size:13.5px;font-weight:700;letter-spacing:.14em;
  color:var(--blue);text-transform:uppercase;margin-bottom:14px;
  padding:6px 16px;border-radius:100px;background:rgba(20,151,236,.08);border:1px solid rgba(20,151,236,.2)}
.lx-sec-head h2{font-size:40px;font-weight:800;line-height:1.3;margin-bottom:12px}
.lx-sec-head p{font-size:16.5px;color:var(--ink-3)}

/* ---------- FIG 卡片（四角十字标记） ---------- */
.lx-fig{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.lx-fig::before,.lx-fig::after{content:"+";position:absolute;font-size:20px;font-weight:400;
  color:#9db7d2;line-height:1}
.lx-fig::before{top:-11px;left:-8px}
.lx-fig::after{top:-11px;right:-8px}
.lx-fig-cap{font-size:12.5px;letter-spacing:.04em;color:var(--ink-3);
  padding:14px 28px;border-top:1px dashed var(--line)}

/* ---------- 问题版块（图一样式 · 扁平图标） ---------- */
.lx-prob-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;
  border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.lx-prob-cell{position:relative;padding:40px 36px 46px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  transition:background .3s}
.lx-prob-cell:nth-child(3n){border-right:0}
.lx-prob-cell:nth-child(n+4){border-bottom:0}
.lx-prob-cell::after{content:"+";position:absolute;right:-9px;bottom:-13px;z-index:2;
  font-size:19px;color:#9db7d2;background:#fff;line-height:1}
.lx-prob-cell:nth-child(3n)::after{display:none}
.lx-prob-cell:nth-child(n+4)::after{display:none}
.lx-prob-cell:hover{background:linear-gradient(160deg,#f6fbff,#f2f7ff)}
.lx-prob-no{font-size:13.5px;font-weight:600;letter-spacing:.06em;color:var(--ink-3)}
.lx-prob-ico{position:absolute;top:34px;right:34px;width:40px;height:40px;color:#5b8fc4;
  transition:all .35s}
.lx-prob-ico svg{width:100%;height:100%}
.lx-prob-cell:hover .lx-prob-ico{color:var(--blue);transform:translateY(-3px) scale(1.08)}
.lx-prob-cell h3{font-size:20px;font-weight:800;margin:16px 0 12px}
.lx-prob-cell p{font-size:14.5px;color:var(--ink-2);line-height:1.8}
.lx-problem-note{margin-top:44px;text-align:center;font-size:16.5px;color:var(--ink-2);
  background:#fff;border:1px dashed rgba(20,151,236,.45);border-radius:var(--radius);padding:26px 34px}
.lx-problem-note strong{color:var(--blue)}

/* ---------- VSMA 方法论（老站布局） ---------- */
.lx-vsma-top{display:grid;grid-template-columns:.9fr 1.5fr;gap:56px;align-items:start;margin-bottom:64px}
.lx-vsma-intro h2{font-size:44px;font-weight:800;line-height:1.28;margin:16px 0 20px}
.lx-vsma-intro p{font-size:15.5px;color:var(--ink-2);max-width:420px}
.lx-vsma-arch{padding:14px 38px 0}
.lx-arch-row{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;
  padding:22px 0;border-bottom:1px solid var(--line)}
.lx-arch-row:last-child{border-bottom:0}
.lx-arch-row label{font-size:14px;font-weight:700;color:var(--ink-2);letter-spacing:.05em}
.lx-arch-core label{color:var(--blue)}
.lx-arch-mods{display:flex;flex-wrap:wrap;gap:8px}
.lx-arch-mods span{font-size:12.5px;font-weight:500;color:var(--ink-2);
  border:1px solid var(--line);border-radius:6px;padding:4px 11px;background:#fbfdff;transition:all .25s}
.lx-arch-mods span:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}
.lx-arch-core .lx-arch-mods span{background:rgba(20,151,236,.06);border-color:rgba(20,151,236,.25);color:var(--blue)}
.lx-arch-vs p{font-size:14px;font-weight:600;color:var(--violet)}
.lx-vsma-block{margin-bottom:56px}
.lx-vsma-h{font-size:26px;font-weight:800;margin-bottom:26px;padding-bottom:18px;
  position:relative}
/* 标题下的分隔线：原为 2px 近黑实线（var(--ink) = #1c2430），
   在浅蓝底（--bg-tint）上过重。改为品牌渐变，
   与导航 active 下划线 / CTA / 区块标签共用同一套品牌色。 */
.lx-vsma-h::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  border-radius:2px;background-image:var(--grad)}
.lx-step-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.lx-step-col{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 22px;
  box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s,border-color .3s}
.lx-step-col:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(20,151,236,.35)}
.lx-step-col span{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--blue)}
.lx-step-col h5{font-size:18px;font-weight:800;margin:10px 0 8px}
.lx-step-col p{font-size:13.5px;color:var(--ink-3);line-height:1.7}

/* ---------- FIG.02 健康度矩阵 ---------- */
.lx-matrix{padding:34px 38px 0}
.lx-matrix-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}
.lx-matrix-head b{font-size:15px;letter-spacing:.1em}
.lx-matrix-head span{font-size:11.5px;letter-spacing:.1em;color:var(--ink-3)}
.lx-matrix-table{display:flex;flex-direction:column;gap:9px;padding-bottom:26px}
.lx-mx-row{display:grid;grid-template-columns:92px repeat(6,1fr);gap:14px;align-items:center}
.lx-mx-row.lx-mx-head{padding-bottom:8px;border-bottom:1px dashed var(--line)}
.lx-mx-head span{font-size:10px;letter-spacing:.1em;color:var(--ink-3);text-align:left}
.lx-mx-name{font-size:12.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.lx-mx-name i{font-style:normal;color:var(--ink-3);font-weight:500;margin-left:4px}
.lx-mx-bar{height:16px;background:#eef3fa;border-radius:4px;position:relative;overflow:hidden}
.lx-mx-bar em{position:absolute;inset:0 auto 0 0;width:0;border-radius:4px;
  background:linear-gradient(90deg,#7fb2e5,#a8c8ee);transition:width 1.1s cubic-bezier(.22,.8,.3,1)}
.lx-mx-bar em.lx-mx-score{background:linear-gradient(90deg,#1497ec,#7b5cf0)}
.lx-mx-bar b{position:absolute;left:6px;top:50%;transform:translateY(-50%);
  font-size:10px;font-weight:700;color:#26476b;z-index:1}
.lx-mx-row:hover .lx-mx-bar em{filter:brightness(1.12)}

/* ---------- FIG.03 价值流贯穿图 ---------- */
.lx-vsmap{padding:34px 30px 0;overflow-x:auto}
.lx-vsmap::before{top:6px;left:8px}
.lx-vsmap::after{top:6px;right:8px}
#vsMapSvg{width:100%;min-width:960px;height:auto;display:block}
.vs-col-label{font-size:12px;fill:#8496ab;letter-spacing:.08em;text-anchor:middle;font-weight:600}
.vs-row-label{font-size:12px;fill:#8496ab;font-weight:600;letter-spacing:.04em}
.vs-line{fill:none;stroke:#b9c8da;stroke-width:1.4}
.vs-dash{stroke:#a9bcd4;stroke-width:1.1;stroke-dasharray:4 5;fill:none}
.vs-node{fill:#fff;stroke:#8fa8c4;stroke-width:1.4}
.vs-node-hot{fill:#eaf4ff;stroke:#1497ec;stroke-width:1.6}
.vs-arrow{fill:#9db2ca}
.vs-dot{fill:#1497ec}
.vs-dot-glow{fill:rgba(20,151,236,.25)}

/* ---------- 价值流卡片 ---------- */
.lx-stream-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.lx-stream-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px;
  transition:all .35s ease;position:relative;overflow:hidden}
.lx-stream-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(20,151,236,.4)}
.lx-stream-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.lx-pill{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;
  color:var(--ink-3);border:1px solid var(--line);border-radius:100px;padding:4px 12px;background:var(--bg-tint)}
.lx-pill b{font-size:13px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-s-ico{display:block;width:34px;height:34px;color:#5b8fc4;transition:all .35s}
.lx-s-ico svg{width:100%;height:100%}
.lx-stream-card:hover .lx-s-ico{color:var(--blue);transform:scale(1.12)}
.lx-stream-card h3{font-size:18px;font-weight:800;margin-bottom:8px}
.lx-stream-card p{font-size:13.5px;color:var(--ink-2);margin-bottom:14px;min-height:44px}
.lx-stream-kpi{font-size:12.5px;font-weight:600;color:var(--blue);border-top:1px dashed var(--line);padding-top:12px}

/* ---------- 为什么选择（无图标） ---------- */
.lx-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.lx-why-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:40px 34px;position:relative;overflow:hidden;transition:all .35s ease}
.lx-why-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;
  background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.lx-why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(20,151,236,.35)}
.lx-why-card:hover::before{transform:scaleX(1)}
.lx-why-no{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;
  font-size:18px;font-weight:800;color:#fff;background:var(--grad);border-radius:14px;
  box-shadow:0 8px 18px rgba(20,151,236,.28);margin-bottom:22px}
.lx-why-card h3{font-size:21px;font-weight:800;margin-bottom:12px}
.lx-why-card > p{font-size:14.5px;color:var(--ink-2);margin-bottom:18px}
.lx-why-card ul{list-style:none}
.lx-why-card li{font-size:14px;color:var(--ink-2);padding:7px 0 7px 22px;position:relative;border-top:1px dashed var(--line)}
.lx-why-card li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:3px;
  background:var(--grad);transform:rotate(45deg)}

.lx-mix{margin-top:44px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 38px;box-shadow:var(--shadow)}
.lx-mix-head{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}
.lx-mix-head strong{font-size:26px;font-weight:800;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-mix-head span{font-size:14.5px;color:var(--ink-3)}
.lx-mix-bar{display:flex;height:64px;border-radius:12px;overflow:hidden;gap:4px}
.lx-mix-seg{width:var(--w);display:flex;flex-direction:column;justify-content:center;padding:0 18px;
  color:#fff;transition:all .35s ease;min-width:0}
.lx-mix-seg b{font-size:14.5px;white-space:nowrap}
.lx-mix-seg span{font-size:18px;font-weight:800}
.lx-mix-seg:hover{filter:brightness(1.08)}
.lx-mix-70{background:linear-gradient(120deg,#1497ec,#25c3f0)}
.lx-mix-20{background:linear-gradient(120deg,#4a7ef0,#7b5cf0)}
.lx-mix-10{background:linear-gradient(120deg,#7b5cf0,#a48cf5)}

/* ---------- 行业方案 ---------- */
.lx-ind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.lx-ind-card{display:flex;gap:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:32px;transition:all .35s ease;align-items:center}
.lx-ind-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(20,151,236,.4)}
.lx-ind-icon{flex:none;width:170px;height:170px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle,rgba(37,195,240,.12),transparent 72%);border-radius:50%}
.lx-ind-icon img{max-height:100%;object-fit:contain;transition:transform .4s ease}
.lx-ind-card:hover .lx-ind-icon img{transform:scale(1.1)}
.lx-ind-code{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--violet)}
.lx-ind-body h3{font-size:21px;font-weight:800;margin:4px 0 8px}
.lx-ind-body > p{font-size:13.5px;color:var(--ink-2);margin-bottom:12px}
.lx-ind-body ul{list-style:none;margin-bottom:14px}
.lx-ind-body li{font-size:13.5px;color:var(--ink-2);padding:3px 0 3px 18px;position:relative}
.lx-ind-body li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:var(--grad)}
.lx-ind-tags{display:flex;gap:7px;margin-bottom:10px}
.lx-ind-tags span{font-size:11.5px;font-weight:700;color:var(--blue);letter-spacing:.05em;
  background:rgba(20,151,236,.08);border:1px solid rgba(20,151,236,.25);border-radius:6px;padding:3px 9px}
.lx-ind-kpi{font-size:12.5px;font-weight:600;color:var(--ink-3);border-top:1px dashed var(--line);padding-top:10px}
.lx-ind-more{margin-top:34px;display:flex;align-items:center;justify-content:center;gap:22px;
  background:#fff;border:1px dashed rgba(20,151,236,.4);border-radius:var(--radius);padding:22px 30px}
.lx-ind-more > span{font-size:15px;font-weight:700;color:var(--ink-2)}
.lx-ind-more-tags{display:flex;gap:12px;flex-wrap:wrap}
.lx-ind-more-tags b{font-size:14px;font-weight:600;color:var(--blue);
  background:rgba(20,151,236,.07);border-radius:100px;padding:8px 20px;transition:all .3s}
.lx-ind-more-tags b:hover{background:var(--grad);color:#fff;transform:translateY(-2px)}

/* ---------- 产品场景（卡片式新布局） ---------- */
.lx-scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.lx-scene-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:all .35s ease;box-shadow:var(--shadow)}
.lx-scene-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(20,151,236,.35)}
.lx-scene-img{position:relative;overflow:hidden;line-height:0}
.lx-scene-img img{width:100%;height:270px;object-fit:cover;object-position:center;transition:transform .6s ease}
.lx-scene-card:hover .lx-scene-img img{transform:scale(1.05)}
.lx-scene-body{padding:30px 34px 36px}
.lx-scene-no{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--violet)}
.lx-scene-body h3{font-size:24px;font-weight:800;margin:8px 0 12px}
.lx-scene-body > p{font-size:14.5px;color:var(--ink-2);margin-bottom:18px}
.lx-scene-body ul{list-style:none}
.lx-scene-body li{font-size:14px;color:var(--ink-2);padding:9px 0 9px 30px;position:relative;border-bottom:1px dashed var(--line)}
.lx-scene-body li:last-child{border-bottom:0}
.lx-scene-body li::before{content:"";position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.55 15.88 5.7 12.03a1 1 0 0 0-1.42 1.42l4.56 4.56a1 1 0 0 0 1.42 0L19.7 8.57a1 1 0 0 0-1.42-1.42z'/%3E%3C/svg%3E") center/12px 12px no-repeat, var(--grad)}

/* ---------- CTA ---------- */
.lx-cta{background:linear-gradient(120deg,#1497ec 0%,#2aaee8 42%,#7b5cf0 100%);
  padding:60px 0;position:relative;overflow:hidden}
.lx-cta::before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.10)}
.lx-cta::after{content:"";position:absolute;bottom:-160px;left:-100px;width:460px;height:460px;border-radius:50%;background:rgba(255,255,255,.08)}
.lx-cta-inner{text-align:center;position:relative;z-index:1;color:#fff}
.lx-cta .lx-sec-tag{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
.lx-cta h2{font-size:42px;font-weight:800;margin-bottom:16px}
.lx-cta p{font-size:16.5px;color:rgba(255,255,255,.92);max-width:640px;margin:0 auto 38px}
.lx-cta-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}

/* ---------- 底部 ---------- */
.lx-footer{background:#f7fafd;border-top:1px solid var(--line)}
.lx-footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:36px;padding:64px 40px 48px}
.lx-footer-brand .brandmark{display:inline-flex;align-items:baseline;gap:13px;line-height:1;white-space:nowrap;margin-bottom:16px}
.lx-footer-brand p{font-size:13.5px;color:var(--ink-3);line-height:1.8}
.lx-footer-col h5{font-size:15px;font-weight:700;margin-bottom:16px}
.lx-footer-col a{display:block;font-size:13.5px;color:var(--ink-3);padding:5px 0;transition:color .25s}
.lx-footer-col a:hover{color:var(--blue)}
.lx-footer-copy{border-top:1px solid var(--line);padding:20px 0;font-size:13px;color:var(--ink-3);text-align:center}

/* ---------- 滚动显现 ---------- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}
.reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}
.reveal.d3{transition-delay:.36s}.reveal.d4{transition-delay:.48s}
.reveal.in{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  .lx-stream-grid{grid-template-columns:repeat(3,1fr)}
  .lx-vsma-top{grid-template-columns:1fr;gap:40px}
  .lx-step-cols{grid-template-columns:repeat(3,1fr);row-gap:34px}
  /* 页脚 4 个链接列：空间不足时品牌独占一行、4 列仍同排，
     保证列宽 ≥200px（最长链接「集成平台 + 机器人自动化」约需 145px）。 */
  .lx-footer-inner{grid-template-columns:repeat(4,1fr)}
  .lx-footer-brand{grid-column:1/-1}
}
@media (max-width:960px){
  /* 用 padding-left/right 而非简写 padding：
     .lx-footer-inner 与本类常挂在同一个元素上（class="lx-wrap lx-footer-inner"），
     简写会把页脚的 64px/48px 上下内边距一并清零。 */
  .lx-wrap{padding-left:24px;padding-right:24px}
  .lx-hero{padding:130px 0 70px}
  .lx-hero-bg{background-position:38% center}
  .lx-hero-video{object-position:38% center}
  .lx-hero-veil{background:linear-gradient(90deg,rgba(246,249,253,.97) 0%,rgba(246,249,253,.88) 55%,rgba(246,249,253,.5) 100%)}
  .lx-hero-text h1{font-size:38px}
  .lx-hero-stats{grid-template-columns:repeat(2,1fr)}
  .lx-stat:nth-child(3)::before{display:none}
  .lx-prob-grid{grid-template-columns:1fr 1fr}
  .lx-prob-cell:nth-child(3n){border-right:1px solid var(--line)}
  .lx-prob-cell:nth-child(2n){border-right:0}
  .lx-prob-cell:nth-child(n+4){border-bottom:1px solid var(--line)}
  .lx-prob-cell:nth-child(n+5){border-bottom:0}
  .lx-prob-cell::after{display:none}
  .lx-stream-grid{grid-template-columns:repeat(2,1fr)}
  .lx-why-grid{grid-template-columns:1fr}
  .lx-ind-grid{grid-template-columns:1fr}
  .lx-scene-grid{grid-template-columns:1fr}
  .lx-sec-head h2{font-size:30px}
  .lx-vsma-intro h2{font-size:32px}
  .lx-cta h2{font-size:30px}
  .lx-footer-inner{grid-template-columns:1fr 1fr}
  .lx-step-cols{grid-template-columns:1fr 1fr}
  .lx-mix-seg b{display:none}
  .lx-mx-row{grid-template-columns:70px repeat(6,1fr);gap:8px}
  .lx-mx-name i{display:none}
}
@media (max-width:600px){
  .lx-prob-grid{grid-template-columns:1fr}
  .lx-prob-cell{border-right:0 !important;border-bottom:1px solid var(--line) !important}
  .lx-prob-cell:last-child{border-bottom:0 !important}
  .lx-stream-grid{grid-template-columns:1fr}
  .lx-hero-stats{grid-template-columns:1fr 1fr}
  .lx-ind-card{flex-direction:column;text-align:center}
  .lx-ind-body ul{text-align:left;display:inline-block}
  .lx-ind-tags{justify-content:center}
  .lx-footer-inner{grid-template-columns:1fr}
}


/* ==========================================================================
   文字版品牌标（Deeplink 联信无界）—— 直接书写的文字，不使用图片
   字色取自品牌蓝 #4C7CF0；拉丁部分加粗、中文部分常规，复刻原字标的粗细对比。
   ========================================================================== */
.bm-en, .bm-cn { color: #4c7cf0; transition: opacity .3s; }
.bm-en { font-size: 30px; font-weight: 700; letter-spacing: .005em; line-height: 1; }
.bm-cn { font-size: 18px; font-weight: 400; letter-spacing: .04em; line-height: 1; letter-spacing: 3px; }

@media (max-width: 767px) {
  .bm-en { font-size: 26px; }
  .bm-cn { font-size: 17px; }
}


/* ==========================================================================
   头部导航（栏目结构取自内页，配色与风格改用首页设计语言）
   —— 类名与内页完全一致，方便对照同步；颜色全部换成首页 :root 里的变量
      （首页没有内页的 --volt-strong / --steel / --cream / --grad-soft）。
   ========================================================================== */
.lx-header-inner .nav-links { display: none; align-items: center; gap: 10px; margin-left: auto; }
@media (min-width: 1024px) { .lx-header-inner .nav-links { display: flex; } }

/* 一级栏目：不用药丸底色，改用首页的渐变色下划线 */
.nav-link {
  position: relative; display: inline-flex; align-items: center;
  padding: 8px 14px; font-size: 15.5px; font-weight: 500;
  color: var(--ink-2); transition: color .25s; white-space: nowrap;
}
.nav-link::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 2px;
  height: 3px; border-radius: 2px; background: var(--grad);
  transform: scaleX(0); transform-origin: left; transition: transform .3s;
}
.nav-link:hover { color: var(--blue); }
.nav-link:hover::after { transform: scaleX(1); }
.nav-link.active { color: var(--blue); }
.nav-link.active::after { transform: scaleX(1); }
.nav-link > span { position: relative; }
.nav-link svg.caret { width: 14px; height: 14px; margin-left: 2px; color: var(--ink-3); transition: transform .3s; }
.nav-item { position: relative; }
.nav-item:hover .nav-link svg.caret { transform: rotate(180deg); }

/* 下拉面板 */
.drop {
  position: absolute; left: 50%; top: 100%; transform: translateX(-50%);
  padding-top: 14px; z-index: 50;
  visibility: hidden; opacity: 0; transition: all .3s;
}
.nav-item:hover .drop { visibility: visible; opacity: 1; }
.drop-panel {
  transform: translateY(8px); transition: transform .3s;
  border: 1px solid var(--line); border-radius: 14px;
  background: rgba(255, 255, 255, .97);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  box-shadow: var(--shadow);
  padding: 12px;
}
.nav-item:hover .drop-panel { transform: translateY(0); }
.drop-mega { width: 720px; padding: 24px; }
.drop-mega .cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.drop-about { width: 460px; padding: 24px; }
.drop-about .cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.drop-narrow { width: 300px; }
.drop-group-title {
  display: flex; align-items: center; gap: 6px; margin-bottom: 10px;
  font-size: 12px; font-weight: 700; letter-spacing: .05em; color: var(--blue);
}
.drop-group-title svg { width: 14px; height: 14px; }
.drop-link {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 8px;
  font-size: 13.5px; color: var(--ink-2); transition: all .25s;
}
.drop-link:hover { background: rgba(20, 151, 236, .07); color: var(--blue); }
.drop-foot { margin-top: 12px; border-top: 1px solid var(--line); padding: 12px 12px 4px; }
.drop-foot a { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; }
.drop-foot em { font-style: normal; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.drop-foot svg { width: 14px; height: 14px; color: var(--blue); transition: transform .3s; }
.drop-foot a:hover svg { transform: translateX(4px); }
.drop-label { padding: 8px 12px 4px; font-size: 11px; font-weight: 600; letter-spacing: .15em; color: var(--ink-3); }

/* CTA：改用首页的渐变按钮 */
.nav-cta {
  display: none; align-items: center; gap: 8px; margin-left: 16px;
  padding: 11px 22px; border-radius: 10px; white-space: nowrap;
  background-image: var(--grad); color: #fff;
  font-size: 14.5px; font-weight: 600;
  box-shadow: 0 8px 22px rgba(20, 151, 236, .32);
  transition: transform .25s, box-shadow .25s;
}
.nav-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(20, 151, 236, .42); }
.nav-cta svg { width: 16px; height: 16px; }
@media (min-width: 1024px) { .nav-cta { display: inline-flex; } }

/* 汉堡按钮 */
.nav-toggle {
  display: grid; place-items: center; width: 40px; height: 40px; margin-left: auto;
  border: 1px solid var(--line); border-radius: 10px; color: var(--ink);
  background: rgba(255, 255, 255, .9); transition: border-color .25s, color .25s;
}
.nav-toggle:hover { border-color: var(--blue); color: var(--blue); }
.nav-toggle svg { width: 20px; height: 20px; }
.nav-toggle .ico-close { display: none; }
.nav-toggle.on .ico-menu { display: none; }
.nav-toggle.on .ico-close { display: block; }
@media (min-width: 1024px) { .nav-toggle { display: none; } }

/* 移动端抽屉 */
.mobile-panel {
  max-height: 0; overflow: hidden; transition: max-height .5s;
  border-bottom: 1px solid transparent;
  background: rgba(255, 255, 255, .97);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
}
.lx-header.open .mobile-panel { max-height: 80vh; overflow-y: auto; border-bottom-color: var(--line); }
.mp-body { padding: 16px 20px; display: flex; flex-direction: column; gap: 4px; }
.mp-link {
  display: flex; width: 100%; align-items: center; justify-content: space-between;
  padding: 12px 16px; border-radius: 10px; font-size: 15px; color: var(--ink-2);
  text-align: left; transition: background .25s, color .25s;
}
.mp-link:hover { background: rgba(20, 151, 236, .07); color: var(--blue); }
.mp-link svg.caret { width: 16px; height: 16px; color: var(--ink-3); transition: transform .3s; }
.mp-group.open > .mp-link svg.caret { transform: rotate(180deg); }
.mp-subs { max-height: 0; overflow: hidden; transition: max-height .35s; }
/* 720px：产品那一组有 16 个子项，内页原来写 520px 会裁掉最后两条 */
.mp-group.open .mp-subs { max-height: 720px; }
.mp-subs a {
  display: block; padding: 8px 16px 8px 32px; border-radius: 8px;
  font-size: 13.5px; color: var(--ink-3); transition: background .25s, color .25s;
}
.mp-subs a:hover { background: rgba(20, 151, 236, .07); color: var(--blue); }
.mp-cta {
  margin-top: 8px; display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px; border-radius: 10px;
  background-image: var(--grad); color: #fff; font-size: 15px; font-weight: 600;
}
.mp-cta svg { width: 16px; height: 16px; }

/* 触屏没有 hover：下拉改为点击展开 */
@media (hover: none) {
  .nav-item .drop { display: none; }
  .nav-item.open .drop { display: block; visibility: visible; opacity: 1; }
  .nav-item.open .drop-panel { transform: translateY(0); }
}


/* 键盘焦点：默认的黑色 outline 与首页风格不符，换成品牌蓝 */
.nav-link:focus-visible,
.drop-link:focus-visible,
.drop-foot a:focus-visible,
.nav-cta:focus-visible,
.nav-toggle:focus-visible,
.mp-link:focus-visible,
.mp-subs a:focus-visible,
.mp-cta:focus-visible,
.bm-en:focus-visible,
.lx-logo:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
  border-radius: 8px;
}
.mp-link:focus-visible, .mp-cta:focus-visible { outline-offset: -2px; border-radius: 10px; }

/* ---------- 顶部滚动进度条（与内页 css/style.css 同一份实现） ---------- */
/* z-index 必须高于本页 .lx-header（50）；内页 .nav 是 50，故两页都取 100 即可压住导航。 */
#scroll-progress{position:fixed;top:0;left:0;height:2.5px;width:0;
  background:var(--grad);background-size:220% 220%;animation:gradient-x 6s ease-in-out infinite;
  z-index:100;border-radius:0 2px 2px 0;
  box-shadow:0 0.2px 2.2px rgba(20,151,236,.275)}
@keyframes gradient-x{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}