/* ===== 中智亚信官网 · 设计系统 V3.10 =====
   色系参照 tencent.com：深靛蓝 #16345C 打底 + 主蓝 #2470E0 + 白 + 冷灰
   青绿 #3CD6BF 仅保留在 logo 中（logo 不变，界面不再大面积使用）
   对比度：深靛蓝底白字 12.6:1、主蓝白字 5.2:1（均达 WCAG AA）
   V3.8：Hero / 产品页头不再用近黑遮罩压图，改为「亮蓝渐变 + 真实照片」，
         遮罩 左侧 rgba(13,58,146,.90) → 右侧 rgba(48,130,242,.24)，
         同时把该作用域内的文字提亮一档（--on-dark 变量不动）
   V3.9：底部去蓝黑——页脚 #0E2044 → #0D2F66，CTA 渐变 #17395F→#0A1730 改为
         #17457F→#10386F，腰部数字条 #1A3A66 改为 #17457F→#0F3770 渐变；
         表格加 .t-fit / .t-nw 单行规则；联系卡改为一行式
   V3.10：去蓝黑（第二轮回）——① 首屏玻璃卡 rgba(9,20,40,.58) → 蓝族半透明渐变；
         ② 白底深色卡不用 --deep(#16304F)，改用新增 --blue-block(#1B549E)；
         ③ .chain 的 display:contents 收窄到 .chain-grid > .chain。
   V3.12：品牌区放大——logo 36→48、中文全称 15→30px、去掉英文副标、--nav-h 64→76。
   V3.13：字号阶梯按「正文 14–16 / 一级 24–36 / 二级 20–24 / 三级 16–20 / 导航按钮 14–18 /
         辅助 12–14」重排，33 个散值收敛为 9 档：58·44 / 34 / 22 / 20 / 18 / 16 / 15 / 13 / 12。
         明细见 README「一·补二」。
   容器 1200px，断点 1080 / 900 / 600；纵向留白由 --sec-y 统一控制
   无外部依赖，离线可用
*/
*,*::before,*::after{box-sizing:border-box}
:root{
  /* 主色阶：深靛蓝（白底上的文字与强调） */
  --deep:#16304F; --deep-2:#1B3A5E; --deep-3:#24507A; --deep-x:#0F2244;
  /* 深色区背景：深靛蓝（参照 tencent.com 深色区色相，已整体提亮） */
  --navy:#16345C; --navy-2:#123B72; --navy-x:#0D2F66;   /* navy-2=数字条中间调，navy-x=页脚（原 #0E2044 太暗发蓝黑） */
  /* 白底上的深色「色块」底色：不能直接用 --deep(#16304F)——那是文字色，
     铺成大面积块会读成蓝黑。这里固定为明显偏蓝的 #1B549E（白字 7.5:1） */
  --blue-block:#1B549E;
  --on-dark:#C9D9F2; --on-dark-2:#A8BDDC;
  /* 强调色阶：蓝（色相 216°，与腾讯蓝同族、色值不同；变量名沿用 teal* 不再改动） */
  --teal:#7FB2FF;          /* 深底上的亮蓝强调 */
  --teal-b:#3A80F0;        /* 中蓝：边框、图标、白底图形 */
  --teal-t:#1A63D8;        /* 白底上的强调文字 */
  --teal-l:#AECFFF;        /* 浅蓝：深底次要文字 */
  --teal-p:#EDF4FF;        /* 极浅蓝：标签、图标底 */
  --label:#1657C8;         /* 板块标签统一纯蓝：白底 6.4:1，不偏灰不偏青 */
  /* 中性 */
  --ink:#1A1A1A; --muted:#58626F; --faint:#8B94A2;
  --line:#E4E9F1; --line-2:#CFD7E4; --soft:#F7F9FC; --white:#fff;
  --r:10px; --r-lg:14px;
  --shadow:0 1px 2px rgba(16,48,79,.05), 0 8px 24px -12px rgba(16,48,79,.14);
  --shadow-lg:0 2px 4px rgba(16,48,79,.06), 0 18px 40px -18px rgba(16,48,79,.22);
  /* 字体：以微软雅黑为主（政企用户以 Windows 为主），非 Windows 环境回退苹方 / 思源 */
  --font:"Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB","Source Han Sans SC","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --wrap:1200px;
  /* 纵向节奏：改一个值，全站松紧同步 */
  --sec-y:44px;      /* 区块上下留白 */
  --head-y:24px;     /* 标题组与内容间距 */
  --nav-h:76px;      /* 顶栏高度（logo 48 + 上下各 14） */
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;font-size:16px}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.34;letter-spacing:-.015em}
/* 全站段落与列表项统一两端对齐：卡片正文、区块说明、时间轴、要点清单都吃这条；
   单行段落不受影响（最后一行不拉伸），表格单元格不用 justify（窄列会产生大空隙） */
p,li{text-align:justify;text-justify:inter-ideograph}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--teal-t);outline-offset:3px;border-radius:4px}

