/* 沐辰深识 MUCHSENSE — 官网样式
   品牌藏青 #0B2A4A + 品牌蓝 #1F6FEB + 品牌橙 #FF7A1A；白底浅灰为主，深色仅保留页尾转化区 */

:root{
  --ink:#0B2A4A;
  --ink-2:#123A63;
  --ink-3:#1C4E85;
  --teal:#1F6FEB;
  --teal-d:#1559B8;
  --orange:#FF7A1A;
  --bg:#F6F8FA;
  --white:#FFFFFF;
  --line:#E4E9F0;
  --line-2:#D5DDE7;
  --text:#13212F;
  --muted:#5A6B7C;
  --muted-2:#8595A5;
  --radius:4px;
  --max:1200px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  color:var(--text);
  background:var(--white);
  font-size:17px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25;letter-spacing:-.01em;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;}
::selection{background:rgba(31,111,235,.16);}

.wrap{max-width:var(--max);margin:0 auto;padding:0 32px;}
.section{padding:120px 0;}
.section--tight{padding:88px 0;}
.section--bg{background:var(--bg);}
.section--line{border-top:1px solid var(--line);}

/* ---------- 头部 ---------- */
.site-head{
  position:fixed;top:0;left:0;right:0;z-index:90;height:72px;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .3s var(--ease),height .3s var(--ease),background .3s var(--ease);
}
.site-head.is-scrolled{height:64px;border-bottom-color:var(--line);}
.head-inner{max-width:var(--max);margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;gap:40px;}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;letter-spacing:.01em;color:var(--ink);flex:none;}
.brand .mark{width:26px;height:26px;display:block;}
.brand .cn{font-size:16.5px;}
.brand .en{font-size:11px;letter-spacing:.16em;color:var(--muted-2);text-transform:uppercase;display:block;margin-top:-3px;font-weight:500;}
.nav{display:flex;gap:30px;margin-left:auto;font-size:15px;color:#33465A;}
.nav a{position:relative;padding:6px 0;transition:color .2s;}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--teal);transition:right .3s var(--ease);}
.nav a:hover{color:var(--ink);}
.nav a:hover::after,.nav a.is-active::after{right:0;}
.nav a.is-active{color:var(--ink);font-weight:600;}
.head-cta{flex:none;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:46px;padding:0 22px;border-radius:var(--radius);
  font-size:15px;font-weight:500;letter-spacing:.01em;
  transition:transform .18s var(--ease),background .2s,color .2s,border-color .2s,box-shadow .2s;
  white-space:nowrap;
}
.btn--primary{background:var(--ink);color:#fff;}
.btn--primary:hover{background:var(--ink-3);transform:translateY(-1px);box-shadow:0 8px 22px rgba(10,28,46,.18);}
.btn--teal{background:var(--teal);color:#fff;font-weight:600;}
.btn--teal:hover{background:#3B85F0;transform:translateY(-1px);box-shadow:0 8px 22px rgba(31,111,235,.3);}
.btn--ghost{border:1px solid var(--line-2);color:var(--ink);background:rgba(255,255,255,.7);}
.btn--ghost:hover{border-color:var(--ink);background:#fff;}
.btn--outline{border:1px solid var(--line-2);color:var(--ink);background:#fff;}
.btn--outline:hover{border-color:var(--ink);transform:translateY(-1px);}
.btn--sm{height:40px;padding:0 16px;font-size:14px;}
.btn--lg{height:52px;padding:0 28px;font-size:16px;}

.burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;margin-left:auto;}
.burger span{display:block;width:20px;height:1.5px;background:var(--ink);position:relative;}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:1.5px;background:var(--ink);}
.burger span::before{top:-6px;}
.burger span::after{top:6px;}

.drawer{position:fixed;inset:0;z-index:99;background:#fff;transform:translateY(-100%);transition:transform .4s var(--ease);padding:24px 32px;display:flex;flex-direction:column;}
.drawer.is-open{transform:translateY(0);}
.drawer-top{display:flex;justify-content:space-between;align-items:center;height:48px;}
.drawer nav{display:flex;flex-direction:column;gap:2px;margin-top:24px;font-size:20px;}
.drawer nav a{padding:14px 0;border-bottom:1px solid var(--line);}
.drawer .btn{margin-top:28px;}

/* ---------- 通用文本 ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--teal-d);font-weight:600;margin-bottom:18px;
}
.eyebrow::before{content:"";width:18px;height:1px;background:var(--teal);display:block;}
.eyebrow--light{color:var(--teal);}
.h2{font-size:40px;line-height:1.24;letter-spacing:-.02em;max-width:22em;}
.h2--wide{max-width:26em;}
.lede{margin-top:18px;font-size:17.5px;color:var(--muted);max-width:38em;}
.h3{font-size:20px;line-height:1.4;}
.mono{font-variant-numeric:tabular-nums;}
.small{font-size:13.5px;color:var(--muted-2);line-height:1.7;}
.sec-head{margin-bottom:64px;}
.sec-head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.is-in{opacity:1;transform:none;}

/* ---------- 首屏 ---------- */
.hero{
  position:relative;background:linear-gradient(180deg,#FBFCFE,#F2F5FA);color:var(--text);padding:148px 0 0;overflow:hidden;border-bottom:1px solid var(--line);
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(1100px 520px at 78% 8%,rgba(31,111,235,.08),transparent 62%);
  pointer-events:none;
}
.hero-grid{position:absolute;inset:0;opacity:.32;pointer-events:none;
  background-image:linear-gradient(rgba(11,42,74,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,42,74,.05) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,transparent 100%);
  -webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,transparent 100%);
}
.hero-inner{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;padding-bottom:96px;}
.hero-tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.1em;color:var(--teal-d);border:1px solid rgba(31,111,235,.28);background:rgba(31,111,235,.06);padding:7px 14px;border-radius:100px;}
.hero-tag i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(31,111,235,.14);display:block;}
.hero h1{margin-top:26px;font-size:60px;line-height:1.14;letter-spacing:-.025em;font-weight:600;}
.hero h1 em{font-style:normal;color:var(--teal);}
.hero-sub{margin-top:24px;font-size:18px;line-height:1.85;color:var(--muted);max-width:33em;}
.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;}
.hero-stats{display:flex;margin-top:56px;border-top:1px solid var(--line);padding-top:26px;flex-wrap:wrap;}
.hero-stats .st{padding-right:38px;margin-right:38px;border-right:1px solid var(--line);}
.hero-stats .st:last-child{border:0;margin:0;padding-right:0;}
.hero-stats b{display:block;font-size:26px;color:var(--ink);font-weight:600;letter-spacing:-.01em;}
.hero-stats span{font-size:13px;color:var(--muted-2);}
.hero-visual{position:relative;}

/* 首屏示意图 */
.viewport{position:relative;border:1px solid rgba(255,255,255,.14);background:#06131F;border-radius:6px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.42);}
.viewport .vp-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11.5px;color:#8FA3B6;letter-spacing:.04em;}
.viewport .vp-bar .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);}
.viewport .vp-bar .live{margin-left:auto;color:#8DB6F5;}
.vp-note{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:12.5px;color:#7E93A6;line-height:1.7;}
.vp-note i{width:5px;height:5px;border-radius:50%;background:var(--orange);margin-top:8px;flex:none;display:block;}

/* ---------- 痛点列表 ---------- */
.pain-list{border-top:1px solid var(--line);}
.pain{display:grid;grid-template-columns:56px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start;}
.pain .ic{width:44px;height:44px;border:1px solid var(--line-2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--ink-3);transition:border-color .25s,color .25s;}
.pain h3{font-size:19px;}
.pain p{margin-top:7px;color:var(--muted);font-size:16px;max-width:52em;}
.pain:hover .ic{border-color:var(--teal);color:var(--teal-d);}
.sec-note{margin-top:40px;padding-left:22px;border-left:2px solid var(--teal);font-size:22px;line-height:1.6;color:var(--ink);font-weight:500;max-width:30em;}

/* ---------- 对比 ---------- */
.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;}
.compare .col-head{padding:22px 30px;font-size:14px;letter-spacing:.06em;border-bottom:1px solid var(--line);color:var(--muted);}
.compare .col-head b{font-size:15px;letter-spacing:0;color:var(--ink);}
.compare .col--new .col-head{background:rgba(31,111,235,.05);border-bottom-color:rgba(31,111,235,.22);}
.compare .col--new .col-head b{color:var(--teal-d);}
.compare .row{padding:19px 30px;border-bottom:1px solid var(--line);font-size:16px;color:var(--muted);display:flex;gap:12px;align-items:baseline;}
.compare .row:last-child{border-bottom:0;}
.compare .col--new{border-left:1px solid var(--line);}
.compare .col--new .row{color:var(--ink);font-weight:500;}
.compare .col--new .row::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);flex:none;transform:translateY(-2px);}
.compare .col:not(.col--new) .row::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--line-2);flex:none;transform:translateY(-2px);}

