/* OpenHunter 官网样式 v4.0 · 2026-10-14
依《OpenHunter 导航内页与 CTA 落地页排版规范》统一：
主色=LOGO 深蓝 #041B4F / 强调色=青蓝（O 环同源） / 底色浅灰 / 卡片圆角 12px / 少动画、加载快 */
:root{
--ink:#041B4F; /* 主色：深炭灰 */
--ink-deep:#030F2E; /* 页脚 / 公告条 */
--ink-2:#0A2660; /* 深色渐变次层 */
--accent:#2E7CC9; /* 强调色：青蓝 */
--accent-lt:#7CC4F0; /* 亮青（深底上的文字） */
--accent-soft:#EAF3FC; /* 浅青底 */
--muted:#5A6B85;
--line:#E1E8F2;
--bg-soft:#F4F7FB;
--white:#fff;
--radius:12px;
--radius-lg:16px;
--max:1560px;
--pad-x:max(24px, calc((100vw - 1560px)/8));
--pad-r:max(12px, calc(var(--pad-x) - (100vw - 100%)));
--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--white);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.28;font-weight:700;letter-spacing:-.01em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
b,strong{font-weight:700}
.wrap{max-width:none;margin:0 auto;padding:0 var(--pad-r) 0 var(--pad-x)}
/* ===== 顶部公告条 ===== */
.topbar{background:var(--ink-deep);text-align:center;padding:11px var(--pad-x);overflow:hidden}
.topbar span{font-size:14px;letter-spacing:.02em;color:#D6DDE8;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.topbar b{color:var(--accent-lt);font-weight:700}
/* ===== header ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:26px;height:72px}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.logo-shine{position:relative;overflow:hidden;border-radius:14px;display:inline-flex;flex-shrink:0}
.logo-shine img{height:44px;width:auto;display:block}
.logo-text{display:flex;flex-direction:column;line-height:1.4;width:fit-content}
.logo-text .lt{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap}
.logo-text .lt i{font-style:normal;display:block}
.main-nav{display:flex;flex:1;justify-content:space-evenly;gap:10px;margin:0 12px;font-size:15.5px;font-weight:500}
.main-nav a{color:#2B3A55;padding:4px 0;border-bottom:2px solid transparent;transition:.15s;white-space:nowrap}
.main-nav a:hover{color:var(--accent);border-color:var(--accent)}
.main-nav a[aria-current="page"]{color:var(--ink);font-weight:700;border-color:var(--accent)}
/* ===== 按钮 ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;font-family:var(--sans)}
.btn-brand{background:var(--accent);color:#fff}
.btn-brand:hover{background:#1F63A8}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:#24334E}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-outline{background:#fff;color:var(--ink);border-color:#D7DEE8}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{padding:9px 18px;font-size:14px}
/* ===== hero ===== */
.hero{position:relative;color:#fff;overflow:hidden;background:var(--ink)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#030F2E 8%,rgba(10,32,78,.9) 44%,rgba(46,124,201,.30) 100%)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:72px var(--pad-r) 64px var(--pad-x)}
.hero-mark{height:clamp(23px,1.95vw,35px);width:auto;display:block;margin-bottom:20px}
.brandline{display:flex;flex-direction:column;gap:2px;margin:0 0 16px;font-weight:800;
font-size:clamp(25px,2.9vw,38px);line-height:1.16;width:fit-content;max-width:100%}
.brandline .jl{display:flex;justify-content:space-between;align-items:baseline}
.brandline .jl i{font-style:normal;display:block}
.brandline .jl .nd{margin-right:-2px}
.brandline .jl.grad{background:linear-gradient(100deg,var(--accent-lt) 30%,#E3F0FC 55%,var(--accent-lt) 80%);-webkit-background-clip:text;background-clip:text}
.brandline .jl.grad i{color:transparent;-webkit-text-fill-color:transparent}
.hero h1{font-size:clamp(23px,2.5vw,32px);font-weight:800;line-height:1.36;width:auto;max-width:24em}
.hero .sub{margin-top:18px;font-size:15.5px;color:#C3CEDC;line-height:1.78}
.hero .note{margin-top:14px;font-size:13.5px;color:#93A5BC}
.hero .cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.hero-trust span{font-size:13px;color:var(--accent-lt)}
.hero-trust b{color:#fff;font-weight:600}
.demo-wrap{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;min-width:0}
.sb-note{margin:0;text-align:center;font-size:12.5px;letter-spacing:.04em;color:var(--accent-lt)}
/* ===== 首屏：AI 业务工作流执行顺序沙盘（几何不变，配色随新体系） ===== */
.demo{position:relative;overflow:hidden;background:linear-gradient(158deg,rgba(8,24,60,.86),rgba(10,34,82,.72));border:1px solid rgba(124,196,240,.30);border-radius:var(--radius-lg);padding:16px 20px 15px;backdrop-filter:blur(6px);box-shadow:0 22px 56px -26px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.07)}
.demo::before{content:"";position:absolute;inset:0;background:radial-gradient(660px 300px at 90% -14%,rgba(46,124,201,.24),transparent 70%),radial-gradient(520px 260px at 2% 112%,rgba(46,124,201,.16),transparent 72%);pointer-events:none}
.sb-top{position:relative;z-index:3;padding:0 70px;min-height:20px}
.sb-top h4{font-size:13px;font-weight:700;letter-spacing:.02em;text-align:center;line-height:1.3;background:linear-gradient(100deg,#9CCBF2 0%,#FFFFFF 46%,#5EA6E0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sb-live{position:absolute;left:0;top:1px;display:inline-flex;align-items:center;gap:6px;font-size:9.5px;letter-spacing:.16em;font-weight:700;color:#6FB6EA;border:1px solid rgba(124,196,240,.42);border-radius:999px;padding:2px 8px 2px 7px;background:rgba(46,124,201,.16)}
.sb-live i{width:5px;height:5px;border-radius:50%;background:#6FB6EA;box-shadow:0 0 8px #6FB6EA;animation:sbBlink 1.6s ease-in-out infinite}
@keyframes sbBlink{0%,100%{opacity:1}50%{opacity:.22}}
.sb-count{position:absolute;right:0;top:0;font-size:10.5px;color:#9FB0C5;font-variant-numeric:tabular-nums;letter-spacing:.06em;line-height:1.5}
.sb-count b{color:#6FB6EA;font-weight:700;font-size:12.5px}
.sb-count em{font-style:normal;opacity:.45;margin:0 2px}
.sb-sub{position:relative;z-index:3;margin-top:5px;text-align:center;font-size:10.5px;letter-spacing:.09em;color:#93A5BC}
.sb-canvas{position:relative;z-index:2;margin-top:11px;padding:2px 30px 2px 44px}
.sb-flow{position:relative;z-index:2;display:flex;flex-direction:column;gap:26px}
.sb-row{display:flex;gap:16px}
.sb-node{position:relative;overflow:hidden;flex:1;min-width:0;min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px;border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.16);font-size:12px;line-height:1.28;color:#D5DCE7;text-align:center;transition:background .28s,border-color .28s,color .28s,box-shadow .28s,transform .28s}
.sb-node .sb-i{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:#93A5BC;background:rgba(124,196,240,.14);border:1px solid rgba(124,196,240,.26);border-radius:5px;padding:1px 4px;font-variant-numeric:tabular-nums;transition:.25s}
.sb-node .sb-t{min-width:0;text-wrap:balance}
.sb-node .sb-d{position:absolute;top:6px;right:7px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.2);transition:.25s}
.sb-row[data-t="T4"] .sb-node{background:linear-gradient(180deg,rgba(46,124,201,.12),rgba(255,255,255,.028))}
.sb-node.done{border-color:rgba(46,124,201,.5);background:linear-gradient(180deg,rgba(46,124,201,.16),rgba(46,124,201,.07));color:#E4EDF7}
.sb-node.done .sb-d{background:#4C97DE;box-shadow:0 0 6px rgba(76,151,222,.85)}
.sb-node.on,.sb-node.reflow{border-color:#6FB6EA;background:linear-gradient(180deg,rgba(46,124,201,.46),rgba(46,124,201,.22));color:#fff;font-weight:600;box-shadow:0 0 0 1px rgba(111,182,234,.36),0 0 26px -4px rgba(46,124,201,.9),inset 0 0 22px rgba(111,182,234,.2);transform:translateY(-1px) scale(1.014);z-index:4}
.sb-node.on .sb-i,.sb-node.reflow .sb-i{color:#0A1C38;background:#9CCBF2;border-color:#9CCBF2}
.sb-node.on .sb-d,.sb-node.reflow .sb-d{background:#F0F7FE;box-shadow:0 0 10px #6FB6EA,0 0 20px rgba(111,182,234,.7)}
.sb-node.on .sb-t,.sb-node.reflow .sb-t{text-shadow:0 0 14px rgba(255,222,190,.8)}
.sb-node::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.36) 50%,transparent 64%);opacity:0;transform:translateX(-110%);pointer-events:none}
.sb-node.on::after{animation:sbSweep .62s ease-out 1}
@keyframes sbSweep{0%{opacity:0;transform:translateX(-110%)}26%{opacity:1}100%{opacity:0;transform:translateX(110%)}}
.sb-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.sb-link{fill:none;stroke:rgba(124,196,240,.28);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,stroke-width .3s;marker-end:url(#sbArrowIdle)}
.sb-link.done{stroke:rgba(46,124,201,.65);marker-end:url(#sbArrowDone)}
.sb-link.on{stroke:url(#sbGrad);stroke-width:2.3;filter:url(#sbGlow);stroke-dasharray:9 7;animation:sbDash .55s linear infinite;marker-end:url(#sbArrowOn)}
@keyframes sbDash{to{stroke-dashoffset:-16}}
.sb-looplabel{font-size:8.5px;letter-spacing:.18em;fill:#8B9DB5;transition:fill .3s}
.sb-looplabel.on{fill:#6FB6EA}
.sb-pulse{position:absolute;left:0;top:0;display:block;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#FFFFFF 0%,#D8EAFB 42%,#2E7CC9 100%);box-shadow:0 0 12px 3px rgba(111,182,234,.9),0 0 30px 9px rgba(46,124,201,.5);opacity:0;transition:opacity .18s linear;z-index:5;pointer-events:none;will-change:transform}
.sb-axis{position:absolute;top:2px;bottom:2px;right:8px;width:3px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden;z-index:1}
.sb-axis::before{content:"";position:absolute;inset:0;opacity:.55;background:repeating-linear-gradient(180deg,rgba(111,182,234,.3) 0 1px,transparent 1px 17px)}
.sb-axis-fill{position:absolute;left:0;right:0;top:0;height:0;background:linear-gradient(180deg,#D8EAFB,#2E7CC9);box-shadow:0 0 12px rgba(111,182,234,.9);transition:height .34s cubic-bezier(.4,0,.2,1)}
.sb-console{position:relative;z-index:3;margin-top:9px;display:flex;align-items:center;gap:8px;background:rgba(6,20,52,.7);border:1px solid rgba(124,196,240,.24);border-radius:10px;padding:7px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#BDCADB}
.sb-pro{flex:none;color:#6FB6EA;font-weight:700}
#sbLog{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-console::after{content:"";flex:none;width:7px;height:12px;background:#6FB6EA;opacity:.85;animation:sbCaret 1.05s steps(1) infinite}
.sb-play{margin-left:auto;flex:none;font:inherit;font-size:10.5px;letter-spacing:.04em;color:#C4DFF6;background:rgba(46,124,201,.24);border:1px solid rgba(111,182,234,.5);border-radius:999px;padding:3px 11px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.sb-play:hover{background:rgba(46,124,201,.42);border-color:#9CCBF2;transform:translateY(-1px)}
.sb-play.hide{display:none}
@keyframes sbCaret{0%,49%{opacity:.85}50%,100%{opacity:0}}
/* ===== 通用 section ===== */
.section{padding:84px 0}
.section.soft{background:var(--bg-soft)}
.sec-head{text-align:center;max-width:800px;margin:0 auto 52px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.16em;color:var(--accent);font-weight:700;margin-bottom:18px}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.sec-head .eyebrow{justify-content:center}
.sec-head .eyebrow::after{content:"";width:26px;height:1px;background:var(--accent)}
.sec-head h2{font-size:clamp(24px,2.6vw,34px);color:var(--ink);font-weight:800}
.sec-head p{margin-top:14px;color:var(--muted);font-size:16px}
.sec-sub{text-align:center;max-width:800px;margin:0 auto 32px}
.sec-sub h3{font-size:clamp(19px,1.9vw,24px);font-weight:700;color:var(--ink)}
.sec-sub p{margin-top:10px;font-size:15px;color:var(--muted)}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* ===== 面包屑 + 内页标题区 ===== */
.crumb{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:13px 0}
.crumb .wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--accent)}
.crumb em{font-style:normal;opacity:.45}
.crumb b{color:var(--ink);font-weight:700}
.phead{position:relative;overflow:hidden;background:linear-gradient(148deg,var(--ink) 0%,var(--ink-2) 62%,#0E2A47 100%);color:#fff;padding:58px 0 54px}
.phead::after{content:"";position:absolute;right:-6%;top:-40%;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(46,124,201,.34),transparent 68%);pointer-events:none}
.phead .wrap{position:relative;z-index:2}
.phead h1{font-size:clamp(26px,3vw,38px);font-weight:800;max-width:26em}
.phead p{margin-top:14px;font-size:16px;color:#C6D1DF;max-width:62em}
.phead .p-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.phead .p-tags span{font-size:13px;color:var(--accent-lt);background:rgba(46,124,201,.18);border:1px solid rgba(124,196,240,.36);border-radius:999px;padding:5px 14px}
/* ===== 文档页（协议 / 隐私） ===== */
.pagehead{background:var(--ink);color:#fff;padding:48px 0;text-align:center}
.pagehead h1{font-size:26px;font-weight:700}
.pagehead p{color:#C6D1DF;font-size:14px;margin-top:8px}
.doc{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 52px;margin:40px auto 72px;max-width:980px}
.doc h1{font-size:23px;color:var(--ink);margin-bottom:6px}
.doc .ver{font-size:13px;color:var(--muted);margin-bottom:26px}
.doc h2{font-size:17px;color:var(--ink);margin:28px 0 10px}
.doc p,.doc li{font-size:14.5px;color:var(--muted)}
.doc ul,.doc ol{padding-left:24px;margin:8px 0}
.doc li{margin:5px 0}
.doc a{color:var(--accent);font-weight:600}
/* ===== 内页首屏：左文右图 ===== */
.lead-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.lead-copy h2{font-size:clamp(21px,2.1vw,28px);font-weight:800;color:var(--ink);line-height:1.45}
.lead-copy p{margin-top:18px;font-size:15.5px;color:var(--muted);line-height:1.85}
.lead-copy .ck-list{margin-top:20px}
.lead-art{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 24px;box-shadow:0 20px 50px -34px rgba(0,0,0,.4)}
.lead-art .art-cap{margin-top:16px;font-size:12.5px;color:var(--muted);text-align:center}
.art-svg{width:100%;height:auto;display:block}
/* 首屏右图：深色描边浅色文字版，与深蓝首屏融为一体 */
.phead .lead-art{background:transparent;border:1px solid rgba(124,196,240,.32);box-shadow:none;padding:16px 18px 10px}
.phead .lead-art .art-cap{margin-top:8px;color:#9FC6E8}
/* ===== 勾叉清单 ===== */
.ck-list li{position:relative;padding-left:30px;margin:12px 0;font-size:15px;color:var(--ink);line-height:1.7}
.ck-list li::before{content:"✓";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
.ck-list li.no::before{content:"✕";background:#EFEFEC;color:var(--muted)}
.ck-list li.no{color:var(--muted)}
.ck-list.lg li{font-size:15.5px;margin:14px 0}
/* ===== 痛点卡 ===== */
.pain-card{padding:0;border:none;background:none;border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 34px -18px rgba(0,0,0,.28)}
.pain-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.pain-guide{text-align:center;margin-top:36px;font-size:17px;font-weight:600;color:var(--ink)}
.pain-guide b{color:var(--accent)}
/* ===== 结果承诺卡 ===== */
.result-card{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);
border-radius:var(--radius);padding:32px 28px 28px;box-shadow:0 10px 34px -22px rgba(0,0,0,.3);transition:.2s}
.result-card:hover{transform:translateY(-3px);border-color:#D7DEE8;box-shadow:0 18px 44px -24px rgba(0,0,0,.38)}
.result-card .rc-num{position:absolute;right:16px;top:4px;font-size:58px;font-weight:800;line-height:1;
color:rgba(46,124,201,.12);letter-spacing:-.04em;pointer-events:none}
.result-card h3{position:relative;font-size:20px;font-weight:800;color:var(--ink)}
.result-card h3::before{content:"";display:block;width:34px;height:4px;border-radius:2px;background:var(--accent);margin-bottom:14px}
.result-card p{position:relative;margin-top:12px;font-size:14.5px;color:var(--muted);line-height:1.78}
/* ===== 轻量 CTA ===== */
.lite-cta{margin-top:34px;text-align:center;font-size:14.5px}
.lite-cta a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700;
border-bottom:1px dashed rgba(46,124,201,.5);padding-bottom:2px;transition:.18s}
.lite-cta a:hover{color:#164A80;border-bottom-color:#164A80}
/* ===== 板块内置 CTA 区块（内页通用） ===== */
.cta-block{margin-top:44px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);
padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.cta-block p{font-size:16px;font-weight:600;color:var(--ink);line-height:1.65}
.cta-block .acts{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.cta-pair{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-note{margin-top:16px;text-align:center;font-size:13.5px;color:var(--muted)}
/* ===== 业务卡 ===== */
.svc-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column}
.svc-card.svc-img{padding:0;overflow:hidden;width:100%}
.svc-card.svc-img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.svc-card .bar{width:34px;height:4px;background:var(--accent);border-radius:2px;margin-bottom:18px}
.svc-card h3{font-size:18.5px;color:var(--ink)}
.svc-card p{margin-top:12px;color:var(--muted);font-size:14.5px;flex:1}
.svc-card .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.svc-card .tags span{font-size:12.5px;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:3px 12px}
.svc-card.wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:32px;background:var(--ink);border:0}
.svc-card.wide .bar{margin-bottom:0}
.svc-card.wide h3{color:#fff}
.svc-card.wide p{color:#C3CEDC}
.svc-card.wide .btn{flex-shrink:0}
/* ===== AI 业务全权打理方案（核心差异化深色块） ===== */
.owner-block{position:relative;overflow:hidden;color:#fff;padding:46px 44px 42px;
background:linear-gradient(160deg,#061631 0%,#0A1C38 48%,#0E2A47 100%);
border:1px solid rgba(46,124,201,.36);border-radius:calc(var(--radius-lg) + 4px);
box-shadow:0 30px 70px -38px rgba(0,0,0,.85)}
.owner-block::before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(760px 340px at 88% -12%,rgba(46,124,201,.32),transparent 68%),
radial-gradient(620px 300px at 4% 108%,rgba(46,124,201,.18),transparent 70%)}
.owner-head,.owner-cmp,.owner-steps,.owner-moat,.owner-foot{position:relative;z-index:2}
.ob-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;color:#9CCBF2;
background:rgba(46,124,201,.2);border:1px solid rgba(111,182,234,.45);border-radius:999px;padding:5px 14px}
.owner-head h3{margin-top:18px;font-size:clamp(24px,2.7vw,34px);font-weight:800;
background:linear-gradient(100deg,#E3F0FC 0%,#FFFFFF 42%,#5EA6E0 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ob-slogan{margin-top:16px;font-size:17px;font-weight:700;color:#C4DFF6;line-height:1.72}
.ob-lead{margin-top:12px;font-size:15px;color:#C3CEDC;line-height:1.82;max-width:62em}
.owner-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.cmp-card{background:rgba(4,15,46,.58);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:22px 24px}
.cmp-card h4{font-size:15px;font-weight:700;color:#9FB0C5}
.cmp-card ul{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.cmp-card li{position:relative;padding-left:18px;font-size:14px;color:#93A5BC;line-height:1.72}
.cmp-card li::before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:#7387A0}
.cmp-card.is-us{background:linear-gradient(150deg,rgba(46,124,201,.28),rgba(46,124,201,.08));
border-color:#6FB6EA;box-shadow:0 0 0 1px rgba(111,182,234,.28),0 18px 42px -24px rgba(46,124,201,.9)}
.cmp-card.is-us h4{color:#E3F0FC}
.cmp-card.is-us li{color:#E9F1FA}
.cmp-card.is-us li::before{background:#6FB6EA}
.owner-steps{margin-top:34px}
.owner-steps h4,.owner-moat h4{font-size:16px;font-weight:700;color:#E3F0FC}
.owner-steps .grid{margin-top:16px;gap:14px}
.os-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:20px 18px}
.os-n{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.1em;color:#0A1C38;background:#9CCBF2;border-radius:999px;padding:2px 10px}
.os-card h5{margin-top:12px;font-size:15.5px;font-weight:700;color:#fff}
.os-card p{margin-top:8px;font-size:13.5px;color:#BDCADB;line-height:1.74}
.owner-moat{margin-top:34px}
.owner-moat .grid{margin-top:16px;gap:14px}
.moat-card{background:rgba(4,15,46,.5);border:1px solid rgba(124,196,240,.28);border-left:3px solid var(--accent);
border-radius:12px;padding:20px 20px 18px}
.moat-card h5{font-size:15px;font-weight:700;color:#E3F0FC}
.moat-card p{margin-top:9px;font-size:13.5px;color:#B1C1D4;line-height:1.78}
.owner-foot{margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.of-fit,.of-safe{font-size:14.5px;line-height:1.82;color:#C3CEDC}
.of-fit b,.of-safe b{color:#9CCBF2}
.of-safe{margin-top:10px}
.of-words{margin-top:18px;background:rgba(4,15,46,.5);border-left:3px solid #6FB6EA;border-radius:10px;
padding:16px 20px;font-size:14.5px;color:#E9F1FA;line-height:1.85}
.owner-foot .btn{margin-top:22px}
/* ===== 风险兜底承诺带 ===== */
.risk-band{margin-top:34px;background:#EDF5FC;border:1px solid #A8CFF3;border-left:4px solid var(--accent);
border-radius:var(--radius);padding:18px 24px;font-size:15px;color:#123A61;line-height:1.78}
.risk-band b{color:#164A80}
/* ===== 三层产品矩阵（A 浅灰 / B 浅蓝灰 / C 浅橙强调） ===== */
.tier-grid{align-items:stretch;gap:22px}
.tier-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);
border-radius:var(--radius);padding:32px 28px 28px;transition:.2s;background:#F7F9FC}
.tier-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px -26px rgba(0,0,0,.38)}
.tier-card.t-a{background:#F7F9FC}
.tier-card.t-b{background:#F1F3F5}
.tier-card.t-c{background:#EAF3FC;border-color:var(--accent);box-shadow:0 0 0 1px rgba(46,124,201,.18)}
.tier-card.t-c::after{content:"推荐";position:absolute;right:-1px;top:-1px;font-size:12px;font-weight:700;letter-spacing:.1em;
color:#fff;background:var(--accent);border-radius:0 var(--radius) 0 14px;padding:6px 14px}
.tier-tag{display:inline-block;width:fit-content;font-size:12px;font-weight:700;letter-spacing:.12em;color:#33445E;
background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 13px}
.tier-card.t-c .tier-tag{color:#164A80;border-color:#A8CFF3;background:#fff}
.tier-card h3{margin-top:16px;font-size:21px;font-weight:800;color:var(--ink)}
.tier-who{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--accent)}
.tier-list{margin-top:18px;display:flex;flex-direction:column;gap:11px;flex:1}
.tier-list li{position:relative;padding-left:18px;font-size:14px;color:var(--muted);line-height:1.74}
.tier-list li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent-lt)}
.tier-list b{color:var(--ink);font-weight:700}
.tier-fit{margin-top:18px;padding-top:16px;border-top:1px dashed #D9E0EA;font-size:13.5px;color:var(--muted);line-height:1.76}
.tier-fit b{color:var(--ink)}
.tier-card .btn{margin-top:20px;align-self:stretch;text-align:center}
.tier-note{margin-top:26px;text-align:center;font-size:13.5px;color:var(--muted)}
/* ===== 智选中台 ===== */
.shop-grid{align-items:stretch}
.shop-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;
background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
padding:30px 28px 26px;box-shadow:0 10px 30px -22px rgba(0,0,0,.3);transition:.2s}
.shop-card:hover{transform:translateY(-3px);box-shadow:0 16px 44px -26px rgba(0,0,0,.4);border-color:#D7DEE8}
.shop-ico{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;
background:linear-gradient(150deg,var(--accent),#164A80);box-shadow:0 8px 20px -8px rgba(46,124,201,.6)}
.shop-ico svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shop-head{display:flex;align-items:center;gap:14px}
.shop-head .shop-ico{flex-shrink:0}
.shop-head h3{margin:0;line-height:1.28;font-size:20px;font-weight:800;color:var(--ink)}
.shop-card p{font-size:14.5px;color:var(--muted);line-height:1.74;margin:0}
.shop-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;color:#164A80;
background:var(--accent-soft);border:1px solid #A8CFF3;border-radius:999px;padding:4px 12px}
.shop-card .btn{margin-top:auto;align-self:stretch;text-align:center}
.shop-meta{display:flex;flex-wrap:wrap;gap:8px 10px;font-size:12.5px;color:#33445E}
.shop-meta span{background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:3px 11px}
.shop-meta span b{color:var(--accent)}
.shop-card p.shop-tip{padding:12px 14px;background:var(--accent-soft);border-left:3px solid var(--accent);
border-radius:8px;font-size:13px;color:#123A61;line-height:1.72}
/* ===== 案例卡 ===== */
.case-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.case-head{background:var(--ink);color:#fff;padding:18px 24px;font-size:16px;font-weight:700}
.case-body{padding:22px 24px;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--muted);flex:1}
.case-body b{color:var(--ink)}
.case-body .row-tag{color:var(--accent);font-weight:700;margin-right:6px}
.case-ind{display:flex;align-items:center;gap:8px;margin:0 !important;font-size:12.5px;color:var(--muted)}
.case-ind span{background:var(--accent-soft);color:#164A80;border-radius:999px;padding:2px 10px;font-weight:600;flex:none}
.case-kpi{margin-top:auto !important;padding-top:12px;border-top:1px dashed var(--line);
font-size:12.5px;color:#41689C;line-height:1.72}
.case-quote{background:var(--accent-soft);border-radius:12px;padding:16px 20px;margin-top:34px;font-size:15px;color:var(--ink);text-align:center}
/* ===== 案例列表（客户案例内页 · 2 栏网格） ===== */
.filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:36px}
.filter button{font:inherit;font-size:14px;font-weight:600;color:var(--muted);background:#fff;
border:1px solid var(--line);border-radius:999px;padding:9px 20px;cursor:pointer;transition:.18s}
.filter button:hover{border-color:var(--accent);color:var(--accent)}
.filter button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.case-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
display:flex;flex-direction:column;transition:.2s}
.case-item:hover{transform:translateY(-3px);border-color:#D7DEE8;box-shadow:0 18px 44px -26px rgba(0,0,0,.4)}
.case-thumb{height:180px;display:flex;flex-direction:column;justify-content:space-between;
padding:22px 24px;background:linear-gradient(150deg,#132342,#0E2A47);color:#fff;position:relative;overflow:hidden}
.case-thumb::after{content:"";position:absolute;right:-30px;bottom:-40px;width:190px;height:190px;border-radius:50%;
background:radial-gradient(circle,rgba(46,124,201,.34),transparent 68%)}
.case-thumb .ct-ind{position:relative;z-index:2;font-size:12.5px;letter-spacing:.1em;color:var(--accent-lt)}
.case-thumb .ct-title{position:relative;z-index:2;font-size:21px;font-weight:800;line-height:1.35;max-width:16em}
.case-item .ci-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:14px;flex:1}
.case-data{font-size:19px;font-weight:800;color:var(--accent);line-height:1.5}
.case-item .ci-desc{font-size:14.5px;color:var(--muted);line-height:1.78;flex:1}
.case-item .ci-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.demo-tag{display:inline-block;font-size:11.5px;color:#5B83B8;background:#EDF5FC;border:1px solid #C4DFF6;
border-radius:999px;padding:2px 10px;letter-spacing:.02em}
/* ===== 案例详情：上线前 VS 上线后 对比表 ===== */
.cmp-table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;
border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cmp-table th,.cmp-table td{border-bottom:1px solid var(--line);padding:14px 18px;text-align:left;vertical-align:top}
.cmp-table thead th{background:var(--bg-soft);color:var(--ink);font-weight:700;font-size:13.5px;letter-spacing:.03em}
.cmp-table tbody tr:last-child td{border-bottom:0}
.cmp-table td.after{color:var(--accent);font-weight:700}
.cmp-table td.before{color:var(--muted)}
/* ===== 交付流程（卡片式 6 步 / 文字版） ===== */
.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;counter-reset:step}
.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px 16px;text-align:center;position:relative}
.step.step-img{padding:0;overflow:hidden}
.step.step-img::before{content:none}
.step.step-img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.step::before{counter-increment:step;content:counter(step);display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:14px;align-items:center;justify-content:center;margin-bottom:12px}
.step h4{font-size:15px;color:var(--ink)}
.step p{margin-top:8px;font-size:12.5px;color:var(--muted)}
.steps-text .step{text-align:left;padding:24px 20px}
.steps-text .step::before{margin-bottom:12px}
.steps-text .step h4{font-size:15px;color:var(--ink)}
.steps-text .step p{margin-top:9px;font-size:12.5px;color:var(--muted);line-height:1.72}
.steps-text .step p b{color:var(--ink);font-weight:700}
.diff-bar{margin-top:30px;background:linear-gradient(100deg,var(--ink) 0%,var(--ink-2) 100%);color:#fff;border-radius:var(--radius);padding:20px 28px;text-align:center;font-size:15.5px}
.diff-bar b{color:var(--accent-lt)}
/* ===== 交付步骤内页：横向时间轴 ===== */
.tl{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.tl-line{position:absolute;left:calc(100%/12);right:calc(100%/12);top:19px;height:2px;background:var(--line);z-index:0}
.tl-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.tl-dot{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--line);color:var(--muted);
font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex:none}
.tl-item.is-on .tl-dot{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 5px rgba(46,124,201,.14)}
.tl-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;width:100%;text-align:left;flex:1}
.tl-item.is-on .tl-card{border-color:#A8CFF3}
.tl-card h4{font-size:15px;color:var(--ink)}
.tl-del{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--muted);line-height:1.7}
.tl-del b{color:var(--accent);font-weight:700}
/* ===== 资源卡 ===== */
.res-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;text-align:center;transition:.2s}
.res-card:hover{transform:translateY(-3px);border-color:#D7DEE8;box-shadow:0 16px 40px -26px rgba(0,0,0,.4)}
.res-card .ico{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.res-card h4{font-size:15.5px;color:var(--ink)}
.res-card p{margin-top:8px;font-size:13px;color:var(--muted)}
.res-card.highlight{border-color:#A8CFF3;background:#F5F9FD}
.res-card .res-btn{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;width:100%;
padding:11px 18px;border-radius:10px;font-size:14.5px;font-weight:600;cursor:pointer;font-family:var(--sans);
background:var(--accent);color:#fff;border:1px solid transparent;transition:.18s}
.res-card .res-btn:hover{background:#1F63A8}
.res-card .res-btn.ghost{background:#fff;color:var(--ink);border-color:#D7DEE8}
.res-card .res-btn.ghost:hover{border-color:var(--accent);color:var(--accent);background:#fff}
.res-cta{text-align:center;margin-top:36px}
/* ===== FAQ ===== */
.faq{max-width:900px;margin:0 auto}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.faq summary{padding:22px 30px;font-weight:700;cursor:pointer;color:var(--ink);font-size:15.5px;list-style:none;position:relative;padding-right:64px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:28px;top:15px;color:var(--accent);font-size:22px;font-weight:400;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:4px 30px 22px;font-size:14.5px;color:var(--muted);line-height:1.85}
.faq-search{max-width:640px;margin:0 auto 34px;position:relative}
.faq-search input{width:100%;font:inherit;font-size:15px;padding:15px 18px 15px 48px;border:1px solid var(--line);
border-radius:12px;background:#fff;color:var(--ink)}
.faq-search input::placeholder{color:#9AA7B8}
.faq-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(46,124,201,.1)}
.faq-search svg{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:18px;height:18px;
stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}
.faq-sec{margin-top:32px}
.faq-sec>h3{font-size:17px;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.faq-sec>h3::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--accent)}
.faq-none{text-align:center;color:var(--muted);font-size:14.5px;padding:26px 0}
/* ===== 证言 ===== */
.quote-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px}
.quote-card .mark{font-size:34px;line-height:1;color:var(--accent-lt);font-weight:700}
.quote-card p{margin-top:10px;font-size:15px;color:var(--ink);line-height:1.8}
.quote-card .who{margin-top:16px;font-size:13px;color:var(--muted)}
/* ===== 白皮书封面（纯 CSS） ===== */
/*★改为真实 PDF 封面图（与 PDF 内容严格一致），点击即下载。
原来是纯 CSS 画的假封面（渐变底+文字），与真实 PDF 封面完全是两回事。 */
.wp-cover{display:block;width:100%;max-width:330px;border-radius:10px;overflow:hidden;
line-height:0;background:#041C4F;
box-shadow:0 28px 64px -30px rgba(0,0,0,.7);
transition:transform .2s ease,box-shadow .2s ease}
.wp-cover img{display:block;width:100%;height:auto}
@media (hover:hover){.wp-cover:hover{transform:translateY(-3px);box-shadow:0 34px 72px -30px rgba(0,0,0,.78)}}
/* ===== 预约诊断（首页深色带 + 内页白卡表单） ===== */
.cta-band{background:var(--ink);color:#fff;padding:88px 0}
.cta-band .inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.cta-band h2{font-size:clamp(24px,2.6vw,34px);font-weight:800}
.cta-band .lead{margin-top:16px;color:#C3CEDC;font-size:15.5px}
.cta-band .alt{margin-top:22px;font-size:14px;color:var(--accent-lt)}
.form{background:rgba(4,15,46,.55);border:1px solid rgba(124,196,240,.34);border-radius:var(--radius-lg);padding:32px 30px}
.form label{display:block;font-size:13.5px;color:#C3CEDC;margin:14px 0 6px}
.form label:first-child{margin-top:0}
.form input,.form textarea{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px 14px;color:#fff;font-size:14.5px;font-family:var(--sans)}
.form input::placeholder,.form textarea::placeholder{color:#9AA7B8}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
.form .row{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.form-note{margin-top:16px;font-size:12.5px;color:#9AA7B8;line-height:1.7}
.radio-row{display:flex;flex-wrap:wrap;gap:10px}
.form .radio-pill{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 16px;border-radius:999px;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);font-size:13.5px;
color:#C3CEDC;cursor:pointer;transition:.18s;line-height:1.4}
.form .radio-pill:hover{border-color:var(--accent)}
.form .radio-pill input{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin:0;padding:0;
border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:transparent;flex:none;transition:.15s}
.form .radio-pill input:checked{border-color:#6FB6EA;background:#6FB6EA;box-shadow:0 0 0 3px rgba(111,182,234,.22)}
.form .radio-pill:has(input:checked){border-color:#6FB6EA;background:rgba(46,124,201,.22);color:#E3F0FC}
/* 内页 CTA 落地页：居中白卡表单 */
.form-wrap{max-width:660px;margin:0 auto}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 34px;
box-shadow:0 22px 56px -38px rgba(0,0,0,.45)}
.form-card h3{font-size:20px;font-weight:800;color:var(--ink);text-align:center}
.form-card .fc-sub{margin-top:10px;text-align:center;font-size:13.5px;color:var(--muted)}
.form-card label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin:18px 0 8px}
.form-card label:first-of-type{margin-top:26px}
.form-card .req{color:var(--accent)}
.form-card input,.form-card select,.form-card textarea{width:100%;font:inherit;font-size:15px;padding:13px 15px;
border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:var(--sans)}
.form-card input::placeholder,.form-card textarea::placeholder{color:#A2AEBF}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(46,124,201,.1)}
.form-card select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236A6A6E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 15px center;background-size:12px;padding-right:40px}
.form-card .btn{width:100%;margin-top:26px;padding:14px 24px}
.form-ok{display:none;margin-top:18px;padding:14px 18px;border-radius:10px;background:#F1F8F2;
border:1px solid #CBE3CF;color:#2F6238;font-size:14px;line-height:1.7}
.form-ok.show{display:block}
/* ===== 表单弹窗（免费资料领取） ===== */
.mo-modal{position:fixed;inset:0;z-index:9999;display:none}
.mo-modal.open{display:block}
.mo-mask{position:absolute;inset:0;background:rgba(4,15,46,.62);backdrop-filter:blur(3px)}
.mo-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--radius-lg);
padding:30px 30px 26px;width:min(92vw,420px);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.mo-card h3{font-size:19px;font-weight:800;color:var(--ink);text-align:center}
.mo-card .mc-sub{margin-top:8px;text-align:center;font-size:13px;color:var(--muted)}
.mo-card label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin:16px 0 7px}
.mo-card input,.mo-card select{width:100%;font:inherit;font-size:14.5px;padding:12px 14px;border:1px solid var(--line);
border-radius:10px;background:#fff;color:var(--ink);font-family:var(--sans)}
.mo-card input:focus,.mo-card select:focus{outline:none;border-color:var(--accent)}
.mo-card .btn{width:100%;margin-top:22px}
.mo-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;
background:var(--bg-soft);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.mo-close:hover{background:var(--line);color:var(--ink)}
/* ===== 微信咨询弹层 ===== */
.wx-modal{position:fixed;inset:0;z-index:9999;display:none}
.wx-modal.open{display:block}
.wx-mask{position:absolute;inset:0;background:rgba(4,15,46,.62);backdrop-filter:blur(3px)}
.wx-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
background:var(--white);border-radius:var(--radius-lg);padding:30px 34px 26px;text-align:center;
box-shadow:0 30px 80px rgba(0,0,0,.4);max-width:min(92vw,360px)}
.wx-card h3{margin:0 0 16px;font-size:20px;font-weight:800;color:var(--ink)}
.wx-card img{display:block;margin:0 auto 14px;width:220px;height:auto;border:1px solid var(--line);border-radius:12px}
.wx-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}
.wx-card b{color:var(--accent);font-weight:800}
.wx-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:50%;
background:var(--bg-soft);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.wx-close:hover{background:var(--line);color:var(--ink)}
/* ===== 合规条 ===== */
.comp-strip{background:var(--bg-soft);border-top:1px solid var(--line);padding:34px 0}
.comp-strip .inner{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:center;font-size:13.5px;color:var(--muted)}
.comp-strip b{color:var(--ink)}
.comp-strip a{color:var(--accent);font-weight:600}
/* ===== footer ===== */
footer{background:var(--ink-deep);color:#9FB0C5;font-size:14px;padding:56px 0 28px}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:40px}
footer h4{color:#fff;font-size:15px;font-weight:700;margin-bottom:16px}
footer a{color:#9FB0C5}
footer a:hover{color:var(--accent-lt)}
footer li{margin:8px 0}
footer .fbrand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
footer .fbrand img{width:40px;height:40px;border-radius:10px}
footer .fbrand b{color:#fff;font-size:18px}
.beian{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;text-align:center;font-size:13px;color:#8B9DB5}
.beian a{color:#8B9DB5}
/* ===== 右下悬浮：领取白皮书 ===== */
.float-wp{position:fixed;right:22px;bottom:22px;z-index:80;display:block;width:134px;
padding:14px 14px 15px;border-radius:14px;text-align:center;font-size:13px;font-weight:700;line-height:1.5;
color:#fff;background:linear-gradient(150deg,var(--accent),#164A80);
box-shadow:0 18px 40px -14px rgba(0,0,0,.5);transition:.2s}
.float-wp:hover{transform:translateY(-3px);box-shadow:0 24px 50px -16px rgba(0,0,0,.6)}
/* ============================================================
响应式
============================================================ */
@media(max-width:1240px){
.sb-canvas{padding:2px 26px 2px 40px}
.sb-node{font-size:11.5px;padding:8px 9px}
.sb-top{padding:0 62px}
.sb-top h4{font-size:12.5px}
}
@media(max-width:1080px){
.main-nav{display:none}
.header-inner{justify-content:space-between}
.hero-inner{grid-template-columns:1fr;gap:36px}
.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps,.tl{grid-template-columns:repeat(3,minmax(0,1fr))}
.cta-band .inner{grid-template-columns:1fr}
.lead-grid{grid-template-columns:1fr;gap:32px}
.demo{max-width:640px;width:100%;margin:0 auto}
.sb-canvas{padding:2px 28px 2px 44px}
.sb-node{font-size:12.5px}
.sb-top{padding:0 76px}
.sb-top h4{font-size:14px}
.owner-block{padding:38px 30px 34px}
.owner-cmp{grid-template-columns:1fr}
.owner-steps .grid,.owner-moat .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tier-grid{gap:18px}
.float-wp{right:16px;bottom:16px}
/* 时间轴移动端转竖向 */
.tl{grid-template-columns:1fr;gap:14px}
.tl-line{left:19px;right:auto;top:20px;bottom:20px;width:2px;height:auto}
.tl-item{flex-direction:row;align-items:flex-start;text-align:left;gap:18px}
.tl-dot{margin-bottom:0}
.tl-card{flex:1}
}
@media(max-width:760px){
.wx-card{padding:24px 20px 20px}
.wx-card img{width:190px}
.mo-card{padding:24px 20px 20px}
}
@media(max-width:640px){
/* 头部：LOGO 收窄 + CTA 扁化，消除横向溢出 */
.header-inner{gap:12px;height:62px}
.logo-shine{border-radius:12px}
.logo-shine img{height:26px}
.header-inner .btn{padding:8px 11px;font-size:11px;letter-spacing:-.01em;border-radius:9px}
.section{padding:60px 0}
.sec-head{margin-bottom:34px}
.brandline{font-size:22px;margin-bottom:12px}
.hero h1{font-size:21px;line-height:1.42}
.hero .sub{font-size:14.5px}
.g2,.g3,.g4{grid-template-columns:1fr}
.steps,.steps-text{grid-template-columns:1fr}
.steps-text{grid-template-columns:1fr}
.case-grid{grid-template-columns:1fr;gap:18px}
.svc-card.svc-img{width:100%}
.svc-card.wide{flex-direction:column;align-items:flex-start}
.doc{padding:30px 22px}
footer .cols{grid-template-columns:1fr}
.logo-text{display:none}
.demo{padding:14px 13px 13px}
.sb-top{padding:0;display:flex;flex-direction:column;gap:7px}
.sb-live,.sb-count{position:static}
.sb-live{align-self:center}
.sb-count{align-self:center}
.sb-canvas{padding:2px 22px 2px 34px}
.sb-flow{gap:22px}
.sb-row{gap:12px}
.sb-node{font-size:11px;padding:7px 8px;gap:5px}
.sb-node .sb-i{font-size:9px;padding:0 3px}
.sb-console{font-size:10px}
.result-card{padding:26px 22px 24px}
.result-card .rc-num{font-size:44px;top:2px}
.owner-block{padding:30px 18px 26px;border-radius:var(--radius-lg)}
.owner-head h3{font-size:22px}
.ob-slogan{font-size:15.5px}
.ob-lead{font-size:14px}
.cmp-card{padding:18px}
.owner-steps .grid,.owner-moat .grid{grid-template-columns:1fr}
.owner-foot .btn{width:100%}
.tier-card{padding:26px 22px 22px}
.tier-card .btn{width:100%}
.radio-row{gap:8px}
.form .radio-pill{padding:8px 13px;font-size:12.5px}
.float-wp{right:12px;bottom:12px;width:110px;font-size:12px;padding:12px 10px 13px}
.lite-cta{font-size:13.5px;margin-top:26px}
.risk-band{padding:16px 18px;font-size:14px}
.phead{padding:40px 0 38px}
.cta-block{padding:20px;flex-direction:column;align-items:flex-start}
.cta-block .acts{width:100%}
.cta-block .acts .btn{flex:1;justify-content:center}
.form-card{padding:24px 20px}
.form-card .btn{padding:13px 20px}
.cmp-table{font-size:13.5px}
.cmp-table th,.cmp-table td{padding:11px 12px}
.case-thumb{height:156px;padding:18px 20px}
.case-thumb .ct-title{font-size:19px}
.wp-cover{max-width:260px}
.tl-item{gap:14px}
.filter{gap:8px}
.filter button{padding:8px 15px;font-size:13.5px}
}
/* ---- 调整 2026-10-14e：①桌面 hero 标题不换行 ②内页首屏文字居中（韦老大指令）---- */
@media (min-width:992px){
.hero h1{white-space:nowrap;max-width:none;font-size:clamp(21px,2.2vw,29px)}
}
.phead h1,.phead p{margin-left:auto;margin-right:auto;text-align:center}
.phead .p-tags{justify-content:center}
/* ---- 调整 2026-10-14f：sec-sub 升级为 sec-head 格式（h3 对齐 h2 视觉）---- */
.sec-head h3{font-size:clamp(24px,2.6vw,34px);color:var(--ink);font-weight:800}
.sec-head-sub{margin-top:56px}
/* ---- 调整 2026-10-14g：FAQ 扁平化（去卡片框）+ 加号改倒三角 + 首页 FAQ 浪花底图（复用香港站 faq-surf.jpg）---- */
/* 1) 全站 FAQ：去卡片框，改透明行 + 细分隔线 */
.faq details{background:transparent;border:none;border-radius:0;overflow:visible;border-bottom:1px solid var(--line);margin-bottom:0}
.faq summary{padding:20px 56px 20px 30px;font-size:16px}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:0;height:0;
border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--accent);
transition:transform .22s ease}
.faq details[open] summary::after{content:"";transform:translateY(-50%) rotate(180deg)}
.faq details p{padding:4px 56px 22px 30px}
/* 2) 首页 #faq 浪花底图（同香港站做法：左→右白渐变保可读，冲浪者落右侧） */
#faq,.faq-ocean{position:relative;background:#7FB3CC;overflow:hidden}
#faq::before,.faq-ocean::before{
content:"";position:absolute;inset:0;
background:
linear-gradient(90deg, rgba(240,247,250,.98) 0%, rgba(240,247,250,.94) 48%, rgba(240,247,250,.72) 68%, rgba(240,247,250,.22) 88%, rgba(240,247,250,.05) 100%),
url("../assets/faq-surf.jpg") 28% 36%/150% auto no-repeat;
}
#faq>.wrap,.faq-ocean>.wrap{position:relative;z-index:1}
@media (max-width:760px){
#faq::before,.faq-ocean::before{
background:
linear-gradient(180deg, rgba(240,247,250,.97) 0%, rgba(240,247,250,.9) 60%, rgba(240,247,250,.74) 100%),
url("../assets/faq-surf.jpg") 40% 30%/cover no-repeat;
}
}
/* ---- 调整 2026-10-14h：头部「预约免费 AI 业务诊断」悬停弹出微信二维码（O 标居中版）---- */
.hdr-qr{position:relative;display:inline-flex}
.hdr-qr-pop{
position:absolute;top:calc(100% + 12px);right:0;width:176px;
background:#fff;border-radius:14px;padding:12px 12px 10px;text-align:center;
box-shadow:0 16px 44px rgba(4,15,46,.20),0 2px 8px rgba(4,15,46,.10);
opacity:0;visibility:hidden;transform:translateY(8px);
transition:opacity .22s ease,transform .22s ease,visibility .22s;z-index:80;
}
.hdr-qr-pop::before{content:"";position:absolute;top:-6px;right:34px;width:12px;height:12px;
background:#fff;transform:rotate(45deg);border-radius:2px}
.hdr-qr:hover .hdr-qr-pop,.hdr-qr:focus-within .hdr-qr-pop{opacity:1;visibility:visible;transform:translateY(0)}
.hdr-qr-pop img{display:block;width:100%;border-radius:8px}
.hdr-qr-pop b{display:block;margin-top:10px;font-size:13.5px;color:var(--ink)}
.hdr-qr-pop i{display:block;margin-top:4px;font-size:12px;font-style:normal;color:var(--muted)}
/* 触屏无 hover：手机端不渲染弹层，避免隐藏层撑出横向溢出 */
@media (max-width:760px){
.hdr-qr-pop{display:none}
}
/* ---- 调整 2026-10-14i：来源调查字段 ---- */
label .opt{font-size:12px;font-weight:400;color:var(--muted)}
/* ---- 调整 2026-10-14j：表单提交后扫码兜底（防「无邮件客户端 → 邮件发不出」断点）---- */
.post-ok{display:none;align-items:center;gap:18px;margin-top:16px;padding:16px 18px;
background:#F4F7FB;border:1px solid var(--line);border-radius:12px}
.post-ok.show{display:flex}
.post-ok img{width:132px;border-radius:8px;flex:0 0 auto;background:#fff;padding:4px}
.post-ok b{display:block;font-size:14.5px;color:var(--ink)}
.post-ok span{display:block;margin-top:6px;font-size:13px;color:var(--muted);line-height:1.72}
.post-ok.on-dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.post-ok.on-dark b{color:#fff}
.post-ok.on-dark span{color:#C6D1DF}
@media (max-width:640px){
.post-ok{flex-direction:column;text-align:center;gap:12px}
.post-ok img{width:150px}
}
/* ---- 调整 2026-10-14k：右上角头部 CTA 与右下角悬浮白皮书按钮 → LOGO 深蓝底 #041B4F（韦老大指令）---- */
.site-header .btn-brand{background:#041B4F;color:#fff}
.site-header .btn-brand:hover{background:#0A2660}
.float-wp{background:#041B4F;color:#fff}
.float-wp:hover{background:#0A2660}
/* ---- 调整 2026-10-14l：首页「3 类业务成果」卡配图（图顶全出血，编号叠图右下，韦老大指令）---- */
.result-card .rc-img{display:block;margin:-32px -28px 18px;height:150px;overflow:hidden}
.result-card .rc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.result-card:hover .rc-img img{transform:scale(1.045)}
.result-card .rc-num{top:86px;color:rgba(255,255,255,.92);text-shadow:0 2px 12px rgba(4,27,79,.55)}
@media (max-width:992px){
.result-card .rc-img{margin:-26px -22px 16px;height:128px}
.result-card .rc-num{font-size:40px;top:82px}
}
/* ---- 调整 2026-10-14m：VOICES 证言卡署名行加圆形工作照头像（韦老大指令：真人写真、侧影避免渲染假）---- */
.quote-card .who{display:flex;align-items:center;gap:11px}
.quote-card .who-ava{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;
border:2px solid #EAF3FC;box-shadow:0 3px 10px -3px rgba(4,27,79,.35)}
/* ---- 调整 2026-10-14n：PROCESS 六步卡配图（图顶全出血，序号圆点叠图左下，韦老大指令：六图场景唯一）---- */
.steps-text .step{padding:0 0 20px;overflow:hidden}
.steps-text .step .step-img{display:block;height:110px;overflow:hidden;margin:0 0 16px}
.steps-text .step .step-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.steps-text .step:hover .step-img img{transform:scale(1.05)}
.steps-text .step::before{position:absolute;left:20px;top:84px;margin-bottom:0;border:2px solid #fff;box-shadow:0 3px 10px rgba(4,27,79,.4);z-index:2}
.steps-text .step h4{margin:26px 20px 0}
.steps-text .step p{margin:9px 20px 0}
@media (max-width:640px){
.steps-text .step .step-img{height:160px}
}
/* ---- 调整 2026-10-14o：FREE RESOURCES 四张资源卡配图（图顶全出血，字标徽章叠图下缘居中，韦老大指令）---- */
.res-card{overflow:hidden}
.res-card .res-img{display:block;height:104px;overflow:hidden;margin:-26px -24px 0}
.res-card .res-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.res-card:hover .res-img img{transform:scale(1.05)}
.res-card .ico{position:relative;z-index:2;width:44px;height:44px;margin:-24px auto 12px;border:3px solid #fff;box-shadow:0 3px 10px rgba(4,27,79,.25);background:var(--accent-soft)}
@media (max-width:640px){
.res-card .res-img{height:150px}
}
/* ---- 调整 2026-10-14p：帮办落地页「三种落地方式」三卡配图（图顶全出血，推荐角标叠图右上，韦老大指令）---- */
.tier-card{overflow:hidden}
.tier-card .tier-img{display:block;height:118px;overflow:hidden;margin:-32px -28px 18px}
.tier-card .tier-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.tier-card:hover .tier-img img{transform:scale(1.05)}
.tier-card.t-c::after{z-index:2}
@media (max-width:640px){
.tier-card .tier-img{height:160px}
}
/* ---- 调整 2026-10-14q：全站补图（首页案例卡/案例缩略图/案例详情场景图/方案卡/落地前卡）---- */
.case-card .cc-img{display:block;height:150px;overflow:hidden}
.case-card .cc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.case-card:hover .cc-img img{transform:scale(1.05)}
.case-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .4s ease}
.case-item:hover .case-thumb img{transform:scale(1.05)}
.case-thumb::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(11,26,51,.62),rgba(11,26,51,.78))}
.case-thumb .ct-ind,.case-thumb .ct-title{position:relative;z-index:2}
.case-hero{margin:26px auto 0;border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 40px -24px rgba(4,27,79,.5)}
.case-hero img{display:block;width:100%;height:300px;object-fit:cover}
.shop-card{overflow:hidden}
.shop-card .shop-img{display:block;align-self:stretch;height:130px;overflow:hidden;margin:-30px -28px 14px}
.shop-card .shop-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.shop-card:hover .shop-img img{transform:scale(1.05)}
.svc-card{overflow:hidden}
.svc-card .sc-img{display:block;align-self:stretch;height:130px;overflow:hidden;margin:-30px -28px 16px}
.svc-card .sc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.svc-card:hover .sc-img img{transform:scale(1.05)}
@media (max-width:640px){
.case-card .cc-img{height:170px}
.case-hero img{height:190px}
.shop-card .shop-img{height:160px}
.svc-card .sc-img{height:160px}
}
/* ---- 调整 2026-10-14m：微信弹层宽度对齐「预约免费 AI 业务诊断」按钮+整体缩小+箭头居中 ---- */
.hdr-qr-pop{left:0;right:0;width:auto;padding:10px 10px 9px}
.hdr-qr-pop::before{left:calc(50% - 6px);right:auto}
.hdr-qr-pop b{margin-top:7px;font-size:12.5px}
.hdr-qr-pop i{display:none}
.hdr-qr-pop img{aspect-ratio:1/1;object-fit:contain;background:#fff}
/* ---- v66 修正：上面 left:0 会把 156px 宽的弹层从按钮左边缘向右推出视口 10px，
全站桌面宽度都因此能横向拖动（scrollWidth 比 clientWidth 大 10px）。
改为右对齐锚定：弹层右缘贴住按钮右缘，宽度仍随内容自适应，视觉位置基本不变。
仅桌面生效；≤760px 的移动端弹层另有 left:50% + translate 的规则，不受影响。 ---- */
@media (min-width:761px){
.hdr-qr-pop{left:auto;right:0}
.hdr-qr-pop::before{left:auto;right:40px}
}
/* ---- 调整 2026-10-14n：手机端导航栏微信气泡 + 头部降高（按钮与 LOGO 等高 26px、白区 63→32px）+ 顶部标语条左对齐 ---- */
.hdr-wx{display:none;position:relative}
@media (max-width:760px){
.topbar{text-align:left}
.hdr-wx{display:inline-flex;align-items:center;justify-content:center;margin:0 auto}
.wx-av{width:34px;height:34px;border:0;padding:0;border-radius:50%;background:#07C160;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(7,193,96,.38)}
.wx-av svg{width:20px;height:20px;fill:#fff;display:block}
.hdr-wx .hdr-qr-pop{display:block;left:50%;right:auto;width:176px;max-width:calc(100vw - 32px);transform:translate(-50%,8px)}
.hdr-wx .hdr-qr-pop::before{left:calc(50% - 6px);right:auto}
.hdr-wx.open .hdr-qr-pop{opacity:1;visibility:visible;transform:translate(-50%,0)}
}
@media (max-width:640px){
.header-inner{height:32px}
.header-inner .btn{height:26px;line-height:26px;padding:0 10px;font-size:11px;border-radius:8px}
.wx-av{width:26px;height:26px}
.wx-av svg{width:15px;height:15px}
}
/* ---- 调整 2026-10-14o：手机首屏两按钮一行缩小 + 信任三句一行 + 合规三句左对齐三行 ---- */
@media (max-width:640px){
.hero .cta{flex-wrap:nowrap;gap:8px;margin-top:22px}
.hero .cta .btn{padding:9px 12px;font-size:12.5px;border-radius:9px}
.hero-trust{flex-wrap:nowrap;justify-content:space-between;gap:10px;margin-top:26px;padding-top:16px}
.hero-trust span{font-size:11px;white-space:nowrap;letter-spacing:-.01em}
.comp-strip{padding:24px 0}
.comp-strip .inner{flex-direction:column;align-items:flex-start;gap:10px;font-size:12px;text-align:left}
}
/* ---- 调整 2026-10-14p：手机端首屏内容整体上提，距导航栏 15px ---- */
@media (max-width:640px){
.hero-inner{padding-top:15px}
.hero-mark{margin-bottom:14px}
}
/* ---- 调整 2026-10-14q：手机端 phead 标签缩小一行显示 ---- */
@media (max-width:640px){
.phead .p-tags{flex-wrap:nowrap;gap:6px;justify-content:center}
.phead .p-tags span{font-size:11px;padding:3px 9px;white-space:nowrap}
}
/* ---- 调整 2026-10-14r：关于我们页（GEO EEAT）版式 ---- */
.ab-sec .sec-head{margin-bottom:26px}
.ab-media{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px rgba(3,15,46,.08);margin-bottom:20px}
.ab-media img{width:100%;height:auto;display:block;aspect-ratio:21/9;object-fit:cover}
.ab-copy{max-width:62em}
.ab-copy p{margin:0 0 12px;color:var(--ink-2);line-height:1.85}
.ab-founder{display:flex;gap:24px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 10px 30px rgba(3,15,46,.08)}
.ab-avatar{flex:0 0 auto;width:112px;height:112px;border-radius:50%;background:linear-gradient(148deg,var(--ink),#0E2A47);display:flex;align-items:center;justify-content:center;border:3px solid rgba(124,196,240,.4)}
.ab-avatar span{font-size:44px;font-weight:800;color:#BFE3F5}
.ab-finfo h3{margin:0 0 4px;font-size:20px}
.ab-ftitle{color:var(--brand);font-weight:700;font-size:13.5px;margin:0 0 12px}
.ab-finfo p{margin:0 0 10px;color:var(--ink-2);line-height:1.8;font-size:14.5px}
.ab-scope{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ab-scope>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.ab-scope h4{margin:0 0 12px;font-size:16px}
.ab-do h4{color:#0E7B45}
.ab-dont h4{color:#B3541E}
.ab-scope ol{margin:0;padding-left:20px;color:var(--ink-2);line-height:2}
.ab-princ{max-width:62em;margin:0;padding-left:22px;color:var(--ink-2);line-height:2.1}
.ab-legal{max-width:62em;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 26px}
.ab-legal p{margin:0 0 10px;color:var(--ink-2);line-height:1.85}
.ab-legal b{color:var(--ink)}
@media (max-width:640px){
.ab-founder{flex-direction:column;align-items:center;text-align:center;padding:22px 18px}
.ab-avatar{width:96px;height:96px}
.ab-avatar span{font-size:38px}
.ab-scope{grid-template-columns:1fr}
.ab-media img{aspect-ratio:16/9}
}
/* ---- 调整 2026-10-15a：全站页尾独立 FAQ（浪花底图推广为通用 .faq-ocean）+ 全站问答汇总目录（.faqhub-*）---- */
/* 1) 页尾 FAQ 板块落在浪花底图上：卡片/分隔线保持可用，正文靠左白渐变区可读 */
.faq-ocean .faq summary{color:var(--ink)}
.faq-ocean .faq details{border-bottom-color:rgba(90,107,133,.22)}
.faq-ocean .cta-block{background:rgba(255,255,255,.86);border-color:rgba(255,255,255,.9)}
/* 2) 全站问答汇总目录：按页面分组的索引卡（只放问题文本，点击跳对应页 #faq） */
.faqhub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.faqhub-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;
box-shadow:0 10px 30px rgba(3,15,46,.06)}
.faqhub-card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:800;color:var(--ink)}
.faqhub-card h3 a{color:var(--ink);text-decoration:none}
.faqhub-card h3 a:hover{color:var(--accent)}
.faqhub-card h3 em{font-style:normal;font-size:12px;font-weight:700;color:#5A6B85;background:#F1F5FA;
border-radius:999px;padding:2px 9px;margin-left:auto;flex:0 0 auto}
.faqhub-card ul{list-style:none;margin:0;padding:0}
.faqhub-card li{border-top:1px solid var(--line)}
.faqhub-card li:first-child{border-top:none}
.faqhub-card li a{display:block;padding:9px 0;font-size:13.8px;line-height:1.66;color:var(--ink-2);text-decoration:none}
.faqhub-card li a:hover{color:var(--accent)}
@media (max-width:992px){.faqhub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
.faqhub-grid{grid-template-columns:1fr;gap:14px}
.faqhub-card{padding:18px 18px}
}
/* ---- 调整 2026-10-15b：法律页单H1 结构 ----
.doc 内的文档标题原为 h1，与 .pagehead 的页面主标题同为 h1（一页两个 H1）。
现降级为 h2 并用 .doc-title 保持原视觉：23px / 700（走全局 h2 规则）/ 下边距 6px。
选择器 .doc .doc-title 特异性 (0,2,0) 高于 .doc h2 (0,1,1)，可稳定覆盖。 */
.doc .doc-title{font-size:23px;color:var(--ink);margin:0 0 6px}
/* ===== 调整 2026-10-15c：合伙人板块（partner/*）=====
页面统一底层架构：Hero → GAO 事实摘要 → 痛点/角色 → 方案/课程 → 准入·收益·流程
→ 脱敏案例 → FAQ（与表单隔离，供脚本抽取 Q&A）→ 意向表单。
配图统一 pr- 前缀，与既有 bgn-/case-/free-/about- 素材完全隔离，全站不重复。 */
/* Hero */
.pr-hero{background:linear-gradient(160deg,var(--ink) 0%,#123a6b 100%);color:#fff;padding:52px 0 46px;position:relative;overflow:hidden}
.pr-hero h1{font-size:32px;line-height:1.32;color:#fff;max-width:19em}
.pr-hero> .wrap>p{margin-top:14px;font-size:15.5px;line-height:1.8;color:#c9d6e6;max-width:44em}
.pr-hero .p-tags{margin-top:18px}
.pr-hero .p-tags span{background:rgba(255,255,255,.12);color:#dce8f6;border:1px solid rgba(255,255,255,.2)}
.pr-hero-acts{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.pr-hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.55)}
.pr-hero .btn-outline:hover{background:rgba(255,255,255,.12);border-color:#fff}
/* 配图：每个内容点一张，固定比例避免抖动 */
.pr-shot{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pr-shot img{width:100%;height:210px;object-fit:cover;display:block}
.pr-shot figcaption{padding:10px 14px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.pr-shot-hero{margin-top:22px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.pr-shot-hero img{height:260px}
.pr-shot-hero figcaption{color:#b9c9dc;border-color:rgba(255,255,255,.14)}
.pr-shot-side img{height:230px}
.pr-shot-sm img{height:150px}
/* GAO 事实摘要：独立成块，AI 抽取问答时的第一手事实来源 */
.pr-facts{background:#f2f6fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
.pr-facts-in{display:flex;gap:16px;align-items:flex-start}
.pr-facts-tag{flex:0 0 auto;font-size:11.5px;font-weight:700;color:#fff;background:var(--accent);
border-radius:999px;padding:4px 12px;margin-top:2px;letter-spacing:.04em}
.pr-facts p{font-size:14.5px;line-height:1.85;color:#2c3a4f}
/* 交替底色分区 */
.section.alt{background:#f6f8fb}
/* 两栏图文 */
.pr-2col{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}
.pr-h3{font-size:18px;font-weight:800;color:var(--ink);margin:22px 0 12px}
.pr-h3:first-child{margin-top:0}
/* 勾选清单（痛点/方案/准入/赋能） */
.check-list{list-style:none}
.check-list li{position:relative;padding:9px 0 9px 26px;font-size:14.5px;line-height:1.75;color:#3a4a60;
border-bottom:1px solid var(--line)}
.check-list li:last-child{border-bottom:none}
.check-list li:before{content:"";position:absolute;left:2px;top:16px;width:9px;height:9px;border-radius:50%;
background:var(--accent);opacity:.75}
.check-list li b{color:var(--ink);margin-right:8px;font-weight:700}
/* 四类角色卡（总览页） */
.pr-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}
.pr-role{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
transition:box-shadow .2s,transform .2s}
.pr-role:hover{box-shadow:0 14px 34px rgba(3,15,46,.1);transform:translateY(-2px)}
.pr-role .pr-shot{border:none;border-radius:0}
.pr-role .pr-shot img{height:190px}
.pr-role h3{font-size:18px;font-weight:800;color:var(--ink);padding:18px 22px 0}
.pr-role .one{padding:8px 22px 0;font-size:14.5px;line-height:1.75;color:#3a4a60}
.pr-role .pain{padding:8px 22px 0;font-size:13.5px;line-height:1.7;color:var(--muted)}
.pr-role .go{display:inline-block;margin:14px 22px 20px;font-size:13.5px;font-weight:700;color:var(--accent);text-decoration:none}
/* 课程模块卡（训练营，六模块各配一图） */
.pr-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
.pr-course{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 0 18px;overflow:hidden}
.pr-course .pr-shot{border:none;border-radius:0}
.pr-course .pr-shot img{height:150px}
.pr-course .no{display:inline-block;margin:14px 18px 0;font-size:11.5px;font-weight:700;color:var(--accent);
background:#eaf6f8;border-radius:999px;padding:3px 11px}
.pr-course h3{padding:8px 18px 0;font-size:16.5px;font-weight:800;color:var(--ink)}
.pr-course p{padding:6px 18px 0;font-size:13.5px;line-height:1.7;color:var(--muted)}
/* 流程 */
.pr-flow{list-style:none;counter-reset:prstep}
.pr-flow li{position:relative;padding:0 0 16px 40px;font-size:14.5px;line-height:1.7;color:#3a4a60}
.pr-flow li .n{position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--ink);
color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pr-flow li:after{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:1px;background:var(--line)}
.pr-flow li:last-child:after{display:none}
.pr-flow li:last-child{padding-bottom:0}
.pr-tips{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin-top:18px}
.pr-tips h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:8px}
.pr-tips p{font-size:14px;line-height:1.8;color:#3a4a60}
.pr-income{font-size:14.5px;line-height:1.85;color:#3a4a60;background:#fff;border:1px solid var(--line);
border-left:3px solid var(--accent);border-radius:10px;padding:16px 18px;margin-top:6px}
/* 脱敏案例 */
.pr-case{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
.pr-case p{font-size:15px;line-height:1.9;color:#2c3a4f}
.pr-case .note{margin-top:12px;font-size:12.5px;color:var(--muted)}
/* FAQ 专区（与表单隔离） */
/* 2026-10-15i：原 .pr-faq details{background:#fff} 把 FAQ 扁平化的透明底覆盖成白块，
与冲浪底割裂 → 改回透明，让问答直接坐在浪花底图上 */
.pr-faq details{background:transparent}
.pr-faq summary{font-size:15.5px}
/* 意向表单 */
/* 行高只由左侧表单内容决定：右侧图片用 position:absolute 脱离文档流，
不再参与网格行高计算。否则竖版图（1:1.39）会把 stretch 后的行高撑到近 900px，
白色表单卡片被一起拉高、按钮下方出现大片空白（2026-10-15 第263 轮修复）。 */
.pr-apply{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.pr-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 30px}
.pr-apply-shot{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);
position:relative;min-height:0;align-self:stretch}
/* 图片高度严格跟随左侧表单（align-items:stretch 由 .pr-apply 提供），
不设 min-height，避免图片比表单高、进而在表单下方留出空白 */
.pr-apply-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pr-form-tip{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:18px}
.pr-form-in{display:grid;gap:14px}
.pr-form-in label{display:block;font-size:13.5px;font-weight:700;color:var(--ink)}
.pr-form-in input,.pr-form-in select,.pr-form-in textarea{width:100%;margin-top:6px;padding:11px 13px;
font-size:14px;font-family:inherit;color:var(--ink);background:#f8fafc;border:1px solid var(--line);border-radius:9px}
.pr-form-in input:focus,.pr-form-in select:focus,.pr-form-in textarea:focus{outline:2px solid rgba(0,168,180,.35);border-color:var(--accent)}
.pr-form-in button{justify-self:start;margin-top:6px}
.pr-form-in button[disabled]{opacity:.6;cursor:not-allowed}
.pr-form-msg{font-size:13.5px;color:var(--accent);align-self:center}
/* 相关合作路径（内链锚文本用角色名，不用"了解更多"） */
.dir-links{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dir-links a{display:block;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:11px;
font-size:14.5px;font-weight:700;color:var(--ink);text-decoration:none}
.dir-links a:hover{border-color:var(--accent);color:var(--accent)}
/* ===== 响应式 ===== */
@media (max-width:992px){
.pr-2col{grid-template-columns:1fr;gap:24px}
.pr-courses{grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-case{grid-template-columns:1fr;gap:20px}
.dir-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:992px){
.pr-apply{grid-template-columns:1fr;gap:18px}
.pr-apply-shot{min-height:240px}
.pr-apply-shot img{position:static;width:100%;height:240px;object-fit:cover}
}
@media (max-width:760px){
.pr-hero{padding:38px 0 34px}
.pr-hero h1{font-size:25px}
.pr-hero> .wrap>p{font-size:14px;line-height:1.75}
.pr-roles,.pr-courses,.dir-links{grid-template-columns:1fr;gap:14px}
.pr-shot img,.pr-shot-side img{height:180px}
.pr-shot-hero img{height:190px}
.pr-facts-in{flex-direction:column;gap:10px}
.pr-form{padding:20px 18px}
}
/* ===== 2026-10-15c 补：导航「合伙人」下拉 =====
下拉首项为该顶级自身的内页入口（合伙人生态总览）。
手机端 hover 不可用，改为常驻展开。 */
.main-nav .nav-drop{position:relative}
.main-nav .nav-drop>a:after{content:"\25BE";display:inline-block;margin-left:5px;font-size:9px;opacity:.65;vertical-align:2px}
.main-nav .nav-drop-panel{display:none;position:absolute;top:100%;left:-10px;min-width:212px;
background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;z-index:200;
box-shadow:0 16px 38px rgba(3,15,46,.16)}
.main-nav .nav-drop:hover .nav-drop-panel,
.main-nav .nav-drop:focus-within .nav-drop-panel{display:block}
.main-nav .nav-drop-panel a{display:block;padding:9px 14px;border-radius:8px;font-size:14px;
color:var(--ink);border-bottom:none;text-decoration:none;white-space:nowrap}
.main-nav .nav-drop-panel a:hover{background:#f1f5fa;color:var(--accent);border-bottom:none}
/* 深色 Hero 上的次按钮：白底会与白字冲突，改为透明底 */
.pr-hero .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.pr-hero .btn-outline:hover{background:rgba(255,255,255,.14);color:#fff;border-color:#fff}
@media (max-width:760px){
.main-nav .nav-drop-panel{position:static;display:block;min-width:0;box-shadow:none;
border:none;border-left:2px solid var(--line);border-radius:0;padding:2px 0 2px 12px;margin:2px 0 6px}
.main-nav .nav-drop>a:after{content:""}
}
/* ===== 2026-10-15d：资讯栏目（/news/）=====
列表页含分类筛选 + 站内检索（纯前端，可被抓取器理解的内容聚合结构）；
文章页问答正文 Q 用 h2（页面唯一 h1 留给标题），FAQ 专区独立隔离供语料抽取。 */
.news-filter{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.news-chips{display:flex;gap:8px;flex-wrap:wrap}
.news-chip{border:1px solid var(--line);background:#fff;color:#3A4A60;font-size:13.5px;
padding:7px 15px;border-radius:999px;cursor:pointer;font-family:inherit;transition:.15s}
.news-chip:hover{border-color:var(--accent);color:var(--accent)}
.news-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
.news-search{flex:1;min-width:200px;padding:10px 15px;font-size:14px;font-family:inherit;
color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px}
.news-search:focus{outline:2px solid rgba(0,168,180,.35);border-color:var(--accent)}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.news-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.news-card:hover{box-shadow:0 14px 32px rgba(3,15,46,.09);transform:translateY(-2px)}
.news-shot{margin:0;border:none;border-radius:0}
.news-shot img{width:100%;height:180px;object-fit:cover;display:block}
.news-body{padding:18px 22px 20px;display:flex;flex-direction:column;flex:1}
.news-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.news-cat{background:#eaf6f8;color:var(--accent);border-radius:999px;padding:2px 10px;font-weight:700}
.news-body h2{font-size:18px;font-weight:800;margin:10px 0 8px;line-height:1.5}
.news-body h3{font-size:16.5px;font-weight:800;margin:10px 0 8px;line-height:1.5}
.news-body h2 a,.news-body h3 a{color:var(--ink);text-decoration:none}
.news-body h2 a:hover,.news-body h3 a:hover{color:var(--accent)}
.news-body p{font-size:14px;line-height:1.75;color:var(--muted);flex:1}
.news-go{margin-top:12px;font-size:13.5px;font-weight:700;color:var(--accent)}
.news-empty{padding:40px 0;text-align:center;color:var(--muted);font-size:14.5px}
/* 文章页问答正文 */
.news-article{max-width:860px;margin:0 auto}
.news-q{font-size:19px;font-weight:800;color:var(--ink);margin:34px 0 12px;line-height:1.55;padding-left:14px;
border-left:4px solid var(--accent)}
.news-q:first-child{margin-top:0}
.news-a{font-size:15px;line-height:1.95;color:#33425A;margin:0}
.news-inline{margin:26px 0 8px}
.news-inline img{width:100%;height:260px;object-fit:cover;border-radius:12px;display:block}
@media (max-width:760px){
.news-grid{grid-template-columns:1fr;gap:14px}
.news-shot img{height:160px}
.news-q{font-size:17px;margin:26px 0 10px}
.news-a{font-size:14.5px;line-height:1.85}
.news-inline img{height:180px}
.news-search{flex:1 1 100%}
}
/* 配图缺失兜底：img 被 onerror 移除后，figure 露出浅色底而不是碎图框 */
.pr-shot{background:linear-gradient(135deg,#eef3f9 0%,#f7fafc 100%)}
.pr-shot:has(img){background:#fff}
.pr-shot:empty::after{content:"";display:block;height:100%;min-height:150px}
/* 2026-10-15f：FAQ 左右内边距在窄屏回收，避免文字被压到卡片边缘 */
@media (max-width:760px){
.faq summary{padding:16px 18px;padding-right:44px}
.faq details p{padding:2px 18px 16px}
.faq summary::after{right:16px;top:14px;font-size:20px}
}
/* 2026-10-15g：FAQ 扁平化后左内边距只有 2px，文字贴边 → 桌面加宽到 30px，窄屏回收避免过窄 */
@media (max-width:760px){
.faq summary{padding:16px 44px 16px 16px}
.faq details p{padding:2px 44px 16px 16px}
.faq summary::after{right:16px}
}
/* 2026-10-15i：FAQ 彻底去白块 —— 问题、答案、容器一律透明，直接呈现浪花底图 */
.pr-faq, .pr-faq details, .pr-faq details p, .pr-faq summary{background:transparent !important}
.faq-ocean .faq details{border-bottom:1px solid rgba(255,255,255,.55)}
.faq-ocean .faq summary{color:var(--ink)}
.faq-ocean .faq details p{color:#2C3A4F}
/* 2026-10-15j：白皮书表单改邮箱制后的配套样式 */
.form-hint{margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.form-fb{margin-top:14px;padding:16px 18px;background:#F4F8FC;border:1px solid var(--line);border-radius:12px;
font-size:13.5px;line-height:1.75;color:#3A4A60}
.form-fb b{color:var(--ink)}
.form-fb textarea{width:100%;margin:10px 0 12px;padding:11px 13px;font-size:13px;font-family:inherit;
color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;resize:vertical;line-height:1.7}
.form-fb .btn-sm{padding:9px 18px;font-size:13.5px}
.fb-tip{margin-left:10px;font-size:13px;color:var(--accent)}
.form-ok.err{color:#C0392B}
.form-ok.ok{color:#1E7A46}
/* 2026-10-15m：预约诊断改为微信扫码入口（不收手机号、不用填表） */
.qr-entry{display:grid;grid-template-columns:360px 1fr;gap:38px;align-items:center;
background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 38px}
.qr-shot{margin:0;text-align:center}
.qr-shot img{width:100%;max-width:340px;aspect-ratio:1/1;object-fit:contain;
border:1px solid var(--line);border-radius:14px;background:#fff}
.qr-shot figcaption{margin-top:12px;font-size:13.5px;color:var(--muted)}
.qr-side h3{font-size:19px;font-weight:800;color:var(--ink);margin-bottom:14px}
.qr-side ul{list-style:none;margin:0 0 18px}
.qr-side li{position:relative;padding:8px 0 8px 24px;font-size:14.5px;line-height:1.8;color:#3A4A60}
.qr-side li:before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;
border-radius:50%;background:var(--accent);opacity:.75}
.qr-tip{padding:14px 16px;background:#F4F8FC;border-radius:11px;font-size:13.5px;line-height:1.75;color:#3A4A60}
.qr-tip b{color:var(--ink)}
@media (max-width:860px){
.qr-entry{grid-template-columns:1fr;gap:24px;padding:26px 22px}
.qr-shot img{max-width:260px}
}
/* --- 内容边界声明（2026-10-15 第三份评估报告 P0-4）--- */
.pr-note{background:#FFF9EC;border-top:1px solid #F0E2BE;border-bottom:1px solid #F0E2BE;padding:16px 0}
.pr-note p{font-size:14px;line-height:1.8;color:#6B5726;margin:0;max-width:60em}
.note-tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:#B8860B;
border-radius:999px;padding:3px 12px;margin-right:11px;vertical-align:1px}
.news-rt{font-size:12px;color:#8A97A8;margin:6px 0 2px}
@media (max-width:760px){
.pr-note p{font-size:13.5px}
.note-tag{display:block;width:fit-content;margin:0 0 7px}
}
/* ===================================================================
第39轮调整（2026-10-15）：手机端顶部标语缩为一行 + 套用香港站外框线与扫光带；
手机端首屏左侧内容整体居中 + 加同款外框线
韦老大要求：
① 顶部标语「专注商用 AI 闭环落地…」压成**一行**，外框线与扫光带完全照搬香港站；
② 首屏左侧那块（banner图 + 标语 + h1 + 小字 + 两按钮）**居中**并加同款外框线；
③ h1 下面那段小字**保持左对齐**，文字两端离框线等距；
④ 两处都是**外框线，不是底板**，框线颜色与香港站一致（1px rgba(214,226,238,.30)）。
★尺寸实测依据（360px 真机量得，勿凭感觉改）：
标语 26 字，14px 时占 3 行 76px；逐档试下来 11px 需 293px / 可用 312px，
但加上外框内边距 24px 后=317px 会溢出 → **定10px**（267+24=291px，留 21px 余量）。
★★三条铁律（香港站踩过的坑，直接沿用，勿再犯）：
① 动画元素写初值一律不加 !important —— !important 优先级高于 CSS 动画，
会把扫光锁死在起点（transform 和 left 都中过招）；
② 约束光带范围用 clip-path，**不用 overflow:hidden** —— 后者在宽元素上会让文字变暗；
③ 光带宽度必须用**绝对 px，绝不用 %**（香港站用 42% 在桌面端算出 493px 糊住半个框）。
=================================================================== */
/* ---------- ① 手机端顶部标语：一行 + 外框 + 扫光 ---------- */
@media (max-width:760px){
.topbar{
padding:7px var(--pad-x) !important; /* 上下收紧，整条更矮 */
text-align:center !important; /* 覆盖第20261014n 的左对齐 */
}
.topbar span{
/* 单行：nowrap + 实色（实测 10px 可单行，11px 加框内边距会溢出） */
display:inline-block !important;
max-width:100% !important;
white-space:nowrap !important;
font-size:10px !important;
line-height:1.5 !important;
letter-spacing:0 !important;
/* 外框线（与香港站同款：1px 细浅灰 + 10px 圆角），不加任何底板/背景 */
padding:5px 12px !important;
border:1px solid rgba(214,226,238,.30) !important;
border-radius:10px !important;
background:none !important;
/* 实色保证清晰（宽元素上 background-clip:text 会把文字染暗，香港站已踩过） */
color:#D6DDE8 !important;
/* 光带定位上下文；用 clip-path 把光带裁在圆角框内 */
position:relative !important;
clip-path:inset(0 round 10px) !important;
-webkit-clip-path:inset(0 round 10px) !important;
}
.topbar b{color:#8FE9F5 !important} /* 强调句品牌青实色 */
/* 扫光带：宽度取绝对 px，手机端 58px（香港站同值） */
.topbar span::after{
content:"" !important;
position:absolute !important;
top:-10% !important;
bottom:-10% !important;
left:-70px; /* ★此处绝不能加 !important */
width:58px !important;
pointer-events:none !important;
z-index:1 !important;
background:linear-gradient(105deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.45) 36%,
rgba(255,255,255,.98) 50%,
rgba(255,255,255,.45) 64%,
rgba(255,255,255,0) 100%) !important;
transform:skewX(-18deg) !important;
filter:blur(1px) !important;
mix-blend-mode:screen !important;
animation:cd-sweep-left 3s cubic-bezier(.4,0,.2,1) infinite !important;
will-change:left !important;
}
}
/* 扫光带节奏与 LOGO 一致：扫过 40% 用时，余 60% 停留 */
@keyframes cd-sweep-left{
0%{left:-70px}
40%{left:calc(100% + 70px)}
100%{left:calc(100% + 70px)}
}
/* ---------- ② 手机端首屏左侧：整体居中 + 外框线 ---------- */
@media (max-width:760px){
/* ★框整体右移出屏幕的根因（韦老大截图反馈）：
.hero-inner 本身就是 .wrap，基础样式已有 `padding:0 var(--pad-r) 0 var(--pad-x)`，
我上轮又叠了一层 `padding:0 var(--pad-x)` → 左右内边距变成两倍，
且左用 --pad-x、右用 --pad-r 本身就不等（pad-r 最小只有 12px），所以整块右移。
✓ 修法：直接覆盖成**左右等值**内边距，不再叠加。 */
.hero-inner{padding:0 18px 48px !important}
/* 左列加外框并居中 */
.hero-lead{
text-align:center !important;
padding:22px 16px 24px !important;
border:1px solid rgba(214,226,238,.30) !important;
border-radius:14px !important;
/* 加框后略收内边距，避免内容贴边 */
}
/* banner 图：居中 */
.hero-lead .hero-mark{
margin-left:auto !important;
margin-right:auto !important;
}
/* 品牌标语：**两端对齐**（韦老大要求：这两行字要两端对齐撑满）
★ 注意两个关键点，缺一个都不行：
① .brandline 必须给 `width:100%` —— 它基础样式是 width:fit-content（只包内容），
不撑满的话 space-between 就没有可分配的空间，两端对齐等于没做。
② .jl 必须用 `space-between`（恢复基础样式的两端对齐），
**不是 center** —— 我上轮误改成 center，把两端对齐搞没了。 */
.hero-lead .brandline{
align-items:stretch !important;
justify-content:center !important;
gap:3px !important;
width:100% !important; /* ★撑满，两端对齐的前提 */
max-width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}
/* ★两端对齐：回到 space-between（首尾严格贴齐，这才是「两端对齐」的定义）。
上轮试过 grid 均分列，结果首尾各留 14~23px 空隙 —— 因为均分列宽 > 字宽，
反而贴不齐，已废弃。
✓ 现在用 space-between + 给 .jl 一个**比容器略窄的固定宽度**：
两端对齐只在「行宽」范围内生效，行宽由 width 决定、与框宽解耦，
既保证首尾贴齐，又把字距拉伸幅度限制在可接受范围。 */
.hero-lead .brandline .jl{
justify-content:space-between !important;
align-items:baseline !important;
width:100% !important;
max-width:300px !important; /* ★限宽：拉伸只在这 300px 内发生，不会拉散 */
margin-left:0 !important;
margin-right:auto !important;
}
.hero-lead .brandline .jl + .jl{
max-width:260px !important; /* 第二行 5 字（落地AI闭环），稍窄 */
}
/* 抵消基础样式里 `.jl .nd{margin-right:-2px}` —— 那是为桌面端字距微调加的，
手机端两端对齐时会让末字右边多出 2px，导致第二行右边对不齐 */
.hero-lead .brandline .jl .nd{margin-right:0 !important}
/* h1：**两端对齐**（韦老大要求：把「能」字挪到第二行并两端对齐）
用 justify 只能在单行生效，多行必须用 text-align:justify + text-align-last:justify，
后者让**最后一行也拉伸到满宽**，正是「能」字落到第二行后要的效果。 */
.hero-lead .hero h1,
.hero-lead h1{
/* 两端对齐。★中文两端对齐的正解不是 text-align:justify（那是给西文单词间距用的，
中文用它会把字距拉得极开——实测第二行被撕成「不 能 出 业 绩」）。
✓ 正解：靠 letter-spacing 负值收紧 + text-align-last:justify 控制首尾贴齐，
或者直接两端对齐交给 letter-spacing 微调。这里用 justify 但限制拉伸：
给 h1 一个略窄的 max-width，字距自然就小。 */
text-align:justify !important;
text-align-last:justify !important;
-webkit-text-align-last:justify !important;
/*★中文两端对齐的拉伸幅度控制（本轮定稿）：
text-align-last:justify 把行内剩余空间平分给字间距，**行越短拉得越开**。
自动断行时第二行只剩 6~7 字 → 被撕成「出 业 绩 的 演 示 样 板」，非常难看。
✓ 根本解法：**HTML 里用
手动断行**，24 字均分两行（各 12 字），
「能」字正好落在第二行开头（正是韦老大要的）。
配合 19.5px 字号，两行字数均衡 → justify 拉伸幅度极小，两端对齐仍成立。
★不要再靠改字号去凑断行点（试过 18~24px，末行字数几乎不变，断行由
决定）。 */
letter-spacing:-.01em !important;
word-spacing:0 !important;
font-size:19.5px !important;
line-height:1.5 !important;
margin-left:0 !important;
margin-right:0 !important;
max-width:100% !important;
width:100% !important;
}
/*③ h1 下面的小字：保持左对齐，两端离框线严格等距
—— 左右内边距必须相等：父级 .hero-lead padding 是 16px，
这里 margin 左右清零 + width:100%，实测左右间距严格相等。
★绝不能加 text-align:center（那是标题的口径，小字要左对齐）。 */
.hero-lead .sub{
text-align:left !important;
text-align-last:left !important;
-webkit-text-align-last:left !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
width:100% !important;
box-sizing:border-box !important;
}
/* 两按钮：整体居中 */
.hero-lead .cta{
justify-content:center !important;
}
/* 信任三句：居中 */
.hero-lead .hero-trust{
justify-content:center !important;
/* flex 容器同样需要 margin:auto 才会真正水平居中 */
margin-left:auto !important;
margin-right:auto !important;
}
}
/* ===================================================================
第40轮调整（2026-10-15）：修首屏排版 4 处反馈
韦老大实机反馈：①标语两行要两端对齐 ②h1 去掉顿号、「能」字挪第二行并两端对齐
③小字两端离框线要等距 ④首屏框往右移出屏幕、没居中
⑤「领取白皮书」按钮一闪一闪没固定住
④根因（上轮遗留）：.hero-inner 本身就是 .wrap，已带 padding:0 var(--pad-r) 0 var(--pad-x)，
我又叠一层 padding:0 var(--pad-x) → 左右内边距翻倍且左/右不等（pad-r 最小仅 12px），
整块因此右移。已在上方改为 `padding:0 18px 48px` 左右等值覆盖。
⑤根因：.float-wp 上声明了 `transition:.2s`，同时又有 `:hover{transform:translateY(-3px)}`。
手机上**没有真hover**，但点击瞬间浏览器会临时把元素置于 hover 态，
于是按钮先跳一下再跳回 —— 视觉上就是"一闪一闪"。
✓ 修法：把 hover 位移包进 `@media(hover:hover) and (pointer:fine)`，
触屏设备彻底不再触发；同时手机端去掉 transition，杜绝残余抖动。
=================================================================== */
/* ---------- ⑤ 白皮书悬浮按钮：触屏端彻底钉住，不再闪 ---------- */
@media (max-width:760px){
.float-wp{
position:fixed !important;
right:12px !important;
bottom:12px !important;
/* ★去掉 transition：触屏上点击会临时触发 hover 态，
有transition 就会看到"跳起再落回"的一闪一闪 */
transition:none !important;
transform:none !important;
/* 关掉 hover 位移（触屏没有真hover，但点击瞬间浏览器可能临时置hover 态） */
animation:none !important;
will-change:auto !important;
}
}
/* 鼠标设备才给 hover 位移 */
@media (hover:hover) and (pointer:fine){
.float-wp{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.float-wp:hover{transform:translateY(-3px)}
}
/* ---------- ④ 首屏框右移出屏幕：真根因是页面横向溢出（scrollWidth 453 > 390）---------- */
@media (max-width:760px){
/* 源头是导航里两个二维码弹层 .hdr-qr-pop（216px 宽，隐藏时用 visibility 仍参与布局计算宽度），
把整页 scrollWidth 撑到 453px，视觉上所有内容（首屏框、标语）全被推右、被裁掉。
✓ 双保险：①弹层彻底移出文档流 ②页面级横向裁剪兜底 */
.site-header .hdr-qr-pop,
.hdr-wx .hdr-qr-pop{
position:absolute !important;
width:0 !important;
height:0 !important;
overflow:hidden !important;
}
/* 页面级兜底：任何元素都不许把页面撑宽（clip 不会破坏 sticky，比 hidden 安全） */
html,body{
overflow-x:clip !important;
max-width:100% !important;
}
}
/* ===================================================================
第41轮调整（2026-10-16 01:07 韦老大手机端实机反馈 4 处）：
① 首屏横幅图不需要做「捕捉业务增量/落地AI闭环」两端对齐 ——
直接用电脑端那张横版 LOGO（assets/openhunter-banner.png）缩小居中即可；
② h1 下面那段小字：**首行左右离边框的距离要相等**；
③ 整体边框仍靠右、没居中；下面沙盘的边框也没居中；
④ 上面的边框顶到了导航栏下端，要往下移一点。
★③「靠右」的真因：不是内边距问题，而是**页面仍有横向滚动**，
视口被撑宽后固定内容整体偏移。真凶是导航里的 .hdr-qr-pop（216px 弹层）。
本轮彻底根治：把这两个弹层在移动端**完全移出文档流**（position:fixed 不参与布局）
+ 页面级 overflow-x:clip 兜底（clip 不破坏 sticky）。
=================================================================== */
@media (max-width:760px){
/* ---------- ③ 根治横向滚动：两个二维码弹层彻底退出布局 ---------- */
/* 这两个弹层 216px 宽，隐藏态（visibility:hidden）仍参与布局宽度计算，
把整页 scrollWidth 从 390 撑到 453，视觉上所有内容被推右、被裁掉。
✓ 改成 position:fixed + width/height:0 → 不再参与任何布局计算。 */
.site-header .hdr-qr-pop,
.hdr-wx .hdr-qr-pop{
position:fixed !important;
width:0 !important;height:0 !important;
overflow:hidden !important;
top:auto !important;
}
/* 点击微信图标时仍要能弹出二维码 → 用 .open 状态下恢复可见 */
.hdr-wx.open .hdr-qr-pop{
top:calc(100% + 8px) !important;
left:50% !important;right:auto !important;
width:176px !important;height:auto !important;
transform:translateX(-50%) !important;
}
/* 页面级兜底：任何元素都不许把页面撑宽（clip 不破坏 sticky，比 hidden 安全） */
html,body{overflow-x:clip !important;max-width:100% !important}
/* ---------- ③+④ 首屏框：水平居中 + 上边框下移 ---------- */
/* 上移问题：.hero-lead 的上外边距为 0，框顶直接贴住导航栏下缘。
✓ 给 .hero-inner 加 14px 顶部内边距，让框与导航之间留出呼吸空间。 */
.hero-inner{padding:14px 16px 48px !important}
/* 居中：明确左右内边距相等 + 内容块居中（两端已等，
这里再补 margin:auto 兜住 flex/grid 的边距差异） */
.hero-inner{
padding-left:16px !important;
padding-right:16px !important;
}
.hero-lead{
margin-left:auto !important;
margin-right:auto !important;
max-width:100% !important;
}
/* 沙盘（demo）同样居中 */
.hero-inner .demo-wrap,
.hero-inner .demo{
margin-left:auto !important;
margin-right:auto !important;
max-width:100% !important;
}
/* ---------- ① 横幅图：直接用电脑端横版 LOGO，缩小居中 ---------- */
/* 不再需要「两端对齐」那套字距拉伸（.brandline 在移动端整体隐藏），
横版 LOGO 本身就是完整品牌标识，缩小居中更干净。 */
.hero-lead .hero-mark{
width:auto !important;
height:30px !important; /* 手机端 30px 高，比例协调 */
max-width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
display:block !important;
}
/* ★广告语文字标语**保留显示**（2026-10-16 01:21 韦老大纠正：
「你把这段广告语给我删掉了干嘛呀，给我改回来，直接用这张图缩小放上去」
—— 正确做法是「图 + 文字」都要，不是二选一。 */
.hero-lead .brandline{
display:flex !important;
font-size:19px !important;
margin:14px 0 10px !important;
align-items:stretch !important;
}
/* 两行广告语：两端对齐，限宽避免字距被拉散 */
.hero-lead .brandline .jl{
justify-content:space-between !important;
width:100% !important;
max-width:300px !important;
margin-left:0 !important;
margin-right:auto !important;
align-self:stretch !important;
}
.hero-lead .brandline .jl + .jl{max-width:260px !important}
.hero-lead .brandline .jl .nd{margin-right:0 !important}
/* ---------- ② 小字首行左右离边框等距 ---------- */
/* 两端对齐：首行左右贴齐框线，且各行字数均衡、拉伸轻微 */
.hero-lead .sub{
text-align:justify !important;
-webkit-text-align-last:left !important;
text-align-last:left !important;
/* text-align-last:left —— 末行不强制撑满（这段自动折行，末行字数少，
撑满会被撕开）；前面的行由 text-align:justify 管，逐行贴齐左右框线。 */
margin-left:0 !important;margin-right:0 !important;
padding-left:0 !important;padding-right:0 !important;
width:100% !important;
box-sizing:border-box !important;
}
}
/* ---------- ⑥ 首屏两个框居中（2026-10-16 01:22 实测修正）
★实测数据（不是「没居中」，是**框比视口宽、装不下**）：
320px → 左16 / 右-33.2（右缘超出屏幕 33px！）
360px → 左16 / 右 6.8（右侧少 9.2px）
390px → 左16 / 右16 ✅
根因：.hero-lead 的固定 padding:22px 16px + 边框，加上内部不换行元素
（两按钮并排 flex-wrap:nowrap、信任三句 nowrap）撑出了最小宽度，
窄屏下内容把盒子顶宽 → 左右不等距、右侧溢出。
✓ 修法三层：
① 框自身 padding 随屏宽收缩（16px → 12px → 10px）；
② 允许内部 flex 容器换行（按钮、信任三句解除 nowrap）；
③ 盒子加 box-sizing:border-box + max-width:100%，确保左右外边距对称。 */
@media (max-width:760px){
.hero-inner{padding:14px 14px 48px !important} /* 16 → 14，两侧仍等值 */
.hero-lead{
box-sizing:border-box !important;
max-width:100% !important;
width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
padding:18px 14px 20px !important; /* 16 → 14，与父级呼应 */
}
.hero-inner .demo-wrap,
.hero-inner .demo{
box-sizing:border-box !important;
max-width:100% !important;
width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}
/* ② 解除内部 nowrap：窄屏下按钮/信任句允许换行，不再撑宽盒子 */
.hero-lead .hero .cta,
.hero-lead .cta{
flex-wrap:wrap !important; /* 按钮可换行，不再强制并排 */
gap:8px !important;
}
.hero-lead .hero-trust{
flex-wrap:wrap !important; /* 信任三句可换行 */
justify-content:center !important;
gap:8px 14px !important;
}
/* 按钮在 320px 下必须允许独占一行 */
@media (max-width:380px){
/* ★2026-10-16 07:06 韦老大：「成都站手机端首屏下两个按钮缩短排成一行」
—— 原先这里让按钮纵向column 排列（各占满宽），是导致 320/360 换行的直接原因。
✓ 改回一行：缩短字号与内边距，让两个按钮在 320px 窄屏也能并排。 */
.hero-inner,.hero-lead{padding-left:11px !important;padding-right:11px !important}
/* 按钮缩短：字号 12.5→11.5px、内边距 9/12→7/9px */
.hero-lead .cta .btn{
font-size:11.5px !important;
padding:8px 9px !important;
letter-spacing:-.02em !important;
white-space:nowrap !important;
}
}
}
/* ===================================================================
第43轮（2026-10-16 01:34）：手机端广告语改用图片
韦老大第二次纠正：「手机端的广告语又回到刚才的不对齐状态了，
你为什么不能直接用这个图缩小放上去呢」
★方案层教训：我要的是"视觉整齐"，却一直在用"文字两端对齐"这个手段 ——
窄屏下 space-between / max-width / 字距限幅反复调都不理想。
✓ 换成图片，一次到位，一个字都不用调。以后遇到"排版怎么调都不对"，
先问"能不能直接用图"。
=================================================================== */
/* 图片版：默认隐藏，桌面端继续用文字版 */
.brandline-img{display:none !important}
.brandline-img img{display:block;width:100%;height:auto;border-radius:6px}
@media (max-width:760px){
/* 移动端：显示图片版、隐藏文字版 */
.hero-lead .brandline-img{
display:block !important;
width:100% !important;
/*★2026-10-16 01:50 韦老大：广告语「缩小到四分之三」，原来 300px 顶满格太抢眼。
300 × 3/4 = 225px。仍居中，上下留白略增以平衡视觉。 */
max-width:225px !important;
margin:16px auto 14px !important;
}
.hero-lead .brandline{display:none !important}
}
/* ===================================================================
第45轮（2026-10-16 08:20）：修复 1081~1360px 桌面窄档头部横向溢出
成因：10-15 加入「合伙人」导航下拉 + 「资讯」链接后，头部最小内容宽度
涨到 1321px（LOGO 381 + 导航 669 + CTA 171 + 间距与边距），
1280 / 1200 / 1152 等常见笔记本宽度整页出现横向滚动条（线上 v48 已存在）。
★非本轮改动引入，本轮发 v49 顺手修掉：只动导航可见区（>1080px）整体减压，
把头部最小宽度压进 1081px；≤1080px 走既有手机端头部，不受影响。
=================================================================== */
@media (min-width:1081px) and (max-width:1360px){
.site-header .header-inner{gap:16px}
.site-header .logo-shine img{height:34px;width:auto}
.site-header .logo-text .lt{font-size:11.5px}
.site-header .main-nav{font-size:13px;gap:4px;margin:0 6px}
.site-header .hdr-qr .btn{font-size:12.5px;padding:8px 13px}
}
/* ===================================================================
第45轮（2026-10-16 08:26）：修复 ≤360px 手机头部 CTA 按钮被裁
实测：LOGO 图 162 + 微信泡 26 + CTA 125 + 间距，320px 档按钮右缘到 362，
被 overflow-x:clip 裁掉 42px——「预约免费 AI 业务诊断」文字直接截断。
（线上 v48 已存在；390px 档不受影响，不动。）
=================================================================== */
@media (max-width:360px){
.site-header .logo-shine img{height:20px;width:auto}
.site-header .hdr-qr .btn{font-size:10px;padding:0 7px;letter-spacing:-.02em}
}
/* ===================================================================
第50轮（2026-10-16 12:30）：LOGO + 顶部标语套用香港站扫光；顶部标语加灰白线框
韦老大要求（对照香港站）：
① 左上角 LOGO 加扫光（成都站此前 LOGO **完全没有扫光**，只有 overflow:hidden）；
② 最顶上标语「专注商用 AI 闭环落地，帮你把 AI 跑通，拿到真实业务增长」
加扫光 —— **电脑端此前没有**（第39轮只做了手机端 ≤760px）；
③ 同一句标语外面加灰白线框 —— 电脑端此前也没有。
★光带参数与香港站**逐字同款**（.logo-shine::after / .topbar-text::after）：
linear-gradient(105deg, 0% → .45 36% → .98 50% → .45 64% → 0%) + skewX(-18deg)
+ blur(1px) + mix-blend-mode:screen，3 秒一轮（扫过占 40%，余 60% 停留）。
缺 skew/blur 会退化成一团光糊住文字（香港站踩过）。
★★三条铁律（延续第39轮，勿再犯）：
① 动画元素的 left 初值**绝不能加 !important** —— !important 优先级高于
CSS 动画，会把扫光锁死在起点（transform、left 各中过一次）；
② 约束光带范围用 clip-path:inset(0 round Npx)，**不用 overflow:hidden**
（后者在宽元素上会让文字变暗）；
③ 宽元素（顶部标语）光带宽度必须**绝对 px**；窄元素（LOGO 最宽 275px）
用 % 是为了随 breakpoint 等比缩放（香港站 LOGO 同款 42%），
**不要"顺手修正"成 px** —— 定 px 会在 20px 高的小档上糊住整个 LOGO。
=================================================================== */
/* ---------- ① LOGO 扫光（全站全档，所有页面共用 .logo-shine）---------- */
.logo-shine::after{
content:"";
position:absolute;
top:-10%;
left:-75%; /* ★此处绝不能加 !important */
width:42%; /* ★窄元素等比缩放，见上方铁律③ */
height:120%;
pointer-events:none;
background:linear-gradient(105deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.45) 36%,
rgba(255,255,255,.98) 50%,
rgba(255,255,255,.45) 64%,
rgba(255,255,255,0) 100%);
transform:skewX(-18deg);
filter:blur(1px);
mix-blend-mode:screen;
animation:cd-logo-shine 3s cubic-bezier(.4,0,.2,1) infinite;
will-change:left;
}
/* 位移用 %：与元素宽等比，任何 LOGO 尺寸下都从框外左侧完整扫到框外右侧 */
@keyframes cd-logo-shine{
0%{left:-75%}
40%{left:130%}
100%{left:130%}
}
/* ---------- ② 电脑端（>760px）顶部标语：灰白线框 + 扫光 ---------- */
/* 手机端（≤760px）第39轮已做，这里只补 761px 以上，两档互不覆盖 */
@media (min-width:761px){
.topbar span{
display:inline-block;
max-width:100%;
position:relative;
padding:5px 14px;
/* 灰白线框：与香港站/手机端同款 1px 细浅灰 + 10px 圆角，无底板 */
border:1px solid rgba(214,226,238,.30);
border-radius:10px;
/* 用 clip-path 把光带裁在圆角框内（不用 overflow:hidden，宽元素会让文字变暗） */
clip-path:inset(0 round 10px);
-webkit-clip-path:inset(0 round 10px);
}
/* 扫光带：绝对 px 细带（电脑端字号 14px，取 90px；香港站同档 96px） */
.topbar span::after{
content:"";
position:absolute;
top:-10%;
bottom:-10%;
left:-96px; /* ★此处绝不能加 !important */
width:90px;
pointer-events:none;
z-index:1;
background:linear-gradient(105deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.45) 36%,
rgba(255,255,255,.98) 50%,
rgba(255,255,255,.45) 64%,
rgba(255,255,255,0) 100%);
transform:skewX(-18deg);
filter:blur(1px);
mix-blend-mode:screen;
animation:cd-sweep-desk-left 3s cubic-bezier(.4,0,.2,1) infinite;
will-change:left;
}
}
/* 与 LOGO 扫光同节奏：扫过 40% 用时，余下 60% 停留 */
@keyframes cd-sweep-desk-left{
0%{left:-96px}
40%{left:calc(100% + 96px)}
100%{left:calc(100% + 96px)}
}
/* ===================================================================
2026-10-18：首屏 CTA 由 2 个增至 4 个
出海预检 / 采购托管 / AI 诊断 / 同行案例
桌面一行 4 个；≤640 缩短为「一排 4 等分」（v66 改，原 2×2 已废）
=================================================================== */
.hero-lead .cta.cta-4{display:flex;flex-wrap:wrap !important;gap:12px;margin-top:28px}
.hero-lead .cta.cta-4 .btn{white-space:nowrap}
@media (max-width:900px){
.hero-lead .cta.cta-4{gap:10px}
}
@media (max-width:640px){
/* v66：手机端 4 个按钮由 2×2 改为「缩短 + 一排」。
关键点：flex-wrap:nowrap 锁死单行；flex:1 1 0 让四等分自动收窄；
min-width:0 允许收缩到内容宽度以下（否则中文不换行会把行撑破）；
padding 收到 2px 左右、字号 12px，保证 320px 窄屏也放得下 4 个字。 */
.hero-lead .cta.cta-4{
display:flex !important;
flex-wrap:nowrap !important;
gap:6px !important;
width:100% !important;
margin-top:22px;
margin-left:0 !important;
margin-right:0 !important;
justify-content:center !important;
}
.hero-lead .cta.cta-4 .btn{
flex:1 1 0 !important;
min-width:0 !important;
width:auto !important;
justify-content:center;
padding:10px 2px !important;
font-size:12px !important;
letter-spacing:0 !important;
border-radius:8px;
white-space:nowrap;
}
}
/* ≤360px 极窄屏：再降 0.5px 字号，避免「出海预检」四字贴边 */
@media (max-width:360px){
.hero-lead .cta.cta-4 .btn{
font-size:11.5px !important;
padding:9px 1px !important;
}
}
/* ===== 内页 Hero 价值烘托段（2026-10-18 评估完善） ===== */
.hero-value{max-width:940px;margin:30px auto 0;text-align:center}
.hero-value .hero-value-eyebrow{display:inline-block;font-size:14px;letter-spacing:.1em;color:#9FC6E8;font-weight:600;margin:0 0 9px}
.hero-value .hero-value-title{font-size:22px;font-weight:800;color:#fff;margin:0 0 13px}
.hero-value .hero-value-lead{font-size:16.5px;line-height:1.95;color:#E6F0FA;text-align:left;margin:0 auto;max-width:880px}
.hero-value .hero-value-sub{font-size:14.5px;line-height:1.85;color:#BcdCEA;margin:14px auto 0;max-width:880px;text-align:left}
.phead .hero-trust{display:block;color:#9FC6E8;font-size:13px;text-align:left;margin-top:18px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px;letter-spacing:.02em}
.case-evidence{margin:14px auto 0;max-width:900px;font-size:14.5px;line-height:1.7;color:#041B4F;background:var(--accent-soft,#EAF6FB);border-left:3px solid var(--accent,#21ADBD);padding:11px 14px;border-radius:0 8px 8px 0;text-align:left}
/* 定义区护城河版式（仅作用于带 --moat 修饰的 box，避免影响全站 pr-facts） */
.pr-facts--moat .pr-facts-in{flex-direction:column;gap:12px;align-items:stretch}
.pr-facts--moat .pr-facts-tag{align-self:flex-start}
.pr-facts--moat .pr-core{font-size:15.5px;font-weight:700;color:#041B4F;line-height:1.7;margin:0}
.pr-facts--moat .pr-moat{list-style:none;margin:0;padding:0}
.pr-facts--moat .pr-moat li{font-size:14px;line-height:1.78;color:#33475b;margin:0 0 8px;padding-left:18px;position:relative}
.pr-facts--moat .pr-moat li::before{content:"·";position:absolute;left:3px;color:var(--accent,#21ADBD);font-weight:800}
.pr-facts--moat .pr-moat li b{color:#041B4F}
@media (max-width:640px){
.hero-value .hero-value-lead{font-size:15px;line-height:1.85}
.hero-value .hero-value-title{font-size:19px}
.case-evidence{font-size:13.5px}
}
/* ===== 内页首屏重构：右对齐标题区 + 左文案 + 右流程卡 + 底部信任锚（2026-10-18g，按韦老大参考图） ===== */
.phead--svc{padding:46px 0 40px}
.phead--svc .svc-head{text-align:center}
.phead--svc .svc-head h1{text-align:center;margin:0 auto 14px;font-size:clamp(30px,3.6vw,44px);line-height:1.12;letter-spacing:.05em;font-weight:800;color:#fff}
.phead--svc .svc-head-sub{text-align:center;margin:0 auto;max-width:52em;font-size:17px;line-height:1.8;color:#D6E4F2;font-weight:400}
.phead--svc .p-tags{margin-top:18px;justify-content:center;gap:10px}
.phead--svc .svc-body{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:54px;align-items:center;margin-top:30px}
.phead--svc .svc-copy-title{margin:0;font-size:clamp(21px,2.1vw,27px);font-weight:700;line-height:1.55;color:#A9C9E8;text-align:left}
.phead--svc .svc-copy-lead{margin:18px 0 0;font-size:16px;line-height:2.05;color:#E2ECF6;text-align:left}
.phead--svc .acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;margin-top:30px}
.phead--svc .svc-hint{margin:18px 0 0;font-size:13px;line-height:1.7;color:#8FB4D6;text-align:center}
.phead--svc .svc-trust{margin:36px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:#9FC6E8;letter-spacing:.04em;text-align:left}
.phead--svc .flow-card{border:1px solid rgba(124,196,240,.42);border-radius:16px;background:rgba(255,255,255,.035);padding:24px 20px 14px;box-shadow:0 24px 60px -40px rgba(0,0,0,.9)}
.phead--svc .flow-card .art-svg{display:block;width:100%;height:auto}
.phead--svc .flow-card .art-cap{margin:10px 0 0;text-align:center;font-size:12.5px;color:#9FC6E8}
@media (max-width:1080px){
.phead--svc .svc-body{grid-template-columns:1fr;gap:30px;margin-top:28px}
.phead--svc .svc-copy-lead{font-size:15.5px;line-height:1.95}
}
@media (max-width:700px){
.phead--svc{padding:34px 0 32px}
.phead--svc .svc-head{text-align:center}
.phead--svc .svc-head h1{text-align:center;font-size:30px;margin-bottom:12px}
.phead--svc .svc-head-sub{text-align:center;margin:0 auto;font-size:15px;line-height:1.7}
.phead--svc .p-tags{justify-content:center;margin-top:14px}
.phead--svc .svc-copy-title{font-size:19px;line-height:1.6}
.phead--svc .svc-copy-lead{font-size:14.5px;line-height:1.92;margin-top:14px}
.phead--svc .acts{flex-direction:column;gap:10px;margin-top:22px}
.phead--svc .acts .btn{width:100%}
.phead--svc .svc-hint{font-size:12px;text-align:left}
.phead--svc .flow-card{padding:16px 12px 10px;border-radius:12px}
.phead--svc .svc-trust{margin-top:26px;font-size:12px;line-height:1.8}
}
/* ===== 2026-10-18h：出海预检「WHAT IS」改双栏图文（左文右图，文字垂直居中） ===== */
.audit-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:center}
.audit-copy p{margin-top:0;font-size:15.5px;line-height:1.92;color:var(--muted)}
.audit-copy p b{color:var(--ink)}
.audit-shot{margin:0;width:100%}
.audit-shot img{width:100%;height:340px;object-fit:cover;display:block}
.audit-shot figcaption{font-size:12.5px;line-height:1.7}
@media (max-width:960px){
.audit-grid{grid-template-columns:1fr;gap:24px}
.audit-copy p{font-size:15px;line-height:1.85}
.audit-shot img{height:260px}
}
@media (max-width:640px){
.audit-shot img{height:200px}
.audit-shot figcaption{font-size:12px}
}
/* 案例「敬请期待」占位（暂无真实案例，暂停跳转，不做链接样式） */
.lite-cta-disabled{display:inline-flex;align-items:center;gap:6px;color:#8A99AC;font-weight:700;cursor:default}
/* 手动断行的副标题：桌面按语义断两行，手机端放开自动换行 */
.sec-head p.sub-br{max-width:44em;margin-left:auto;margin-right:auto}
@media (max-width:640px){ .sec-head p.sub-br br{display:none} }
/* 标题两行时按语义均衡断开，避免末行只剩一两个字（Chrome 114+，其余忽略） */
.sec-head h2{text-wrap:balance}
/* 头部按钮改短为「免费预约咨询」后，微信弹层宽度同步收窄；给个下限保证二维码可扫（216 → 156px） */
.site-header .hdr-qr .hdr-qr-pop{min-width:156px;padding:10px}
.site-header .hdr-qr .hdr-qr-pop b{font-size:11.5px;white-space:nowrap}
/* ===== v63 采购托管定义区：左侧短文案与右侧配图垂直居中对齐 =====
图注（44px）会把整个 figure 的中心压低 22px，这里给文案补 44px 下外边距把中心拉回图片中心 */
.audit-copy--mid{margin-bottom:44px}
@media (max-width:1080px){ .audit-copy--mid{margin-bottom:0} }
/* ===== v65 采购托管首屏副标题：折成两行时，第二行首字与第一行首字左对齐 =====
仅挂修饰类，不动全站 .svc-head-sub 的居中，避免单行副标题（出海预检）被推歪。
规则置于文件末尾，确保压过上面移动端 .svc-head-sub{text-align:center}（同权重，靠顺序取胜） */
.phead--svc .svc-head-sub--left{text-align:left;text-align-last:left}
/* ================================================================
2026-10-21 新增：外贸AI获客栏目内页（waimao-huoke.html）
追加式覆盖，不改既有规则。所有类名以 hk- 前缀，避免与全站样式冲突。
================================================================ */
/* ---------- 1 首屏 Hero：暗色冷调工业风 ---------- */
.hk-hero{position:relative;overflow:hidden;color:#fff;
background:linear-gradient(150deg,#030F2E 0%,#0A2660 52%,#123a6b 100%)}
.hk-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
background:
radial-gradient(circle at 78% 18%,rgba(46,124,201,.30),transparent 46%),
linear-gradient(90deg,rgba(3,15,46,.72) 0%,rgba(3,15,46,0) 58%)}
.hk-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;
gap:48px;align-items:center;padding:76px var(--pad-r) 70px var(--pad-x)}
.hk-hero .eyebrow{color:var(--accent-lt)}
.hk-hero .eyebrow::before{background:var(--accent-lt)}
.hk-hero h1{font-size:clamp(25px,2.7vw,38px);font-weight:800;line-height:1.34;color:#fff;max-width:22em}
.hk-hero-slogan{margin-top:16px;font-size:clamp(16px,1.5vw,19px);font-weight:700;
color:var(--accent-lt);line-height:1.6;max-width:34em}
.hk-hero .lead{margin-top:16px;font-size:15.5px;line-height:1.85;color:#C6D1DF;max-width:40em}
.hk-hero-acts{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.hk-hero .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.hk-hero .btn-outline:hover{background:rgba(255,255,255,.14);border-color:#fff}
/* 信任锚点：首屏三句可核查的承诺 */
.hk-trust{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);
display:flex;gap:26px;flex-wrap:wrap}
.hk-trust span{font-size:13px;color:#93A5BC;line-height:1.6;max-width:15em}
.hk-trust b{display:block;color:#fff;font-weight:700;font-size:13.5px;margin-bottom:3px}
.hk-hero-art{background:rgba(255,255,255,.04);border:1px solid rgba(124,196,240,.26);
border-radius:var(--radius-lg);padding:22px 20px 14px}
.hk-hero-art .art-cap{margin-top:12px;font-size:12.5px;color:#9FC6E8;text-align:center}
.hk-flow-svg{width:100%;height:auto;display:block}
/* ---------- 2 痛点共识区：左右对照 ----------
排版要求：表头两列必须与下方列表两列严格对齐（同一容器宽度、同一列宽、同一 gap）。
之前 .hk-pain-head 全宽、.hk-pain-list 限宽 1000px 居中，导致左右边界错位。 */
.hk-pain-wrap{max-width:1000px;margin:0 auto}
.hk-pain-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}
.hk-pain-h{font-size:13.5px;font-weight:700;letter-spacing:.06em;color:var(--muted);
background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 20px;
display:flex;align-items:center;min-height:46px}
.hk-pain-h-good{color:var(--accent);border-color:#BBD8F2;background:var(--accent-soft)}
.hk-pain-list{display:grid;gap:12px}
.hk-pain-list li{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;
list-style:none;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hk-pain-bad{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;background:#FCFBFA}
.hk-pain-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#F1EFEC;color:#8A7F6E;
font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;
margin-top:1px}
.hk-pain-bad p{font-size:14.5px;color:#6B5F4E;line-height:1.78}
.hk-pain-good{display:flex;align-items:center;padding:20px 22px;background:var(--accent-soft);
border-left:1px solid #CFE3F6}
.hk-pain-good p{font-size:14.5px;color:var(--ink);line-height:1.78}
/* ---------- 3 产品定位区：三段递进 ---------- */
.hk-ladder{display:grid;gap:18px;max-width:1000px;margin:0 auto}
.hk-lad{position:relative;background:var(--white);border:1px solid var(--line);
border-radius:var(--radius);padding:28px 30px 28px 96px}
.hk-lad-n{position:absolute;left:30px;top:28px;min-width:46px;height:46px;padding:0 12px;
border-radius:12px;background:#EFF3F8;color:var(--muted);font-size:15px;font-weight:800;
display:flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}
/* 徽标是绝对定位，4 字标签（如「一体交付」）会比 min-width 宽，
原来会向右溢出压到标题上 → 正文左边距按最宽徽标预留，并禁止徽标溢出 */
.hk-lad{padding-left:118px}
.hk-lad-n{max-width:72px;overflow:hidden;text-overflow:ellipsis}
.hk-lad h3{font-size:19px;font-weight:800;color:var(--ink);padding-right:8px}
.hk-lad p{margin-top:12px;font-size:14.5px;color:var(--muted);line-height:1.8}
/* 六大底座引擎清单 */
.hk-engines{list-style:none;margin:18px 0 0;padding:0;display:grid;
grid-template-columns:repeat(3,1fr);gap:10px}
.hk-engines li{background:#fff;border:1px solid #CFE3F6;border-radius:10px;padding:12px 14px;
display:flex;flex-direction:column;gap:4px}
.hk-engines b{font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.3}
.hk-engines span{font-size:12.5px;color:var(--muted);line-height:1.5}
.hk-engines li:first-child{border-color:var(--accent);background:var(--accent-soft)}
.hk-engines li:first-child b{color:var(--accent)}
@media (max-width:860px){
.hk-lad{padding:24px 22px 24px 104px}
.hk-lad-n{left:22px;top:24px}
.hk-engines{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
.hk-engines{grid-template-columns:1fr}
}
.hk-lad-2{border-color:#BBD8F2;background:linear-gradient(150deg,#fff 0%,#F3F8FD 100%)}
.hk-lad-2 .hk-lad-n{background:var(--accent-soft);color:var(--accent)}
.hk-lad-3{border-color:var(--ink);background:linear-gradient(150deg,#0A2660 0%,#041B4F 100%)}
.hk-lad-3 .hk-lad-n{background:rgba(124,196,240,.22);color:var(--accent-lt)}
.hk-lad-3 h3{color:#fff}
.hk-lad-3 p{color:#C6D1DF}
/* ---------- 4 核心能力卡：能力标签行 ---------- */
.hk-cap-grid{row-gap:24px}
.hk-cap-tags{margin-top:12px;font-size:13px;font-weight:700;color:var(--accent);
letter-spacing:.02em;line-height:1.6}
/* 能力卡缺图时（onerror 移除 img）不留空洞 */
.svc-card .sc-img:empty{display:none}
/* ---------- 5 落地流程区：七步 ---------- */
.hk-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hk-step{position:relative;background:var(--white);border:1px solid var(--line);
border-radius:var(--radius);padding:26px 24px 24px}
.hk-step-n{display:block;font-size:13px;font-weight:800;color:var(--accent);
letter-spacing:.1em;margin-bottom:12px}
.hk-step h3{font-size:17px;font-weight:800;color:var(--ink);line-height:1.4}
.hk-step p{margin-top:11px;font-size:14px;color:var(--muted);line-height:1.78}
.hk-process-cta{margin-top:40px;background:var(--bg-soft);border:1px solid var(--line);
border-radius:var(--radius);padding:28px 30px;display:flex;gap:24px;align-items:center;
justify-content:space-between;flex-wrap:wrap}
.hk-process-cta p{font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.7;flex:1;min-width:260px}
.hk-process-cta .acts{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
/* ---------- 6 适用人群卡 ---------- */
.hk-aud-who{margin-top:10px!important;font-size:13.5px!important;font-weight:700;
color:var(--accent)!important;line-height:1.6!important}
/* 人群卡不显示右上角序号（内容型卡片，非流程卡） */
.hk-aud-grid .rc-num,.result-card .rc-num:empty{display:none}
/* ---------- 7 客户案例卡 ---------- */
.hk-case .ci-desc{font-size:14px;color:var(--muted);line-height:1.78}
.hk-case-label{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--muted);
text-transform:uppercase}
.hk-case-voice{font-size:14.5px;color:var(--ink);line-height:1.78;padding-left:14px;
border-left:3px solid var(--accent-soft)}
.hk-case-who{font-size:13px;color:var(--muted)}
.hk-case-who::before{content:"—— "}
/* ---------- 8 合作模式卡 ---------- */
/* 版本卡布局（2026-10-21 韦老大拍板）：
第一行 = 标准版 + 专业版 并排；企业版带图独占第二行；底色全部浅色 */
.hk-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.hk-mode{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 28px 26px}
/* 三版统一浅蓝底 + 蓝边，视觉权重一致，不做主次暗示 */
.hk-mode-alt,.hk-mode-main{background:linear-gradient(150deg,#F3F8FD 0%,#E4EFFA 100%);
border-color:#A8CFEE}
/* 企业版：卡片本体不铺浅色，深色由右侧 .hk-mode-body 提供（避免四边浅色与中间深色割裂） */
.hk-mode-enterprise{background:transparent;border-color:rgba(124,196,240,.30)}
.hk-mode-alt h3,.hk-mode-main h3{color:var(--ink);font-size:20px}
.hk-mode-alt .hk-mode-sub,.hk-mode-main .hk-mode-sub{color:#41597A}
.hk-mode-alt .hk-mode-list li,.hk-mode-main .hk-mode-list li{color:#31465E}
.hk-mode-alt .hk-mode-list li::before,.hk-mode-main .hk-mode-list li::before{background:var(--accent)}
.hk-mode-alt .hk-mode-tag,.hk-mode-main .hk-mode-tag{background:var(--accent-soft);color:var(--accent);border-color:#A8CFEE}
/* 企业版：带配图、独占一行（横向长条 · 左右自动同高）
★用 flex 而非 grid：文字区高度由内容决定，图区用 min-height 兜底 +
图片 position:absolute 铺满，两边自动等高，不会出现下方空白。 */
.hk-mode-enterprise{grid-column:1/-1;display:flex;gap:0;padding:0;overflow:hidden;align-items:stretch}
.hk-mode-enterprise .hk-mode-art{position:relative;overflow:hidden;
width:45%;flex:0 0 45%;min-height:250px}
.hk-mode-enterprise .hk-mode-art img{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center 34%;display:block}
.hk-mode-enterprise .hk-mode-art::after{content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(100deg,rgba(10,38,96,.06) 0%,rgba(10,38,96,.22) 100%)}
/* 企业版右侧文字区：深蓝标准色（与左侧深色配图呼应，避免整卡浅色发飘） */
.hk-mode-enterprise{position:relative}
.hk-mode-enterprise .hk-mode-body{
flex:1;min-width:0;padding:22px 28px;display:flex;flex-direction:column;justify-content:center;
background:linear-gradient(150deg,#0A2660 0%,#041B4F 100%);
}
/* 四条要点：与标准版/专业版一致的单列顺序排列，不再 2×2 分栏
（分栏会把后两条甩到右半边，与左侧标题脱节、右侧留大片空白） */
.hk-mode-enterprise .hk-mode-list{margin-top:14px;display:flex;flex-direction:column;
gap:9px;align-items:stretch}
.hk-mode.hk-mode-enterprise .hk-mode-tag{background:rgba(124,196,240,.2);color:var(--accent-lt);border-color:rgba(124,196,240,.36)}
.hk-mode.hk-mode-enterprise h3{color:#fff;font-size:22px}
.hk-mode.hk-mode-enterprise .hk-mode-sub{color:#C6D1DF}
.hk-mode.hk-mode-enterprise .hk-mode-list li{color:#C6D1DF}
.hk-mode.hk-mode-enterprise .hk-mode-list li::before{background:var(--accent-lt)}
.hk-mode-enterprise .hk-mode-body::before{
content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
background:linear-gradient(180deg,var(--accent) 0%,#7CC4F0 100%);
}
.hk-mode-head h3{margin-top:12px;font-size:19px;font-weight:800;color:var(--ink)}
.hk-mode-sub{margin-top:8px;font-size:14px;color:var(--muted);line-height:1.7}
.hk-mode-tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--muted);
background:#F1F4F8;border:1px solid var(--line);border-radius:20px;padding:3px 13px}
.hk-mode-list{margin-top:18px;display:flex;flex-direction:column;gap:11px}
.hk-mode-list li{position:relative;padding-left:26px;font-size:14px;color:var(--muted);line-height:1.72}
.hk-mode-list li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:2px;
border-radius:1px;background:var(--accent)}
.hk-mode-main{grid-column:1/-1;background:linear-gradient(150deg,#0A2660 0%,#041B4F 100%);
border-color:var(--ink);padding:36px 34px 32px}
.hk-mode-main .hk-mode-tag{background:rgba(124,196,240,.2);color:var(--accent-lt);border-color:rgba(124,196,240,.36)}
.hk-mode-main h3{color:#fff;font-size:23px}
.hk-mode-main .hk-mode-sub{color:#C6D1DF;font-size:14.5px}
.hk-mode-main .hk-mode-list li{color:#C6D1DF}
.hk-mode-main .hk-mode-list li::before{background:var(--accent-lt)}
/* ---------- 9 底部转化表单 ---------- */
.hk-form-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;
align-items:stretch;max-width:1020px;margin:0 auto}
/* 左右两卡等高：表单卡与侧栏卡都撑满同一行高 */
.hk-form-wrap > .form-card,.hk-form-wrap > .hk-form-side{height:100%;box-sizing:border-box}
.hk-form-wrap > .form-card{display:flex;flex-direction:column}
.hk-form-wrap > .form-card form{display:flex;flex-direction:column;flex:1}
.hk-form-wrap > .form-card .btn{margin-top:auto}
/* 表单字段两列并排（每行两个），移动端回落单列 */
.hk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.hk-form-cell{min-width:0}
.form-card .hk-form-row .form-card label,
.form-card .hk-form-cell label{margin:18px 0 8px}
.form-card .hk-form-row:first-child .hk-form-cell label{margin-top:26px}
.hk-form-wrap .form-card{padding:34px 32px}
.hk-form-side{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);
padding:30px 30px 28px}
.hk-form-side h3{font-size:18px;font-weight:800;color:var(--ink)}
.hk-form-side .ck-list{margin-top:16px}
.hk-form-side .ck-list li{font-size:14.5px;line-height:1.75;color:var(--ink)}
.hk-form-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);
font-size:13.5px;color:var(--muted);line-height:1.8}
.hk-form-note a{color:var(--accent);font-weight:700;border-bottom:1px solid #BBD8F2}
.hk-form-note a:hover{color:#164A80}
/* ---------- 帮你落地页的「外贸AI获客」入口卡 ---------- */
.hk-entry{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;
background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
padding:38px 36px;box-shadow:0 14px 40px -30px rgba(4,27,79,.4)}
.hk-entry h2{font-size:clamp(21px,2.2vw,27px);font-weight:800;color:var(--ink);line-height:1.42}
.hk-entry p{margin-top:14px;font-size:15px;color:var(--muted);line-height:1.82}
.hk-entry-acts{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.hk-entry-points{display:flex;flex-direction:column;gap:14px}
.hk-entry-points p{position:relative;padding-left:16px;font-size:14.5px;color:var(--muted);
line-height:1.75;border-left:3px solid var(--accent-soft)}
.hk-entry-points b{display:block;color:var(--ink);font-weight:800;font-size:15px;margin-bottom:3px}
/* ---------- 移动端 ---------- */
@media (max-width:1080px){
.hk-hero-in{grid-template-columns:1fr;gap:36px;padding:56px var(--pad-r) 52px var(--pad-x)}
.hk-hero h1{max-width:none}
.hk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.hk-entry,.hk-form-wrap{grid-template-columns:1fr;gap:30px}
.hk-form-row{grid-template-columns:1fr}
}
@media (max-width:760px){
.hk-hero-in{padding:44px var(--pad-r) 42px var(--pad-x)}
.hk-hero h1{font-size:24px}
.hk-trust{gap:16px}
.hk-trust span{max-width:none;flex:1 1 100%}
.hk-pain-head{display:none}
.hk-pain-list li{grid-template-columns:1fr;gap:0}
.hk-pain-bad{padding:16px 18px}
.hk-pain-good{border-left:0;border-top:1px solid #CFE3F6;padding:16px 18px}
.hk-lad{padding:24px 20px 22px;padding-top:76px}
.hk-lad-n{top:22px;left:20px}
.hk-steps{grid-template-columns:1fr}
.hk-process-cta{padding:22px 20px}
.hk-process-cta .acts{width:100%}
.hk-process-cta .acts .btn{flex:1 1 100%}
.hk-modes{grid-template-columns:1fr}
.hk-mode-main{padding:28px 22px 26px}
.hk-mode-enterprise{flex-direction:column}
.hk-mode-enterprise .hk-mode-art{width:100%;flex:none;min-height:0;height:160px}
.hk-mode-enterprise .hk-mode-body{padding:18px 16px}
.hk-mode-enterprise .hk-mode-list{grid-template-columns:1fr;gap:8px}
.hk-form-wrap .form-card{padding:28px 22px}
.hk-entry{padding:28px 22px}
}
/* ============================================================
外贸AI获客 · 页内导航（2026-10-21）
下拉里6 个锚点合并为「外贸AI获客」单一栏目入口后，
原来 6 个锚点改由本页内这条 sticky 导航承载，入口不丢。
============================================================ */
.hk-subnav{
/* 站点 .site-header 本身是 sticky;top:0;z-index:50（高 72px），
页内导航必须 top:72px 贴在其下方，否则两者重叠。
移动端 header 变矮，用 --hdr-h 逐档覆盖。 */
--hdr-h:74px; /* header 实测 73px（含 1px 下边框），留 1px 余量避免咬合 */
position:sticky;top:var(--hdr-h);z-index:30;
background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(10px);
border-bottom:1px solid var(--line);
}
.hk-subnav-in{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:0}
.hk-subnav-in>a:first-child{
font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;
padding:14px 16px 14px 0;margin-right:6px;border-right:1px solid var(--line);
}
.hk-subnav-in>a:first-child:hover{color:var(--accent)}
.hk-subnav-item{
font-size:13.5px;color:var(--muted);text-decoration:none;white-space:nowrap;
padding:13px 13px;border-bottom:2px solid transparent;transition:color .14s,border-color .14s;
}
.hk-subnav-item:hover{color:var(--accent);border-bottom-color:rgba(46,124,201,.4)}
.hk-subnav-item.hk-subnav-cta{
margin-left:auto;color:var(--accent);font-weight:700;
background:var(--accent-soft);border-radius:999px;padding:6px 16px;border:1px solid #BBD8F2;
}
.hk-subnav-item.hk-subnav-cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
@media (max-width:860px){
/* 横向滚动要生效，容器必须能收缩（min-width:0）+ 自己不换行。
关键：.wrap 自带左右 padding（--pad-x 最小 24px），
滚动容器若沿用这层 padding，内容右边界会超出视口、把 body 撑宽。
做法：滚动容器用负 margin 抵消 .wrap 的左右 padding，
首项 sticky 用 padding 补回左缘，视觉上仍与正文左对齐。 */
.hk-subnav{overflow-x:clip}
.hk-subnav-in{
overflow-x:auto;-webkit-overflow-scrolling:touch;
flex-wrap:nowrap;min-width:0;max-width:100%;
margin-left:calc(-1 * var(--pad-x));
margin-right:calc(-1 * var(--pad-r));
padding-left:var(--pad-x);padding-right:var(--pad-r);
scrollbar-width:none;-ms-overflow-style:none;
}
.hk-subnav-in::-webkit-scrollbar{display:none}
.hk-subnav-in>a:first-child{
position:sticky;left:0;background:#fff;z-index:1;flex:0 0 auto;
padding-left:0;padding-right:12px;margin-left:0;
}
.hk-subnav-item{padding:12px 10px;font-size:13px;flex:0 0 auto}
.hk-subnav-item.hk-subnav-cta{margin-left:8px}
}
/* 页内导航随站点 header 高度逐档贴位（.header-inner 的三档高度） */
@media (max-width:1080px){ .hk-subnav{--hdr-h:64px} }
@media (max-width:700px){ .hk-subnav{--hdr-h:34px} }
/* 痛点区标题里的重点短语加粗提亮（韦老大指定：投入省，产出稳） */
.hk-h2-em{color:var(--accent);font-weight:800}
/* ===== 2026-10-25：出海预检首屏左侧改 4 段（品牌口径升级）=====
只作用于挂 phead--yj 的这一页，不动全站 .svc-copy-lead。
目的：4 段比原来的 1 段长，用「首段提亮加粗 + 段距 12px + 行高 1.95」把高度压住，
保证 1440 与 1366 两档首屏不被推太高，右栏示意图仍与文字块垂直居中。 */
.phead--yj .svc-copy-lead{font-size:15.5px;line-height:1.95;color:#EFF6FD;font-weight:700}
.phead--yj .svc-copy-p{margin:12px 0 0;font-size:15px;line-height:1.95;color:#DCE8F5;text-align:left}
.phead--yj .svc-copy-p:first-of-type{margin-top:12px}
@media (max-width:1080px){
.phead--yj .svc-copy-lead{font-size:15px;line-height:1.9}
.phead--yj .svc-copy-p{font-size:14.5px;line-height:1.9;margin-top:10px}
}
@media (max-width:700px){
.phead--yj .svc-copy-lead{font-size:14.5px;line-height:1.85}
.phead--yj .svc-copy-p{font-size:14px;line-height:1.85;margin-top:9px}
}