/* ---------- 顶栏 ---------- */
.nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.nav-in{max-width:var(--wrap);margin:0 auto;padding:0 28px;height:var(--nav-h);display:flex;align-items:center;gap:28px}
/* 品牌区：logo 48（原 36 放大 1/3）+ 中文全称 30px（原 15 放大一倍），不再放英文副标。
   30px 大字要收紧字距，中文按 .02em 会显松散，改 -.01em */
.brand{display:flex;align-items:center;gap:15px;flex:0 0 auto}
.brand-mark{width:48px;height:48px;flex:0 0 auto;display:block}
.brand-txt{display:flex;flex-direction:column;line-height:1.18}
.brand-txt b{font-size:30px;font-weight:700;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
/* 菜单靠右：品牌名换成全称后左侧变长，菜单用 margin-left:auto 顶到右侧，
   与「预约演示」按钮之间留 18px，右上角不再放咨询电话 */
.nav-menu{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:18px}
.nav-menu>li{position:relative}
.nav-menu a.nl{display:block;font-size:15px;color:var(--muted);padding:8px 13px;border-radius:8px;white-space:nowrap;transition:.16s}
.nav-menu a.nl:hover{color:var(--teal-t);background:transparent}
.nav-menu a.nl.on{color:var(--deep);font-weight:600}
.nav-menu a.nl.on::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--teal-b);border-radius:2px}
.sub{position:absolute;top:calc(100% + 4px);left:0;min-width:308px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}
.nav-menu li.has-sub:hover .sub,.nav-menu li.has-sub.open .sub{opacity:1;visibility:visible;transform:translateY(0)}
.sub a{display:block;padding:9px 12px;border-radius:8px;font-size:15px;color:var(--ink)}
.sub a:hover{background:var(--soft);color:var(--teal-t)}
.sub a small{display:block;font-size:13px;color:var(--faint);line-height:1.5}
.nav-right{margin-left:0;display:flex;align-items:center;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:15px;font-weight:600;padding:10px 20px;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;font-family:inherit}
/* 主按钮：品牌青绿底 + 深墨青字（6.81:1，不用白字——白字仅 1.82:1） */
.btn-p{background:#2470E0;color:#fff}
.btn-p:hover{background:#1C5FC4;box-shadow:0 6px 18px -8px rgba(36,112,224,.5)}
.btn-g{background:transparent;color:var(--deep);border-color:var(--line-2)}
.btn-g:hover{border-color:var(--teal-b);background:var(--soft)}
.btn-w{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)}
.btn-w:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}
.btn-s{padding:8px 16px;font-size:14px}
.burger{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer;padding:0;align-items:center;justify-content:center}
.burger i{display:block;width:17px;height:1.6px;background:var(--ink);position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:17px;height:1.6px;background:var(--ink)}
.burger i::before{top:-5.5px}.burger i::after{top:5.5px}

/* ---------- Hero（单栏大区，版式参照 tencent.com/zh-cn） ---------- */
.hero{background:#12459F url("bg/hero-smartline.jpg") center 20%/cover no-repeat;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg, rgba(18,76,186,0) 42%, rgba(18,76,186,.58) 100%),
  linear-gradient(96deg, rgba(13,58,146,.90) 0%, rgba(19,80,190,.78) 36%, rgba(34,108,224,.48) 64%, rgba(48,130,242,.24) 100%)}