/* ---------- 八步流程 ---------- */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.flow .step{background:#fff;padding:30px 26px 32px;position:relative;transition:background .3s;}
.flow .step:hover{background:#FBFDFE;}
.flow .num{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;transition:.35s;}
.flow .step.is-on .num{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600;}
.flow h3{margin-top:18px;font-size:17.5px;}
.flow p{margin-top:9px;font-size:14.5px;color:var(--muted);line-height:1.75;}

/* ---------- 适配性自检 ---------- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.fit-card{border:1px solid var(--line);border-radius:6px;padding:34px 34px 30px;background:#fff;}
.fit-card--no{background:#fff;border-color:#FFD3AC;color:var(--text);}
.fit-card h3{font-size:16px;letter-spacing:.02em;}
.fit-card--no h3{color:var(--ink);}
.fit-card .badge{font-size:12px;letter-spacing:.1em;color:var(--teal-d);margin-bottom:12px;display:block;}
.fit-card--no .badge{color:var(--orange);}
.fit-list{margin-top:22px;}
.fit-list li{padding:14px 0 14px 24px;border-top:1px solid var(--line);position:relative;font-size:15.5px;line-height:1.7;}
.fit-list li:first-child{border-top:0;}
.fit-list li::before{content:"";position:absolute;left:0;top:22px;width:9px;height:9px;border-radius:2px;background:var(--teal);}
.fit-list li b{font-weight:600;color:var(--ink);display:block;font-size:16px;}
.fit-list li span{color:var(--muted);font-size:14.5px;}
.fit-card--no .fit-list li{border-top-color:var(--line);color:var(--muted);padding-left:20px;}
.fit-card--no .fit-list li::before{width:6px;height:6px;border-radius:50%;background:var(--orange);top:20px;}
.fit-card .btn{margin-top:26px;}
.fit-card--no .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.fit-card--no .chips span{font-size:13.5px;padding:7px 12px;border:1px solid var(--line-2);border-radius:3px;color:var(--muted);}

/* ---------- 能力卡 ---------- */
.caps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cap{border:1px solid var(--line);border-radius:6px;padding:32px 30px 30px;background:#fff;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;display:block;}
.cap:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,28,46,.07);border-color:var(--line-2);}
.cap .ic{width:32px;height:32px;color:var(--teal-d);}
.cap h3{margin-top:24px;font-size:19px;}
.cap p{margin-top:10px;font-size:15px;color:var(--muted);line-height:1.8;}
.cap .more{margin-top:20px;font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:6px;opacity:.55;transition:.25s;}
.cap:hover .more{opacity:1;color:var(--teal-d);}
.cap--wide{grid-column:span 2;display:grid;grid-template-columns:1fr 220px;gap:32px;align-items:center;}

/* ---------- 数据卡 ---------- */
.metrics{background:var(--bg);color:var(--text);padding:80px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.metric{background:#fff;padding:36px 30px 34px;}
.metric b{display:block;font-size:46px;line-height:1;color:var(--teal);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.metric span{display:block;margin-top:14px;font-size:14px;color:var(--muted);line-height:1.65;}
.metrics .foot{margin-top:24px;font-size:12.5px;color:var(--muted-2);}

/* ---------- 客户 ---------- */
.logos{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:48px;}
.logos div{background:#fff;height:88px;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:.04em;color:#93A3B3;filter:grayscale(1);transition:.3s;}
.logos div:hover{color:var(--ink);background:#FBFDFE;}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.case{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.case:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(10,28,46,.08);}
.case .thumb{height:180px;background:var(--bg);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.case .thumb svg{width:100%;height:100%;}
.case .body{padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1;}
.case .tag{font-size:12px;letter-spacing:.1em;color:var(--teal-d);}
.case h3{font-size:18px;}
.case p{font-size:14.5px;color:var(--muted);line-height:1.75;flex:1;}

/* ---------- 实施 ---------- */
.deploy{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start;}
.timeline{position:relative;}
.timeline::before{content:"";position:absolute;left:11px;top:8px;bottom:12px;width:1px;background:var(--line-2);}
.tl{position:relative;padding:0 0 34px 44px;}
.tl:last-child{padding-bottom:0;}
.tl .dot{position:absolute;left:0;top:5px;width:23px;height:23px;border-radius:50%;border:1px solid var(--line-2);background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}
.tl.is-on .dot{border-color:var(--teal);color:var(--teal-d);font-weight:600;}
.tl h3{font-size:17px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.tl h3 em{font-style:normal;font-size:13px;color:var(--muted-2);font-weight:400;}
.tl p{margin-top:6px;font-size:14.5px;color:var(--muted);}
.aside-box{background:#fff;border:1px solid var(--line);border-radius:6px;padding:30px 28px;position:sticky;top:104px;}
.aside-box b{font-size:34px;color:var(--ink);display:block;line-height:1.1;}
.aside-box span{font-size:14px;color:var(--muted);}
.aside-box hr{border:0;border-top:1px solid var(--line);margin:20px 0;}
.aside-box ul li{font-size:14px;color:var(--muted);padding:7px 0 7px 16px;position:relative;line-height:1.7;}
.aside-box ul li::before{content:"";position:absolute;left:0;top:15px;width:5px;height:5px;border-radius:50%;background:var(--teal);}

/* ---------- 价值四宫格 ---------- */
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.value{background:#fff;padding:40px 38px;}
.value .n{font-size:12px;letter-spacing:.12em;color:var(--muted-2);}
.value h3{margin-top:14px;font-size:22px;}
.value p{margin-top:10px;font-size:15.5px;color:var(--muted);line-height:1.8;}
.value b{color:var(--ink);font-weight:600;}

/* ---------- FAQ ---------- */
.faq{max-width:820px;}
.qa{border-bottom:1px solid var(--line);}
.qa button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;text-align:left;font-size:17.5px;font-weight:500;color:var(--ink);}
.qa .plus{position:relative;width:14px;height:14px;flex:none;}
.qa .plus::before,.qa .plus::after{content:"";position:absolute;background:var(--muted);transition:transform .3s var(--ease),opacity .3s,background .3s;}
.qa .plus::before{left:0;top:6.5px;width:14px;height:1.5px;}
.qa .plus::after{left:6.5px;top:0;width:1.5px;height:14px;}
.qa.is-open .plus::after{transform:rotate(90deg);opacity:0;}
.qa.is-open .plus::before{background:var(--teal-d);}
.qa .a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
.qa .a p{padding:0 40px 28px 0;font-size:15.5px;color:var(--muted);line-height:1.85;}

/* ---------- 转化区 ---------- */
.cta{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:96px 0;}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 380px at 12% 20%,rgba(31,111,235,.3),transparent 65%);}
.cta-inner{position:relative;display:grid;grid-template-columns:1fr 440px;gap:72px;align-items:start;}
.cta h2{font-size:34px;line-height:1.32;max-width:17em;}
.cta p.lede{color:#B8C8D8;margin-top:20px;}
.cta .points{margin-top:30px;display:grid;gap:12px;}
.cta .points li{display:flex;gap:12px;font-size:15px;color:#C6D4E1;align-items:flex-start;}
.cta .points li svg{flex:none;margin-top:6px;color:var(--teal);}
.form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:32px 30px;}
.form label{display:block;font-size:13px;color:#9FB2C4;margin-bottom:8px;}
.form .field{margin-bottom:18px;}
.form input,.form select{
  width:100%;height:46px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  border-radius:3px;color:#fff;padding:0 14px;font:inherit;font-size:15px;outline:none;transition:.2s;
  appearance:none;-webkit-appearance:none;
}
.form input::placeholder{color:#6E8398;}
.form input:focus,.form select:focus{border-color:var(--teal);background:rgba(31,111,235,.1);}
.form select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239FB2C4' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.form option{color:#13212F;}
.form .btn{width:100%;margin-top:6px;}
.form .fine{margin-top:14px;font-size:12.5px;color:#7E93A6;line-height:1.7;}
.form-ok{display:none;margin-top:14px;font-size:14.5px;color:#8DB6F5;line-height:1.7;}
.form.is-done .form-ok{display:block;}
.form.is-done .btn{opacity:.5;pointer-events:none;}

/* ---------- 页脚 ---------- */
.pre-foot{border-top:1px solid var(--line);background:#fff;padding:26px 0;}
.pre-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.pre-foot p{font-size:15.5px;color:var(--muted);}
.site-foot{background:#fff;padding:64px 0 34px;border-top:1px solid var(--line);}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px;}
.foot-brand p{margin-top:18px;font-size:14px;color:var(--muted);max-width:22em;line-height:1.9;}
.foot-col h4{font-size:13px;letter-spacing:.1em;color:var(--muted-2);font-weight:600;margin-bottom:16px;}
.foot-col li{margin-bottom:11px;font-size:14.5px;color:#3F5266;}
.foot-col li a:hover{color:var(--teal-d);}
.foot-col .line{font-size:14.5px;color:#3F5266;margin-bottom:9px;}
.foot-bottom{margin-top:52px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:var(--muted-2);}
.qr{width:96px;height:96px;border:1px solid var(--line);border-radius:3px;display:grid;place-items:center;margin-top:18px;background:#FBFDFE;}

/* ---------- 内页头 ---------- */
.page-head{background:linear-gradient(180deg,#FBFCFE,#F2F5FA);color:var(--text);padding:150px 0 84px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);}
.page-head::before{content:"";position:absolute;inset:0;background:radial-gradient(820px 400px at 82% 0%,rgba(31,111,235,.07),transparent 62%);}
.page-head .wrap{position:relative;}
.page-head h1{font-size:50px;line-height:1.16;letter-spacing:-.02em;max-width:20em;}
.page-head p{margin-top:22px;font-size:18px;color:var(--muted);max-width:34em;line-height:1.85;}
.breadcrumb{font-size:12.5px;color:var(--muted-2);letter-spacing:.06em;margin-bottom:22px;}
.breadcrumb a:hover{color:var(--ink);}

/* ---------- 内页通用块 ---------- */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:72px 0;border-top:1px solid var(--line);}
.feature:first-of-type{border-top:0;padding-top:0;}
.feature:last-of-type{padding-bottom:0;}
.feature--rev .feature-media{order:-1;}
.feature h3{font-size:26px;letter-spacing:-.01em;}
.feature .kv{margin-top:24px;display:grid;gap:16px;}
.feature .kv .row{display:grid;grid-template-columns:78px 1fr;gap:16px;font-size:15px;line-height:1.8;}
.feature .kv .k{color:var(--muted-2);font-size:13px;letter-spacing:.04em;padding-top:2px;}
.feature .kv .v{color:var(--muted);}
.feature .kv .v b{color:var(--ink);font-weight:500;}
.feature-media{border:1px solid var(--line);border-radius:6px;background:var(--bg);overflow:hidden;}

.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;}
.spec{display:grid;grid-template-columns:104px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:15.5px;}
.spec .k{color:var(--muted-2);font-size:14px;}
.spec .v{color:var(--text);}

.ver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ver{border:1px solid var(--line);border-radius:6px;padding:34px 30px;background:#fff;display:flex;flex-direction:column;}
.ver.is-hot{border-color:var(--ink);box-shadow:0 18px 40px rgba(10,28,46,.08);}
.ver .badge{font-size:12px;color:var(--teal-d);letter-spacing:.08em;margin-bottom:14px;}
.ver h3{font-size:22px;}
.ver p{margin-top:12px;font-size:15px;color:var(--muted);line-height:1.8;flex:1;}
.ver ul{margin-top:18px;display:grid;gap:8px;}
.ver li{font-size:14px;color:var(--muted);padding-left:16px;position:relative;}
.ver li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--teal);}

/* 行业卡 */
.ind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.ind{border:1px solid var(--line);border-radius:6px;padding:36px 34px;background:#fff;transition:.3s var(--ease);display:block;}
.ind:hover{border-color:var(--line-2);box-shadow:0 18px 40px rgba(10,28,46,.07);transform:translateY(-3px);}
.ind .idx{font-size:12px;color:var(--muted-2);letter-spacing:.12em;}
.ind h3{margin-top:14px;font-size:24px;}
.ind p{margin-top:12px;font-size:15px;color:var(--muted);line-height:1.8;}
.ind .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}
.ind .tags span{font-size:12.5px;color:#3F5266;background:var(--bg);border:1px solid var(--line);padding:5px 10px;border-radius:3px;}

.ind-detail{border-top:1px solid var(--line);padding:64px 0;display:grid;grid-template-columns:320px 1fr;gap:64px;}
.ind-detail:last-of-type{padding-bottom:0;}
.ind-detail h2{font-size:30px;line-height:1.3;}
.ind-detail .no{font-size:12px;letter-spacing:.14em;color:var(--teal-d);display:block;margin-bottom:14px;}
.ind-detail dl{display:grid;margin:0;}
.ind-detail .row{display:grid;grid-template-columns:112px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15.5px;}
.ind-detail .row:first-child{padding-top:0;}
.ind-detail dl .row:last-child{border-bottom:0;}
.ind-detail dt{color:var(--muted-2);font-size:13.5px;padding-top:2px;}
.ind-detail dd{margin:0;color:var(--muted);line-height:1.8;}
.ind-detail dd b{color:var(--ink);font-weight:500;}

/* 案例页 */
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.case-lg{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden;display:grid;grid-template-columns:180px 1fr;transition:.3s var(--ease);}
.case-lg:hover{box-shadow:0 18px 40px rgba(10,28,46,.07);transform:translateY(-3px);}
.case-lg .side{background:var(--bg);border-right:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;}
.case-lg .side .tag{font-size:11.5px;letter-spacing:.1em;color:var(--teal-d);}
.case-lg .side .num{font-size:30px;color:#C9D5E2;font-weight:600;letter-spacing:-.02em;}
.case-lg .main{padding:26px 28px;}
.case-lg h3{font-size:18.5px;}
.case-lg .who{font-size:13px;color:var(--muted-2);margin-top:8px;}
.case-lg p{margin-top:12px;font-size:14.5px;color:var(--muted);line-height:1.8;}

/* 时间轴（关于页） */
.mile .item{display:grid;grid-template-columns:150px 1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line);}
.mile .item:first-child{border-top:0;}
.mile .yr{font-size:22px;color:var(--ink);font-weight:600;letter-spacing:-.01em;}
.mile .yr small{display:block;font-size:12px;color:var(--muted-2);font-weight:400;letter-spacing:.1em;margin-top:4px;}
.mile .txt{font-size:16px;color:var(--muted);line-height:1.85;max-width:40em;}
.mile .txt b{color:var(--ink);font-weight:600;}

/* 联系页 */
.contact-grid{display:grid;grid-template-columns:1fr 400px;gap:72px;align-items:start;}
.contact-grid .form{background:var(--bg);border-color:var(--line);padding:36px 34px;}
.contact-grid .form label{color:var(--muted);}
.contact-grid .form input,.contact-grid .form select{background:#fff;border-color:var(--line-2);color:var(--text);}
.contact-grid .form input::placeholder{color:#9AAABB;}
.contact-grid .form .fine{color:var(--muted-2);}
.contact-grid .form-ok{color:var(--teal-d);}
.contact-grid .form.is-done .btn{background:#DDE5EE;color:#5A6B7C;}
.info-list li{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;}
.info-list .k{color:var(--muted-2);font-size:13.5px;padding-top:2px;}
.info-list .v{color:var(--text);line-height:1.7;}

/* 404 */
.nf{min-height:64vh;display:grid;place-items:center;text-align:center;padding:160px 0 100px;}

/* ---------- 响应式 ---------- */
@media(max-width:1080px){
  .hero h1{font-size:50px;}
  .hero-inner{gap:44px;}
  .flow{grid-template-columns:repeat(2,1fr);}
  .caps{grid-template-columns:repeat(2,1fr);}
  .cap--wide{grid-column:span 2;grid-template-columns:1fr;}
  .metric-grid{grid-template-columns:repeat(2,1fr);}
  .logos{grid-template-columns:repeat(3,1fr);}
  .cases{grid-template-columns:1fr 1fr;}
  .cta-inner{grid-template-columns:1fr;gap:44px;}
  .deploy{grid-template-columns:1fr;}
  .aside-box{position:static;}
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px;}
  .contact-grid{grid-template-columns:1fr;gap:48px;}
  .two-col,.feature{grid-template-columns:1fr;gap:40px;}
  .feature--rev .feature-media{order:0;}
  .ind-detail{grid-template-columns:1fr;gap:28px;}
  .page-head h1{font-size:40px;}
}
@media(max-width:860px){
  .nav,.head-cta{display:none;}
  .burger{display:flex;}
  body{font-size:16px;}
  .wrap,.head-inner{padding:0 22px;}
  .section{padding:76px 0;}
  .section--tight{padding:60px 0;}
  .hero{padding-top:112px;}
  .hero-inner{grid-template-columns:1fr;gap:48px;padding-bottom:64px;}
  .hero h1{font-size:38px;}
  .hero-sub{font-size:16.5px;}
  .hero-stats .st{padding-right:22px;margin-right:22px;margin-bottom:14px;}
  .hero-stats b{font-size:21px;}
  .h2{font-size:29px;}
  .sec-head{margin-bottom:40px;}
  .sec-head--split{flex-direction:column;align-items:flex-start;gap:20px;}
  .pain{grid-template-columns:40px 1fr;gap:18px;}
  .pain .ic{width:36px;height:36px;}
  .compare{grid-template-columns:1fr;}
  .compare .col--new{border-left:0;border-top:1px solid var(--line);}
  .flow{grid-template-columns:1fr;}
  .fit{grid-template-columns:1fr;}
  .caps{grid-template-columns:1fr;}
  .cap--wide{grid-column:span 1;}
  .metric-grid{grid-template-columns:1fr 1fr;}
  .metric b{font-size:34px;}
  .logos{grid-template-columns:1fr 1fr;}
  .cases,.case-grid,.ver-grid,.ind-grid{grid-template-columns:1fr;}
  .case-lg{grid-template-columns:1fr;}
  .case-lg .side{flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:18px 22px;}
  .case-lg .side .num{font-size:20px;}
  .values{grid-template-columns:1fr;}
  .value{padding:30px 26px;}
  .spec-list{grid-template-columns:1fr;}
  .cta{padding:66px 0;}
  .cta h2{font-size:26px;}
  .page-head{padding:120px 0 60px;}
  .page-head h1{font-size:31px;}
  .page-head p{font-size:16px;}
  .foot-grid{grid-template-columns:1fr;gap:30px;}
  .mile .item{grid-template-columns:1fr;gap:8px;}
  .feature{padding:48px 0;}
  .ind-detail{padding:44px 0;}
  .ind-detail .row{grid-template-columns:1fr;gap:6px;}
  .sec-note{font-size:18px;}
  .vp-note{display:none;}
}

/* ============================================================
   v3：按《官网方案》改版 —— 品牌蓝/橙占比加大
   蓝：大面积区块底色、导航、产品头图、数据带、卡片描边
   橙：编号、数据、标签、NG 场景（控制在 10% 左右）
   ============================================================ */
:root{--blue-t: #F2F7FF; --blue-t2:#E4EEFE; --blue-line:#C9DCFB;}

/* 区块底色改成淡蓝，替代原来的中性灰 */
.section--bg{background:linear-gradient(180deg,#F4F8FF,#FAFCFF);}
.section--tint{background:linear-gradient(180deg,#EDF4FF 0%,#F7FAFF 100%);}

/* 导航二级下拉 */
.nav-item{position:relative;}
.nav-item>.nav-drop{
  position:absolute;top:calc(100% + 14px);left:-16px;min-width:236px;padding:10px;
  background:#fff;border:1px solid var(--line);border-radius:8px;
  box-shadow:0 24px 48px rgba(11,42,74,.12);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s var(--ease);z-index:5;
}
.nav-item:hover>.nav-drop{opacity:1;visibility:visible;transform:none;}
.nav-item>.nav-drop::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
.nav-drop a{display:block;padding:9px 12px;border-radius:6px;font-size:14px;color:var(--text);line-height:1.5;}
.nav-drop a:hover{background:var(--blue-t);}
.nav-drop a b{display:block;font-weight:600;font-size:14.5px;color:var(--ink);}
.nav-drop a span{display:block;font-size:12px;color:var(--muted-2);letter-spacing:.02em;}
.nav-drop .nd-head{font-size:11px;letter-spacing:.14em;color:var(--muted-2);padding:6px 12px 4px;text-transform:uppercase;}

/* 首屏：淡蓝渐变 + 蓝色网格 + 橙色小标 */
.hero{background:linear-gradient(165deg,#E8F0FF 0%,#F3F8FF 46%,#FBFDFF 100%);}
.hero::before{
  background:
    radial-gradient(1000px 480px at 76% 4%,rgba(31,111,235,.18),transparent 62%),
    radial-gradient(620px 300px at 4% 100%,rgba(255,122,26,.07),transparent 70%);
}
.hero-grid{
  background-image:linear-gradient(rgba(31,111,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(31,111,235,.08) 1px,transparent 1px);
  opacity:1;
}
.hero-tag{background:#fff;border:1px solid var(--blue-line);color:var(--teal-d);box-shadow:0 4px 14px rgba(31,111,235,.08);}
.hero-tag i{background:var(--orange);box-shadow:0 0 0 4px rgba(255,122,26,.14);}
.hero h1 em{color:var(--teal);}
.hero-stats b{color:var(--ink);}
.hero-stats .st{border-right:1px solid var(--blue-line);}
.hero-stats{border-top:1px solid var(--blue-line);}
.viewport{border:1px solid rgba(11,42,74,.35);box-shadow:0 30px 70px rgba(11,42,74,.22);}
.vp-note{color:var(--muted);}

/* 按钮：主按钮改品牌蓝，次按钮白底蓝字 */
.btn--primary{background:var(--teal);color:#fff;}
.btn--primary:hover{background:var(--teal-d);box-shadow:0 8px 22px rgba(31,111,235,.28);}
.btn--outline{border-color:var(--blue-line);color:var(--teal-d);background:#fff;}
.btn--outline:hover{border-color:var(--teal);background:var(--blue-t);}
.head-cta .btn--primary{background:var(--ink);}
.head-cta .btn--primary:hover{background:#123A63;}

/* 小标签、强调线 */
.eyebrow{color:var(--teal-d);}
.eyebrow::before{background:var(--teal);height:2px;width:20px;}
.eyebrow::after{content:"";width:6px;height:6px;background:var(--orange);display:inline-block;margin-left:2px;border-radius:1px;}
.sec-note{border-left:3px solid var(--teal);}

/* 痛点图标：蓝底 */
.pain .ic{background:var(--blue-t);border-color:var(--blue-line);color:var(--teal-d);}
.pain:hover .ic{background:var(--teal);border-color:var(--teal);color:#fff;}

/* 适配卡：左蓝右橙 */
.fit-card{border-color:var(--blue-line);background:linear-gradient(180deg,#FAFCFF,#fff);}
.fit-card .badge{color:var(--teal-d);}
.fit-card--no{border-color:#FFD3AC;background:linear-gradient(180deg,#FFF9F4,#fff);}

/* 四大能力卡 */
.caps4{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.capx{
  position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:34px 34px 30px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;overflow:hidden;
}
.capx::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease);}
.capx:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(31,111,235,.12);border-color:var(--blue-line);}
.capx:hover::after{transform:scaleY(1);}
.capx .no{font-size:12px;letter-spacing:.14em;color:var(--orange);font-weight:600;}
.capx h3{margin-top:12px;font-size:22px;letter-spacing:-.01em;}
.capx .en{display:block;margin-top:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);}
.capx .lead{margin-top:16px;font-size:16.5px;font-weight:600;color:var(--teal-d);}
.capx p{margin-top:8px;font-size:15px;color:var(--muted);line-height:1.8;}
.capx .foot{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap;}
.capx .data{font-size:14px;font-weight:600;color:var(--ink);background:var(--blue-t);border:1px solid var(--blue-line);border-radius:4px;padding:6px 12px;}
.capx .tag{font-size:12.5px;color:var(--muted-2);}
.capx--fill{background:linear-gradient(150deg,#1F6FEB,#1559B8);border-color:transparent;color:#fff;}
.capx--fill .no{color:#FFC79A;}
.capx--fill h3,.capx--fill .lead{color:#fff;}
.capx--fill .en{color:rgba(255,255,255,.62);}
.capx--fill p{color:rgba(255,255,255,.82);}
.capx--fill .data{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;}
.capx--fill .tag{color:rgba(255,255,255,.7);}
.capx--fill::after{background:var(--orange);}

/* 客户墙 */
.logos--brand{grid-template-columns:repeat(4,1fr);gap:1px;}
.logos--brand div{height:96px;flex-direction:column;gap:6px;color:var(--ink);background:#fff;filter:none;font-size:17px;}
.logos--brand div small{font-size:10.5px;letter-spacing:.12em;color:var(--muted-2);text-transform:uppercase;}
.logos--brand div:hover{background:var(--blue-t);color:var(--teal-d);}

/* 数据带：整块品牌蓝 */
.metrics{
  background:linear-gradient(120deg,#1559B8 0%,#1F6FEB 52%,#3B85F0 100%);
  color:#fff;position:relative;overflow:hidden;border:0;
}
.metrics::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:56px 56px;
  mask-image:radial-gradient(70% 90% at 80% 0%,#000,transparent 70%);
  -webkit-mask-image:radial-gradient(70% 90% at 80% 0%,#000,transparent 70%);
}
.metrics>.wrap{position:relative;}
.metrics .eyebrow{color:#fff;}
.metrics .eyebrow::before{background:#fff;}
.metrics .eyebrow::after{background:#FFC79A;}
.metric-grid{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.24);}
.metric{background:transparent;}
.metric b{color:#fff;}
.metric span{color:rgba(255,255,255,.86);}
.metrics .foot{color:rgba(255,255,255,.72);}

/* 案例卡：蓝色标签 */
.case{border-color:var(--line);}
.case .tag{color:var(--teal-d);font-weight:600;letter-spacing:.08em;font-size:11.5px;text-transform:uppercase;}
.case:hover{border-color:var(--blue-line);box-shadow:0 22px 46px rgba(31,111,235,.12);}

/* 实施侧栏：蓝底浅底 */
.aside-box{background:linear-gradient(180deg,#F3F8FF,#fff);border-color:var(--blue-line);}
.aside-box b{color:var(--teal-d);}
.aside-box ul li::before{background:var(--teal);}

/* 四重回报：橙色编号 */
.value .n{color:var(--orange);font-weight:600;}
.value:hover{background:var(--blue-t);}

/* 页脚：淡蓝底 */
.site-foot{background:linear-gradient(180deg,#F5F9FF,#fff);}
.foot-col h4{color:var(--teal-d);}
.site-foot .brand .cn{color:var(--ink);}

/* ---------- 产品页：两条产品线 ---------- */
.prod{border:1px solid var(--blue-line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(11,42,74,.06);}
.prod-head{
  background:linear-gradient(120deg,#0B2A4A 0%,#1559B8 60%,#1F6FEB 100%);
  color:#fff;padding:40px 44px 36px;position:relative;overflow:hidden;
}
.prod-head::after{
  content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%);
}
.prod--yixun .prod-head{background:linear-gradient(120deg,#C25A12 0%,#FF7A1A 62%,#FF9A4D 100%);}
.prod-head .line{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.prod-head h2{font-size:30px;color:#fff;letter-spacing:-.01em;}
.prod-head .pos{font-size:12.5px;letter-spacing:.12em;color:rgba(255,255,255,.72);}
.prod-head p{margin-top:16px;font-size:16px;line-height:1.85;color:rgba(255,255,255,.86);max-width:44em;}
.prod-body{padding:38px 44px 40px;}
.prod-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 48px;}
.prod-list li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted);line-height:1.75;}
.prod-list li b{color:var(--ink);font-weight:600;white-space:nowrap;}
.prod-list li svg{flex:none;margin-top:5px;color:var(--teal);}
.prod--yixun .prod-list li svg{color:var(--orange);}
.prod-meta{display:flex;gap:40px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);}
.prod-meta div{font-size:14px;color:var(--muted);line-height:1.8;}
.prod-meta .k{display:block;font-size:11.5px;letter-spacing:.12em;color:var(--muted-2);margin-bottom:4px;}
.prod-meta .v{color:var(--ink);font-size:14.5px;}
.prod-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;}
.compare-table{width:100%;border-collapse:collapse;font-size:15px;}
.compare-table th,.compare-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.compare-table th{font-size:12.5px;letter-spacing:.08em;color:var(--muted-2);font-weight:600;background:var(--blue-t);}
.compare-table td b{color:var(--ink);}

/* ---------- 行业方案块 ---------- */
.plan{border-top:1px solid var(--line);padding:60px 0;display:grid;grid-template-columns:300px 1fr;gap:56px;}
.plan:last-of-type{border-bottom:0;padding-bottom:0;}
.plan .no{font-size:13px;letter-spacing:.14em;color:var(--orange);font-weight:600;}
.plan h2{margin-top:12px;font-size:28px;line-height:1.32;}
.plan .caps-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;}
.plan .caps-line span{font-size:12.5px;color:var(--teal-d);background:var(--blue-t);border:1px solid var(--blue-line);padding:5px 10px;border-radius:3px;}
.plan .body p{font-size:16px;color:var(--muted);line-height:1.95;}
.plan .body p + p{margin-top:16px;}
.plan .body b{color:var(--ink);font-weight:600;}

/* ---------- 案例详情卡 ---------- */
.casex{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;margin-bottom:26px;}
.casex-head{display:grid;grid-template-columns:150px 1fr;gap:0;border-bottom:1px solid var(--line);}
.casex-side{background:linear-gradient(160deg,#1F6FEB,#1559B8);color:#fff;padding:30px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;}
.casex-side .idx{font-size:12px;letter-spacing:.16em;color:rgba(255,255,255,.7);}
.casex-side .num{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1;}
.casex-main{padding:30px 34px 26px;}
.casex-tags{display:flex;gap:8px;flex-wrap:wrap;}
.casex-tags span{font-size:12px;color:var(--teal-d);background:var(--blue-t);border:1px solid var(--blue-line);padding:4px 9px;border-radius:3px;}
.casex-main h3{margin-top:14px;font-size:24px;}
.casex-main .en{display:block;margin-top:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);}
.casex-main .sum{margin-top:16px;font-size:15.5px;color:var(--muted);line-height:1.85;max-width:52em;}
.casex-body{padding:8px 34px 30px;}
.casex-row{display:grid;grid-template-columns:104px 1fr;gap:22px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.9;}
.casex-row:last-child{border-bottom:0;}
.casex-row dt{color:var(--muted-2);font-size:13px;letter-spacing:.04em;padding-top:3px;}
.casex-row dd{margin:0;color:var(--muted);}
.casex-row dd b{color:var(--ink);font-weight:600;}
.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;}
.chip-row span{font-size:13px;color:#B4481A;background:#FFF4EC;border:1px solid #FFD3AC;padding:4px 10px;border-radius:3px;}

/* ---------- 关于页 ---------- */
.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--blue-line);border:1px solid var(--blue-line);border-radius:8px;overflow:hidden;}
.stat-strip div{background:#fff;padding:28px 26px;}
.stat-strip b{display:block;font-size:34px;color:var(--teal-d);letter-spacing:-.02em;}
.stat-strip span{display:block;margin-top:8px;font-size:14px;color:var(--muted);}
.team{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.team-card{border:1px solid var(--blue-line);border-radius:8px;padding:34px 32px;background:linear-gradient(180deg,#FAFCFF,#fff);}
.team-card h3{font-size:22px;}
.team-card .sub{margin-top:8px;font-size:13.5px;color:var(--muted-2);}
.team-card ul{margin-top:22px;display:grid;gap:16px;}
.team-card li{font-size:15px;color:var(--muted);line-height:1.85;padding-left:18px;position:relative;}
.team-card li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:1px;background:var(--teal);}
.team-card--orange{border-color:#FFD3AC;background:linear-gradient(180deg,#FFF9F4,#fff);}
.team-card--orange li::before{background:var(--orange);}
.team-card li b{color:var(--ink);font-weight:600;}

/* 页脚四列（方案要求） */
.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr;}
.foot-brand .qr{margin-top:20px;}
.foot-brand .qr-note{font-size:12px;color:var(--muted-2);margin-top:8px;}
.hero-actions .btn--ghost{background:rgba(255,255,255,.7);border-color:var(--blue-line);color:var(--teal-d);}
.hero-actions .btn--ghost:hover{background:#fff;border-color:var(--teal);}

@media(max-width:1080px){
  .caps4{grid-template-columns:1fr;}
  .plan{grid-template-columns:1fr;gap:26px;}
  .prod-head{padding:32px 28px;}
  .prod-body{padding:28px 26px 32px;}
  .prod-list{grid-template-columns:1fr;}
  .logos--brand{grid-template-columns:repeat(3,1fr);}
  .casex-head{grid-template-columns:120px 1fr;}
  .team{grid-template-columns:1fr;}
  .stat-strip{grid-template-columns:1fr;}
}
@media(max-width:860px){
  .nav-item>.nav-drop{display:none;}
  .logos--brand{grid-template-columns:1fr 1fr;}
  .casex-head{grid-template-columns:1fr;}
  .casex-side{flex-direction:row;align-items:center;padding:20px 22px;}
  .casex-side .num{font-size:26px;}
  .casex-main{padding:22px;}
  .casex-body{padding:0 22px 22px;}
  .casex-row{grid-template-columns:1fr;gap:6px;}
  .prod-meta{gap:22px;}
  .compare-table th,.compare-table td{padding:12px 10px;font-size:14px;}
}

/* ============================================================
   v4：7 家客户墙（一列排满，避免空位）
   ============================================================ */
.logos--7{grid-template-columns:repeat(7,1fr);}
@media(max-width:1080px){.logos--7{grid-template-columns:repeat(4,1fr);}}
@media(max-width:680px){.logos--7{grid-template-columns:1fr 1fr;}}

/* ============================================================
   v5：导航栏对齐修正
   1) 一级项与二级项统一高度、垂直居中，避免文字高低不齐
   2) 下划线只作用于一级项，二级菜单不再出现错误下划线
   ============================================================ */
.site-head .head-inner{gap:36px;}
.nav{align-items:center;gap:34px;}
.nav>a,.nav-item>a{display:inline-flex;align-items:center;height:34px;padding:0;line-height:1;}
.nav-item{display:flex;align-items:center;}
.nav-item>.nav-drop{top:calc(100% + 20px);}
.nav-item>.nav-drop::before{top:-20px;height:20px;}
.nav-drop a{padding:9px 12px;height:auto;line-height:1.5;}
.nav a::after{display:none;}
.nav>a::after,.nav-item>a::after{display:block;}
.nav>a:hover::after,.nav>a.is-active::after,
.nav-item:hover>a::after,.nav-item>a.is-active::after{right:0;}
@media(max-width:980px){
  .nav{gap:26px;}
}

/* 抽屉关闭时彻底隐藏，避免任何渲染状态下漏出 */
.drawer{visibility:hidden;}
.drawer.is-open{visibility:visible;}

/* 抽屉关闭时彻底隐藏，避免任何渲染状态下漏出 */
.drawer{visibility:hidden;}
.drawer.is-open{visibility:visible;}

/* 页脚邮箱链接 */
.foot-col .line a{color:inherit;border-bottom:1px solid transparent;transition:border-color .2s,color .2s;}
.foot-col .line a:hover{color:var(--teal-d);border-bottom-color:var(--teal);}

/* ============================================================
   v6：深色页头 + 品牌 logo 图 + 首页实拍大图
   ============================================================ */
.site-head{background:#0B2A4A;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:none;}
.nav{color:rgba(255,255,255,.78);}
.nav a{color:rgba(255,255,255,.78);}
.nav a:hover{color:#fff;}
.nav a.is-active{color:#fff;}
.brand--head{gap:0;}
.brand-img{height:40px;width:auto;display:block;}
.burger span,.burger span::before,.burger span::after{background:#fff;}
.hero-shot{margin:0;border-radius:10px;overflow:hidden;border:1px solid rgba(11,42,74,.35);box-shadow:0 30px 70px rgba(11,42,74,.22);background:#0B2A4A;}
.hero-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}
.hero-shot figcaption{display:flex;align-items:center;gap:10px;padding:12px 18px;font-size:13px;color:#C9D6E8;background:#0B2A4A;}
.hero-shot .live{margin-left:auto;color:#8DB6F5;font-size:12px;letter-spacing:.06em;}
.hero-shot .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none;}
@media(max-width:480px){.brand-img{height:32px;}}

/* ============================================================
   v6：深色页头 + 品牌 logo 图 + 首页实拍大图
   ============================================================ */
.site-head{background:#0B2A4A;border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:none;}
.nav{color:rgba(255,255,255,.78);}
.nav a{color:rgba(255,255,255,.78);}
.nav a:hover{color:#fff;}
.nav a.is-active{color:#fff;}
.brand--head{gap:0;}
.brand-img{height:40px;width:auto;display:block;}
.burger span,.burger span::before,.burger span::after{background:#fff;}
.hero-shot{margin:0;border-radius:10px;overflow:hidden;border:1px solid rgba(11,42,74,.35);box-shadow:0 30px 70px rgba(11,42,74,.22);background:#0B2A4A;}
.hero-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}
.hero-shot figcaption{display:flex;align-items:center;gap:10px;padding:12px 18px;font-size:13px;color:#C9D6E8;background:#0B2A4A;}
.hero-shot .live{margin-left:auto;color:#8DB6F5;font-size:12px;letter-spacing:.06em;}
.hero-shot .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none;}
@media(max-width:480px){.brand-img{height:32px;}}

/* ============================================================
   v7：logo 更新 + 下拉菜单文字色修正
   ============================================================ */
/* 页头 logo 用透明底版，加大占比 */
.brand-img{height:50px;width:auto;display:block;}
@media(max-width:480px){.brand-img{height:40px;}}
/* 页脚 logo */
.brand-img--foot{height:46px;margin-bottom:6px;}
/* 修正：v6 的 .nav a 浅色规则覆盖了白底下拉菜单里的深色文字 */
.nav .nav-drop a{color:var(--text);}
.nav .nav-drop a:hover{color:var(--ink);}
.nav .nav-drop a b{color:var(--ink);}
.nav .nav-drop a span{color:var(--muted-2);}

/* ============================================================
   v7：logo 更新 + 下拉菜单文字色修正
   ============================================================ */
/* 页头 logo 用透明底版，加大占比 */
.brand-img{height:50px;width:auto;display:block;}
@media(max-width:480px){.brand-img{height:40px;}}
/* 页脚 logo */
.brand-img--foot{height:46px;margin-bottom:6px;}
/* 修正：v6 的 .nav a 浅色规则覆盖了白底下拉菜单里的深色文字 */
.nav .nav-drop a{color:var(--text);}
.nav .nav-drop a:hover{color:var(--ink);}
.nav .nav-drop a b{color:var(--ink);}
.nav .nav-drop a span{color:var(--muted-2);}

/* v8：页头颜色调浅、降饱和 */
.site-head{background:#33526E;}

/* v9：页头改浅蓝，导航文字回深色 */
.site-head{background:#D9E7FA;border-bottom:1px solid #C3D8F4;}
.nav{color:#41566C;}
.nav a{color:#41566C;}
.nav a:hover{color:var(--ink);}
.nav a.is-active{color:var(--ink);}
.burger span,.burger span::before,.burger span::after{background:var(--ink);}

/* ============================================================
   v10：页头改白色磨砂 —— 推荐方案
   白底 + 细蓝灰描边 + 极轻投影，logo 与彩色图形更干净，
   与浅色首屏形成"浮起一层"的层次，不抢标题视觉。
   ============================================================ */
.site-head{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid #E3EBF6;
  box-shadow:0 6px 22px rgba(11,42,74,.05);
}
.nav{color:#33465A;}
.nav a{color:#33465A;}
.nav a:hover{color:var(--teal-d);}
.nav a.is-active{color:var(--ink);}
.burger span,.burger span::before,.burger span::after{background:var(--ink);}

/* ============================================================
   v10：页头改白色磨砂 —— 推荐方案
   白底 + 细蓝灰描边 + 极轻投影，logo 与彩色图形更干净，
   与浅色首屏形成"浮起一层"的层次，不抢标题视觉。
   ============================================================ */
.site-head{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid #E3EBF6;
  box-shadow:0 6px 22px rgba(11,42,74,.05);
}
.nav{color:#33465A;}
.nav a{color:#33465A;}
.nav a:hover{color:var(--teal-d);}
.nav a.is-active{color:var(--ink);}
.burger span,.burger span::before,.burger span::after{background:var(--ink);}

/* ============================================================
   v15：产品拆分为两页（product-zhixu / product-yixun）新增样式
   ============================================================ */
/* 适用工位 2x2 卡片 */
.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.apply-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px 30px;}
.apply-card h3{font-size:19px;color:var(--ink);letter-spacing:-.01em;}
.apply-card ul{margin-top:14px;display:grid;gap:8px;}
.apply-card li{position:relative;padding-left:16px;font-size:14.5px;color:var(--muted);line-height:1.7;}
.apply-card li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--teal);}

/* 怎么用 三步流程 */
.flow3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.flow3 .step{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px 30px;}
.flow3 .step .no{font-size:12px;letter-spacing:.14em;color:var(--orange);font-weight:600;}
.flow3 .step h3{margin-top:10px;font-size:20px;color:var(--ink);letter-spacing:-.01em;}
.flow3 .step p{margin-top:10px;font-size:15px;color:var(--muted);line-height:1.8;}

/* 硬件与部署 */
.hw-lead{font-size:16.5px;color:var(--ink);line-height:1.8;max-width:36em;}
.hw-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hw-chips span{font-size:14px;color:var(--ink);background:var(--blue-t);border:1px solid var(--blue-line);border-radius:4px;padding:8px 14px;}

/* 边界与适用 */
.bounds{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.bounds .b-card{border-radius:8px;padding:30px 32px;border:1px solid var(--line);background:#fff;}
.bounds .b-card--no{border-color:#F3D9C4;background:#FFF9F4;}
.bounds .b-card--no h3{color:#C25A12;}
.bounds .b-card--yes h3{color:var(--teal-d);}
.bounds .b-card h3{font-size:18px;letter-spacing:-.01em;}
.bounds .b-card p{margin-top:12px;font-size:15px;color:var(--muted);line-height:1.8;}

@media(max-width:900px){
  .apply-grid,.flow3,.bounds{grid-template-columns:1fr;}
}

/* ============================================================
   v16：客户案例卡顶部实拍图横幅
   ============================================================ */
.casex-media{position:relative;margin:0;border-bottom:1px solid var(--line);background:#0B2A4A;}
.casex-media img{display:block;width:100%;aspect-ratio:4/1;max-height:260px;object-fit:cover;}
.casex-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,transparent,rgba(11,42,74,.55));pointer-events:none;}
.casex-media figcaption{position:absolute;left:20px;bottom:16px;display:flex;align-items:center;gap:9px;font-size:13px;color:#fff;letter-spacing:.06em;z-index:1;}
.casex-media .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none;box-shadow:0 0 0 3px rgba(255,122,26,.28);}
@media(max-width:760px){.casex-media img{aspect-ratio:16/7;max-height:none;}}

/* ============================================================
   v17：案例卡左侧编号底色改为实拍图，图片列加宽
   ============================================================ */
.casex-head{grid-template-columns:minmax(300px,34%) 1fr;}
.casex-side--img{position:relative;padding:0;display:block;background:#0B2A4A;overflow:hidden;}
.casex-side--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.casex-side--img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,25,44,.06) 35%,rgba(6,25,44,.78) 100%);}
.casex-id{position:absolute;left:24px;bottom:22px;z-index:1;display:flex;flex-direction:column;gap:6px;}
.casex-id .idx{font-size:12px;letter-spacing:.16em;color:rgba(255,255,255,.85);}
.casex-id .num{font-size:46px;font-weight:600;letter-spacing:-.03em;line-height:1;color:#fff;}
@media(max-width:900px){
  .casex-head{grid-template-columns:1fr;}
  .casex-side--img{height:210px;}
}

/* ============================================================
   v18：行业方案左侧「方案N」改为实拍图，图片列加宽
   ============================================================ */
.plan{grid-template-columns:minmax(280px,32%) 1fr;align-items:stretch;}
.plan-media{position:relative;margin:0;min-height:230px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0B2A4A;}
.plan-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.plan-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,25,44,.06) 40%,rgba(6,25,44,.7) 100%);}
.plan-id{position:absolute;left:20px;bottom:18px;z-index:1;}
.plan-id .no{display:inline-block;font-size:12.5px;letter-spacing:.14em;color:#fff;font-weight:600;background:rgba(6,25,44,.55);border:1px solid rgba(255,255,255,.3);padding:5px 11px;border-radius:3px;backdrop-filter:blur(4px);}
.plan-media ~ div h2{margin-top:0;}
@media(max-width:900px){
  .plan{grid-template-columns:1fr;}
  .plan-media{min-height:0;height:210px;}
}

/* ============================================================
   v19：首页能力卡橙色功能名放大 / 页脚二维码图片 / 产品页界面图
   ============================================================ */
/* 能力卡：橙色四字功能名放大为主视觉 */
.caps4 .capx .no{font-size:25px;font-weight:700;letter-spacing:.02em;line-height:1.2;display:flex;align-items:baseline;gap:9px;}
.caps4 .capx .no em{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.12em;opacity:.62;}
.caps4 .capx h3{font-size:18px;color:var(--muted);font-weight:600;margin-top:10px;letter-spacing:.01em;}
.caps4 .capx--fill h3{color:rgba(255,255,255,.78);}

/* 页脚二维码图片 */
.qr{width:76px;height:76px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--line);}
.qr img{display:block;width:100%;height:100%;object-fit:contain;}

/* 行业方案图片角标：文字描述不换行 */
.plan-id .no{white-space:nowrap;}


/* ============================================================
   v20：产品页界面图移到页头（浅灰区）右侧
   ============================================================ */
.page-head .ph-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,46%);
  gap:60px;
  align-items:center;
}
.page-head .ph-txt{min-width:0;}
.page-head .ph-shot{
  margin:0;position:relative;border-radius:12px;overflow:hidden;
  border:1px solid #DCE6F4;background:#fff;
  box-shadow:0 24px 56px rgba(11,42,74,.16),0 3px 10px rgba(11,42,74,.06);
}
.page-head .ph-shot img{display:block;width:100%;height:auto;}
/* 截图投一层极淡的品牌蓝内发光，和浅灰底更贴合 */
.page-head .ph-shot::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);
}
@media(max-width:1080px){
  .page-head .ph-grid{grid-template-columns:1fr;gap:36px;}
  .page-head .ph-shot{max-width:560px;}
}

/* ============================================================
   v21：页脚二维码悬浮放大 + 导航「产品与技术」父项不可点击
   ============================================================ */
/* 二维码：鼠标悬停放大 2 倍（不挤动布局） */
.qr{
  position:relative;z-index:1;cursor:zoom-in;
  transform-origin:left center;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s ease,border-color .34s ease;
  will-change:transform;
}
.qr:hover{
  transform:scale(2);
  z-index:30;
  border-color:#C7D8EF;
  border-radius:8px;
  box-shadow:0 18px 44px rgba(11,42,74,.24),0 2px 6px rgba(11,42,74,.1);
}
@media(hover:none){.qr:hover{transform:none;}}

/* 导航一级项「产品与技术」：标签形态，不可点击，仍可展开下拉 */
.nav-item>.nav-label{
  position:relative;display:inline-flex;align-items:center;height:34px;
  padding:0;line-height:1;color:inherit;cursor:default;
  transition:color .2s;
}
.nav-item>.nav-label::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;
  background:var(--teal);transition:right .3s var(--ease);
}
.nav-item:hover>.nav-label{color:var(--teal-d);}
.nav-item:hover>.nav-label::after{right:0;}
.nav-item>.nav-label.is-active{color:var(--ink);font-weight:600;}
.nav-item>.nav-label.is-active::after{right:0;}

/* 移动端抽屉：产品与技术作为分组标题 */
.drawer-label{
  display:block;margin-top:6px;padding:14px 0 8px;
  font-size:12px;letter-spacing:.12em;color:var(--muted-2);
  border-bottom:1px solid var(--line);
}

/* ============================================================
   v21：页脚二维码悬浮放大 + 导航「产品与技术」父项不可点击
   ============================================================ */
/* 二维码：鼠标悬停放大 2 倍（不挤动布局） */
.qr{
  position:relative;z-index:1;cursor:zoom-in;
  transform-origin:left center;
  transition:transform .34s cubic-bezier(.22,.61,.36,1),box-shadow .34s ease,border-color .34s ease;
  will-change:transform;
}
.qr:hover{
  transform:scale(2);
  z-index:30;
  border-color:#C7D8EF;
  border-radius:8px;
  box-shadow:0 18px 44px rgba(11,42,74,.24),0 2px 6px rgba(11,42,74,.1);
}
@media(hover:none){.qr:hover{transform:none;}}

/* 导航一级项「产品与技术」：标签形态，不可点击，仍可展开下拉 */
.nav-item>.nav-label{
  position:relative;display:inline-flex;align-items:center;height:34px;
  padding:0;line-height:1;color:inherit;cursor:default;
  transition:color .2s;
}
.nav-item>.nav-label::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;
  background:var(--teal);transition:right .3s var(--ease);
}
.nav-item:hover>.nav-label{color:var(--teal-d);}
.nav-item:hover>.nav-label::after{right:0;}
.nav-item>.nav-label.is-active{color:var(--ink);font-weight:600;}
.nav-item>.nav-label.is-active::after{right:0;}

/* 移动端抽屉：产品与技术作为分组标题 */
.drawer-label{
  display:block;margin-top:6px;padding:14px 0 8px;
  font-size:12px;letter-spacing:.12em;color:var(--muted-2);
  border-bottom:1px solid var(--line);
}

/* ============================================================
   v22：页脚备案号（链接到工信部备案系统）
   ============================================================ */
.foot-bottom a[href*="beian"]{color:inherit;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;}
.foot-bottom a[href*="beian"]:hover{color:var(--teal-d);border-bottom-color:currentColor;}

/* ============================================================
   v22：页脚备案号（链接到工信部备案系统）
   ============================================================ */
.foot-bottom a[href*="beian"]{color:inherit;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;}
.foot-bottom a[href*="beian"]:hover{color:var(--teal-d);border-bottom-color:currentColor;}