@charset "UTF-8";
/* ============================================================================
   智合聚通 · 全站样式表  site.css
   核心关键词：企业电话号码认证
   本文件是 design.md 的唯一实现，所有取值回溯 design.md 的 token。
   目录：
     01 设计 token
     02 基础重置与排版
     03 布局：容器 / 区块 / 栅格
     04 顶部导航 + 移动抽屉
     05 按钮
     06 标题区块
     07 卡片
     08 首页 Hero（纯 CSS 产品演示）
     09 「立即体验」体验板块（手机模拟屏 + 实时预览表单）
     10 认证前后对比 / 效果展示
     11 流程图（办理流程 / 服务流程）
     12 FAQ 手风琴
     13 品牌背书 / 号码类型 / 合作机型
     14 资讯与问答列表卡片
     15 内页 hero + 面包屑 + 侧栏广告位
     16 标签 / 分页 / 表格
     17 页脚
     18 右侧浮动咨询 + 移动底部栏 + 微信弹窗
     19 滚动淡入动效
     20 深色区块通用
     21 动效降级与工具类
   ========================================================================== */

/* ============================ 01 设计 token ============================== */
:root{
  /* 品牌主色 #3470FF */
  --blue-700:#1F4FD8;
  --blue-600:#2A5FE8;
  --blue-500:#3470FF;
  --blue-400:#5C8CFF;
  --blue-300:#8FB0FF;
  --blue-100:#E6EEFF;
  --blue-050:#F2F6FF;
  /* 低饱和辅助强调色（青绿，呼应 LOGO） */
  --accent-600:#1F8B84;
  --accent-500:#2E9E9A;
  --accent-100:#E4F4F2;
  /* 中性色阶 */
  --ink-900:#0E1726;
  --ink-800:#16233A;
  --ink-700:#2C3A4F;
  --ink-600:#45566F;
  --ink-500:#5F7189;
  --ink-400:#8695AC;
  --ink-300:#B4C0D0;
  --ink-200:#D8E0EA;
  --ink-100:#E4EAF2;
  /* 语义色 */
  --success:#12A150;   --success-bg:#E8F6EE;
  --warning:#C9831A;   --warning-bg:#FBF1E0;
  --danger:#D93B2F;    --danger-bg:#FBEBE9;
  /* 背景层 */
  --bg-page:#FFFFFF;
  --bg-soft:#F4F7FC;
  --bg-soft-2:#EAF0F9;
  --bg-deep:#0B1B3A;
  /* 线条 */
  --line:var(--ink-100);
  --line-dark:rgba(255,255,255,.14);
  /* 字体 */
  --font-cn:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Microsoft YaHei","微软雅黑",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-num:ui-sans-serif,"Segoe UI",system-ui,"PingFang SC",sans-serif;
  /* 响应式字号 */
  --fs-h1:clamp(28px,4.4vw,48px);
  --fs-h2:clamp(24px,3vw,36px);
  --fs-h3:clamp(20px,2vw,24px);
  --fs-h4:clamp(18px,1.6vw,20px);
  --fs-body:clamp(15px,1.05vw,16px);
  --fs-sub:clamp(15px,1.1vw,17px);
  /* 圆角 */
  --r-card:16px;
  --r-btn:8px;
  --r-sm:10px;
  --r-tag:6px;
  --r-pill:999px;
  /* 阴影 */
  --sh-card:0 2px 8px rgba(14,23,38,.04);
  --sh-card-hover:0 14px 32px rgba(14,23,38,.10);
  --sh-soft:0 8px 24px rgba(14,23,38,.08);
  --sh-header:0 1px 0 var(--ink-100),0 8px 24px rgba(14,23,38,.06);
  /* 动效 */
  --dur-fast:.3s;
  --dur-base:.45s;
  --dur-slow:.6s;
  --ease:cubic-bezier(.22,.61,.36,1);
  /* 布局 */
  --nav-h:64px;
  --block-py:48px;
  --sec-gap:24px;
}
@media (min-width:769px){
  :root{ --nav-h:72px; --block-py:64px; --sec-gap:32px; }
}
@media (min-width:1200px){
  :root{ --block-py:88px; --sec-gap:40px; }
}

/* ====================== 02 基础重置与排版 ================================ */
*,*::before,*::after{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--nav-h) + 16px);
}
body{
  margin:0;
  font-family:var(--font-cn);
  font-size:var(--fs-body);
  line-height:1.75;
  color:var(--ink-700);
  background:var(--bg-page);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.is-locked{ overflow:hidden; }
img,svg,video{ max-width:100%; height:auto; display:block; }
a{ color:var(--blue-500); text-decoration:none; transition:color var(--dur-fast) var(--ease); }
a:hover{ color:var(--blue-700); }
button{ font:inherit; color:inherit; cursor:pointer; }
ul,ol{ margin:0; padding:0; list-style:none; }
p{ margin:0 0 1em; }
p:last-child{ margin-bottom:0; }
hr{ border:0; border-top:1px solid var(--line); margin:32px 0; }

h1,h2,h3,h4,h5,h6{
  margin:0 0 16px;
  font-weight:600;
  color:var(--ink-800);
  line-height:1.35;
  text-wrap:balance;
}
h1{ font-size:var(--fs-h1); font-weight:700; line-height:1.25; letter-spacing:-.5px; color:var(--ink-900); }
h2{ font-size:var(--fs-h2); font-weight:700; line-height:1.3;    letter-spacing:-.3px; color:var(--ink-900); }
h3{ font-size:var(--fs-h3); line-height:1.4; }
h4{ font-size:var(--fs-h4); line-height:1.45; }
h5{ font-size:17px; line-height:1.5; }
h6{ font-size:15px; line-height:1.5; letter-spacing:.2px; color:var(--ink-600); }
strong,b{ font-weight:600; color:var(--ink-800); }
small{ font-size:13px; color:var(--ink-400); }
.num{ font-family:var(--font-num); font-variant-numeric:tabular-nums; }
:focus-visible{ outline:2px solid var(--blue-500); outline-offset:2px; border-radius:4px; }

/* ================== 03 布局：容器 / 区块 / 栅格 ========================= */
.container{
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  padding-inline:clamp(16px,4vw,24px);
}
.container--narrow{ max-width:920px; }

/* 区块背景：白 / 浅灰 交替（严禁连续两个纯白） */
.block{ padding-block:var(--block-py); background:var(--bg-page); }
.block--soft{ background:var(--bg-soft); }
.block--deep{ background:var(--bg-deep); color:rgba(255,255,255,.76); }
.block--tight{ padding-block:calc(var(--block-py) * .66); }
.block + .block{ border-top:0; }

.grid{ display:grid; gap:var(--sec-gap); }
.grid-2{ grid-template-columns:1fr; }
.grid-3{ grid-template-columns:1fr; }
.grid-4{ grid-template-columns:1fr; }
@media (min-width:769px){
  .grid-2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .grid-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1200px){
  .grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .grid-4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.grid--align{ align-items:stretch; }
.grid > *{ min-width:0; }
.flow-gap-sm{ gap:20px; }

/* ================== 04 顶部导航 + 移动抽屉 ============================== */
.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.92);
  transition:background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),backdrop-filter var(--dur-base) var(--ease);
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(12px) saturate(180%);
  backdrop-filter:blur(12px) saturate(180%);
  box-shadow:var(--sh-header);
}
.nav-bar{
  display:flex; align-items:center; gap:16px;
  height:var(--nav-h);
}
.nav-logo{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.nav-logo img{ width:132px; height:34px; object-fit:contain; }
.nav-logo-text{ display:flex; flex-direction:column; line-height:1.15; }
.nav-logo-text b{ font-size:16px; color:var(--ink-900); letter-spacing:.5px; }
.nav-logo-text span{ font-size:11px; color:var(--ink-400); letter-spacing:.5px; }

.nav-list{ display:none; align-items:center; gap:4px; margin-left:auto; }
.nav-link{
  position:relative; display:inline-block;
  padding:8px 14px; border-radius:var(--r-btn);
  font-size:15px; font-weight:500; color:var(--ink-700);
  transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);
}
.nav-link::after{
  content:""; position:absolute; left:14px; right:14px; bottom:2px; height:2px;
  background:var(--blue-500); border-radius:2px;
  transform:scaleX(0); transform-origin:center;
  transition:transform var(--dur-fast) var(--ease);
}
.nav-link:hover{ color:var(--blue-700); background:var(--blue-050); }
.nav-link.is-active{ color:var(--blue-500); font-weight:600; }
.nav-link.is-active::after{ transform:scaleX(1); }