.hero-in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:96px 28px 34px;min-height:528px;display:flex;flex-direction:column;justify-content:flex-end}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:15px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--label);margin-bottom:13px;font-weight:700}
.eyebrow::before{content:"";width:.52em;height:.52em;flex:none;border-radius:1px;background:var(--label);transform:translateY(-.03em)}
/* 首屏与产品页头不算“板块”，标签维持小一档，避免与 58px 主标题抢层级 */
.hero .eyebrow{font-size:14px;letter-spacing:.14em;font-weight:600;margin-bottom:16px;color:#CFE2FF}
.hero .eyebrow::before{width:.48em;height:.48em;border-radius:1px;background:#CFE2FF}
.hero h1{font-size:58px;line-height:1.14;letter-spacing:-.04em;margin-bottom:22px;font-weight:800;text-wrap:balance}
.hero h1 em{font-style:normal;color:#A8CDFF}
.hero-lead{font-size:17px;line-height:1.72;color:#E9F1FD;max-width:36em}
.hero-bot{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.hero-link{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#fff;transition:.2s;text-shadow:0 1px 4px rgba(6,30,80,.85)}
.hero-link svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:.2s}
.hero-link:hover{color:var(--teal)}
.hero-link:hover svg{transform:translateX(5px)}
.hero-note{font-size:13px;color:#CDDCF4;display:flex;align-items:center;gap:8px;text-shadow:0 1px 4px rgba(6,30,80,.9)}
.hero-note::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal);flex:0 0 auto}

/* 浅底上的图示（平台链路） */
.hero-fig{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)}
.hero-fig figcaption{font-size:12px;color:var(--faint);margin-top:10px;text-align:center;letter-spacing:.02em}
.chainsec{padding-top:calc(var(--sec-y) - 8px)}

/* ---------- 数字条 ---------- */
/* 与 CTA 同一深蓝色族（#17457F → #0F3770），不再用偏灰的 #1A3A66 */
.stats{background:linear-gradient(118deg,#17457F 0%,#0F3770 100%);color:#fff;border-top:1px solid rgba(255,255,255,.10)}
.stats-in{max-width:var(--wrap);margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:22px 10px;border-right:1px solid rgba(255,255,255,.08)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff}
.stat b i{font-style:normal;font-size:14px;font-weight:400;color:var(--teal-l);margin-left:3px}
.stat span{display:block;font-size:13px;color:var(--on-dark-2);margin-top:4px}

/* ---------- 区块 ---------- */
.sec{padding:var(--sec-y) 0}
.sec.soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* 小节标题区：容器放开到与下方卡片同宽，导语两端对齐；标题同样吃满宽度以保证单行 */
.sec-head{margin-bottom:var(--head-y)}
.sec-head .eyebrow{color:var(--label)}
.sec-head .eyebrow::before{background:var(--label)}
.sec-head h2{font-size:34px;line-height:1.22;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.sec-head p{margin-top:14px;color:var(--muted);font-size:16px;line-height:1.75;text-align:justify;text-justify:inter-ideograph}

/* ---------- 产品卡 ---------- */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px 22px;display:flex;flex-direction:column;transition:.22s;position:relative;overflow:hidden}
.pcard::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--teal-b);opacity:.5;transition:.22s}
.pcard:hover{box-shadow:var(--shadow);border-color:var(--teal-b)}
.pcard:hover::before{opacity:1;background:var(--teal-b);height:3px}
.pcard-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.pcard-no{font-size:13px;font-weight:700;color:var(--teal-t);letter-spacing:.1em}
.pcard-cat{font-size:12px;color:var(--faint);letter-spacing:.16em;text-transform:uppercase}
.pcard h3{font-size:22px;margin-bottom:5px;letter-spacing:-.03em}
.pcard-fig{margin:0 0 16px;border-radius:9px;overflow:hidden;background:var(--soft);aspect-ratio:16/9;position:relative}
.pcard-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,.7,.3,1)}
.pcard:hover .pcard-fig img{transform:scale(1.045)}
.pcard-fig::after{content:"";position:absolute;inset:0;border-radius:9px;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(16,48,79,.10);
  background:linear-gradient(180deg,rgba(22,52,92,.08) 0%,rgba(14,32,68,.30) 100%)}
.pcard .sub-t{font-size:14px;color:var(--faint);margin-bottom:13px;letter-spacing:.02em}
.pcard .tags{margin-top:auto;margin-bottom:2px}
.pcard p.desc{font-size:15px;color:var(--muted);line-height:1.75;flex:1}
.pcard .nums{display:flex;gap:15px;margin:16px 0 14px;padding-top:14px;border-top:1px dashed var(--line);flex-wrap:wrap}
.pcard .nums div b{display:block;font-size:20px;color:var(--deep);letter-spacing:-.01em;font-weight:700}
.pcard .nums div span{font-size:13px;color:var(--faint)}
.pcard .go{font-size:15px;color:var(--teal-t);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pcard .go::after{content:"→";transition:.18s}
.pcard:hover .go::after{transform:translateX(4px)}

/* ---------- 通用卡 ---------- */
.cgrid{display:grid;gap:16px}
.cgrid.c2{grid-template-columns:repeat(2,1fr)}
.cgrid.c3{grid-template-columns:repeat(3,1fr)}
.cgrid.c4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px;transition:.2s}
.card:hover{border-color:var(--teal-b)}
.card h4{font-size:18px;margin-bottom:8px;text-wrap:balance}
.card p{font-size:15px;color:var(--muted);line-height:1.75}
.card .no{font-size:12px;color:var(--teal-t);font-weight:700;letter-spacing:.1em;margin-bottom:8px;display:block}

/* ---------- 左右分栏 ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split.rev .split-txt{order:2}
.split-txt h2{font-size:34px;margin-bottom:16px;letter-spacing:-.035em;line-height:1.24;font-weight:700}
.split-txt p{color:var(--muted);font-size:16px;line-height:1.85}
.split-txt p+p{margin-top:11px}
/* 关于页「公司概况」：正文左侧、园区实景右侧；图按 4:5 原生比例，顶部对齐 */
.about-split{display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:44px;align-items:start}
.about-txt{max-width:760px}
.about-fig{margin:6px 0 0;min-width:0}
.about-fig img{width:100%;height:auto;aspect-ratio:4/5;display:block;object-fit:cover;object-position:50% 45%;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow)}
.about-fig figcaption{font-size:12px;color:var(--faint);margin-top:10px;letter-spacing:.02em}
.chk{margin-top:18px;display:grid;gap:9px}
.chk li{display:flex;gap:11px;font-size:15px;color:var(--ink);line-height:1.65}
.chk li::before{content:"";width:16px;height:16px;flex:0 0 auto;margin-top:3px;border-radius:50%;background:var(--teal-p) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.4 8.3l2.3 2.3 4.9-5' fill='none' stroke='%231A63D8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/16px no-repeat}

