/* ============================================================
   世舶科技官网 2.0 全站样式
   VI：深空蓝 #0a1a2f / 品牌蓝 #2f7af8 / 天蓝 #4ab3ff
   ============================================================ */
:root{
  --navy:#0a1a2f;
  --navy-2:#0d2440;
  --navy-3:#123059;
  --blue:#2f7af8;
  --blue-dark:#1f5fd8;
  --sky:#4ab3ff;
  --cyan:#1bd0ff;
  --gold:#ffc233;
  --ink:#15263d;
  --gray:#55657a;
  --gray-2:#8a98ab;
  --line:#e3eaf4;
  --bg:#f8fbff;
  --bg-2:#eef4ff;
  --white:#fff;
  --green:#18b26b;
  --red:#e0524d;
  --radius:14px;
  --shadow:0 8px 30px rgba(10,26,47,.08);
  --shadow-lg:0 16px 48px rgba(10,26,47,.14);
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--ink);background:#fff;line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
::selection{background:rgba(47,122,248,.18);}

/* ---------- 通用区块 ---------- */
.section{padding:84px 0;}
.section.bg{background:var(--bg);}
.section.navy{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 55%,#12365f 100%);color:#d7e2f2;}
.section.navy .sec-title,.section.navy .sec-sub{color:#fff;}
.sec-kicker{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.18em;color:var(--blue);text-transform:uppercase;margin-bottom:10px;}
.sec-title{font-size:34px;font-weight:800;line-height:1.35;color:var(--navy);letter-spacing:.01em;}
.sec-sub{margin-top:14px;font-size:16.5px;color:var(--gray);max-width:760px;}
.sec-head{margin-bottom:46px;}
.sec-head.center{text-align:center;}
.sec-head.center .sec-sub{margin-left:auto;margin-right:auto;}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:10px;font-size:15.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 8px 22px rgba(47,122,248,.35);}
.btn-primary:hover{box-shadow:0 12px 30px rgba(47,122,248,.45);}
.btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#eaf2ff;}
.btn-ghost:hover{background:rgba(255,255,255,.12);}
.btn-outline{background:#fff;border-color:#c9d8ee;color:var(--blue);}
.btn-outline:hover{border-color:var(--blue);background:#f2f7ff;}
.btn-gold{background:linear-gradient(135deg,#ffcf4d,#f5a81c);color:#3d2b00;box-shadow:0 8px 22px rgba(245,168,28,.35);}
.btn-lg{padding:16px 36px;font-size:16.5px;border-radius:12px;}
.btn-sm{padding:8px 18px;font-size:14px;border-radius:8px;}

/* ---------- 头部导航 ---------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .25s ease,box-shadow .25s ease;}
.site-header .hd-inner{display:flex;align-items:center;height:72px;gap:28px;}
.site-header.transparent{background:transparent;}
.site-header.solid{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 2px 16px rgba(10,26,47,.08);}
.site-header.solid .nav-link{color:var(--ink);}
.site-header.solid .nav-link:hover,.site-header.solid .nav-link.active{color:var(--blue);}
.site-header.solid .hd-phone{color:var(--ink);}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo img{height:38px;width:auto;}
.logo .logo-text{font-size:20px;font-weight:800;color:#fff;letter-spacing:.04em;transition:color .25s;}
.logo .logo-text small{display:block;font-size:10px;font-weight:500;letter-spacing:.24em;opacity:.65;line-height:1.2;}
.site-header.solid .logo-text{color:var(--navy);}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto;}
.nav-item{position:relative;}
.nav-link{display:flex;align-items:center;gap:4px;padding:10px 14px;font-size:15px;font-weight:500;color:rgba(255,255,255,.85);border-radius:8px;transition:color .2s;}
.nav-link:hover{color:#fff;}
.nav-link .caret{display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.nav-item.open .caret{transform:rotate(225deg) translateY(-2px);}
.dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);min-width:300px;background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);padding:10px;opacity:0;visibility:hidden;transition:all .22s ease;}
.nav-item.open .dropdown,.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown a.dd-item{display:flex;gap:12px;padding:11px 12px;border-radius:10px;transition:background .15s;}
.dropdown a.dd-item:hover{background:var(--bg);}
.dd-icn{width:36px;height:36px;border-radius:9px;background:var(--bg-2);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.dd-txt b{display:block;font-size:14.5px;color:var(--navy);line-height:1.4;}
.dd-txt span{font-size:12.5px;color:var(--gray-2);line-height:1.4;}

/* ---------- 版本切换 ---------- */
.ver-switch{position:relative;flex-shrink:0;}
.ver-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.06);font-size:12.5px;font-weight:600;font-family:var(--font);color:rgba(255,255,255,.9);cursor:pointer;transition:all .2s ease;letter-spacing:.04em;}
.ver-btn .caret{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.ver-switch:hover .ver-btn,.ver-switch.open .ver-btn{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.14);color:#fff;}
.ver-switch:hover .ver-btn .caret,.ver-switch.open .ver-btn .caret{transform:rotate(225deg) translateY(-1px);}
.site-header.solid .ver-btn{border-color:#c9d8ee;background:#f6f9ff;color:var(--gray);}
.site-header.solid .ver-switch:hover .ver-btn,.site-header.solid .ver-switch.open .ver-btn{border-color:var(--blue);background:#eef4ff;color:var(--blue);}
.ver-menu{min-width:252px;left:-6px;transform:translateY(8px);}
.ver-switch:hover .dropdown,.ver-switch.open .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.ver-menu .dd-item{align-items:center;}
.v-badge{width:auto;min-width:38px;height:36px;padding:0 9px;border-radius:9px;font-size:12.5px;font-weight:800;letter-spacing:.02em;}
.v-badge.b0{background:#eef2f7;color:#8a98ab;}
.v-badge.b1{background:#e2ebf8;color:#5b7ba8;}
.v-badge.b2{background:#d6e6fd;color:#2f6fe0;}
.v-badge.b3{background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;}
.ver-menu .dd-txt{flex:1;}
.hd-actions{display:flex;align-items:center;gap:16px;margin-left:18px;}
.hd-phone{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:rgba(255,255,255,.9);}
.hd-phone .icn{font-size:16px;}
.burger{display:none;width:42px;height:42px;border:none;background:transparent;cursor:pointer;position:relative;z-index:1100;}
.burger span{display:block;width:22px;height:2px;background:#fff;margin:5px auto;border-radius:2px;transition:all .25s;}
.site-header.solid .burger span{background:var(--navy);}
body.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
body.menu-open .burger span:nth-child(2){opacity:0;}
body.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* 移动端抽屉 */
.mobile-drawer{position:fixed;inset:0;z-index:1050;background:var(--navy);padding:90px 28px 40px;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;}
body.menu-open .mobile-drawer{transform:none;}
.mobile-drawer .md-link{display:block;padding:14px 4px;font-size:17px;font-weight:600;color:#eaf2ff;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-drawer .md-group{font-size:13px;color:var(--gray-2);letter-spacing:.14em;margin:22px 0 6px;}
.mobile-drawer .btn{width:100%;margin-top:26px;}

/* ---------- Hero ---------- */
.hero{position:relative;padding:168px 0 90px;background:linear-gradient(158deg,#081426 0%,var(--navy) 46%,#12325e 100%);color:#eaf2ff;}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(700px 420px at 82% -8%,rgba(47,122,248,.32),transparent 60%),
  radial-gradient(560px 380px at -6% 108%,rgba(27,208,255,.18),transparent 60%);}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 60% 30%,#000 30%,transparent 75%);}
.hero .container{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:99px;background:rgba(47,122,248,.16);border:1px solid rgba(74,179,255,.35);color:#a8d4ff;font-size:13.5px;font-weight:500;margin-bottom:22px;}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{font-size:46px;line-height:1.28;font-weight:800;color:#fff;letter-spacing:.01em;}
.hero h1 .hl{background:linear-gradient(100deg,#7db4ff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-sub{margin-top:20px;font-size:17px;line-height:1.9;color:rgba(215,226,240,.88);max-width:600px;}
.hero-sub b{color:#ffd66b;font-weight:700;}
.hero-cta{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap;}
/* Hero 公众号二维码 hover 卡 */
.qr-hover{position:relative;display:inline-flex;}
.qr-hover .qr-link{cursor:pointer;}
.qr-hover .qr-link::after{content:'';position:absolute;left:14px;right:14px;bottom:10px;height:1px;background:rgba(234,242,255,.45);transform:scaleX(0);transform-origin:left;transition:transform .2s;}
.qr-hover:hover .qr-link::after,.qr-hover.open .qr-link::after{transform:scaleX(1);}
.qr-pop{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%) translateY(8px);background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);padding:14px 14px 10px;width:158px;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:60;}
.qr-pop::before{content:'';position:absolute;top:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px;}
.qr-pop img{width:128px;height:128px;margin:0 auto;display:block;border-radius:8px;}
.qr-pop .qr-title{display:block;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:10px;}
.qr-pop .qr-cap{display:block;font-size:12px;color:var(--gray);margin-top:8px;white-space:nowrap;}
.qr-hover:hover .qr-pop,.qr-hover.open .qr-pop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
@media (max-width:720px){.qr-pop{left:auto;right:-8px;transform:translateY(8px);}.qr-hover:hover .qr-pop,.qr-hover.open .qr-pop{transform:translateY(0);}}
.hero-trust{margin-top:40px;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13.5px;color:rgba(215,226,240,.72);}
.hero-trust span{display:inline-flex;align-items:center;gap:7px;}
.hero-trust .tk{color:#4ade80;}
/* 子页 hero（紧凑版） */
.hero.page{padding:150px 0 70px;}
.hero.page h1{font-size:38px;}

/* ---------- CSS 绘制的产品界面 mock ---------- */
.mock{background:#0d2440;border:1px solid rgba(120,170,255,.22);border-radius:16px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.4);position:relative;}
.mock .mock-bar{display:flex;gap:6px;margin-bottom:14px;}
.mock .mock-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16);}
.mock .mock-bar i:first-child{background:#ff5f57;}.mock .mock-bar i:nth-child(2){background:#febc2e;}.mock .mock-bar i:nth-child(3){background:#28c840;}
.mock .mock-title{font-size:12.5px;color:rgba(200,220,248,.6);margin-bottom:12px;letter-spacing:.08em;}
.chat-bubble{max-width:88%;padding:11px 15px;border-radius:12px;font-size:13.8px;line-height:1.7;margin-bottom:10px;}
.chat-user{margin-left:auto;background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;border-bottom-right-radius:4px;}
.chat-ai{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#d8e6fb;border-bottom-left-radius:4px;}
.chat-ai .tag{display:inline-block;background:rgba(74,179,255,.2);color:#9fd2ff;border-radius:5px;padding:1px 8px;font-size:12px;margin:2px 3px 2px 0;}
.data-row{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:rgba(255,255,255,.05);border-radius:9px;margin-bottom:8px;font-size:13px;color:#c8dcf5;border:1px solid rgba(255,255,255,.07);}
.data-row b{color:#fff;font-weight:600;}
.data-row .amt{color:#ffd66b;font-weight:700;}
.data-row .st{font-size:11.5px;padding:2px 9px;border-radius:99px;background:rgba(74,179,255,.16);color:#8fc9ff;}

/* ---------- 数字条 ---------- */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.stat{text-align:center;padding:30px 12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);}
.stat .num{font-size:38px;font-weight:800;color:var(--blue);line-height:1.1;font-variant-numeric:tabular-nums;}
.stat .num small{font-size:22px;font-weight:700;}
.stat .lbl{margin-top:8px;font-size:14.5px;font-weight:600;color:var(--ink);}
.stat .dsc{margin-top:4px;font-size:12.5px;color:var(--gray-2);line-height:1.5;}
.section.navy .stat{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none;}
.section.navy .stat .num{color:#7db4ff;}
.section.navy .stat .lbl{color:#fff;}
.section.navy .stat .dsc{color:rgba(215,226,240,.6);}

/* ---------- 卡片网格 ---------- */
.grid{display:grid;gap:22px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s;position:relative;overflow:hidden;}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(47,122,248,.35);}
.card .c-icn{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#eaf3ff,#dbe9ff);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;}
.card h3{font-size:18.5px;font-weight:700;color:var(--navy);margin-bottom:8px;line-height:1.5;}
.card p{font-size:14.5px;color:var(--gray);line-height:1.8;}
.card .c-tag{position:absolute;top:18px;right:18px;font-size:11.5px;font-weight:600;color:var(--blue);background:var(--bg-2);border-radius:99px;padding:3px 10px;}
.card ul{list-style:none;margin-top:12px;}
.card ul li{font-size:14px;color:var(--gray);padding-left:20px;position:relative;margin-bottom:7px;line-height:1.65;}
.card ul li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--blue),var(--sky));}

/* 产品分流卡（深色大卡片） */
.prod-card{display:flex;flex-direction:column;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:30px 26px;transition:transform .2s,border-color .2s,background .2s;}
.prod-card:hover{transform:translateY(-5px);border-color:rgba(74,179,255,.5);background:rgba(255,255,255,.07);}
.prod-card .p-icn{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,rgba(47,122,248,.9),rgba(27,208,255,.75));display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:18px;}
.prod-card h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:6px;}
.prod-card .p-pos{color:var(--cyan);font-size:13.5px;font-weight:500;margin-bottom:12px;}
.prod-card p{color:rgba(215,226,240,.78);font-size:14.5px;flex:1;}
.prod-card .p-who{margin:14px 0 18px;font-size:13px;color:rgba(215,226,240,.6);}
.prod-card .p-who b{color:#a8d4ff;font-weight:600;}
.prod-card .btn{align-self:flex-start;}

/* ---------- 对照表（痛点 vs 结果） ---------- */
.vs-wrap{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid var(--line);overflow:hidden;}
.vs-head,.vs-row{display:grid;grid-template-columns:1.05fr .9fr 1.05fr;}
.vs-head div{padding:16px 24px;font-weight:700;font-size:15.5px;text-align:center;}
.vs-head div:first-child{background:#f4f7fb;color:var(--gray);}
.vs-head div:nth-child(2){background:var(--bg-2);color:var(--blue);font-size:14px;letter-spacing:.1em;}
.vs-head div:last-child{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;}
.vs-row{border-top:1px solid var(--line);}
.vs-row>div{padding:22px 24px;display:flex;align-items:center;gap:10px;font-size:14.8px;line-height:1.7;}
.vs-row .v-old{color:var(--gray);}
.vs-row .v-mid{justify-content:center;color:var(--blue);font-weight:700;font-size:13.5px;text-align:center;background:var(--bg);}
.vs-row .v-new{color:var(--ink);background:linear-gradient(90deg,#f6faff,transparent);font-weight:600;}
.vs-row .v-new .icn{color:var(--green);font-weight:700;}
.vs-row .v-old .icn{color:var(--red);font-weight:700;}

/* ---------- 普通对照表格 ---------- */
.tbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:14.5px;}
.tbl th{background:var(--bg-2);color:var(--navy);font-weight:700;padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:14px;}
.tbl td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--gray);vertical-align:top;line-height:1.7;}
.tbl tr:last-child td{border-bottom:none;}
.tbl td:first-child{font-weight:600;color:var(--ink);}
.tbl .hi{color:var(--blue);font-weight:700;}
.tbl .ok{color:var(--green);font-weight:700;}
.tbl .no{color:var(--red);}

/* ---------- 会员权益对照表（分组版） ---------- */
.tbl-wrap{overflow-x:auto;border-radius:var(--radius);}
.tbl.tbl-plan{min-width:760px;table-layout:fixed;}
.tbl.tbl-plan th,.tbl.tbl-plan td{text-align:center;padding:12px 14px;}
.tbl.tbl-plan th:first-child,.tbl.tbl-plan td:first-child,.tbl.tbl-plan td.t-cat{text-align:left;}
.tbl.tbl-plan thead th{font-size:15px;padding:16px 14px;}
.tbl.tbl-plan th.t-rec,.tbl.tbl-plan td.t-rec{background:#eaf2ff;}
.tbl.tbl-plan thead th.t-rec{color:var(--blue);}
.tbl.tbl-plan td.t-cat{background:var(--bg-2);font-weight:700;color:var(--navy);width:118px;font-size:13.5px;border-right:1px solid var(--line);}
.tbl.tbl-plan td.t-name{color:var(--ink);font-weight:600;width:150px;}
.t-rec-badge{display:inline-block;background:var(--blue);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px;}
.t-yes{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e3f7ec;color:var(--green);font-size:12px;font-weight:800;}
.t-no{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fdeaea;color:var(--red);font-size:12px;font-weight:800;}
.t-hot{color:#e8590c;font-weight:800;}

/* ---------- 流程时序 ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step;}
.steps.six{grid-template-columns:repeat(6,1fr);}
.steps.three{grid-template-columns:repeat(3,1fr);}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;position:relative;box-shadow:var(--shadow);}
.step .s-no{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:14px;}
.step h4{font-size:16.5px;color:var(--navy);margin-bottom:6px;}
.step p{font-size:13.8px;color:var(--gray);line-height:1.7;}

/* ---------- 代码块 ---------- */
.code{background:#0d1b2e;border-radius:14px;padding:22px 24px;font-family:"JetBrains Mono",Consolas,monospace;font-size:13.5px;line-height:1.8;color:#a9d1ff;overflow-x:auto;border:1px solid rgba(120,170,255,.18);}
.code .c1{color:#5f768f;}.code .c2{color:#ffd66b;}.code .c3{color:#4ade80;}.code .c4{color:#7db4ff;}

/* ---------- Logo 墙 ---------- */
.logo-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.logo-wall .lw{display:flex;align-items:center;justify-content:center;padding:18px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:14.5px;font-weight:600;color:var(--gray);letter-spacing:.02em;}
.section.navy .logo-wall .lw{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:rgba(230,240,255,.85);}

/* ---------- 行业标签 ---------- */
.tags{display:flex;flex-wrap:wrap;gap:12px;}
.tag{padding:10px 20px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:14.5px;color:var(--gray);cursor:default;transition:all .18s;}
.tag:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);}

/* ---------- FAQ ---------- */
.faq{max-width:860px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;font-size:15.5px;font-weight:600;color:var(--navy);user-select:none;}
.faq-q .fq-icn{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--bg-2);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .25s;}
.faq-item.open .fq-icn{transform:rotate(45deg);background:var(--blue);color:#fff;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a .faq-a-in{padding:0 22px 20px;font-size:14.5px;color:var(--gray);line-height:1.85;}

/* ---------- 转化区 + 表单 ---------- */
.cta-band{background:linear-gradient(150deg,#081426,var(--navy-2) 55%,#12365f);border-radius:22px;padding:56px 60px;color:#eaf2ff;position:relative;overflow:hidden;}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 90% -20%,rgba(47,122,248,.4),transparent 60%);}
.cta-band .container-narrow{position:relative;z-index:2;}
.cta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
.cta-band h2{font-size:30px;font-weight:800;color:#fff;line-height:1.4;}
.cta-band .cta-sub{margin-top:14px;font-size:15.5px;color:rgba(215,226,240,.8);line-height:1.85;}
.cta-band .cta-sub b{color:#ffd66b;}
.cta-phones{margin-top:22px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:rgba(215,226,240,.85);}
.cta-phones b{color:#fff;}
.lead-form{background:#fff;border-radius:16px;padding:30px;box-shadow:var(--shadow-lg);color:var(--ink);}
.lead-form h3{font-size:19px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.lead-form .lf-sub{font-size:13px;color:var(--gray-2);margin-bottom:18px;}
.lead-form .f-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.lead-form .f-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.lead-form label{font-size:13px;font-weight:600;color:var(--gray);}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:9px;font-size:14.5px;font-family:var(--font);color:var(--ink);background:#fbfdff;transition:border-color .18s;outline:none;pointer-events:auto;user-select:text;-webkit-user-select:text;cursor:text;}
.lead-form .f-field,.lead-form .f-row{position:relative;z-index:2;}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);background:#fff;}
.lead-form .f-agree{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--gray-2);margin:4px 0 14px;line-height:1.6;}
.lead-form .f-agree input{width:auto;margin-top:4px;}
.lead-form .btn{width:100%;}
.form-ok{display:none;text-align:center;padding:36px 10px;}
.form-ok .ok-icn{width:64px;height:64px;border-radius:50%;background:rgba(24,178,107,.12);color:var(--green);font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.form-ok h4{font-size:18px;color:var(--navy);margin-bottom:8px;}
.form-ok p{font-size:14px;color:var(--gray);line-height:1.8;}
form.submitted{display:none;}
form.submitted+.form-ok{display:block;}

/* ---------- 悬浮条 & 移动端底部条 ---------- */
.float-bar{position:fixed;right:22px;bottom:120px;z-index:900;display:flex;flex-direction:column;gap:10px;}
.float-item{width:52px;height:52px;border-radius:14px;background:#fff;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10.5px;color:var(--gray);cursor:pointer;transition:all .2s;border:1px solid var(--line);}
.float-item .fi{font-size:19px;}
.float-item:hover{background:var(--blue);color:#fff;border-color:var(--blue);}
.float-qr{position:absolute;right:64px;top:0;background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);padding:14px;width:150px;text-align:center;display:none;border:1px solid var(--line);}
.float-qr img{width:120px;height:120px;margin:0 auto 6px;}
.float-qr span{font-size:12px;color:var(--gray);}
.float-item:hover .float-qr{display:block;}
.float-item.hide{opacity:0;pointer-events:none;transform:translateY(8px);}
.mobile-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#fff;box-shadow:0 -4px 20px rgba(10,26,47,.12);padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:10px;}
.mobile-cta .btn{flex:1;padding:12px 10px;font-size:14.5px;}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--navy);color:rgba(215,226,240,.72);padding:64px 0 0;font-size:14px;}
.ft-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:36px;padding-bottom:44px;}
.ft-brand img{height:40px;margin-bottom:14px;}
.ft-brand .ft-name{color:#fff;font-size:18px;font-weight:700;margin-bottom:8px;}
.ft-brand p{font-size:13.5px;line-height:1.8;max-width:280px;}
.ft-col h5{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px;}
.ft-col a{display:block;padding:5px 0;color:rgba(215,226,240,.68);transition:color .18s;font-size:13.8px;}
.ft-col a:hover{color:#7db4ff;}
.ft-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;text-align:center;font-size:12.8px;color:rgba(215,226,240,.45);line-height:1.9;}

/* ---------- 面包屑/页内提示 ---------- */
.note{margin-top:18px;font-size:13px;color:var(--gray-2);background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:12px 16px;line-height:1.7;}

/* ---------- 案例卡 ---------- */
.case-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;}
.case-card .c-industry{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--blue);background:var(--bg-2);border-radius:99px;padding:4px 12px;align-self:flex-start;}
.case-card h3{font-size:18px;color:var(--navy);font-weight:700;line-height:1.5;}
.case-card .c-block{font-size:14px;color:var(--gray);line-height:1.8;padding-left:14px;border-left:3px solid var(--bg-2);}
.case-card .c-block b{color:var(--ink);}
.case-card .c-quote{background:var(--bg);border-radius:10px;padding:12px 16px;font-size:13.5px;color:var(--gray);font-style:italic;line-height:1.7;}

/* ---------- Tab（案例筛选） ---------- */
.tab-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
.tab-btn{padding:9px 20px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-size:14px;color:var(--gray);cursor:pointer;font-family:var(--font);transition:all .18s;}
.tab-btn.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600;}
.case-hidden{display:none;}

/* ---------- 时间轴 ---------- */
.timeline{position:relative;padding-left:30px;max-width:760px;}
.timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--blue),var(--cyan));border-radius:2px;}
.tl-item{position:relative;padding-bottom:30px;}
.tl-item::before{content:"";position:absolute;left:-29px;top:7px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--blue);}
.tl-item .tl-year{font-size:15px;font-weight:800;color:var(--blue);}
.tl-item .tl-title{font-size:16px;font-weight:700;color:var(--navy);margin:2px 0 4px;}
.tl-item p{font-size:14px;color:var(--gray);line-height:1.75;}

/* ---------- 动效 ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s ease;will-change:opacity,transform;}
.reveal.in{opacity:1;transform:none;will-change:auto;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:36px;}
  .hero h1{font-size:36px;}
  .stats{grid-template-columns:repeat(3,1fr);}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .steps,.steps.six{grid-template-columns:repeat(2,1fr);}
  .logo-wall{grid-template-columns:repeat(3,1fr);}
  .cta-grid{grid-template-columns:1fr;}
  .ft-grid{grid-template-columns:repeat(2,1fr);}
  .hd-phone{display:none;}
}
@media(max-width:768px){
  .section{padding:58px 0;}
  .sec-title{font-size:26px;}
  .hero{padding:128px 0 60px;}
  .hero h1{font-size:29px;}
  .hero.page h1{font-size:27px;}
  .hero-sub{font-size:15.5px;}
  .main-nav,.hd-actions .btn{display:none;}
  .burger{display:block;margin-left:auto;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .steps,.steps.six,.steps.three{grid-template-columns:1fr;}
  .vs-head,.vs-row{grid-template-columns:1fr;}
  .vs-head div:nth-child(2),.vs-row .v-mid{display:none;}
  .logo-wall{grid-template-columns:repeat(2,1fr);}
  .cta-band{padding:38px 24px;border-radius:16px;}
  .lead-form{padding:22px;}
  .lead-form .f-row{grid-template-columns:1fr;}
  .float-bar{display:none;}
  .mobile-cta{display:flex;}
  body{padding-bottom:70px;}
  .ft-grid{grid-template-columns:1fr;gap:26px;}
}
@media(max-width:400px){
  .stats{grid-template-columns:1fr;}
  .logo-wall{grid-template-columns:1fr 1fr;}
}