.nav-right{ display:flex; align-items:center; gap:12px; margin-left:auto; }
.nav-tel{
  display:none; align-items:center; gap:6px;
  font-family:var(--font-num); font-size:15px; font-weight:600; color:var(--ink-800);
  white-space:nowrap;
}
.nav-tel i{ color:var(--blue-500); font-size:18px; }
.nav-tel:hover{ color:var(--blue-600); }
.nav-cta{ display:none; }

.nav-toggle{
  margin-left:auto; width:44px; height:44px; flex:0 0 auto;
  display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
  background:transparent; border:1px solid var(--ink-100); border-radius:var(--r-btn);
}
.nav-toggle span{
  display:block; width:20px; height:2px; border-radius:2px; background:var(--ink-800);
  transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);
}
.nav-toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (min-width:769px){
  .nav-list{ display:flex; }
  .nav-toggle{ display:none; }
  .nav-tel{ display:inline-flex; }
}
@media (min-width:1200px){
  .nav-cta{ display:inline-flex; }
}

/* 移动抽屉 */
.nav-drawer{
  position:fixed; inset:0; z-index:120; pointer-events:none;
}
.nav-drawer__mask{
  position:absolute; inset:0; background:rgba(14,23,38,.44);
  opacity:0; transition:opacity var(--dur-fast) var(--ease);
}
.nav-drawer__panel{
  position:absolute; top:0; right:0; bottom:0; width:min(320px,84vw);
  background:#fff; box-shadow:-8px 0 32px rgba(14,23,38,.16);
  transform:translateX(100%); transition:transform var(--dur-fast) var(--ease);
  display:flex; flex-direction:column; padding:20px; overflow-y:auto;
}
.nav-drawer.is-open{ pointer-events:auto; }
.nav-drawer.is-open .nav-drawer__mask{ opacity:1; }
.nav-drawer.is-open .nav-drawer__panel{ transform:translateX(0); }
.nav-drawer__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.nav-drawer__head img{ width:120px; height:31px; object-fit:contain; }
.nav-drawer__close{
  width:40px; height:40px; border:0; background:var(--bg-soft); border-radius:var(--r-btn);
  font-size:20px; color:var(--ink-600); line-height:1;
}
.nav-drawer__link{
  display:block; padding:14px 4px; font-size:16px; font-weight:500; color:var(--ink-800);
  border-bottom:1px solid var(--ink-100);
}
.nav-drawer__link.is-active{ color:var(--blue-500); font-weight:600; }
.nav-drawer__foot{ margin-top:20px; display:grid; gap:12px; }
.nav-drawer__tel{
  display:flex; align-items:center; gap:8px; font-family:var(--font-num);
  font-size:16px; font-weight:600; color:var(--ink-800);
}

/* ========================= 05 按钮 ===================================== */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:48px; padding:0 28px;
  border:1px solid transparent; border-radius:var(--r-btn);
  font-family:var(--font-cn); font-size:15px; font-weight:600; line-height:1;
  white-space:nowrap; text-decoration:none; cursor:pointer;
  transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),
             border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),
             box-shadow var(--dur-fast) var(--ease);
}
.btn i{ font-size:18px; }
.btn-primary{ background:var(--blue-500); color:#fff; box-shadow:0 2px 8px rgba(52,112,255,.20); }
.btn-primary:hover{
  background:var(--blue-600); color:#fff;
  transform:translateY(-2px); box-shadow:0 8px 20px rgba(52,112,255,.28);
}
.btn-ghost{ background:#fff; color:var(--ink-800); border-color:var(--ink-200); }
.btn-ghost:hover{ color:var(--blue-600); border-color:var(--blue-500); background:var(--blue-050); }
.btn-light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.36); }
.btn-light:hover{ background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.6); }
.btn-lg{ height:52px; padding:0 32px; font-size:16px; }
.btn-sm{ height:40px; padding:0 18px; font-size:14px; }
.btn-block{ width:100%; }
.btn-row{ display:flex; flex-wrap:wrap; gap:16px; }
.btn-row--center{ justify-content:center; }

.link{
  display:inline-flex; align-items:center; gap:4px;
  font-size:14px; font-weight:600; color:var(--blue-500);
}
.link i{ transition:transform var(--dur-fast) var(--ease); }
.link:hover{ color:var(--blue-700); }
.link:hover i{ transform:translateX(4px); }

/* ======================= 06 标题区块 =================================== */
.section-head{ max-width:880px; margin:0 auto var(--sec-gap); text-align:center; }
.section-head--left{ margin-inline:0; text-align:left; }
.section-head h2{ margin-bottom:12px; }
.section-eyebrow{
  display:inline-block; margin:0 0 10px;
  font-size:14px; font-weight:500; color:var(--blue-500); letter-spacing:.2px;
}
.section-sub{ font-size:var(--fs-sub); color:var(--ink-500); margin:0; max-width:800px; margin-inline:auto; }
.section-head--left .section-sub{ margin-inline:0; }
.section-more{ margin-top:var(--sec-gap); text-align:center; }

/* ========================= 07 卡片 ==================================== */
.card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card);
  padding:28px; min-width:0;
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);
}
.block--soft .card{ border-color:transparent; box-shadow:var(--sh-card); }
.card:hover{
  transform:translateY(-6px);
  box-shadow:var(--sh-card-hover);
  border-color:var(--blue-300);
}
.card--static:hover{ transform:none; box-shadow:var(--sh-card); border-color:transparent; }
.card--flat{ padding:24px; }
.card__icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:52px; height:52px; margin-bottom:18px;
  border-radius:14px; background:var(--blue-050); color:var(--blue-500);
  font-size:26px; transition:background-color var(--dur-base) var(--ease);
}
.card:hover .card__icon{ background:var(--blue-100); }
.card__icon--accent{ background:var(--accent-100); color:var(--accent-600); }
.card__title{ font-size:18px; font-weight:600; color:var(--ink-800); margin:0 0 10px; line-height:1.45; }
.card__desc{ font-size:15px; color:var(--ink-500); margin:0; line-height:1.72; }
/* 行业方案：摄影图卡片 */
.card--photo{ padding:0; overflow:hidden; }
.card--photo .card__media{
  display:block; aspect-ratio:16/9; overflow:hidden; background:var(--bg-soft-2);
}
.card--photo .card__media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform var(--dur-base) var(--ease);
}
.card--photo:hover .card__media img{ transform:scale(1.06); }
.card--photo .card__body{ padding:18px 22px 20px; }
.card--photo .card__title{ margin-bottom:6px; }
.card--photo .card__foot{ margin-top:12px; }
.card--photo .card__body .card__foot{ margin-top:12px; padding-top:0; }
.card__foot{ margin-top:18px; }
.card__body{ display:flex; flex-direction:column; height:100%; }
.card__body .card__foot{ margin-top:auto; padding-top:18px; }