/* ---------- 时间轴 ---------- */
.tl{position:relative;margin-top:6px;padding-left:24px}
.tl::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1.5px;background:linear-gradient(var(--teal-b),var(--line))}
.tl li{position:relative;padding:0 0 24px 0}
.tl li:last-child{padding-bottom:0}
.tl li::before{content:"";position:absolute;left:-24px;top:6px;width:11px;height:11px;border-radius:50%;background:#fff;border:2.5px solid var(--teal-b)}
.tl li:last-child::before{border-color:var(--teal-b);background:var(--teal-p)}
.tl .yr{font-size:13px;font-weight:700;color:var(--teal-t);letter-spacing:.04em}
.tl h4{font-size:18px;margin:2px 0 5px}
.tl p{font-size:15px;color:var(--muted);line-height:1.75}

/* ---------- 数字底座 ---------- */
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.kpi div{background:#fff;padding:20px 20px}
.kpi b{display:block;font-size:28px;color:var(--deep);letter-spacing:-.02em;line-height:1.15;font-weight:700}
.kpi b i{font-style:normal;font-size:13px;color:var(--teal-t);margin-left:3px;font-weight:500}
.kpi span{display:block;font-size:13px;color:var(--muted);margin-top:5px;line-height:1.55}

/* ---------- 表格 ---------- */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
table.t{font-size:15px;min-width:560px}
table.t th{background:var(--teal-p);color:var(--deep);font-weight:600;text-align:left;padding:11px 15px;border-bottom:1px solid var(--line);white-space:nowrap}
table.t td{padding:11px 15px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top;line-height:1.7}
table.t tr:last-child td{border-bottom:0}
table.t td:first-child{color:var(--muted)}
/* 能力体系表（.t-fit）：首列与末列按内容宽度收缩并强制单行，中间列吸收剩余宽度。
   注意只加在 about 页这张短句表上，compliance / rd 的表末列是长句，加 nowrap 会撑破布局 */
table.t.t-fit th:first-child,table.t.t-fit td:first-child{width:132px;white-space:nowrap}
table.t.t-fit th:last-child,table.t.t-fit td:last-child{width:1%;white-space:nowrap}
/* 研发页「核心资产」表（.t-nw）：前两列按内容收缩并单行，末列长文案仍自动换行 */
table.t.t-nw th:not(:last-child),table.t.t-nw td:not(:last-child){width:1%;white-space:nowrap}


/* ---------- 标签 ---------- */
.tags{display:flex;flex-wrap:wrap;gap:7px}
.tags span{font-size:13px;color:var(--teal-t);background:var(--teal-p);border-radius:6px;padding:4px 10px}
.tags.warn span{background:#FDF2EC;color:#99603F}
/* 合规域全景：27 通用域 + 17 行业专项域，四个高频入口加重 */
.tags span.hi{background:#CFE0FF;color:#0C3F94;font-weight:600}
.domap{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;display:grid;gap:18px}
.domap-row{display:grid;gap:10px}
.domap-k{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.domap-k b{font-size:15px;color:var(--deep);letter-spacing:-.01em}
.domap-k span{font-size:13px;color:var(--muted)}
.domap .tags span{font-size:13px;padding:4px 9px}

/* ---------- CTA ---------- */
.cta{background:var(--navy);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(620px 300px at 86% 14%,rgba(127,178,255,.30),transparent 70%),
  linear-gradient(140deg,#17457F,#10386F)}
.cta-in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:46px 28px;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.cta h2{font-size:34px;margin-bottom:10px;letter-spacing:-.035em;line-height:1.24;font-weight:700}
.cta p{color:#C9D9F2;font-size:15px;line-height:1.8;max-width:44em}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 页脚 ---------- */
.ft{background:var(--navy-x);color:var(--on-dark-2);padding:46px 0 0;font-size:15px;border-top:1px solid rgba(255,255,255,.08)}
.ft-in{max-width:var(--wrap);margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}
.ft h4{color:#fff;font-size:14px;margin-bottom:12px;letter-spacing:.06em}
.ft a:hover{color:var(--teal)}
.ft ul li{margin-bottom:7px;line-height:1.65}
.ft .brand-txt b{color:#fff}
.ft .ft-mark{width:34px;height:34px;flex:0 0 auto}
.ft .brand{gap:11px;margin-bottom:0}
.ft .brand-txt b{font-size:15px;letter-spacing:.01em;font-weight:600}
.ft .about{line-height:1.75;margin-top:0;max-width:30em;color:#98AFD4;font-size:14px}
.ft-btm{max-width:var(--wrap);margin:32px auto 0;padding:16px 28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#8DA4CA}
.ft-btm a{color:#9DB2D6}

/* ---------- 悬浮联系 ---------- */
.float{position:fixed;right:20px;bottom:24px;z-index:80;display:flex;flex-direction:column;gap:8px}
.float a,.float button{width:52px;height:52px;border-radius:12px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;color:var(--deep);transition:.18s;font-family:inherit;padding:0}
.float a:hover,.float button:hover{background:var(--deep);color:var(--teal);border-color:var(--deep);transform:translateY(-2px)}
.float svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.float small{font-size:11px;letter-spacing:.02em}
/* 悬浮主按钮：青绿底 + 深墨青字 */
.float .primary{background:#2470E0;border-color:#2470E0;color:#fff}
.float .primary:hover{background:#1C5FC4;border-color:#1C5FC4;color:#fff}

/* 二维码弹层 */
.qr-pop{position:fixed;right:84px;bottom:24px;z-index:81;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px;width:212px;display:none}
.qr-pop.on{display:block;animation:pop .18s ease-out}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.qr-pop .box{aspect-ratio:1;background:var(--soft);border:1px dashed var(--line-2);border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--faint);padding:12px;line-height:1.6}
.qr-pop p{margin-top:10px;font-size:12px;color:var(--muted);text-align:center;line-height:1.6}

/* ---------- 表单 · 在线留资 ----------
   移动端优先：输入框 16px 防 iOS 聚焦缩放；可点区域 ≥40px；错误提示占位不跳动 */
.form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow)}
.form h3{font-size:20px;margin-bottom:6px;color:var(--deep)}
.lead-sub{font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.7}
.field{margin-bottom:15px}
.field label{display:block;font-size:14px;color:var(--muted);font-weight:600;margin-bottom:6px}
.field label i{color:#D2373C;font-style:normal;font-weight:400}
.field label .opt{font-weight:400;color:var(--faint);font-size:12px;margin-left:5px}
.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:8px;padding:11px 12px;transition:.16s;appearance:none}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--teal-b);box-shadow:0 0 0 3px rgba(58,128,240,.16)}
.field textarea{min-height:88px;resize:vertical;line-height:1.65}
.field .hint{font-size:13px;color:var(--faint);margin-top:6px;line-height:1.6;text-align:left}
.field .err{font-size:13px;color:#C42B31;margin-top:6px;line-height:1.6;text-align:left}
.field .err:empty{display:none}
.field .invalid,.lead-consent .ck input.invalid{border-color:#E08A8D;background:#FFF8F8}
.lead-consent .ck input.invalid{background:#fff;outline:2px solid #E08A8D;outline-offset:2px}
.lead-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}

/* 联系方式类型：单选分段控件 */
.lead-seg{display:flex;gap:3px;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:3px;margin-bottom:9px;width:fit-content;max-width:100%}
.lead-seg label{position:relative;margin:0;flex:1 1 auto}
.lead-seg input{position:absolute;opacity:0;width:1px;height:1px}
.lead-seg span{display:block;padding:7px 15px;border-radius:7px;font-size:14px;color:var(--muted);cursor:pointer;transition:.14s;white-space:nowrap;text-align:center}
.lead-seg input:checked+span{background:#fff;color:var(--teal-t);font-weight:600;box-shadow:0 1px 3px rgba(16,40,80,.14)}
.lead-seg input:focus-visible+span{outline:2px solid var(--teal-b);outline-offset:1px}

/* 关注产品：多选 chips */
.lead-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;margin:0}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:block;padding:9px 14px;border:1px solid var(--line-2);border-radius:8px;font-size:14px;color:#3C4A5E;cursor:pointer;transition:.14s;line-height:20px}
.chip input:checked+span{background:var(--teal-p);border-color:var(--teal-b);color:var(--teal-t);font-weight:600}
.chip input:focus-visible+span{outline:2px solid var(--teal-b);outline-offset:2px}
.chip span:hover{border-color:var(--line-2);background:var(--soft)}

/* 蜜罐：不用 display:none，部分爬虫会跳过隐藏元素；移出视口但仍在 DOM 中 */
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* 同意区：两行独立勾选，默认都不勾 */
.lead-consent{margin:16px 0 4px;display:grid;gap:11px}
.lead-consent .ck{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.7;cursor:pointer;font-weight:400}
.lead-consent .ck input{width:17px;height:17px;flex:0 0 auto;margin:4px 0 0;accent-color:var(--teal-t);cursor:pointer}
.lead-consent .ck a{color:var(--teal-t);border-bottom:1px solid var(--line-2)}
.lead-consent .ck a:hover{border-color:var(--teal-b)}
.lead-consent .ck i{color:#D2373C;font-style:normal}

/* 提交按钮与加载态 */
.lead-submit{width:100%;margin-top:18px;min-height:48px;font-size:16px;justify-content:center}
.lead-spin{display:none;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;margin-left:9px;animation:spin .7s linear infinite}
.lead-submit.is-busy .lead-spin{display:inline-block}
.lead-submit[disabled]{opacity:.7;cursor:not-allowed}
@keyframes spin{to{transform:rotate(360deg)}}

/* 状态条：提交中 / 失败 */
.lead-status{display:none;margin-top:12px;font-size:13px;line-height:1.7;border-radius:9px;padding:12px 14px;border:1px solid transparent}
.lead-status.on{display:block}
.lead-status.wait{border-color:#CFE0FF;background:#F2F7FF;color:#1B4B8F}
.lead-status.bad{border-color:#F0C9CA;background:#FFF7F7;color:#8E2226}
.lead-status b{display:block;margin-bottom:3px}
.lead-status .lead-retry{display:block;margin-top:6px;color:#6B4A4A}
.lead-link{border:0;background:none;padding:0;font:inherit;color:var(--teal-t);text-decoration:underline;cursor:pointer}

/* 成功面板 */
.lead-done{text-align:center;padding:10px 2px 2px}
.lead-done-ic{width:52px;height:52px;border-radius:50%;background:#E8F1FF;color:#1B549E;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.lead-done-ic svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lead-done h3{font-size:20px;margin-bottom:10px;color:var(--deep)}
.lead-done p{font-size:15px;color:var(--muted);line-height:1.8;text-align:center}
.lead-done p b{color:var(--deep)}
.lead-done .lead-done-note{font-size:13px;color:var(--faint);margin-top:12px}
.lead-done .btn{margin-top:18px}
.form .tip{font-size:13px;color:var(--faint);line-height:1.75;margin-top:14px}
.form .tip a{color:var(--teal-t);border-bottom:1px solid var(--line-2)}

/* ---------- 长文页（隐私政策等） ---------- */
.legal{max-width:820px}

/* 正文两端对齐：本页不靠继承全站 p,li 那条，自成一套。
   理由：长文页整页右边缘必须齐，靠继承太脆弱——哪天全局规则改成 left，
   这里会静默变成左对齐，而长文页的参差最显眼。
   - 最后一行按 CSS 规范不拉伸，这是要的效果（末行短一截比强行撑满自然）
   - overflow-wrap 兜底：两端对齐后行内空间被分配完，超长英文串/URL 无处断行时会溢出
   - 标题、版本行、返回按钮排除：单行文本 justify 本无效果，但版本行里有全角空格，
     一旦换行 justify 会把那几个空格拉成巨大空隙，比不对齐更难看 */
.legal p,
.legal li{text-align:justify;text-justify:inter-ideograph;overflow-wrap:break-word}
.legal p.legal-meta,
.legal p.legal-back,
.legal h2,
.legal h3{text-align:left}

.legal-meta{font-size:13px;color:var(--faint);border-left:3px solid var(--teal-b);padding-left:12px;margin-bottom:28px;line-height:1.75}
.legal h2{font-size:22px;margin:34px 0 12px;color:var(--deep);letter-spacing:-.01em;text-wrap:balance}
.legal h3{font-size:18px;margin:20px 0 8px;color:var(--deep)}
.legal p{font-size:16px;line-height:1.85;color:#3C4A5E;margin-bottom:12px}
.legal ul{list-style:none;padding:0;margin:0 0 14px}
.legal li{position:relative;padding-left:17px;font-size:16px;line-height:1.85;color:#3C4A5E;margin-bottom:8px}
.legal li::before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:var(--line-2)}
.legal b{color:var(--deep);font-weight:600}
.legal a{color:var(--teal-t);border-bottom:1px solid var(--line-2)}
.legal a:hover{border-color:var(--teal-b)}
.legal-back{margin-top:34px}

/* ---------- 联系信息块 ---------- */
.info{display:grid;gap:2px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.info>div{background:#fff;padding:16px 18px;display:flex;gap:13px;align-items:flex-start}
.info>div>div{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:3px}
.info .ic{width:32px;height:32px;flex:0 0 auto;border-radius:9px;background:var(--teal-p);display:flex;align-items:center;justify-content:center;color:var(--teal-t)}
.info .ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.info .k{font-size:13px;color:var(--faint);letter-spacing:.04em;flex:0 0 auto;min-width:4.2em;white-space:nowrap}
.info .v{flex:1 1 auto;min-width:0;font-size:15px;color:var(--ink);line-height:1.55;word-break:normal;overflow-wrap:anywhere}
.info .v b{font-size:16px;letter-spacing:.01em;color:var(--deep)}
.info .v a{color:var(--deep);border-bottom:1px solid var(--line-2)}
.info .v a:hover{border-color:var(--teal-b);color:var(--teal-t)}
.copy{font-size:12px;color:var(--teal-t);border:1px solid var(--line-2);background:#fff;border-radius:6px;padding:2px 8px;cursor:pointer;margin-left:8px;font-family:inherit;vertical-align:1px}
.copy:hover{color:#fff;background:var(--teal-t);border-color:var(--teal-t)}

/* ---------- Toast ---------- */
.toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,14px);background:var(--deep);color:#fff;font-size:13px;padding:11px 20px;border-radius:9px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:.22s;z-index:120;border:1px solid rgba(127,178,255,.4)}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- 产品页 ---------- */
.phero{background:#12459F url("bg/hero-bg.jpg") center 38%/cover no-repeat;color:#fff;position:relative;overflow:hidden;isolation:isolate}
/* 分产品页头底图：合规用合规场景，研发用智能制造产线，营销用数字人+门店终端 */
.phero.ph-cmp{background-image:url("bg/hero-compliance.jpg");background-position:50% 44%}
.phero.ph-mkt{background-image:url("bg/hero-marketing.jpg");background-position:50% 30%}
.phero.ph-mkt::before{background:linear-gradient(94deg, rgba(11,50,128,.94) 0%, rgba(17,74,182,.86) 46%, rgba(34,108,224,.56) 74%, rgba(48,130,242,.30) 100%)}
.phero.ph-mfg{background-image:url("bg/hero-manufacture.jpg");background-position:66% 30%}
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(94deg, rgba(13,58,146,.92) 0%, rgba(19,80,190,.82) 44%, rgba(34,108,224,.52) 72%, rgba(48,130,242,.28) 100%)}
.phero-in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:44px 28px 42px;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.phero .crumb{font-size:13px;color:#CFDDF5;margin-bottom:16px}
.phero .crumb a:hover{color:var(--teal)}
.phero h1{font-size:44px;line-height:1.18;letter-spacing:-.038em;margin-bottom:14px;font-weight:800;text-wrap:balance}
.phero .sub-t{font-size:15px;color:#D6E6FF;letter-spacing:.02em;margin-bottom:16px}
.phero .lead{font-size:16px;color:#E9F1FD;line-height:1.8;max-width:34em}
.phero .ptags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.phero .ptags span{font-size:13px;color:#DDE8F9;border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:4px 10px}
/* 首屏右侧玻璃卡：原来 rgba(9,20,40,.58) 是近黑藏青，压在亮蓝图上会读成「黑块」，
   现改为同族蓝的半透明渐变（亮蓝 → 深蓝），玻璃感仍在但不发黑。
   不透明度给到 .88/.93——底图在关于页是亮天空，太透会让浅色文字糊在图上 */
.phero .quick{background:linear-gradient(152deg,rgba(32,96,186,.88) 0%,rgba(18,58,114,.93) 100%);border:1px solid rgba(255,255,255,.24);border-radius:var(--r-lg);padding:20px;backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(9,40,96,.24)}
.phero .quick h4{font-size:13px;color:#CFE3FF;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-weight:600}
.phero .quick ul li{font-size:15px;color:#E9F1FE;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.16);display:flex;gap:10px;line-height:1.6}
.phero .quick ul li:last-child{border-bottom:0}
.phero .quick ul li::before{content:"";width:5px;height:5px;border-radius:50%;background:#AECFFF;flex:0 0 auto;margin-top:7px}

/* 痛点列表 */
.pain{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pain li{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 17px;font-size:15px;line-height:1.65;color:var(--ink)}
.pain li b{color:var(--deep);font-weight:600}
.pain li::before{content:"!";flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--teal-p);color:var(--teal-t);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}

/* 模块地图 */
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mods .m{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 17px 15px;transition:.2s}
.mods .m:hover{border-color:var(--teal-b);box-shadow:var(--shadow)}
.mods .m .n{font-size:12px;color:var(--teal-t);font-weight:700;letter-spacing:.12em}
.mods .m h4{font-size:18px;margin:4px 0 5px}
.mods .m p{font-size:14px;color:var(--muted);line-height:1.6}

/* 承诺边界 */
.bound{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bound .b{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 22px}
.bound .b.yes{border-top:3px solid var(--teal-b)}
.bound .b.no{border-top:3px solid #C4CFCC}
.bound .b h4{font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.bound .b h4 .dot{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--deep);font-weight:700}
.bound .b.yes .dot{background:var(--teal-b);color:#fff}
.bound .b.no .dot{background:#D3DBD9;color:#5A6B68}
.bound ul li{font-size:15px;color:var(--muted);line-height:1.75;padding-left:14px;position:relative;margin-bottom:7px}
.bound ul li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--line-2)}

/* 流程链 */
/* 三行共用一套列宽：只有 .chain-grid 里的链用 display:contents 让子项直接进父级网格，三列才上下对齐。
   作用域必须收窄到子选择器——compliance / imms / rd 三页也用了 .chain，它们父级是 .wrap（普通块/flex），
   若让 .chain 全局 display:contents，子项会散成块级、失去横排，属于隐式依赖，这里显式分两套。 */
.chain-grid{display:grid;grid-template-columns:repeat(6,auto);justify-content:start;align-items:center;column-gap:10px;row-gap:14px;margin-top:18px}
.chain-grid > .chain{display:contents;margin:0}
/* 非 .chain-grid 场景（其他页面的单行链路）保持默认横排 */
.chain{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
/* 三条线各用同族不同深度的一档蓝：01 最深、02 中、03 最亮，靠明度区分而不引入第二色相。
   01 原 #14335C 偏蓝黑，提到 #17457F（与腰部数字条/CTA 同一档） */
.chain.ch1{--ch:#17457F}
.chain.ch2{--ch:#1B549E}
.chain.ch3{--ch:#2A6FC4}
.chain .cn{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--ch,#123A6B);color:#fff;font-size:13px;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(20,51,92,.22)}
.chain .c{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:14px;color:#3C4A5E;white-space:nowrap}
.chain .c.hi{background:var(--ch,#123A6B);color:#fff;border-color:transparent;font-weight:700;font-size:15px;padding:11px 18px;border-radius:9px;box-shadow:0 8px 18px rgba(20,51,92,.22);letter-spacing:.01em}
.chain .ar{color:var(--ch,#8EACD3);opacity:.45;font-size:13px}
.chain-note{margin-top:24px;border-left:3px solid var(--teal-b);padding:20px 22px}
.chain-note h4{font-size:20px;color:var(--deep);margin-bottom:9px}
.chain-note p{font-size:15px;line-height:1.8;color:var(--muted)}

/* ---------- 响应式 ---------- */
@media(max-width:1080px){
  :root{--sec-y:38px;--head-y:21px}
  .hero-in{padding:72px 28px 30px;min-height:auto}
  .hero h1{font-size:40px;letter-spacing:-.035em}
  .sec-head h2{font-size:28px}
  .split-txt h2{font-size:26px}
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2n){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
  .pgrid{grid-template-columns:1fr}
  .cgrid.c4{grid-template-columns:repeat(2,1fr)}
  .cgrid.c3{grid-template-columns:1fr}
  .kpi{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:28px}
  .split.rev .split-txt{order:0}
  .phero-in{grid-template-columns:1fr;gap:28px;padding:36px 28px 34px}
  .phero h1{font-size:30px}
  .mods{grid-template-columns:repeat(2,1fr)}
  .ft-in{grid-template-columns:1fr 1fr;gap:26px}
  .cta-in{grid-template-columns:1fr;gap:20px}
}
/* 1080 以下：菜单还在，但 30px 全称（14 字 ≈420px）会把右侧压到贴边，
   品牌收一档到 24px / logo 42，全称仍单行 */
@media(max-width:1080px){
  .brand-mark{width:42px;height:42px}
  .brand-txt b{font-size:24px;letter-spacing:0}
}
@media(max-width:900px){
  .nav-menu{display:none;position:absolute;top:var(--nav-h);left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 14px 14px;gap:0;box-shadow:var(--shadow-lg);max-height:calc(100vh - var(--nav-h));overflow:auto}
  .nav-menu.on{display:flex}
  .nav-menu a.nl{padding:12px 10px;border-radius:8px}
  .nav-menu a.nl.on::after{display:none}
  .nav-menu a.nl.on{background:var(--soft)}
  .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 6px 10px;min-width:0;display:none}
  .nav-menu li.has-sub.open .sub{display:block}
  .burger{display:flex;margin-left:auto}
  .nav-right .btn{display:none}
  .pain{grid-template-columns:1fr}
  .about-split{grid-template-columns:1fr;gap:26px}
  .about-fig img{aspect-ratio:1/1;object-position:50% 58%}
  /* 窄屏放弃列对齐，回到逐行换行，避免六列硬撑出横向滚动。
     用 .chain-grid > .chain 而非 .chain——父规则同样带 .chain-grid，权重需持平才能覆盖 */
  .chain-grid{display:block;margin-top:14px}
  .chain-grid > .chain{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:14px}
  .chain-grid > .chain:first-child{margin-top:0}
  .bound{grid-template-columns:1fr}
  .form .row{grid-template-columns:1fr}
  .float{right:12px;bottom:14px}
  .float a,.float button{width:46px;height:46px;border-radius:11px}
  .qr-pop{right:70px;bottom:14px}
}
@media(max-width:600px){
  :root{--sec-y:30px;--head-y:18px;--nav-h:64px}
  .hero{background-position:68% 42%}
  .hero::before{background:linear-gradient(180deg,rgba(16,70,172,.70) 0%,rgba(17,74,182,.66) 46%,rgba(12,54,138,.88) 100%)}
  .hero-bot{flex-direction:column;align-items:flex-start;gap:10px}
  .phero{background-position:72% 40%}
  .phero.ph-cmp{background-position:52% 46%}
  .phero.ph-mfg{background-position:68% 46%}
  .phero.ph-mkt{background-position:54% 48%}
  .phero::before{background:linear-gradient(180deg,rgba(15,66,166,.82) 0%,rgba(17,74,182,.80) 60%,rgba(13,58,146,.90) 100%)}
  body{font-size:16px}
  .nav-in{gap:8px}
  .brand-mark{width:34px;height:34px}
  .brand-txt b{font-size:18px;letter-spacing:0}
  .wrap,.nav-in,.hero-in,.phero-in,.stats-in,.cta-in,.ft-in,.ft-btm{padding-left:18px;padding-right:18px}
  .hero-in{padding:52px 18px 26px}
  .hero h1{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin-bottom:16px}
  .hero-lead{font-size:16px}
  .hero-bot{margin-top:26px;padding-top:18px}
  .sec-head h2{font-size:22px}
  .phero h1{font-size:28px}
  .stats-in{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 4px}
  .stat:last-child{border-bottom:0}
  .cgrid.c2,.cgrid.c4,.kpi,.mods{grid-template-columns:1fr}
  .ft-in{grid-template-columns:1fr;gap:22px}
  .cta-btns .btn{width:100%}
  .float{flex-direction:row}
  .qr-pop{right:12px;bottom:74px}
  /* 联系方式行：窄屏收紧内边距与复制按钮，并隐藏「（手机 / 微信）」补注，保证仍落在一行 */
  .info>div{padding:14px 15px}
  .info>div>div{column-gap:9px}
  .info .v{font-size:15px}
  .info .v b{font-size:16px}
  .info .vx{display:none}
  .copy{font-size:12px;padding:2px 6px;margin-left:6px}
  /* 留资表单：窄屏一律单列，类型控件铺满一行，热区不小于 40px */
  .form{padding:20px 16px}
  .lead-row{grid-template-columns:1fr;gap:0}
  .lead-seg{width:100%}
  .lead-seg span{padding:9px 4px;font-size:14px}
  .lead-consent .ck{font-size:13px}
  .lead-chips .chip span{font-size:14px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}