/* 07.1 问题诊断卡片（首页「电话沟通时常见问题」） */
.problem-card{
  position:relative; display:flex; align-items:flex-start; gap:14px;
  padding:20px 18px 20px 22px; border-radius:var(--r-card);
  background:#fff; border:1px solid var(--line); overflow:hidden;
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);
}
.problem-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,var(--danger),#F0A9A2);
  opacity:.55;
  transition:opacity var(--dur-base) var(--ease);
}
.problem-card:hover{ transform:translateY(-6px); box-shadow:var(--sh-card-hover); border-color:#F3D6D2; }
.problem-card:hover::before{ opacity:1; }
.problem-card__icon{
  flex:0 0 auto; width:44px; height:44px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:var(--danger-bg); color:var(--danger); font-size:22px;
  transition:background-color var(--dur-base) var(--ease);
}
.problem-card:hover .problem-card__icon{ background:#F7DDD9; }
.problem-card__title{
  font-size:15.5px; font-weight:600; color:var(--ink-800);
  line-height:1.62; margin:8px 0 0;
}

/* ================= 08 首页 Hero（纯 CSS 产品演示）======================= */
.hero{
  position:relative;
  padding-block:56px 64px;
  background:
    radial-gradient(1000px 520px at 12% -10%,rgba(52,112,255,.10),transparent 60%),
    radial-gradient(760px 460px at 92% 6%,rgba(46,158,154,.10),transparent 62%),
    linear-gradient(180deg,#FFFFFF 0%,#F7FAFF 58%,#FFFFFF 100%);
  overflow:hidden;
}
.hero::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(52,112,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(52,112,255,.05) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(700px 420px at 50% 12%,#000,transparent 72%);
          mask-image:radial-gradient(700px 420px at 50% 12%,#000,transparent 72%);
}
/* 背景流光：一道细光带缓慢扫过，循环播放 */
.hero::after{
  content:""; position:absolute; top:-10%; left:0; width:38%; height:120%;
  pointer-events:none; opacity:0;
  background:linear-gradient(100deg,transparent 0%,rgba(52,112,255,.05) 42%,rgba(255,255,255,.35) 50%,rgba(52,112,255,.05) 58%,transparent 100%);
  transform:translateX(-160%) skewX(-14deg);
  animation:heroSheen 8s ease-in-out infinite;
}
@keyframes heroSheen{
  0%{ opacity:0; transform:translateX(-160%) skewX(-14deg); }
  8%{ opacity:1; }
  55%,72%{ opacity:1; }
  82%,100%{ opacity:0; transform:translateX(340%) skewX(-14deg); }
}
.hero__inner{
  position:relative; z-index:1;
  display:grid; gap:40px; align-items:center;
}
.hero__badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; margin-bottom:20px;
  border-radius:var(--r-pill); background:rgba(52,112,255,.08);
  font-size:13px; font-weight:500; color:var(--blue-700);
}
.hero__badge i{ font-size:15px; color:var(--blue-500); }
.hero h1{ margin-bottom:18px; }
.hero__title-mark{ color:var(--blue-500); }
.hero__sub{ font-size:var(--fs-sub); color:var(--ink-600); max-width:34em; margin-bottom:28px; }
.hero__actions{ margin-bottom:32px; }
.hero__signals{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:480px){ .hero__signals{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.hero__signal{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; border-radius:var(--r-sm);
  background:rgba(255,255,255,.86); border:1px solid var(--ink-100);
  font-size:13px; color:var(--ink-600); line-height:1.45;
}
.hero__signal i{ font-size:20px; color:var(--accent-500); flex:0 0 auto; }
@media (min-width:1200px){
  .hero{ padding-block:76px 88px; }
  .hero__inner{ grid-template-columns:minmax(0,1fr) 400px; gap:56px; }
}

/* Hero 右侧：纯 CSS 来电演示 */
.hero-demo{ position:relative; display:flex; justify-content:center; }
.hero-demo__phone{
  position:relative; width:264px; height:534px;
  border-radius:38px; padding:10px;
  background:linear-gradient(160deg,#2B3A55,#101B2E 60%);
  box-shadow:0 28px 60px rgba(11,27,58,.30),0 4px 12px rgba(11,27,58,.16);
}
.hero-demo__screen{
  position:relative; width:100%; height:100%;
  border-radius:30px; overflow:hidden;
  background:linear-gradient(180deg,#0A1424 0%,#0F2036 46%,#0A1424 100%);
  display:flex; flex-direction:column; align-items:center;
  padding:26px 18px 20px; color:#fff;
}
.hero-demo__notch{
  position:absolute; top:10px; left:50%; transform:translateX(-50%);
  width:96px; height:20px; border-radius:0 0 12px 12px; background:#05090F;
}
.hero-demo__timer{ margin-top:14px; font-family:var(--font-num); font-size:13px; color:rgba(255,255,255,.5); }
.hero-demo__avatar{
  width:72px; height:72px; margin-top:6px; overflow:hidden;
  border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
}
.hero-demo__avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.hero-demo__lines{
  position:relative; width:100%; height:74px; margin-top:16px; text-align:center;
}
.hero-demo__line{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
}
.hero-demo__name{ font-size:16px; font-weight:600; line-height:1.4; letter-spacing:.2px; }
.hero-demo__sub{ font-size:12px; color:rgba(255,255,255,.55); margin-top:4px; font-family:var(--font-num); }
/* 号码 → 企业名称 的替换动画 */
.hero-demo__line--before{ animation:demoBefore 6s var(--ease) infinite; }
.hero-demo__line--after { animation:demoAfter  6s var(--ease) infinite; }
@keyframes demoBefore{
  0%,22%{ opacity:1; transform:translateY(0); }
  30%,88%{ opacity:0; transform:translateY(-10px); }
  96%,100%{ opacity:1; transform:translateY(0); }
}
@keyframes demoAfter{
  0%,22%{ opacity:0; transform:translateY(10px); }
  30%,88%{ opacity:1; transform:translateY(0); }
  96%,100%{ opacity:0; transform:translateY(10px); }
}
.hero-demo__verified{
  display:inline-flex; align-items:center; gap:6px; margin-top:14px;
  padding:5px 12px; border-radius:var(--r-pill);
  background:var(--accent-100); color:var(--accent-600);
  font-size:12px; font-weight:600;
  animation:verifiedPulse 3s var(--ease) infinite;
}
.hero-demo__verified i{ font-size:14px; }
@keyframes verifiedPulse{
  0%,100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(46,158,154,.28); }
  50%{ transform:scale(1.04); box-shadow:0 0 0 8px rgba(46,158,154,0); }
}
.hero-demo__spacer{ flex:1; }
.hero-demo__actions{ display:flex; align-items:center; justify-content:center; gap:26px; margin-bottom:18px; }
.hero-demo__act{
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:24px;
  background:rgba(255,255,255,.12); color:#fff;
}
.hero-demo__act--call{ background:#E5484D; }
.hero-demo__act--answer{ background:var(--success); animation:answerPulse 2.4s var(--ease) infinite; }
@keyframes answerPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(18,161,80,.42); }
  60%{ box-shadow:0 0 0 12px rgba(18,161,80,0); }
}
.hero-demo__float{
  position:absolute; left:-18px; bottom:470px;
  display:flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:12px; background:#fff;
  box-shadow:0 12px 28px rgba(14,23,38,.14);
  animation:floatY 5s ease-in-out infinite;
}
.hero-demo__float p{ margin:0; font-size:12px; color:var(--ink-500); line-height:1.35; }
.hero-demo__float b{ display:block; font-size:14px; color:var(--ink-900); }
.hero-demo__float i{ font-size:22px; color:var(--blue-500); }
.hero-demo__float--2{ left:auto; right:-14px; bottom:158px; animation-delay:1.2s; }
.hero-demo__float--3{ left:auto; right:230px; bottom:120px; animation-delay:.4s; }
@keyframes floatY{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
@media (max-width:1199px){
  .hero-demo__float{ display:none; }
}
@media (max-width:768px){
  .hero-demo{ display:none; }
}

/* ============ 09 「立即体验」体验板块（手机模拟屏 + 实时预览） ========= */
/* 桌面端（≥769px）显示，移动端整块隐藏 */
.exp{ display:none; }
@media (min-width:769px){ .exp{ display:block; } }

.exp__head{ max-width:880px; margin:0 auto var(--sec-gap); text-align:center; }
.exp__title{ margin-bottom:12px; }
.exp__sub{ color:var(--ink-500); margin:0; }
.exp__body{
  display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  gap:32px; align-items:start;
}
.exp__left{ min-width:0; }
.exp__phones{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.exp__label{
  display:flex; align-items:center; justify-content:center; gap:6px;
  margin-bottom:12px; font-size:14px; font-weight:600; color:var(--ink-600);
}
.exp__label i{ color:var(--blue-500); font-size:16px; }

/* 手机模拟屏 */
.exp-phone{
  position:relative; margin:0 auto; width:100%; max-width:196px;
  border-radius:26px; padding:7px;
  background:linear-gradient(165deg,#33415B,#131E31);
  box-shadow:0 14px 28px rgba(11,27,58,.20);
}
.exp-phone__screen{
  position:relative; border-radius:20px; overflow:hidden;
  background:linear-gradient(180deg,#0B1524,#111F33 55%,#0B1524);
  color:#fff; padding:18px 12px 14px; min-height:340px;
  display:flex; flex-direction:column;
}
.exp-phone__time{
  font-family:var(--font-num); font-size:11px; color:rgba(255,255,255,.5); text-align:left;
}
.exp-phone__brand{ display:flex; align-items:center; gap:8px; margin-bottom:14px; }
.exp-phone__logo{
  width:38px; height:38px; flex:0 0 auto; border-radius:50%;
  background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.exp-phone__logo img{ width:32px; height:auto; }
.exp-phone__logo .exp-placeholder{ font-size:20px; color:var(--blue-500); display:none; }
.exp-phone__logo.is-empty img{ display:none; }
.exp-phone__logo.is-empty .exp-placeholder{ display:block; }
.exp-phone__name{
  font-size:13px; font-weight:600; line-height:1.35;
  word-break:break-word; overflow-wrap:anywhere;
}
.exp-phone__meta{
  font-family:var(--font-num); font-size:11px; color:rgba(255,255,255,.58); margin-top:3px;
}
/* 来电 / 去电：LOGO 在上，认证名称、认证号码依次居中 */
.exp-phone__brand--center{
  flex-direction:column; align-items:center; justify-content:center;
  gap:10px; margin:14px 0 16px; text-align:center;
}
.exp-phone__brand--center .exp-phone__logo{ width:62px; height:62px; border-radius:50%; }
.exp-phone__brand--center .exp-phone__logo img{ width:46px; }
.exp-phone__brand--center .exp-phone__logo .exp-placeholder{ font-size:30px; }
.exp-phone__id{ text-align:center; }
.exp-phone__brand--center .exp-phone__name{ font-size:16px; }
.exp-phone__brand--center .exp-phone__meta{ font-size:12px; margin-top:5px; }
.exp-phone__brand--center + .exp-phone__state{ align-self:center; }
.exp-phone__state{
  display:inline-flex; align-items:center; gap:5px; margin-top:8px;
  padding:2px 8px; border-radius:var(--r-pill);
  background:rgba(255,255,255,.12); font-size:11px; color:rgba(255,255,255,.82);
}
.exp-phone__spacer{ flex:1; }
.exp-phone__row{
  display:flex; align-items:center; gap:8px;
  padding:8px 0; border-top:1px solid rgba(255,255,255,.08);
}
.exp-phone__row:first-child{ border-top:0; }
.exp-phone__row .ri{ font-size:15px; color:rgba(255,255,255,.5); }
.exp-phone__row .exp-phone__name{ font-size:12px; }
.exp-phone__keys{
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:12px 0 14px;
}
.exp-phone__key{
  height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.08); font-size:15px; color:rgba(255,255,255,.72);
}
.exp-phone__callbar{ display:flex; align-items:center; justify-content:center; gap:22px; }
.exp-phone__callbtn{
  width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:19px; color:#fff; background:#E5484D;
}
.exp-phone__callbtn--green{ background:var(--success); }
.exp-phone__divider{ height:1px; background:rgba(255,255,255,.08); margin:8px 0; }

/* 右侧表单卡片 */
.exp-form{
  background:#fff; border-radius:var(--r-card); padding:24px;
  box-shadow:0 12px 32px rgba(14,23,38,.10);
  position:sticky; top:calc(var(--nav-h) + 20px);
}
.exp-form h3{ font-size:17px; margin-bottom:16px; }
.exp-field{ margin-bottom:16px; }
.exp-field label{
  display:block; margin-bottom:6px; font-size:13px; font-weight:500; color:var(--ink-600);
}
.exp-input{
  width:100%; height:44px; padding:0 14px;
  border:1px solid var(--ink-200); border-radius:var(--r-btn);
  font-family:var(--font-cn); font-size:14px; color:var(--ink-800); background:#fff;
  transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);
}
.exp-input::placeholder{ color:var(--ink-300); }
.exp-input:focus{ outline:0; border-color:var(--blue-500); box-shadow:0 0 0 3px rgba(52,112,255,.12); }
.exp-input[readonly]{ background:var(--bg-soft); color:var(--ink-500); }
.exp-upload{ display:flex; gap:10px; }
.exp-upload .btn{ flex:0 0 auto; padding:0 16px; }
.exp-upload .exp-input{ flex:1 1 auto; }
.exp-file-input{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.exp-note{ font-size:12px; color:var(--ink-400); margin:0 0 16px; line-height:1.6; }
.exp-file-input + .exp-upload-hint{ font-size:12px; color:var(--ink-400); margin-top:6px; }

/* ============ 10 认证前后对比 / 效果展示 ============================== */
.compare{ display:grid; gap:var(--sec-gap); align-items:stretch; }
@media (min-width:769px){ .compare{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.compare__col{
  border-radius:var(--r-card); padding:24px; background:#fff; border:1px solid var(--line);
  display:flex; flex-direction:column;
}
.compare__col--before{ border-color:#F3D6D2; background:linear-gradient(180deg,#FEFAF9,#fff); }
.compare__col--after{ border-color:#CBDFFF; background:linear-gradient(180deg,#F7FAFF,#fff); }
.compare__tag{
  display:inline-flex; align-items:center; gap:6px; align-self:flex-start;
  padding:4px 12px; border-radius:var(--r-pill); font-size:13px; font-weight:600; margin-bottom:14px;
}
.compare__col--before .compare__tag{ background:var(--danger-bg); color:var(--danger); }
.compare__col--after .compare__tag{ background:var(--blue-100); color:var(--blue-700); }
.compare__img{
  width:100%; max-width:240px; margin:0 auto 18px;
  border-radius:18px; box-shadow:0 10px 24px rgba(14,23,38,.10);
}
.compare__list li{
  display:flex; gap:8px; align-items:flex-start;
  padding:8px 0; font-size:15px; color:var(--ink-600); line-height:1.7;
  border-top:1px dashed var(--ink-100);
}
.compare__list li:first-child{ border-top:0; }
.compare__list li i{ font-size:16px; margin-top:4px; flex:0 0 auto; }
.compare__col--before .compare__list li i{ color:var(--danger); }
.compare__col--after .compare__list li i{ color:var(--accent-500); }

/* 效果展示：4 张手机界面截图 */
.shots{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
@media (min-width:1200px){ .shots{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.shot{ text-align:center; }
.shot img{
  width:100%; max-width:230px; margin:0 auto;
  transition:transform var(--dur-base) var(--ease);
}
.shot:hover img{ transform:translateY(-6px); }
.shot figcaption{ margin-top:14px; font-size:14px; color:var(--ink-600); font-weight:500; }
.shot figcaption small{ display:block; margin-top:4px; font-weight:400; }

/* ============== 11 流程图（办理流程 / 服务流程）========================= */
.flow{
  display:grid; gap:20px;
  grid-template-columns:1fr;
}
/* 移动端：纵向时间轴 */
.flow__step{ position:relative; padding-left:44px; padding-bottom:22px; }
.flow__step:last-child{ padding-bottom:0; }
.flow__step::before{
  content:""; position:absolute; left:15px; top:36px; bottom:0; width:2px; background:var(--ink-100);
}
.flow__step:last-child::before{ display:none; }
.flow__step.is-done::before{ background:var(--accent-500); }
.flow__node{
  position:absolute; left:0; top:2px;
  width:32px; height:32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--blue-100); color:var(--blue-700);
  font-family:var(--font-num); font-size:14px; font-weight:700;
}
.flow__step.is-done .flow__node{ background:var(--accent-500); color:#fff; }
.flow__step.is-current .flow__node{ background:var(--blue-500); color:#fff; box-shadow:0 0 0 5px rgba(52,112,255,.14); }
.flow__title{ font-size:17px; font-weight:600; color:var(--ink-800); margin:0 0 6px; }
.flow__desc{ font-size:15px; color:var(--ink-500); margin:0; line-height:1.72; }
.flow__note{
  display:flex; gap:6px; align-items:flex-start; margin-top:8px;
  font-size:13px; color:var(--warning); background:var(--warning-bg);
  padding:8px 12px; border-radius:var(--r-sm); line-height:1.6;
}
.flow__note i{ font-size:14px; margin-top:2px; flex:0 0 auto; }

/* 桌面端：横向箭头串联步骤条 */
@media (min-width:769px){
  .flow{ grid-auto-flow:column; grid-auto-columns:1fr; gap:0; align-items:start; }
  .flow__step{ padding:0 12px 0 0; }
  .flow__step::before{ display:none; }
  .flow__step::after{
    content:""; position:absolute; left:36px; right:0; top:15px; height:2px;
    background:var(--ink-100); display:block;
  }
  .flow__step.is-done::after{ background:var(--accent-500); }
  .flow__step:last-child::after{ display:none; }
  .flow__node{
    position:relative; left:auto; top:auto; width:44px; height:44px;
    font-size:17px; margin-bottom:16px;
  }
  .flow__step{ padding-left:0; padding-bottom:0; position:relative; }
  .flow__step::after{ left:56px; }
  .flow--compact .flow__note{ display:none; }
  .flow--compact .flow__desc{ font-size:14px; }
}

/* ========================= 12 FAQ 手风琴 ============================== */
.faq{ display:grid; gap:12px; }
.faq__item{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-sm);
  transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);
}
.block--soft .faq__item{ border-color:transparent; box-shadow:var(--sh-card); }
.faq__item[open]{ border-color:var(--blue-300); box-shadow:var(--sh-soft); }
.faq__q{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 20px; cursor:pointer; list-style:none;
  font-size:16px; font-weight:600; color:var(--ink-800); line-height:1.55;
}
.faq__q::-webkit-details-marker{ display:none; }
.faq__q:hover{ color:var(--blue-600); }
.faq__item[open] .faq__q{ color:var(--blue-600); }
.faq__q i{
  flex:0 0 auto; font-size:20px; color:var(--ink-400);
  transition:transform var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);
}
.faq__item[open] .faq__q i{ transform:rotate(180deg); color:var(--blue-500); }
.faq__a{
  padding:0 20px 20px; font-size:15px; color:var(--ink-500); line-height:1.78;
  border-top:1px dashed var(--ink-100); padding-top:16px; margin:0 20px 20px; padding-inline:0;
}
.faq__a p{ margin:0 0 .8em; }
.faq-col{ display:grid; gap:12px; }

/* ======== 13 品牌背书 / 号码类型 / 合作机型 ============================ */
.quote-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card);
  padding:28px; display:flex; flex-direction:column; height:100%;
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);
}
.block--soft .quote-card{ border-color:transparent; box-shadow:var(--sh-card); }
.quote-card:hover{ transform:translateY(-6px); box-shadow:var(--sh-card-hover); border-color:var(--blue-300); }
.quote-card__quote{ position:relative; font-size:15px; color:var(--ink-600); line-height:1.8; margin:0 0 22px; }
.quote-card__quote::before{
  content:"\201C"; display:block; font-size:40px; line-height:.6; color:var(--blue-300); margin-bottom:8px;
  font-family:Georgia,serif;
}
.quote-card__person{ display:flex; align-items:center; gap:14px; margin-top:auto; }
.quote-card__avatar{
  width:56px; height:56px; border-radius:50%; object-fit:cover; flex:0 0 auto;
  background:var(--bg-soft-2);
}
.quote-card__meta b{ display:block; font-size:15px; font-weight:600; color:var(--ink-800); }
.quote-card__meta span{ display:block; font-size:13px; color:var(--ink-400); margin-top:2px; }

.type-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
@media (min-width:769px){ .type-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1200px){ .type-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); } }
.type-item{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-sm);
  padding:20px 14px; text-align:center;
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);
}
.block--soft .type-item{ border-color:transparent; box-shadow:var(--sh-card); }
.type-item:hover{ transform:translateY(-6px); box-shadow:var(--sh-card-hover); border-color:var(--blue-300); }
.type-item img{ width:44px; height:44px; margin:0 auto 12px; object-fit:contain; }
.type-item b{ display:block; font-size:15px; font-weight:600; color:var(--ink-800); }
.type-item span{ display:block; margin-top:6px; font-size:13px; color:var(--ink-400); line-height:1.6; }

.device-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
@media (min-width:769px){ .device-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (min-width:1200px){ .device-grid{ grid-template-columns:repeat(7,minmax(0,1fr)); } }
.device-item{
  display:flex; align-items:center; justify-content:center;
  height:70px; padding:10px; border-radius:var(--r-sm);
  background:#fff; border:1px solid var(--line);
  transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);
}
.device-item:hover{ background:#fff; border-color:var(--blue-300); box-shadow:var(--sh-soft); }
.device-item img{ max-height:36px; width:auto; object-fit:contain; }
.device-note{
  margin:10px auto 0; max-width:52em; text-align:center;
  font-size:13px; color:var(--ink-400); line-height:1.6;
}

/* 图标特征列表 */
.checks{ display:grid; gap:10px; }
.checks li{ display:flex; gap:10px; align-items:flex-start; font-size:15px; color:var(--ink-600); line-height:1.72; }
.checks li i{ font-size:17px; color:var(--accent-500); margin-top:4px; flex:0 0 auto; }
.pains li i{ color:var(--danger); }

/* ============ 14 资讯与问答列表卡片 ================================== */
.news-grid{ display:grid; grid-template-columns:1fr; gap:var(--sec-gap); }
@media (min-width:769px){ .news-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1200px){ .news-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.news-card{
  display:flex; flex-direction:column; height:100%; overflow:hidden;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card);
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);
}
.block--soft .news-card{ border-color:transparent; box-shadow:var(--sh-card); }
.news-card:hover{ transform:translateY(-6px); box-shadow:var(--sh-card-hover); border-color:var(--blue-300); }
.news-card__cover{ position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--bg-soft-2); }
.news-card__cover img{ width:100%; height:100%; object-fit:cover; transition:transform var(--dur-slow) var(--ease); }
.news-card:hover .news-card__cover img{ transform:scale(1.04); }
.news-card__body{ padding:22px; display:flex; flex-direction:column; flex:1; }
.news-card__title{ font-size:17px; font-weight:600; color:var(--ink-800); margin:0 0 10px; line-height:1.5; }
.news-card:hover .news-card__title{ color:var(--blue-600); }
.news-card__desc{ font-size:14px; color:var(--ink-500); line-height:1.72; margin:0 0 16px; }
.news-card__meta{
  display:flex; align-items:center; gap:12px; margin-top:auto; padding-top:16px;
  border-top:1px solid var(--ink-100); font-size:13px; color:var(--ink-400);
}
.news-card__meta .num{ font-family:var(--font-num); }
.news-card__meta i{ font-size:15px; margin-right:4px; }
.news-card--text .news-card__body{ padding:24px; }

/* 问答列表（无缩略图） */
.qa-list{ display:grid; gap:14px; }
.qa-item{
  display:flex; gap:18px; align-items:flex-start;
  padding:24px; background:#fff; border:1px solid var(--line); border-radius:var(--r-card);
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);
}
.block--soft .qa-item{ border-color:transparent; box-shadow:var(--sh-card); }
.qa-item:hover{ transform:translateY(-6px); box-shadow:var(--sh-card-hover); border-color:var(--blue-300); }
.qa-item__icon{
  flex:0 0 auto; width:44px; height:44px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:var(--blue-050); color:var(--blue-500); font-size:22px;
  transition:background-color var(--dur-base) var(--ease);
}
.qa-item:hover .qa-item__icon{ background:var(--blue-100); }
.qa-item__body{ min-width:0; flex:1; }
.qa-item__title{ font-size:17px; font-weight:600; color:var(--ink-800); margin:0 0 8px; line-height:1.5; }
.qa-item:hover .qa-item__title{ color:var(--blue-600); }
.qa-item__desc{ font-size:14px; color:var(--ink-500); line-height:1.72; margin:0 0 12px; }
.qa-item__foot{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }

/* =========== 15 内页 hero + 面包屑 + 侧栏广告位 ======================== */
.page-hero{
  position:relative; overflow:hidden;
  padding-block:40px 48px;
  background:
    radial-gradient(760px 340px at 8% 0%,rgba(52,112,255,.10),transparent 62%),
    radial-gradient(560px 300px at 96% 10%,rgba(46,158,154,.08),transparent 64%),
    linear-gradient(180deg,#F7FAFF,#FFFFFF);
  border-bottom:1px solid var(--ink-100);
}
.page-hero__inner{ display:grid; gap:32px; align-items:center; }
@media (min-width:1200px){ .page-hero{ padding-block:56px 64px; } .page-hero__inner{ grid-template-columns:minmax(0,1fr) 320px; gap:48px; } }
.page-hero h1{ margin-bottom:14px; }
.page-hero__sub{ font-size:var(--fs-sub); color:var(--ink-500); max-width:38em; margin:0 0 22px; }
.page-hero__art{ display:none; }
@media (min-width:1200px){ .page-hero__art{ display:block; } }
.page-hero__art svg{ width:100%; height:auto; }

.breadcrumb{ margin:0 0 14px; font-size:13px; color:var(--ink-400); }
.breadcrumb ol{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.breadcrumb li{ display:flex; align-items:center; gap:6px; }
.breadcrumb li + li::before{ content:"\203A"; color:var(--ink-300); }
.breadcrumb a{ color:var(--ink-400); }
.breadcrumb a:hover{ color:var(--blue-500); }
.breadcrumb [aria-current="page"]{ color:var(--ink-600); }
@media (max-width:768px){
  .breadcrumb{ overflow:hidden; }
  .breadcrumb ol{ flex-wrap:nowrap; overflow:hidden; }
  .breadcrumb li:last-child{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}

/* 正文 + 侧栏 */
.layout-side{ display:grid; gap:var(--sec-gap); align-items:start; }
@media (min-width:1200px){ .layout-side{ grid-template-columns:minmax(0,1fr) 320px; gap:40px; } }
.layout-side__main{ min-width:0; }

.side{ display:grid; gap:20px; }
@media (min-width:1200px){ .side{ position:sticky; top:calc(var(--nav-h) + 20px); } }
.ad-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card);
  padding:24px; text-align:center; box-shadow:var(--sh-card);
}
.ad-card__title{ font-size:17px; font-weight:600; color:var(--ink-800); margin:0 0 8px; }
.ad-card__desc{ font-size:14px; color:var(--ink-500); line-height:1.7; margin:0 0 18px; }
.ad-card__qr{ width:140px; height:140px; margin:0 auto 12px; object-fit:contain; }
.ad-card__qr-cap{ font-size:12px; color:var(--ink-400); margin:0 0 18px; }
.ad-card__tel{
  display:inline-flex; align-items:center; gap:6px; margin-top:14px;
  font-family:var(--font-num); font-size:15px; font-weight:600; color:var(--ink-800);
}
.ad-card__tel i{ color:var(--blue-500); font-size:17px; }
.side-list{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card); padding:22px;
}
.side-list h3{ font-size:16px; margin-bottom:14px; }
.side-list li{ padding:9px 0; border-top:1px solid var(--ink-100); font-size:14px; }
.side-list li:first-of-type{ border-top:0; }
.side-list a{ color:var(--ink-600); display:block; }
.side-list a:hover{ color:var(--blue-600); }

/* =============== 16 标签 / 分页 / 表格 ================================= */
.tag-cloud{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.tag-pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; border-radius:var(--r-pill);
  background:#fff; border:1px solid var(--line);
  font-size:15px; color:var(--ink-700); font-weight:500;
  transition:all var(--dur-fast) var(--ease);
}
.block--soft .tag-pill{ border-color:transparent; box-shadow:var(--sh-card); }
.tag-pill:hover{ color:var(--blue-600); border-color:var(--blue-300); transform:translateY(-3px); box-shadow:var(--sh-card); }
.tag-pill .num{ font-family:var(--font-num); font-size:13px; color:var(--ink-400); }

.tag{
  display:inline-flex; align-items:center; gap:4px; height:28px; padding:0 10px;
  border-radius:var(--r-tag); background:var(--blue-100); color:var(--blue-700);
  font-size:12px; font-weight:500; white-space:nowrap;
}
.tag:hover{ background:var(--blue-300); color:#fff; }
.tag--neutral{ background:var(--bg-soft-2); color:var(--ink-600); }
.tag--neutral:hover{ background:var(--ink-200); color:var(--ink-800); }
.tag--accent{ background:var(--accent-100); color:var(--accent-600); }
.tag-row{ display:flex; flex-wrap:wrap; gap:8px; }

.pagination{ display:flex; justify-content:center; gap:8px; margin-top:var(--sec-gap); }
.pagination a,.pagination span{
  min-width:40px; height:40px; padding:0 12px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--ink-200); border-radius:var(--r-btn);
  font-family:var(--font-num); font-size:14px; color:var(--ink-600); background:#fff;
}
.pagination a:hover{ border-color:var(--blue-500); color:var(--blue-600); }
.pagination .is-current{ background:var(--blue-500); border-color:var(--blue-500); color:#fff; font-weight:600; }
.pagination .is-disabled{ color:var(--ink-300); cursor:not-allowed; }

.table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.table{
  width:100%; min-width:640px; border-collapse:separate; border-spacing:0;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden;
}
.table th,.table td{ padding:16px 18px; text-align:left; font-size:14px; border-bottom:1px solid var(--ink-100); }
.table thead th{
  background:var(--bg-soft-2); color:var(--ink-800); font-weight:600; font-size:14px; white-space:nowrap;
}
.table tbody tr:last-child th,.table tbody tr:last-child td{ border-bottom:0; }
.table td.num,.table th.num{ font-family:var(--font-num); }
.table tbody td{ color:var(--ink-600); }
.table .is-feature{ color:var(--ink-800); font-weight:600; }
.table i.ri-check-line{ color:var(--accent-500); font-size:17px; }
.table i.ri-subtract-line{ color:var(--ink-300); font-size:17px; }

/* 价格套餐卡 */
.plan{
  display:flex; flex-direction:column; height:100%;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card); padding:30px;
  transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease);
}
.block--soft .plan{ border-color:transparent; box-shadow:var(--sh-card); }
.plan:hover{ transform:translateY(-6px); box-shadow:var(--sh-card-hover); border-color:var(--blue-300); }
.plan--featured{ border-color:var(--blue-500); box-shadow:0 16px 40px rgba(52,112,255,.16); position:relative; }
.plan--featured::after{
  content:"推荐"; position:absolute; top:-1px; right:22px;
  padding:4px 14px 6px; border-radius:0 0 8px 8px; background:var(--blue-500); color:#fff;
  font-size:12px; font-weight:600;
}
.plan__name{ font-size:20px; font-weight:600; color:var(--ink-800); margin:0 0 8px; }
.plan__target{ font-size:13px; color:var(--ink-400); margin:0 0 20px; }
.plan__price{
  display:flex; align-items:baseline; gap:8px;
  padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed var(--ink-100);
}
.plan__price b{ font-size:28px; font-weight:700; color:var(--blue-500); letter-spacing:-.5px; }
.plan__price span{ font-size:13px; color:var(--ink-400); }
.plan__list{ display:grid; gap:10px; margin-bottom:24px; }
.plan__list li{ display:flex; gap:8px; align-items:flex-start; font-size:14px; color:var(--ink-600); line-height:1.7; }
.plan__list li i{ color:var(--accent-500); font-size:16px; margin-top:4px; flex:0 0 auto; }
.plan .btn{ margin-top:auto; }

/* 统计小条 */
.stat-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
@media (min-width:769px){ .stat-row{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.stat{ text-align:center; padding:20px 12px; }
.stat b{ display:block; font-family:var(--font-num); font-size:clamp(24px,3vw,32px); font-weight:700; color:var(--blue-500); letter-spacing:-.5px; }
.stat span{ display:block; margin-top:6px; font-size:14px; color:var(--ink-500); }

/* ========================= 17 页脚 =================================== */
.site-footer{ background:var(--bg-deep); color:rgba(255,255,255,.72); padding-top:56px; }
.site-footer h3{
  font-size:15px; font-weight:600; color:#fff; margin:0 0 16px; letter-spacing:.2px;
}
.footer-grid{ display:grid; grid-template-columns:1fr; gap:32px 24px; padding-bottom:28px; }
@media (min-width:769px){ .footer-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (min-width:1200px){ .footer-grid{ grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr; } }
.footer-brand img{ width:150px; height:39px; object-fit:contain; margin-bottom:16px; }
.footer-brand p{ font-size:13px; line-height:1.8; color:rgba(255,255,255,.6); margin:0; }
.footer-links li{ margin-bottom:10px; }
.footer-links a{ font-size:13px; color:rgba(255,255,255,.7); }
.footer-links a:hover{ color:#fff; }
.footer-contact li{ display:flex; gap:10px; align-items:flex-start; margin-bottom:12px; font-size:13px; line-height:1.7; }
.footer-contact i{ font-size:16px; color:var(--blue-400); margin-top:3px; flex:0 0 auto; }
.footer-contact a{ color:rgba(255,255,255,.82); }
.footer-contact a:hover{ color:#fff; }
.footer-qr{ width:112px; height:112px; object-fit:contain; border-radius:8px; background:#fff; padding:5px; margin-top:6px; }
.footer-qr-cap{ font-size:12px; color:rgba(255,255,255,.5); margin:8px 0 0; }
/* 友情链接：版权行上方，横向排布 */
.footer-friend{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px;
  padding-bottom:22px;
}
.footer-friend__label{ flex:0 0 auto; font-size:13px; font-weight:600; color:#fff; }
.footer-friend__list{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; }
.footer-friend__list li{ margin:0; }
.footer-friend__list a{ font-size:13px; color:rgba(255,255,255,.7); }
.footer-friend__list a:hover{ color:#fff; }
.footer-bottom{
  border-top:1px solid var(--line-dark); padding:20px 0 24px;
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
  font-size:13px; color:rgba(255,255,255,.55);
}
.footer-bottom a{ color:rgba(255,255,255,.6); }
.footer-bottom a:hover{ color:#fff; }

/* =========== 18 右侧浮动咨询 + 移动底部栏 + 微信弹窗 ================== */
.float-consult{ display:none; }
@media (min-width:769px){
  .float-consult{
    display:flex; position:fixed; right:24px; top:33%; z-index:50;
    flex-direction:column; align-items:flex-end; gap:16px;
  }
}
.float-consult__item{ position:relative; }
/* 在线咨询胶囊 */
.float-chat{
  position:relative; display:flex; flex-direction:column; align-items:center;
  width:56px; min-height:120px; margin-top:6px; padding-top:24px;
  border-radius:var(--r-pill); text-decoration:none;
  background:linear-gradient(to bottom,#4D88FF,#1764FF);
  box-shadow:0 5px 10px rgba(35,50,56,.18); color:#fff;
}
.float-chat:hover{ color:#fff; }
.float-chat__icon{ position:relative; z-index:2; width:32px; height:32px; margin-bottom:4px; display:flex; align-items:center; justify-content:center; font-size:22px; }
.float-chat__text{ position:relative; z-index:2; margin-top:8px; font-size:16px; font-weight:500; line-height:1.2; writing-mode:horizontal-tb; }
.float-chat__badge{
  position:absolute; top:2px; right:2px; z-index:3;
  min-width:18px; height:18px; padding:0 5px; border-radius:9px;
  background:#E5484D; color:#fff; font-family:var(--font-num); font-size:11px; font-weight:600;
  display:flex; align-items:center; justify-content:center;
}
.float-chat__circles{ position:absolute; inset:0; z-index:1; }
.float-chat__circles span{
  position:absolute; inset:0; border-radius:var(--r-pill); background:rgba(60,100,231,.18);
  animation:scaleToggle 2s cubic-bezier(.25,.46,.45,.94) infinite;
}
.float-chat__circles span:nth-child(2){ animation:scaleToggle 2.5s cubic-bezier(.25,.46,.45,.94) infinite; }
.float-chat__circles span:nth-child(3){ animation:scaleToggle 3s cubic-bezier(.25,.46,.45,.94) infinite; }
@keyframes scaleToggle{ 0%{ transform:scale(1); } 50%{ transform:scale(1.2); } 100%{ transform:scale(1); } }
/* 圆形按钮 */
.float-btn{
  position:relative; display:flex; align-items:center; justify-content:center;
  width:56px; height:56px; border-radius:50%;
  background:#fff; box-shadow:0 4px 16px rgba(15,23,42,.12);
  cursor:pointer; border:0; transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);
}
.float-btn:hover{ box-shadow:0 8px 24px rgba(52,112,255,.18); transform:translateY(-2px); }
.float-btn i{ font-size:24px; color:var(--blue-500); }
.float-tip{
  position:absolute; right:68px; top:50%; transform:translateY(-50%);
  min-width:180px; padding:12px; border-radius:12px;
  background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.14);
  opacity:0; visibility:hidden; transition:opacity var(--dur-fast) var(--ease),visibility var(--dur-fast) var(--ease);
  text-align:center; pointer-events:none;
}
.float-btn:hover .float-tip,.float-btn:focus-visible .float-tip{ opacity:1; visibility:visible; }
.float-tip img{ width:150px; height:150px; object-fit:contain; margin:0 auto 8px; }
.float-tip p{ color:#374151; font-size:14px; margin:0; }
.float-tip span{ display:block; color:#6B7280; font-size:12px; margin-top:4px; }
a.float-btn{ text-decoration:none; }

/* 移动端底部固定栏 */
.float-mobile{ display:none; }
@media (max-width:768px){
  .float-mobile{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:90;
    justify-content:space-around; align-items:center;
    padding:10px 16px; background:#fff; border-top:1px solid var(--ink-100);
    box-shadow:0 -4px 16px rgba(14,23,38,.06);
  }
  body{ padding-bottom:68px; }
}
.float-mobile a,.float-mobile button{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  color:var(--ink-600); font-size:12px; background:none; border:0; padding:0; text-decoration:none;
}
.float-mobile__icon{
  display:flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%; background:var(--blue-500); color:#fff; font-size:17px;
}
.float-mobile a:hover,.float-mobile button:hover{ color:var(--blue-600); }

/* 微信弹窗 */
.wechat-modal{
  position:fixed; inset:0; z-index:1000; display:none;
  align-items:center; justify-content:center; padding:16px; background:rgba(14,23,38,.5);
}
.wechat-modal.is-open{ display:flex; }
.wechat-modal__panel{
  position:relative; width:100%; max-width:340px; margin:auto;
  background:#fff; border-radius:16px; padding:26px 24px; text-align:center;
  box-shadow:0 24px 60px rgba(14,23,38,.28);
}
.wechat-modal__panel h2{ font-size:18px; margin-bottom:16px; }
.wechat-modal__panel img{ width:180px; height:180px; object-fit:contain; margin:0 auto 12px; }
.wechat-modal__panel p{ font-size:14px; color:var(--ink-600); margin:0 0 6px; }
.wechat-modal__panel .wechat-modal__hint{ font-size:13px; color:var(--ink-400); margin-bottom:16px; }
.wechat-modal__close{
  position:absolute; right:12px; top:8px; width:36px; height:36px;
  border:0; background:none; border-radius:8px; font-size:24px; line-height:1; color:var(--ink-400);
}
.wechat-modal__close:hover{ background:var(--bg-soft); color:var(--ink-800); }

/* ==================== 19 滚动淡入动效 ================================ */
.reveal{
  opacity:0; transform:translateY(16px);
  transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease);
  transition-delay:calc(var(--i,0) * 80ms);
  will-change:opacity,transform;
}
.reveal.is-visible{ opacity:1; transform:none; }
.no-js .reveal{ opacity:1; transform:none; }

/* ==================== 20 深色区块通用 ================================ */
.block--deep h2,.block--deep h3{ color:#fff; }
.block--deep .section-eyebrow{ color:var(--blue-300); }
.block--deep .section-sub{ color:rgba(255,255,255,.68); }
.cta{
  background:
    radial-gradient(680px 320px at 12% 0%,rgba(52,112,255,.36),transparent 62%),
    radial-gradient(560px 300px at 92% 100%,rgba(46,158,154,.26),transparent 64%),
    var(--bg-deep);
  color:rgba(255,255,255,.78);
}
.cta__inner{ display:grid; gap:28px; align-items:center; }
@media (min-width:1200px){ .cta__inner{ grid-template-columns:minmax(0,1fr) auto; gap:48px; } }
.cta h2{ color:#fff; margin-bottom:12px; }
.cta p{ color:rgba(255,255,255,.72); margin:0; max-width:40em; }
.cta__actions{ display:flex; flex-wrap:wrap; gap:16px; }
.cta__tel{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-num); font-size:clamp(20px,2.4vw,26px); font-weight:700; color:#fff;
}
.cta__tel i{ font-size:24px; color:var(--blue-400); }
.cta__tel small{ display:block; font-family:var(--font-cn); font-size:13px; font-weight:400; color:rgba(255,255,255,.58); }

/* =============== 21 动效降级与工具类 ================================ */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .reveal{ opacity:1; transform:none; }
}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.text-center{ text-align:center; }
.mt-0{ margin-top:0; }
.mt-sm{ margin-top:16px; }
.mt-md{ margin-top:24px; }
.mt-lg{ margin-top:var(--sec-gap); }
.mb-0{ margin-bottom:0; }
.mb-md{ margin-bottom:24px; }
.hl{ color:var(--blue-500); }
.hl-accent{ color:var(--accent-600); }
.divider{ height:1px; background:var(--ink-100); margin:var(--sec-gap) 0; }
.prose{ max-width:none; }
.prose h2{ margin-top:40px; }
.prose h3{ margin-top:32px; }
.prose p{ font-size:16px; line-height:1.85; color:var(--ink-700); }
.prose ul{ margin:0 0 1em; padding-left:0; }
.prose ul li{
  position:relative; padding-left:20px; font-size:16px; line-height:1.85; color:var(--ink-700); margin-bottom:8px;
}
.prose ul li::before{
  content:""; position:absolute; left:2px; top:.72em;
  width:6px; height:6px; border-radius:50%; background:var(--blue-300);
}
.article__figure{ margin:0 0 var(--sec-gap); }
.article__figure img{ width:100%; border-radius:var(--r-card); }
.article__figure figcaption{ margin-top:10px; font-size:13px; color:var(--ink-400); text-align:center; }
.article__meta{
  display:flex; flex-wrap:wrap; gap:16px; align-items:center;
  padding-bottom:20px; margin-bottom:28px; border-bottom:1px solid var(--ink-100);
  font-size:13px; color:var(--ink-400);
}
.article__meta i{ font-size:15px; margin-right:4px; }
.article__foot{
  margin-top:var(--sec-gap); padding-top:24px; border-top:1px solid var(--ink-100);
  display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between;
}
.pager{ display:grid; gap:12px; margin-top:var(--sec-gap); }
@media (min-width:769px){ .pager{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.pager a{
  display:flex; align-items:center; gap:10px; padding:16px 20px;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-sm);
  font-size:14px; color:var(--ink-600);
}
.pager a:hover{ border-color:var(--blue-300); color:var(--blue-600); }
.pager a i{ color:var(--blue-500); font-size:18px; flex:0 0 auto; }

/* ============ 22 行业方案区块 / 套餐网格 / 关于页 / 标签分组 ============ */
.section-head--left-inline{ margin-inline:0; max-width:48em; }

/* 行业区块 */
.ind-hero{ display:grid; gap:var(--sec-gap); align-items:start; }
@media (min-width:769px){ .ind-hero{ grid-template-columns:320px minmax(0,1fr); gap:32px; } }
.ind-hero__media{ min-width:0; }
.ind-banner{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  border-radius:var(--r-card); box-shadow:0 12px 30px rgba(14,23,38,.12);
}
.ind-hero__text h2{ margin-bottom:12px; }
.ind-sub{
  font-size:17px; font-weight:600; color:var(--ink-800);
  margin:var(--sec-gap) 0 14px; padding-left:12px;
  border-left:3px solid var(--blue-500); line-height:1.5;
}
.ind-hero__text .ind-sub{ margin-top:24px; }
.ind-compare{ display:grid; gap:20px; }
@media (min-width:520px){ .ind-compare{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.ind-compare__h{
  font-size:14px; font-weight:600; margin:0 0 8px;
  display:inline-flex; align-items:center; gap:6px;
  padding:3px 12px; border-radius:var(--r-pill);
}
.ind-compare__h--before{ background:var(--danger-bg); color:var(--danger); }
.ind-compare__h--after{ background:var(--blue-100); color:var(--blue-700); }
.ind-compare .compare__list li i.ri-close-line{ color:var(--danger); }
.ind-compare .compare__list li i.ri-check-line{ color:var(--accent-500); }
.shots--2{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }

/* 套餐网格 */
.plan-grid{ display:grid; grid-template-columns:1fr; gap:var(--sec-gap); align-items:stretch; }
@media (min-width:769px){ .plan-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* 关于我们 */
.about-intro{ display:grid; gap:var(--sec-gap); align-items:start; }
@media (min-width:769px){ .about-intro{ grid-template-columns:400px minmax(0,1fr); gap:40px; } }
.about-intro__media{ margin:0; }
.about-photo{
  width:100%; aspect-ratio:4/3; object-fit:cover;
  border-radius:var(--r-card); box-shadow:0 16px 40px rgba(14,23,38,.14);
}
.about-intro__text p{ font-size:16px; line-height:1.85; color:var(--ink-700); margin-bottom:1em; }
.contact-grid{ display:grid; grid-template-columns:1fr; gap:var(--sec-gap); }
@media (min-width:769px){ .contact-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1200px){ .contact-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } }
.contact-value{
  font-size:17px; font-weight:600; color:var(--ink-900);
  margin:0 0 10px; word-break:break-word; overflow-wrap:anywhere;
}
.contact-value a{ color:var(--blue-500); }
.contact-value a:hover{ color:var(--blue-700); }
.contact-qr{ width:120px; height:120px; object-fit:contain; margin:0 0 12px; border-radius:8px; border:1px solid var(--ink-100); }

/* 标签分组 */
.tag-groups{ display:grid; gap:var(--sec-gap); }
.tag-group{
  background:#fff; border:1px solid var(--line); border-radius:var(--r-card); padding:28px;
}
.block--soft .tag-group{ border-color:transparent; box-shadow:var(--sh-card); }
.tag-group__head h3{ font-size:20px; margin:0 0 8px; }
.tag-group__head h3 a{ color:var(--ink-800); }
.tag-group__head h3 a:hover{ color:var(--blue-600); }
.tag-group__desc{ font-size:15px; color:var(--ink-500); margin:0 0 20px; line-height:1.75; }
.tag-group__cols{ display:grid; gap:20px; }
@media (min-width:769px){ .tag-group__cols{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; } }
.tag-group__cols h4{ font-size:15px; margin:0 0 10px; color:var(--ink-600); }
.tag-group__cols li{ padding:8px 0; border-top:1px solid var(--ink-100); font-size:14px; }
.tag-group__cols li:first-child{ border-top:0; }
.tag-group__cols a{ color:var(--ink-600); }
.tag-group__cols a:hover{ color:var(--blue-600); }

/* 资讯列表（栏目页不显示缩略图） */
.news-grid--list{ grid-template-columns:1fr; }
@media (min-width:1200px){ .news-grid--list{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.qa-item__title a{ color:inherit; }
.qa-item__title a:hover{ color:var(--blue-600); }
.footer-qr-cap{ display:block; font-style:normal; font-size:12px; color:rgba(255,255,255,.5); margin-top:8px; }

/* 侧栏控件标题（非文档标题层级，用 class 而非 h3） */
.side-list__title{ font-size:16px; font-weight:600; color:var(--ink-800); margin:0 0 14px; line-height:1.5; }
.ad-card__title{ margin:0 0 8px; }

/* 详情页正文标题 */
.article__title{ margin:0 0 18px; }

/* ================= 20 追加规则（2026-09-29 需求） ====================== */
/* 问题诊断：两列布局下收紧间距与内边距，保证标题在桌面端单行显示 */
.grid-problems{ gap:20px; }
@media (min-width:769px) and (max-width:1199px){
  .grid-problems{ grid-template-columns:1fr; }
}
@media (min-width:1200px){
  .problem-card__title{ white-space:nowrap; }
}

/* 效果展示 / 前后对比：手机截图本身背景透明，取消矩形投影与圆角，避免出现白色方块 */
.shot img,
.compare__img{ border-radius:0; box-shadow:none; }

/* 横向流程图（首页服务流程 / 价格页办理流程）：节点与文字居中 */
@media (min-width:769px){
  .flow:not(.flow--vert){ text-align:center; }
  .flow:not(.flow--vert) .flow__step{ padding:0; }
  .flow:not(.flow--vert) .flow__node{ margin-left:auto; margin-right:auto; }
  .flow:not(.flow--vert) .flow__step::after{ left:calc(50% + 22px); right:calc(-50% + 22px); top:21px; }
}

/* 关于我们：邮箱字符较长，字号下调避免折行 */
.contact-value--mail{ font-size:14px; }

/* 办理流程页「完整办理流程」：桌面端同样保持竖向时间轴 */
@media (min-width:769px){
  .flow--vert{ grid-auto-flow:row; grid-auto-columns:auto; gap:0; align-items:stretch; }
  .flow--vert .flow__step{ padding:0 0 22px 44px; }
  .flow--vert .flow__step:last-child{ padding-bottom:0; }
  .flow--vert .flow__step::before{
    content:""; display:block; position:absolute;
    left:15px; top:36px; bottom:0; width:2px; background:var(--ink-100);
  }
  .flow--vert .flow__step:last-child::before{ display:none; }
  .flow--vert .flow__step.is-done::before{ background:var(--accent-500); }
  .flow--vert .flow__step::after{ display:none; }
  .flow--vert .flow__node{
    position:absolute; left:0; top:2px; width:32px; height:32px;
    font-size:14px; margin:0;
  }
}

/* 19 企业文化卡片（关于页）：顶部配图 */
.card--media{ padding:0; overflow:hidden; display:flex; flex-direction:column; }
.card--media .card__media{ margin:0; line-height:0; }
.card--media .card__media img{ display:block; width:100%; height:auto; }
.card--media .card__body{ flex:1 1 auto; padding:22px 26px 26px; }

/* 20 关于页 · 公司地址文字：更小、不加粗 */
.contact-value--addr{ font-size:14px; font-weight:400; line-height:1.7; color:var(--ink-600); }