/* ============================================================
   巨宇科技官网 · juyu 主题样式（PbootCMS V3.2.32 · 仅本地预览）
   依据 design-spec.md v1.1：色板 §1 / 字体 §2 / 间距 §3 / 组件 §4
   零外部依赖：系统字体栈，无 @import、无 CDN、无图标库、零 JS
   ============================================================ */

:root{
  /* ── 品牌主色（2026-11-07 全面转亮：原 navy #0d2b4e 过深，整站观感发沉）── */
  --navy:        #0f4a8a;   /* 主蓝：标题 / 按钮 / 描边，白底对比 8.6:1 */
  --navy-2:      #1a72c8;   /* 主蓝亮阶：渐变止点 / hover */
  --navy-deep:   #0b3a6d;   /* 需要压深时的稳色（页脚标签、深色锚点）*/
  --teal:        #0a7f8b;   /* 青绿：正文链接，白底对比 4.7:1，达 AA */
  --teal-bright: #13b3c0;   /* 明亮青绿：只做装饰色块 / 图标 / 线条，不承载正文 */
  --teal-soft:   #e8f7f9;

  /* ── 中性文字 ── */
  --ink:         #13212f;
  --ink-2:       #46596d;
  --ink-3:       #78899c;
  --inverse:     #ffffff;

  /* ── 背景与纸面 ── */
  --bg:          #f7fafd;
  --paper:       #ffffff;
  --bg-tint:     #eef5fd;   /* 浅色板块底：替代原来的深色区块 */

  /* ── 分割线 ── */
  --line:        #e6eef7;
  --line-2:      #d3e0ee;

  /* ── 状态底色 ── */
  --amber:       #b8792f;
  --amber-soft:  #fbf3e6;
  --red:         #a94832;
  --red-soft:    #fbece8;

  /* ── 语义别名 ── */
  --link:             var(--teal);
  --link-hover:       #086a74;
  --success:          var(--teal);
  --success-soft:     var(--teal-soft);
  --warning:          var(--amber);
  --warning-soft:     var(--amber-soft);
  --danger:           var(--red);
  --danger-soft:      var(--red-soft);
  --placeholder-ink:  #8a5a1f;
  --placeholder-bg:   var(--amber-soft);
  --placeholder-line: var(--amber);
  --divider:          var(--line);
  --card-bg:          var(--paper);
  --focus:            var(--teal);
  --focus-on-dark:    #ffffff;
  --disabled-bg:      var(--line);
  --disabled-ink:     var(--ink-3);

  /* ── 阴影 ── */
  --shadow:    0 1px 2px rgba(16,36,60,.04), 0 8px 28px rgba(16,36,60,.06);
  --shadow-lg: 0 12px 36px rgba(16,36,60,.12);

  /* ── 间距刻度 ── */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px; --sp-4: 16px; --sp-6: 24px;
  --sp-8: 32px; --sp-12: 48px; --sp-16: 64px; --sp-24: 96px;

  /* ── 版式尺度 ── */
  --wrap:       1180px;
  --gutter:     24px;
  --gutter-sm:  16px;
  --gap:        24px;
  --radius:     14px;
  --radius-lg:  22px;
  --tap:        44px;

  /* ── 字体栈（零外部依赖） ── */
  --font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
}

/* ── 基础重置 ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--font-sans);
  font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}
img,svg{max-width:100%}
ul,ol{margin:0;padding:0}
li{list-style:none}
h1,h2,h3,h4,p{margin:0}
button{font-family:inherit}

/* ── 工具类 ── */
.u-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.u-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.u-text-center{text-align:center}
.l-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}

/* ── 跳链 ── */
/* 锚点跳转避开吸顶导航（导航高 64 + 上留白 14） */
section[id],main[id],header[id]{scroll-margin-top:100px}
.c-skip-link{position:absolute;left:-9999px;top:0;z-index:100}
.c-skip-link:focus,.c-skip-link:focus-visible{
  left:16px;top:16px;background:var(--navy);color:#fff;
  padding:12px 20px;border-radius:8px;font-size:14px}

/* ── 键盘焦点态 ── */
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.c-hero :focus-visible,.c-cta :focus-visible,.c-topbar :focus-visible{outline-color:var(--focus-on-dark)}

/* ── 减少动效偏好 ── */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ============================================================
   段 1 · 顶部条 .c-topbar（design-spec §4.11）
   ============================================================ */
.c-topbar{background:var(--bg-tint);color:var(--ink-2);min-height:44px;
  border-bottom:1px solid var(--line)}
.c-topbar__inner{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.c-topbar__text{font-size:12.5px;color:var(--ink-2)}
.c-topbar__links{display:flex;gap:16px}
.c-topbar__links a{display:inline-flex;align-items:center;min-height:44px;
  font-size:12.5px;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.c-topbar__links a:hover{color:var(--teal)}
.c-topbar__tel{display:flex;gap:16px;align-items:center}
/* 顶栏改浅底后，电话改用品牌蓝，不再继承深色区块的白字 */
.c-topbar .c-tel{color:var(--navy);font-size:14px}
.c-topbar .c-tel:hover{color:var(--teal)}

/* ── 电话组件 .c-tel ── */
.c-tel{display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:8px 4px;
  font-family:var(--font-mono);font-size:15px;font-weight:700;
  letter-spacing:.01em;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.c-tel:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px}
.c-tel__label{font-family:var(--font-sans);font-size:12px;font-weight:600;
  color:var(--ink-2);letter-spacing:0}
.c-tel-group{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.c-tel--on-dark{color:var(--inverse)}
.c-tel--on-dark .c-tel__label{color:rgba(255,255,255,.82)}
.c-tel--on-dark:hover{color:#ffffff}

/* ============================================================
   段 2 · 固定导航 .c-nav（design-spec §4.1）
   ============================================================ */
.c-nav-wrap{position:sticky;top:0;z-index:30;padding:14px 20px 0}
.c-nav{height:64px;max-width:calc(var(--wrap) - 44px);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;
  background:rgba(255,255,255,.84);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.6)}
.c-brand{display:flex;flex-direction:column;justify-content:center;min-height:44px;line-height:1.3}
.c-brand__logo{height:44px;width:auto;display:block;object-fit:contain}
.c-brand__name{font-size:18px;font-weight:800;color:var(--navy);letter-spacing:.5px}
.c-brand__sub{font-size:12px;color:var(--ink-2)}
.c-nav__links{display:flex;align-items:center;gap:24px}
.c-nav__item{position:relative}
.c-nav__link{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 4px;
  font-size:14px;color:var(--ink-2);white-space:nowrap}
.c-nav__link:hover{color:var(--navy)}
.c-nav__link.is-current{color:var(--navy);font-weight:700;position:relative}
.c-nav__link.is-current::after{content:"";position:absolute;left:4px;right:4px;bottom:6px;
  height:2px;background:var(--teal);border-radius:1px}
.c-nav__dropdown{position:absolute;top:100%;left:0;min-width:180px;z-index:40;
  background:var(--paper);border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--shadow-lg);padding:8px}
.c-nav__dropdown a{display:flex;align-items:center;min-height:44px;padding:10px 14px;
  border-radius:8px;font-size:14px;color:var(--ink-2);white-space:nowrap}
.c-nav__dropdown a:hover,.c-nav__dropdown a:focus-visible{background:var(--teal-soft);color:var(--navy)}
.c-nav__item--sub{display:none} /* <768 才显示的二级平铺入口 */
@media (min-width:769px){
  .c-nav__item--has-sub:hover .c-nav__dropdown,
  .c-nav__item--has-sub:focus-within .c-nav__dropdown{display:block}
  .c-nav__item--has-sub .c-nav__dropdown{display:none}
}
.c-nav__cta{display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;
  border-radius:999px;font-size:14px;font-weight:600;
  background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;border:1px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap;box-shadow:0 8px 20px rgba(15,74,138,.20)}
.c-nav__cta:hover{background:var(--navy-2);transform:translateY(-2px);box-shadow:var(--shadow-lg)}

/* ============================================================
   按钮 .c-btn（design-spec §4.2）
   ============================================================ */
.c-btn{display:inline-flex;align-items:center;gap:8px;
  min-height:44px;min-width:44px;padding:12px 24px;
  border:1px solid transparent;border-radius:999px;
  font-size:14px;font-weight:600;cursor:pointer;
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.c-btn--primary{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}
.c-btn--primary:hover{background:var(--navy-2);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.c-btn--secondary{background:transparent;border-color:var(--navy);color:var(--navy)}
.c-btn--secondary:hover{background:var(--teal-soft)}
.c-btn--text{background:none;border:none;color:var(--link);padding:12px 8px}
.c-btn--text:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px}
.c-btn--on-dark{background:#fff;color:var(--navy)}
.c-btn--on-dark:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.c-btn--ghost-on-dark{background:transparent;border-color:rgba(255,255,255,.42);color:#fff}
.c-btn--ghost-on-dark:hover{background:rgba(255,255,255,.10)}
.c-btn[disabled],.c-btn.is-disabled{background:var(--disabled-bg);color:var(--disabled-ink);
  border-color:var(--line);cursor:not-allowed;opacity:.6;pointer-events:none}

/* ============================================================
   待补字段 .c-ph（design-spec §4.9）
   ============================================================ */
.c-ph{display:inline-block;background:var(--placeholder-bg);color:var(--placeholder-ink);
  border-bottom:1px dashed var(--placeholder-line);border-radius:3px;
  padding:0 4px;font-size:.9em;line-height:1.5;font-weight:600}
.c-ph--on-dark{background:rgba(231,243,243,.16);color:var(--inverse);
  border-bottom-color:rgba(255,255,255,.60)}

/* ============================================================
   首屏 .c-hero（design-spec §5.3；2026-11-07 改为轮播大图版）
   · 图片由后台「幻灯片」gid=1 维护，客户可自行增删换图，不动代码
   · 文字叠在图上，左侧压一层深蓝→透明的遮罩保证白字可读，右半部露出原图
   · 无 JS 时降级为只显示第一张，首屏文字内容不受任何影响
   ============================================================ */
.l-hero-outer{padding:var(--sp-6) var(--gutter) 0}
.c-hero{position:relative;max-width:var(--wrap);margin:0 auto;overflow:hidden;
  border-radius:var(--radius-lg);min-height:608px;display:flex;color:#fff;
  background:linear-gradient(135deg,#0f4a8a,#1a72c8);
  box-shadow:0 18px 48px rgba(15,74,138,.18)}
.c-hero__slides{position:absolute;inset:0;z-index:0}
.c-hero__slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.c-hero__slide.is-active{opacity:1}
.c-hero__slide img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}
/* 脚本没跑起来时，第一张常显，不留空 */
.c-hero__slides:not(.is-ready) .c-hero__slide:first-child{opacity:1}
.c-hero__veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(6,28,58,.44) 0%,rgba(6,28,58,.24) 34%,
    rgba(6,28,58,.07) 60%,transparent 84%)}
.c-hero__dots{position:absolute;left:64px;bottom:30px;z-index:3;display:flex;gap:10px}
.c-hero__dot{width:30px;height:4px;padding:0;border:none;border-radius:3px;cursor:pointer;
  background:rgba(255,255,255,.38);transition:background-color .2s ease,width .2s ease}
.c-hero__dot:hover{background:rgba(255,255,255,.70)}
.c-hero__dot.is-active{width:46px;background:#fff}
.c-hero__dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.c-hero__inner{position:relative;z-index:2;width:100%;
  display:grid;grid-template-columns:1.35fr .65fr;
  gap:56px;align-items:center;padding:82px 64px 96px}
.c-eyebrow{display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;letter-spacing:.12em;color:#dce6ff;
  border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:6px 14px}
.c-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--teal-bright);display:inline-block}
.c-hero__claim{margin-top:24px;font-size:clamp(30px,3.6vw,48px);line-height:1.15;
  font-weight:800;letter-spacing:-0.02em;color:#fff;
  text-shadow:0 2px 12px rgba(4,22,44,.28)}
/* 品牌主张固定两行：第一行「巨宇科技」，第二行整句承诺。第二行 13 字按容器宽度定 48px 上限，窄屏在 <wbr> 处断 */
.c-hero__claim-l1,.c-hero__claim-l2{display:block}
.c-hero__claim em{font-style:normal;position:relative}
.c-hero__claim em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;
  background:linear-gradient(90deg,var(--teal-bright),rgba(19,179,192,.25));border-radius:2px}
.c-hero__entity{margin-top:24px;font-size:15px;font-weight:400;line-height:1.9;
  letter-spacing:0;color:rgba(255,255,255,.88)}
.c-hero__actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px}
.c-hero__chain{position:relative;z-index:1;
  background:rgba(8,34,66,.34);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.26);border-radius:18px;padding:26px 24px;
  box-shadow:0 16px 40px rgba(4,18,38,.18)}
.c-hero__chain h2{font-size:14px;font-weight:700;color:#fff;margin-bottom:16px}
.c-chain__item{display:flex;gap:12px;align-items:flex-start;position:relative;padding:10px 0}
.c-chain__dot{flex:none;width:12px;height:12px;border-radius:50%;margin-top:5px;
  background:var(--teal);border:2px solid rgba(255,255,255,.55)}
.c-chain__item:nth-child(odd) .c-chain__dot{background:var(--inverse)}
.c-chain__item:nth-child(3n) .c-chain__dot{background:var(--navy-2);border-color:rgba(255,255,255,.4)}
.c-chain__item b{display:block;font-size:14px;font-weight:700;color:#fff}
.c-chain__item small{display:block;font-size:12px;line-height:1.6;color:#c7d6ff;margin-top:2px}

/* ============================================================
   区块通用（design-spec §5.2 / §3.3）
   ============================================================ */
.l-section{padding-top:var(--sp-24)}
.l-section:first-of-type{padding-top:var(--sp-16)}
.c-sec-head{max-width:760px;margin-bottom:var(--sp-8)}
.c-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}
.c-kicker::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--teal),transparent);border-radius:2px}
.c-sec-head h2{margin-top:8px;font-size:clamp(24px,3.2vw,36px);line-height:1.3;
  font-weight:700;letter-spacing:-0.01em;color:var(--ink)}
.c-sec-head p{margin-top:12px;font-size:14px;line-height:1.85;color:var(--ink-2)}
.c-note{margin-top:16px;padding:12px 16px;background:var(--bg);
  border:1px dashed var(--line-2);border-radius:10px;
  font-size:13px;line-height:1.8;color:var(--ink-2)}
.l-grid--4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.l-grid--3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.l-grid--2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}

/* ============================================================
   卡片 .c-card（design-spec §4.3，服务卡）
   ============================================================ */
.c-card{background:var(--card-bg);border:1px solid var(--divider);
  border-radius:var(--radius);padding:var(--sp-6);box-shadow:var(--shadow);
  transition:transform .2s ease,box-shadow .2s ease;
  display:flex;flex-direction:column;position:relative;overflow:hidden}
.c-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--teal),var(--navy-2));opacity:.92}
.c-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.c-card__num{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--navy-2));color:#fff;
  font-size:14px;font-weight:800;margin-bottom:18px;box-shadow:0 6px 14px rgba(13,125,134,.28)}
.c-card__title{font-size:18px;line-height:1.5;font-weight:700;color:var(--ink)}
.c-card__text{margin-top:8px;font-size:14px;line-height:1.8;color:var(--ink-2);flex:1}
.c-card__meta{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);
  font-size:13px;font-weight:600;color:var(--navy)}
/* 4 列服务卡：窄栏下收紧内边距与字号，保证八张卡高度整齐 */
@media (min-width:1025px){
  .l-grid-services{grid-auto-rows:1fr}
  .l-grid-services .c-card--service{padding:20px}
  .l-grid-services .c-card--service .c-card__num{margin-bottom:12px;width:30px;height:30px;font-size:13px}
  .l-grid-services .c-card--service .c-card__title{font-size:16.5px;line-height:1.45}
  .l-grid-services .c-card--service .c-card__text{font-size:13.5px;line-height:1.75;margin-top:6px}
  .l-grid-services .c-card--service .c-card__meta{margin-top:14px;padding-top:12px}
}
/* 平板两列、手机单列：服务卡文字密，单列读起来才不挤（双类提权，压过后面的 .l-grid--4 断点） */
@media (max-width:768px){
  .l-grid--4.l-grid-services{grid-template-columns:1fr}
  .l-grid--2.l-grid-svc-list{grid-template-columns:1fr}
}
/* 服务列表页 2 列 × 4 行：四行等高，八张对齐不留缺角 */
@media (min-width:1025px){
  .l-grid-svc-list{grid-auto-rows:1fr}
}

/* ── 行业组件（design-spec §4.10） ── */
.c-industry-entry{display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin-top:16px;padding:14px 0;border-top:1px solid var(--line);
  font-size:14px;color:var(--ink-2)}
.c-industry-entry__label{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--teal)}
.c-industry-entry a{display:inline-flex;align-items:center;min-height:44px;
  padding:0 8px;color:var(--link);font-weight:600;text-decoration:underline;
  text-underline-offset:3px}
.c-industry-entry a:hover{color:var(--link-hover)}
.c-industry-tag{display:inline-flex;align-items:center;min-height:28px;align-self:flex-start;
  padding:4px 12px;border-radius:999px;background:var(--teal-soft);
  color:var(--navy);font-size:12px;font-weight:700;letter-spacing:.02em}
.c-industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.c-card--industry .c-card__meta{margin-top:auto}

/* ============================================================
   案例证据面板（design-spec §4.3 / §5.4 段 6）
   ============================================================ */
.c-evidence{background:linear-gradient(180deg,#fff,#fbfdfd);border:1px solid var(--line);border-radius:18px;
  padding:32px;box-shadow:var(--shadow)}
.c-evidence__head{display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;margin-bottom:24px}
.c-evidence__head h2{font-size:24px;font-weight:700;color:var(--ink)}
.c-evidence__head p{margin-top:8px;font-size:13px;line-height:1.8;color:var(--ink-2)}
.c-tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;
  border-radius:999px;background:var(--teal-soft);color:var(--navy);
  font-size:12px;font-weight:700;white-space:nowrap}
.c-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.c-step{border-left:1px solid var(--line);padding-left:20px}
.c-step small{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--teal)}
.c-step b{display:block;margin-top:6px;font-size:16px;font-weight:700;color:var(--ink)}
.c-step p{margin-top:6px;font-size:13px;line-height:1.75;color:var(--ink-2)}
.c-metrics{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.c-metric{background:var(--bg);border:1px dashed var(--line-2);border-radius:12px;padding:16px 20px}
.c-metric small{display:block;font-size:12px;font-weight:600;color:var(--ink-2)}
.c-metric b{display:block;margin-top:6px;font-size:30px;line-height:1.2;font-weight:700;
  letter-spacing:-0.03em;color:var(--navy)}
.c-ph--metric{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0}
.c-metric.is-placeholder{box-shadow:none}
.c-metric.is-placeholder:hover{transform:none;box-shadow:none}

/* ============================================================
   问答卡 .c-qa 与折叠 .c-faq（design-spec §4.3 / §4.4）
   ============================================================ */
.c-qa{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;
  transition:transform .18s ease,box-shadow .18s ease}
.c-qa:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.c-qa h3{display:flex;align-items:flex-start;gap:9px;font-size:16px;font-weight:700;color:var(--navy);line-height:1.6}
.c-qa h3::before{content:"Q";flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;margin-top:2px;background:var(--navy);color:#fff;
  font-size:11px;font-weight:700;border-radius:6px}
.c-qa p{margin-top:10px;font-size:14px;line-height:1.85;color:var(--ink-2)}
.c-faq{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
.c-faq__q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:44px;padding:16px 20px;font-size:15px;font-weight:700;color:var(--navy);cursor:pointer}
.c-faq__q::-webkit-details-marker{display:none}
.c-faq__q::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--teal);
  border-bottom:2px solid var(--teal);transform:rotate(45deg);transition:transform .2s ease}
.c-faq[open] .c-faq__q::after{transform:rotate(225deg)}
.c-faq__q:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.c-faq__a{padding:0 20px 20px;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* ============================================================
   文章入口 .c-link-item（design-spec §4.3）
   ============================================================ */
.c-link-item{display:flex;justify-content:space-between;align-items:center;gap:16px;
  min-height:44px;padding:20px 22px;background:var(--paper);
  border:1px solid var(--line);border-left:5px solid var(--navy);border-radius:12px;
  transition:transform .18s ease,box-shadow .18s ease}
.c-link-item b{font-size:15px;font-weight:700;color:var(--ink);line-height:1.6}
.c-link-item span{flex:none;font-size:20px;color:var(--teal)}
.c-link-item:hover{transform:translateX(4px);box-shadow:var(--shadow)}
.c-link-item:hover b{color:var(--navy)}

/* 问答分组列表 .c-qlist：问句 + 一句摘要，两列栅格提升信息密度 */
.c-qlist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.c-qlist__item{display:flex;flex-direction:column;gap:6px;padding:18px 22px;
  background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--navy);
  border-radius:12px;text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease}
.c-qlist__item b{font-size:15px;font-weight:700;color:var(--ink);line-height:1.6;text-wrap:balance}
.c-qlist__item span{font-size:13px;line-height:1.7;color:var(--ink-3);display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-qlist__item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.c-qlist__item:hover b{color:var(--navy)}
@media (max-width:768px){.c-qlist{grid-template-columns:1fr}}

/* ============================================================
   面包屑 .c-breadcrumb（design-spec §4.5）
   ============================================================ */
.c-breadcrumb{font-size:12.5px;color:var(--ink-2)}
.c-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0}
.c-breadcrumb li{display:inline-flex;align-items:center}
.c-breadcrumb li+li::before{content:"/";margin:0 8px;color:var(--ink-3)}
.c-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--link)}
.c-breadcrumb a:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px}
.c-breadcrumb li[aria-current="page"]{min-height:44px;display:inline-flex;align-items:center;color:var(--ink-3)}

/* ============================================================
   内页页头 / 正文
   ============================================================ */
.c-page-head{max-width:760px}
.c-page-head h1{font-size:clamp(30px,4.4vw,48px);line-height:1.25;font-weight:700;
  letter-spacing:-0.02em;color:var(--ink)}
.c-page-lead{margin-top:16px;font-size:15px;line-height:1.9;color:var(--ink-2)}
.c-page-meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 24px;
  font-size:13px;color:var(--ink-2)}
.c-page-meta b{font-weight:600;color:var(--ink)}
.c-prose{margin-top:var(--sp-8);max-width:820px}
.c-prose p{margin:0 0 16px;font-size:15px;line-height:1.9;color:var(--ink)}
.c-prose h2{margin:32px 0 12px;font-size:clamp(22px,2.6vw,28px);line-height:1.35;
  font-weight:700;color:var(--navy)}
.c-prose h3{margin:24px 0 10px;font-size:18px;line-height:1.5;font-weight:700;color:var(--ink)}
.c-prose ul,.c-prose ol{margin:0 0 16px;padding-left:1.4em}
.c-prose ul li,.c-prose ol li{list-style:disc;margin:0 0 6px;font-size:15px;line-height:1.85;color:var(--ink)}
.c-prose ol li{list-style:decimal}
.c-prose a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.c-prose a:hover{color:var(--link-hover)}
.c-prose strong{font-weight:700;color:var(--navy)}
.c-prose table{width:100%;border-collapse:collapse;margin:0 0 16px;background:var(--paper);box-shadow:var(--shadow)}
.c-prose th,.c-prose td{text-align:left;vertical-align:top;padding:12px 14px;
  border:1px solid var(--line);font-size:14px;line-height:1.7}
.c-prose th{background:var(--bg);font-weight:600;color:var(--ink-2)}
.c-prose blockquote{margin:0 0 16px;padding:12px 18px;background:var(--bg);
  border-left:4px solid var(--teal);border-radius:8px;color:var(--ink-2);font-size:14px}
.c-answer-lead{margin-top:var(--sp-8);max-width:820px;padding:20px 24px;
  background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--teal);
  border-radius:12px;font-size:15px;line-height:1.9;color:var(--ink)}

/* ── 详情页字段信息表 ── */
.c-factblock{margin-top:var(--sp-8);max-width:820px}
/* 联系页首屏：电话组与二维码两栏并排，消除右侧大片留白 */
.c-contact__panel{margin-top:var(--sp-8);display:flex;align-items:flex-start;gap:40px;flex-wrap:wrap}
.c-contact__panel .c-factblock{margin-top:0;flex:1 1 320px}
.c-contact__panel .c-tel{flex:1 1 260px}
.c-contact__panel .c-contact__qr{margin-top:0}

/* ── 表格（design-spec §4.6） ── */
.c-table{width:100%;border-collapse:collapse;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow)}
.c-table th,.c-table td{text-align:left;vertical-align:top;padding:14px 16px;
  border-bottom:1px solid var(--line);font-size:14px;line-height:1.7}
.c-table th{width:34%;color:var(--ink-2);font-weight:600}
.c-table td{color:var(--ink)}
.c-table tbody tr:last-child th,.c-table tbody tr:last-child td{border-bottom:none}
.c-table thead th{font-size:13px;font-weight:700;letter-spacing:.05em;
  background:var(--bg);border-bottom:1px solid var(--line-2)}

/* ============================================================
   转化区（两个官方电话固定位置之③，design-spec §4.11）
   ============================================================ */
/* 诊断入口横条：跟在六条业务线卡组之后，不属于业务线，不占业务线编号 */
.c-service-strip{margin-top:var(--gap);display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);
  border-left:3px solid var(--teal);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow)}
.c-service-strip__text{flex:1 1 480px;min-width:0}
.c-service-strip__text b{display:block;font-size:17px;font-weight:700;color:var(--ink)}
.c-service-strip__text span{display:block;margin-top:6px;font-size:14px;line-height:1.8;color:var(--ink-2);max-width:720px}
.c-service-strip .c-btn{flex:0 0 auto}

.c-conv{margin-top:var(--sp-12);max-width:820px;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.c-conv h2{font-size:18px;font-weight:700;color:var(--ink)}
.c-conv p{margin-top:8px;font-size:14px;line-height:1.8;color:var(--ink-2)}
.c-conv .c-tel-group{margin-top:16px}
.c-conv .c-btn{margin-top:16px}

/* ============================================================
   深底 CTA（design-spec §5.4 段 8）
   ============================================================ */
.c-cta{margin-top:var(--sp-24);max-width:var(--wrap);margin-left:auto;margin-right:auto;
  background:
    radial-gradient(760px 340px at 50% -22%,rgba(19,179,192,.34),transparent 62%),
    linear-gradient(135deg,#0f4a8a 0%,#1a72c8 100%);
  border-radius:var(--radius-lg);padding:60px;text-align:center;color:#fff;
  box-shadow:0 18px 44px rgba(15,74,138,.22);border:1px solid rgba(255,255,255,.12)}
.c-cta h2{font-size:clamp(26px,3vw,36px);font-weight:700;color:#fff}
.c-cta p{margin:16px auto 0;max-width:620px;font-size:15px;line-height:1.9;color:rgba(255,255,255,.88)}
.c-cta__actions{margin-top:32px;display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.c-cta .c-tel-group{margin-top:24px;justify-content:center}
.c-cta .c-tel__label{color:rgba(255,255,255,.82)}

/* ============================================================
   分页 / 空态（D2：分页由列表页自身承担）
   ============================================================ */
.c-pagination{margin-top:var(--sp-8);display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.c-pagination a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
  background:var(--paper);border:1px solid var(--line);border-radius:8px;
  font-size:14px;color:var(--ink-2)}
.c-pagination a:hover{border-color:var(--teal);color:var(--teal)}
.c-pagination .c-pagination__num{display:flex;gap:8px}
/* 当前页高亮与省略号（PbootCMS numbar 输出 .page-num / .page-num-current） */
.c-pagination .page-num-current{border-color:var(--navy);background:var(--navy);color:#fff;font-weight:700}
.c-pagination .page-num-current:hover{border-color:var(--navy);color:#fff}
.c-pagination span.page-num{border:0;background:none;color:var(--ink-3);
  display:inline-flex;align-items:center;min-height:44px;padding:0 4px;cursor:default}
.c-empty{margin-top:var(--sp-8);padding:32px 24px;background:var(--paper);
  border:1px dashed var(--line-2);border-radius:var(--radius);
  font-size:14px;line-height:1.9;color:var(--ink-2);text-align:center}

/* ============================================================
   页脚 .c-footer（design-spec §4.8）
   ============================================================ */
.c-footer{margin-top:var(--sp-16);background:var(--paper);border-top:1px solid var(--line);
  padding:56px 0 30px}
.c-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--sp-12)}
.c-footer h4{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--navy);
  margin-bottom:18px}
.c-footer p,.c-footer li{font-size:14px;line-height:2;color:var(--ink-2)}
.c-footer a:hover{color:var(--navy)}
.c-footer .c-tel{font-size:14px;min-height:36px;padding:4px}
.c-disclaimer{margin-top:16px;background:var(--bg);border:1px dashed var(--line-2);
  border-radius:10px;padding:14px 18px;font-size:13px;color:var(--ink-2);line-height:1.8}
.c-footer__bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:13px;color:var(--ink-2)}

/* ============================================================
   响应式断点（design-spec §6：1024 / 768 / 375）
   ============================================================ */
@media (max-width:1024px){
  .l-section{padding-top:var(--sp-16)}
  .l-grid--4{grid-template-columns:repeat(2,1fr)}
  .l-grid--3{grid-template-columns:repeat(2,1fr)}
  .c-industry-grid{grid-template-columns:repeat(2,1fr)}
  .c-nav{max-width:calc(100vw - 40px)}
  .c-nav__links{gap:18px}
  .c-nav__link{font-size:13px}
  .c-hero__inner{padding:64px 40px 88px}
  .c-hero{min-height:0}
  .c-sec-head h2{font-size:clamp(22px,3vw,28px)}
  .c-evidence__head{flex-direction:column}
}
@media (max-width:768px){
  body{font-size:16px}
  .l-wrap{padding:0 var(--gutter-sm)}
  .l-hero-outer{padding:var(--sp-6) var(--gutter-sm) 0}
  .l-section{padding-top:var(--sp-12)}
  /* 顶部条：隐藏定位句与入口，只留两号码 */
  .c-topbar__text,.c-topbar__links{display:none}
  .c-topbar__inner{justify-content:flex-end}
  /* 导航：全量栏目横向滚动，不做汉堡隐藏 */
  .c-nav-wrap{padding:10px var(--gutter-sm) 0}
  .c-nav{height:auto;min-height:58px;flex-wrap:wrap;max-width:100%;padding:10px 16px;gap:8px 16px}
  .c-nav__links{order:3;width:100%;overflow-x:auto;gap:20px;white-space:nowrap;
    -webkit-overflow-scrolling:touch;padding-bottom:4px}
  .c-nav__link{min-height:44px;font-size:14px}
  .c-nav__dropdown{display:none!important}
  .c-nav__item--sub{display:list-item}
  .c-brand__sub{display:none}
  .c-nav__cta{padding:8px 16px;min-height:44px}
  .c-hero{border-radius:18px;min-height:0}
  .c-hero__inner{grid-template-columns:1fr;gap:36px;padding:48px 26px 76px}
  .c-hero__veil{background:linear-gradient(180deg,rgba(6,28,58,.60) 0%,rgba(6,28,58,.48) 55%,rgba(6,28,58,.38) 100%)}
  .c-hero__dots{left:26px;bottom:24px}
  /* 手机首屏只保留承诺句、主体事实与两个入口，事实链卡（桌面端在右侧）先不占屏，
     否则首屏高度超过一屏且被底部悬浮咨询栏压住 */
  .c-hero__chain{display:none}
  .c-hero__claim{font-size:clamp(30px,9vw,42px)}
  .c-hero__entity{font-size:16px}
  .c-hero__chain{max-width:420px}
  .c-prose p,.c-prose ul li,.c-prose ol li{font-size:16px}
  .c-cta{padding:48px 26px}
  /* 表格堆叠 */
  .c-table th,.c-table td{display:block;width:100%;border:none}
  .c-table tr{display:block;border-bottom:1px solid var(--line)}
  .c-table tbody tr:last-child{border-bottom:none}
  .c-table thead{display:none}
  .c-table th{font-size:12px;color:var(--ink-2);padding:12px 16px 4px}
  .c-table td{font-size:15px;padding:0 16px 12px}
  .c-footer__grid{grid-template-columns:1fr;gap:32px}
  .c-steps{grid-template-columns:1fr}
  .c-step{border-left:none;border-top:1px solid var(--line);padding:16px 0 0 0}
  .c-step:first-child{border-top:none;padding-top:0}
}
@media (max-width:375px){
  .l-grid--4,.l-grid--3,.l-grid--2,.c-industry-grid{grid-template-columns:1fr}
  .c-hero{border-radius:18px}
  .c-hero__inner{padding:34px 20px 72px}
  .c-hero__claim{font-size:clamp(28px,9vw,36px)}
  .c-cta{padding:40px 24px}
  .c-cta__actions{flex-direction:column;align-items:stretch}
  .c-cta__actions .c-btn{justify-content:center}
  .c-hero__actions{flex-direction:column;align-items:stretch}
  .c-hero__actions .c-btn{justify-content:center}
  .c-metrics{grid-template-columns:1fr}
  .c-topbar__tel{flex-wrap:wrap}
  .c-tel-group{flex-wrap:wrap}
  /* 移动端触控目标 ≥44px（视口抽检：tel 渲染高度 36px 不足；inline-flex+align-items:center 已有，补 min-height 即可，文字自动垂直居中） */
  .c-tel{min-height:44px}
  .c-footer .c-tel{min-height:44px}
}

/* ============================================================
   新增板块（对标 geo.weimob.com 改版）
   ============================================================ */

/* ── 导航宽下拉 ── */
.c-nav__dropdown--wide{min-width:240px}

/* ── 段 3.5 · 信任条 ── */
.c-trustbar{margin-top:var(--sp-6)}
.c-trustbar__inner{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 28px;box-shadow:var(--shadow)}
.c-trustbar__item{display:flex;flex-direction:column;gap:4px;
  padding:6px 12px;border-left:1px solid var(--line)}
.c-trustbar__item:first-child{border-left:none;padding-left:0}
.c-trustbar__item b{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-0.02em}
.c-trustbar__item span{font-size:12.5px;color:var(--ink-2);line-height:1.6}

/* ── 段 5.5 · 4 大价值 ── */
.c-values{margin-top:var(--sp-8)}
.c-value{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 24px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.c-value:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.c-value__icon{display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:14px;margin-bottom:16px;
  background:linear-gradient(135deg,var(--teal-soft),#d4eaea);
  color:var(--teal);font-size:22px;font-weight:800}
.c-value h3{font-size:17px;font-weight:700;color:var(--navy)}
.c-value p{margin-top:8px;font-size:13.5px;line-height:1.8;color:var(--ink-2)}

/* ── 段 5.6 · 标签云无缝滚动（2026-11-07 由深蓝色带改浅青底，整站去深色化） ── */
.c-marquee{margin-top:var(--sp-24);
  background:linear-gradient(90deg,#eaf9fb 0%,var(--bg-tint) 50%,#eaf9fb 100%);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:18px 0;overflow:hidden;white-space:nowrap}
.c-marquee__track{display:inline-flex;align-items:center;gap:22px;
  animation:marquee 36s linear infinite;padding-left:22px}
.c-marquee__track span{color:var(--navy);font-size:14px;font-weight:600;letter-spacing:.02em}
.c-marquee__track i{color:var(--teal-bright);font-style:normal;font-size:14px}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion: reduce){
  .c-marquee__track{animation:none}
}

/* ── 段 6.5 · GEO 看板 mockup ── */
.c-demo__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:48px;box-shadow:var(--shadow)}
.c-demo__text h2{margin-top:8px;font-size:clamp(22px,2.6vw,30px);line-height:1.35;
  font-weight:700;color:var(--ink)}
.c-demo__text>p{margin-top:14px;font-size:14.5px;line-height:1.85;color:var(--ink-2)}
.c-demo__list{margin:18px 0 0;padding-left:1.2em}
.c-demo__list li{list-style:disc;margin-bottom:8px;font-size:14px;line-height:1.8;color:var(--ink)}
.c-demo__board{background:#fafbfc;border:1px solid var(--line);border-radius:14px;
  padding:18px;box-shadow:var(--shadow)}
.c-board__head{display:flex;align-items:center;gap:8px;padding-bottom:12px;
  border-bottom:1px solid var(--line)}
.c-dot{width:10px;height:10px;border-radius:50%}
.c-dot--r{background:#e0655a}.c-dot--y{background:#e6b94a}.c-dot--g{background:#5cb878}
.c-board__title{margin-left:8px;font-size:13px;font-weight:600;color:var(--ink-2)}
.c-board__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0}
.c-board__metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-align:center}
.c-board__metric small{display:block;font-size:11px;color:var(--ink-3)}
.c-board__metric b{display:block;margin-top:4px;font-size:24px;font-weight:800;color:var(--navy)}
.c-board__rows{display:flex;flex-direction:column;gap:10px}
.c-board__row{display:grid;grid-template-columns:80px 1fr 36px;align-items:center;gap:10px;
  font-size:12.5px;color:var(--ink-2)}
.c-bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.c-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--navy-2));
  border-radius:4px}
.c-board__row em{font-style:normal;font-weight:700;color:var(--navy);text-align:right;font-family:var(--font-mono)}

/* ── 段 6.6 · 行业切换（2026-11-07 由 5 个 radio 胶囊改为 21 个可点卡片，3 列网格） ── */
.c-itabs__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.c-itab-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:56px;padding:12px 18px;background:var(--paper);border:1px solid var(--line);
  border-radius:12px;font-family:inherit;font-size:14.5px;font-weight:600;
  color:var(--ink-2);cursor:pointer;text-align:left;
  transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.c-itab-btn::after{content:"→";font-size:14px;color:var(--ink-3);
  transition:color .16s ease,transform .16s ease}
.c-itab-btn:hover{border-color:var(--teal-bright);color:var(--navy);
  transform:translateY(-2px);box-shadow:var(--shadow)}
.c-itab-btn:hover::after{color:var(--teal);transform:translateX(2px)}
.c-itab-btn.is-active{background:linear-gradient(135deg,var(--navy),var(--navy-2));
  color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(15,74,138,.22)}
.c-itab-btn.is-active::after{color:rgba(255,255,255,.92)}
.c-itab-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.c-itabs__panels{position:relative}
.c-itab{display:none;background:var(--paper);border:1px solid var(--line);
  border-left:4px solid var(--teal-bright);border-radius:var(--radius);
  padding:34px 36px;box-shadow:var(--shadow)}
.c-itab.is-active{display:block;animation:fadeUp .28s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.c-itab h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:16px}
.c-itab ul{padding-left:1.2em;margin:0 0 14px}
.c-itab ul li{list-style:disc;margin-bottom:9px;font-size:14.5px;line-height:1.85;color:var(--ink)}

/* ── 段 8.5 · 交付保障（2026-11-07 由深蓝色块改浅色板块，深色只留底部 CTA） ── */
.c-assurance{margin-top:var(--sp-24);
  background:linear-gradient(180deg,var(--bg-tint) 0%,#f9fcff 100%);
  border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:60px 48px;color:var(--ink);box-shadow:var(--shadow)}
.c-sec-head--on-dark h2{color:#fff}
.c-sec-head--on-dark p{color:rgba(255,255,255,.82)}
.c-kicker--on-dark{color:#7fd1d6}
.c-kicker--on-dark::before{background:linear-gradient(90deg,#7fd1d6,transparent)}
.c-assurance__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}
.c-assurance__item{background:var(--paper);border:1px solid var(--line);
  border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(16,36,60,.03)}
.c-assurance__num{display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg,var(--teal-bright),var(--navy-2));color:#fff;
  font-size:14px;font-weight:800;margin-bottom:14px}
.c-assurance__item h3{font-size:16px;font-weight:700;color:var(--navy)}
.c-assurance__item p{margin-top:8px;font-size:13.5px;line-height:1.75;color:var(--ink-2)}

/* ── 右侧悬浮客服栏 ── */
.c-siderail{position:fixed;right:16px;top:50%;transform:translateY(-50%);
  z-index:40;display:flex;flex-direction:column;gap:8px}
.c-siderail__item{display:flex;flex-direction:column;align-items:center;gap:4px;
  min-width:96px;padding:14px 10px;background:var(--paper);
  border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
  text-align:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.c-siderail__item:hover{transform:translateX(-4px);box-shadow:var(--shadow-lg)}
.c-siderail__icon{font-size:20px;color:var(--teal);font-weight:700}
.c-siderail__label{font-size:12px;font-weight:700;color:var(--navy);line-height:1.4}
.c-siderail__tel{font-size:11px;color:var(--ink-3)}
.c-siderail__item--btn{background:linear-gradient(135deg,var(--navy),var(--navy-2));
  border-color:transparent}
.c-siderail__item--btn .c-siderail__label{color:#fff;font-size:13px}

/* ============================================================
   荣誉资质 .c-honors / .c-honor
   ============================================================ */
.c-honors{margin-top:var(--sp-6)}
.c-honor{background:var(--card-bg);border:1px solid var(--divider);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
  transition:transform .2s ease,box-shadow .2s ease;
  display:flex;flex-direction:column;margin:0}
.c-honor:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(13,43,78,.12)}
.c-honor img{width:100%;height:200px;object-fit:cover;object-position:center top;
  border-bottom:1px solid var(--divider);background:var(--bg)}
.c-honor figcaption{padding:16px 20px 20px}
.c-honor h3{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 6px;line-height:1.35}
.c-honor p{font-size:12.5px;color:var(--ink-3);margin:0;line-height:1.6;text-wrap:pretty;word-break:keep-all}
/* 资质区第 6 张：核验引导卡（纯文字，与图卡同高同宽） */
.c-honor--link{justify-content:center;background:var(--bg);border-style:dashed;
  text-decoration:none;box-shadow:none}
.c-honor--link:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(13,43,78,.10)}
.c-honor--link figcaption{padding:26px 24px}
.c-honor--link h3{font-size:16px}
.c-honor--link p{font-size:13px;line-height:1.7;color:var(--ink-2)}
.c-honor__more{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:var(--teal)}

/* ============================================================
   资质与荣誉页 · 证书卡 / 明细表 / 大图层
   证书图改用 contain 完整显示，避免编号被裁；
   大图层用 :target 触发，保持整站零 JS
   ============================================================ */
.c-honor--cred{position:relative}
/* 内页主列宽约 620px，区块标题降一级，避免与 h1 抢视觉 */
.l-main .c-sec-head{max-width:none;margin-bottom:var(--sp-6)}
.l-main .c-sec-head h2{margin-top:6px;font-size:clamp(20px,2.2vw,26px)}
.l-main .c-sec-head p{margin-top:10px;font-size:13.5px;line-height:1.8}
.c-honor__btn{display:block;position:relative;width:100%;padding:0;margin:0;
  background:var(--bg);border-bottom:1px solid var(--divider);cursor:zoom-in}
.c-honor--cred .c-honor__btn img{height:260px;object-fit:contain;object-position:center;
  border-bottom:none;transition:transform .25s ease}
.c-honor--cred:hover .c-honor__btn img{transform:scale(1.03)}
.c-honor__btn:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.c-honor__zoom{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;
  background:rgba(13,43,78,.74);color:var(--inverse);font-size:11.5px;letter-spacing:.03em;
  opacity:0;transition:opacity .2s ease;pointer-events:none}
.c-honor--cred:hover .c-honor__zoom,
.c-honor__btn:focus-visible .c-honor__zoom{opacity:1}

/* 查询入口卡（第 6 格） */
.c-honor--query{justify-content:center}
.c-honor--query figcaption{padding:22px}
.c-honor--query h3{margin-bottom:10px}
.c-query-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.c-query-list li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.65;color:var(--ink-2)}
.c-query-list li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;
  border-radius:50%;background:var(--teal);opacity:.55}
.c-query-list a{color:var(--link);text-decoration:underline;text-underline-offset:2px}

/* 明细表 */
.c-cred-table{width:100%;border-collapse:collapse;margin-top:var(--sp-6);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow)}
.c-cred-table th,.c-cred-table td{text-align:left;vertical-align:top;
  padding:14px;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.7}
.c-cred-table thead th{background:var(--bg);font-size:12px;font-weight:700;
  color:var(--ink-2);letter-spacing:.06em;white-space:nowrap}
.c-cred-table tbody th{width:30%;font-weight:700;color:var(--navy)}
.c-cred-table tbody td{color:var(--ink-2)}
.c-cred-table tbody td.is-name{color:var(--ink);font-weight:600}
.c-cred-table tbody tr:last-child th,.c-cred-table tbody tr:last-child td{border-bottom:none}
.c-cred-table code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;letter-spacing:.03em;color:var(--ink);white-space:nowrap;
  background:var(--bg);padding:2px 7px;border-radius:5px}
/* 明细表按年分组行：软件著作权一表多项时插入 */
.c-cred-table tbody tr.is-year th{width:auto;padding:10px 14px;background:var(--bg);
  border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;
  color:var(--ink-3);letter-spacing:.1em;white-space:nowrap}
.c-cred-table tbody tr.is-year + tr th,.c-cred-table tbody tr.is-year + tr td{padding-top:13px}
/* 软著表专用：版本号与登记日期收窄，名称列吃满剩余宽度 */
.c-cred-table--sw tbody td.is-ver{width:96px;white-space:nowrap}
.c-cred-table--sw tbody td.is-date{width:136px;white-space:nowrap}
.c-cred-note{margin-top:14px;font-size:12.5px;line-height:1.75;color:var(--ink-3)}

/* 证书大图层 */
.c-lb{display:none;position:fixed;inset:0;z-index:9990;padding:40px 20px;
  align-items:center;justify-content:center;background:rgba(8,20,34,.86)}
.c-lb:target{display:flex}
.c-lb__back{position:absolute;inset:0;display:block;cursor:zoom-out}
.c-lb__box{position:relative;z-index:1;margin:0;display:flex;flex-direction:column;
  align-items:center;max-width:min(1100px,92vw);max-height:88vh;overflow:hidden;
  border-radius:10px;background:var(--paper);box-shadow:0 28px 72px rgba(0,0,0,.5)}
.c-lb__box img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain}
.c-lb__box figcaption{width:100%;padding:10px 18px;background:var(--paper);
  font-size:12.5px;line-height:1.6;color:var(--ink-2);text-align:center}
.c-lb__close{position:absolute;top:18px;right:20px;z-index:2;width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.16);
  color:var(--inverse);font-size:22px;line-height:1;text-decoration:none}
.c-lb__close:hover{background:rgba(255,255,255,.3)}
html:has(.c-lb:target){overflow:hidden}

@media (max-width:760px){
  .c-honor--cred .c-honor__btn img{height:200px}
  .c-cred-table thead{display:none}
  .c-cred-table,.c-cred-table tbody,.c-cred-table tr,
  .c-cred-table th,.c-cred-table td{display:block;width:100%}
  .c-cred-table{border-radius:var(--radius)}
  .c-cred-table tbody tr{border-bottom:1px solid var(--line);padding:4px 0}
  .c-cred-table tbody tr:last-child{border-bottom:none}
  .c-cred-table tbody th{display:block;width:auto;padding:12px 14px 4px;
    border-bottom:none;font-size:14px}
  .c-cred-table tbody td{display:block;width:auto;padding:2px 14px 10px;border-bottom:none}
  .c-cred-table tbody td::before{content:attr(data-label);display:block;margin-bottom:1px;
    font-size:11.5px;font-weight:600;color:var(--ink-3);letter-spacing:.06em}
  .c-cred-table tbody tr.is-year th{padding:10px 14px;font-size:11.5px;
    border-bottom:1px solid var(--line)}
  /* 软著表窄屏：版本号与登记日期并到一行，省掉一层标签 */
  .c-cred-table--sw tbody td.is-ver,
  .c-cred-table--sw tbody td.is-date{display:inline-block;width:auto;
    white-space:nowrap;padding:0 0 10px 14px}
  .c-cred-table--sw tbody td.is-ver::before,
  .c-cred-table--sw tbody td.is-date::before{display:none}
  .c-cred-table code{white-space:normal}
  .c-lb{padding:56px 12px 24px}
  .c-lb__close{top:12px;right:12px}
}

/* ============================================================
   微信二维码弹窗 .c-qr-pop
   ============================================================ */
.c-siderail__item--qr{position:relative}
.c-qr-pop{position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%) translateX(10px);
  width:180px;background:var(--paper);border:1px solid var(--line);border-radius:12px;
  padding:16px;box-shadow:0 16px 48px rgba(13,43,78,.16);opacity:0;visibility:hidden;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  display:flex;flex-direction:column;align-items:center;gap:10px;z-index:50;box-sizing:border-box}
.c-qr-pop::before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);
  border:8px solid transparent;border-left-color:var(--paper)}
.c-qr-pop img{display:block;border-radius:6px;width:148px;height:148px;flex-shrink:0;object-fit:contain}
.c-qr-pop span{font-size:12px;color:var(--ink-2);font-weight:500;text-align:center;line-height:1.4}
.c-siderail__item--qr:hover .c-qr-pop,
.c-siderail__item--qr:focus-within .c-qr-pop{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}

/* ── 页脚微信二维码 ── */
.c-footer__qr{margin-top:16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.c-footer__qr img{display:block;border-radius:8px;border:1px solid var(--line)}
.c-footer__qr span{font-size:12px;color:var(--ink-3)}

/* ── 联系页微信二维码 ── */
.c-contact__qr{margin-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;box-shadow:var(--shadow);max-width:220px}
.c-contact__qr img{display:block;border-radius:8px}
.c-contact__qr p{margin:0;font-size:13px;color:var(--ink-2);line-height:1.5}

/* ── 新增板块响应式 ── */
@media (max-width:1024px){
  .c-trustbar__inner{grid-template-columns:repeat(2,1fr);gap:16px}
  .c-trustbar__item:nth-child(3){border-left:none;padding-left:0}
  .c-demo__grid{grid-template-columns:1fr;gap:32px;padding:32px}
  .c-assurance__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .c-trustbar__inner{grid-template-columns:repeat(2,1fr);padding:18px}
  .c-trustbar__item b{font-size:18px}
  .c-itab{padding:24px}
  .c-assurance{padding:40px 24px}
  .c-assurance__grid{grid-template-columns:1fr;gap:14px}
  .c-honor img{height:170px}
  /* 移动端收起悬浮栏，避免挡内容 */
  .c-siderail{right:8px;flex-direction:row;top:auto;bottom:16px;transform:none}
  .c-siderail__item{min-width:auto;flex:1;padding:10px}
  .c-siderail__tel{display:none}
  /* 移动端隐藏悬浮栏二维码弹窗，避免挡内容 */
  .c-qr-pop{display:none}
}
@media (max-width:375px){
  .c-board__metrics{grid-template-columns:1fr}
  .c-itab-btn{padding:10px 12px;font-size:13.5px;min-height:50px}
  .c-itab{padding:24px 20px}
}

/* 行业卡片网格：768 及以下两列，避免 21 个卡片把手机首屏拉成一条竖线 */
@media (max-width:768px){
  .c-itabs__nav{grid-template-columns:repeat(2,1fr);gap:8px}
  .c-itab{padding:26px 20px}
  .c-itab h3{font-size:17px}
}

/* ============================================================
   板块组件 · 行业方案页 / 服务页 / 案例聚合页共用（2026-11-06 追加）
   来源：微盟星启 GEO 页面板块骨架，只借结构不借文案
   ============================================================ */

/* ── 首屏要点条：三条核心结论 ── */
.c-keypoints{margin:20px 0 4px;padding:0;list-style:none;display:grid;gap:12px}
.c-keypoints li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.8;color:var(--ink)}
.c-keypoints li::before{content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--teal)}

/* ── 痛点反问区 ── */
.c-pains{margin:18px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c-pain{position:relative;padding:14px 16px 14px 44px;background:var(--bg);border:1px solid var(--line);
  border-radius:10px;font-size:14px;line-height:1.75;color:var(--ink-2)}
.c-pain::before{content:"?";position:absolute;left:14px;top:15px;width:20px;height:20px;border-radius:50%;
  background:var(--teal-soft);color:var(--teal);font-size:12px;font-weight:800;line-height:20px;text-align:center}

/* ── 四步做法 ── */
.c-steps{margin:18px 0 6px;counter-reset:step;display:grid;grid-template-columns:1fr;gap:10px}
.c-step{position:relative;padding:16px 18px 16px 62px;background:var(--paper);border:1px solid var(--line);
  border-left:3px solid var(--teal);border-radius:0 10px 10px 0}
.c-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:15px;
  font-size:15px;font-weight:800;color:var(--teal);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.c-step h3{margin:0 0 6px!important;font-size:15.5px!important;font-weight:700;color:var(--navy)}
.c-step p{margin:0;font-size:14px;line-height:1.8;color:var(--ink-2)}

/* ── 典型问句场景卡 ── */
.c-scenes{margin:18px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c-scene{padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.c-scene__tag{display:inline-block;margin-bottom:7px;padding:2px 8px;background:var(--teal-soft);color:var(--teal);
  border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.05em}
.c-scene__q{margin:0;font-size:14px;line-height:1.75;color:var(--ink)}
.c-scene__n{margin:7px 0 0;font-size:12.5px;line-height:1.65;color:var(--ink-3)}

/* ── 分阶段交付 ── */
.c-phases{margin:18px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c-phase{padding:16px 18px;background:var(--bg);border:1px solid var(--line);border-radius:10px}
.c-phase__no{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 7px;
  background:var(--navy);color:#fff;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.04em}
.c-phase h3{margin:10px 0 8px!important;font-size:15px!important;font-weight:700;color:var(--ink)}
.c-phase dl{margin:0;display:grid;gap:6px}
.c-phase dt{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--ink-3)}
.c-phase dd{margin:0 0 4px;font-size:13.5px;line-height:1.75;color:var(--ink-2)}

/* ── 页内常见问题（原生折叠，零 JS） ── */
.c-qa{margin:16px 0 6px;display:grid;gap:8px}
.c-qa details{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 16px}
.c-qa details[open]{border-color:var(--line-2);box-shadow:var(--shadow)}
.c-qa summary{cursor:pointer;padding:14px 0;font-size:14.5px;font-weight:600;line-height:1.7;color:var(--ink);list-style:none}
.c-qa summary::-webkit-details-marker{display:none}
.c-qa summary::after{content:"+";float:right;margin-left:12px;color:var(--teal);font-weight:700}
.c-qa details[open] summary::after{content:"−"}
.c-qa details p{margin:0 0 16px;font-size:14px;line-height:1.85;color:var(--ink-2)}

/* ── 交付物清单条 ── */
.c-deliver{margin:16px 0 6px;display:grid;gap:8px}
.c-deliver__item{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 16px;background:var(--bg);
  border:1px solid var(--line);border-radius:8px}
.c-deliver__item b{font-size:13.5px;color:var(--navy)}
.c-deliver__item span{font-size:13.5px;line-height:1.75;color:var(--ink-2)}

/* ── 板块小标题 ── */
.c-subhead{margin:36px 0 10px!important;font-size:clamp(20px,2.3vw,25px)!important;line-height:1.4}
.c-subhead small{display:block;margin-top:6px;font-size:13px;font-weight:400;color:var(--ink-3);letter-spacing:0}

@media (max-width:768px){
  .c-pains,.c-scenes,.c-phases{grid-template-columns:1fr}
  .c-deliver__item{grid-template-columns:1fr;gap:4px}
  .c-step{padding:14px 14px 14px 54px}
}

/* ============================================================
   内页两栏布局 · 侧边栏（栏目页 / 内容页共用）
   侧栏仅内链「已发布栏目」与「已发布内容」，避免产生死链伤 SEO
   ============================================================ */
.l-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.l-main{min-width:0}
.c-sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:24px}
.c-sidebar__nav,.c-sidebar__insights,.c-sidebar__cta{background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;box-shadow:var(--shadow)}
.c-sidebar__title{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--navy);
  margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.c-sidebar__list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}
.c-sidebar__list li{list-style:none}
.c-sidebar__list a{display:flex;align-items:center;min-height:40px;padding:6px 12px;
  border-radius:8px;font-size:14px;color:var(--ink-2);text-decoration:none;line-height:1.45;
  transition:background-color .15s ease,color .15s ease}
.c-sidebar__list a:hover{background:var(--teal-soft);color:var(--navy)}
.c-sidebar__list--insights a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:0;padding:8px 12px}
.c-sidebar__more{display:inline-block;margin-top:8px;padding:4px 12px;font-size:13px;
  color:var(--link);font-weight:600;text-decoration:none}
.c-sidebar__more:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px}
.c-sidebar__cta p{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0 0 12px}
.c-sidebar__cta .c-btn{width:100%;justify-content:center}
.c-sidebar__cta .c-tel-group{margin-top:14px}
.c-sidebar__cta .c-tel{font-size:13px;min-height:36px;padding:4px 0}
.c-sidebar__cta .c-tel__label{font-size:11px}

@media (max-width:1024px){
  .l-layout{grid-template-columns:minmax(0,1fr) 260px;gap:28px}
}
@media (max-width:768px){
  .l-layout{grid-template-columns:1fr;gap:32px}
  .c-sidebar{position:static;top:auto}
}

/* ── 板块宽度与正文栏对齐（全站详情页统一 820 阅读宽度，不破出） ── */

/* ===== 企业官网补全（2026-11-06）：页脚四栏 / 子项缩进 / 发展历程时间线 ===== */
/* 页脚四栏：栏目导航组与主导航一一对应；移动端回落单列（沿用 521 行的 1fr 规则） */
.c-footer__grid--4{grid-template-columns:1.4fr 1.2fr .8fr 1fr}
.c-footer__nav ul{list-style:none;margin:0;padding:0}
.c-footer__sub a{font-size:13px;color:var(--ink-3)}
.c-footer__sub a:hover{color:var(--navy)}
@media (max-width:768px){
  .c-footer__grid--4{grid-template-columns:1fr;gap:32px}
}
/* 发展历程时间线（关于巨宇页企业板块） */
/* ── 发展历程时间线（about 页）────────────────────────────────
   v2 · 2026-11-07：条目由 2 条扩为 9 条，荣誉节点入线。
   竖轴沿用单边线；圆点按类着色（主体 navy / 业务 teal / 荣誉 amber）；
   日期用等宽数字对齐，标签跟在日期右侧，窄屏自动换行。 */
.c-timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line-2)}
.c-timeline li{position:relative;padding:0 0 22px 24px}
.c-timeline li:last-child{padding-bottom:0}
.c-timeline li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;
  background:var(--paper);border:2px solid var(--navy)}
.c-timeline li.is-business::before{border-color:var(--teal)}
.c-timeline li.is-honor::before{border-color:var(--amber)}
.c-timeline__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 5px}
.c-timeline__meta time{font-size:16px;font-weight:700;line-height:1.5;color:var(--navy);
  font-variant-numeric:tabular-nums;letter-spacing:.01em}
.c-timeline__body{margin:0;max-width:66ch;font-size:14px;line-height:1.8;color:var(--ink-2)}
.c-tl-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:3px;
  font-size:12px;line-height:1;border:1px solid var(--line-2);color:var(--ink-3);background:var(--paper)}
.c-tl-tag--entity{color:var(--navy);background:#eef2f7;border-color:#d8e1eb}
.c-tl-tag--business{color:var(--teal);background:var(--teal-soft);border-color:#cbe5e5}
.c-tl-tag--honor{color:var(--amber);background:var(--amber-soft);border-color:#eeddc2}
.c-timeline__note{margin:20px 0 0;padding-left:24px;font-size:13px;line-height:1.75;color:var(--ink-3)}
.c-timeline__note a{color:var(--link);text-decoration:underline;text-underline-offset:2px}

/* ============================================================
   交付前修复（2026-11-06 逐页审查整改）
   ① 段间距与阅读节奏 ② 栏目页栅格密度 ③ 侧栏对齐
   ④ 标题断行控制 ⑤ 页脚层级 ⑥ 移动端导航
   ============================================================ */

/* ── ① 正文阅读节奏 ──
   .c-prose 同时带 l-section，被 first-of-type 的 64px 上内距顶开，
   造成「栏目描述 → 正文」96px 大空隙。此处归零，改由 margin 控制。 */
.c-prose.l-section,
.c-prose.l-section:first-of-type{padding-top:0}
.c-prose{margin-top:var(--sp-6);max-width:760px}
/* 段间距由 16px 提到 26px（大于行高 28.5 的 0.9 倍），段落边界清晰 */
.c-prose p{margin:0 0 26px}
.c-prose > p:last-child{margin-bottom:0}
.c-prose ul,.c-prose ol{margin:0 0 26px}
.c-prose ul li,.c-prose ol li{margin:0 0 10px}
.c-prose h2{margin:44px 0 14px}
.c-prose h2:first-child{margin-top:0}
.c-prose h3{margin:32px 0 12px}
.c-prose table{margin:0 0 26px}
.c-prose blockquote{margin:0 0 26px}

/* ── ② 栏目页栅格密度 ──
   主列（含侧栏时）只有 792px，套四列会把卡片压到 180px，
   中文标题逐字竖排。主列上一律降为两列；行业网格同理。 */
.l-main .l-grid--4,
.l-main .l-grid--3{grid-template-columns:repeat(2,1fr)}
.l-main .c-industry-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap)}
.c-industry-grid{gap:var(--gap)}
/* 卡片正文在 2 列宽度下更从容，行高略提 */
.l-main .l-grid--4 .c-card__text,
.l-main .c-industry-grid .c-card__text{line-height:1.85}

/* ── ③ 侧栏对齐 ──
   侧栏原本 y=122 与导航栏底边齐平，卡片顶到 CTA 按钮下沿。
   与主列页头顶部（166）对齐，留出 44px 呼吸。 */
.c-sidebar{padding-top:44px}
.c-sidebar__list a{min-height:44px}
.c-sidebar__list--insights a{min-height:44px;padding:8px 12px}
.c-sidebar__list{gap:0}
.c-sidebar__list a{border-radius:6px}
@media (max-width:768px){.c-sidebar{padding-top:0}}

/* ── ④ 标题断行控制 ──
   balance 让多行标题各行长度接近，避免末行只剩一两个字。 */
.c-page-head h1,
.c-sec-head h2,
.c-hero__claim,
.c-card__title{text-wrap:balance}
.c-page-head h1{max-width:100%}
/* 拆词保护：用于「唯一官网」「见到」「电话」「服务」等不可分的双字词 */
.u-nowrap{white-space:nowrap}
/* 卡片副标独立成行，不再用竖线硬拼 */
.c-card__sub{display:block;margin-top:4px;font-size:14px;line-height:1.6;
  font-weight:400;color:var(--ink-2)}

/* ── ⑤ 页脚层级与节奏 ──
   页脚列标题原为 h4，紧接正文 h2 出现跳跃，改为 h3。 */
.c-footer h3,.c-footer h4{font-size:13px;font-weight:700;letter-spacing:.12em;
  color:var(--navy);margin:0 0 16px}
.c-footer__nav ul{display:flex;flex-direction:column;gap:10px}
.c-footer__nav li{line-height:1.6}
.c-footer__nav a{font-size:14px;color:var(--ink-2);text-decoration:none}
.c-footer__nav a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.c-footer__sub a{font-size:13px;color:var(--ink-3)}
/* 桌面端页脚四栏比例；必须限定在 ≥769，否则会覆盖 891 行移动端单列规则，
   四栏在手机上撑宽文档（实测 375 视口被撑到 500），底部固定咨询栏右移出屏幕 */
@media (min-width:769px){
  .c-footer__grid--4{grid-template-columns:1.5fr 1fr 1fr 1.15fr}
}
/* 页脚内部各列段落行距统一，避免三列节奏不一 */
.c-footer p{line-height:1.9;margin:0 0 10px}

/* ── ⑥ 跑马灯边缘渐隐，去掉硬切口 ── */
.c-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 48px,#000 calc(100% - 48px),transparent)}

/* ── ⑦ 列表项密度（问答分组、洞察列表） ── */
.c-faq__q{min-height:64px}

/* ============================================================
   移动端导航（≤768）：汉堡菜单，导航区由 277px 压到 60px 内
   ============================================================ */
@media (max-width:768px){
  /* 导航单行：图标 + logo + CTA + 汉堡 */
  .c-nav{flex-wrap:nowrap;min-height:56px;height:auto;padding:8px 14px;gap:10px;
    align-items:center}
  /* 勾选展开时允许换行，否则 width:100% 的菜单在 nowrap 行内被压成 min-content */
  .c-nav:has(.c-nav__cb:checked){flex-wrap:wrap}
  /* 展开时隐藏首行长 CTA，避免把汉堡按钮挤到第二行 */
  .c-nav:has(.c-nav__cb:checked) .c-nav__cta{display:none}
  .c-brand{flex:none}
  .c-brand__logo{height:32px;width:auto}
  .c-nav__cta{order:2;margin-left:auto;padding:7px 12px;font-size:12.5px;
    min-height:38px;white-space:nowrap;letter-spacing:0}
  .c-nav__burger{order:3;display:inline-flex;flex:none;flex-direction:column;
    justify-content:center;gap:5px;width:44px;height:44px;padding:10px;
    border:1px solid var(--line-2);border-radius:10px;cursor:pointer;background:var(--paper)}
  .c-nav__burger span{display:block;height:2px;background:var(--navy);border-radius:2px;
    transition:transform .2s ease,opacity .2s ease}
  /* 菜单默认收起，勾选后展开为整幅列表 */
  .c-nav__links{order:4;display:none;flex-direction:column;width:100%;
    gap:0;overflow:visible;white-space:normal;padding:8px 0 4px;margin:0;
    border-top:1px solid var(--line);max-height:60vh;overflow-y:auto;
    -webkit-overflow-scrolling:touch}
  .c-nav__cb:checked ~ .c-nav__links{display:flex}
  .c-nav__links li{width:100%;border-bottom:1px solid var(--line)}
  .c-nav__links li:last-child{border-bottom:none}
  .c-nav__link{display:block;min-height:48px;padding:12px 4px;font-size:15px;line-height:1.5}
  .c-nav__item--sub{display:list-item}
  .c-nav__item--sub .c-nav__link{padding-left:18px;font-size:14px;color:var(--ink-2)}
  /* 勾选态图标变叉 */
  .c-nav__cb:checked ~ .c-nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .c-nav__cb:checked ~ .c-nav__burger span:nth-child(2){opacity:0}
  .c-nav__cb:checked ~ .c-nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  /* 底部悬浮咨询栏避让：hero 与页脚各留安全区，不再压住正文 */
  .c-hero__inner{padding-bottom:96px}
  .c-siderail{bottom:12px;right:10px;left:10px;gap:6px}
  .c-siderail__item{padding:8px 6px;border-radius:12px;min-height:52px}
  .c-siderail__item--btn .c-siderail__label{font-size:12px;line-height:1.3}
  .c-footer{padding-bottom:96px}
}
@media (min-width:769px){
  .c-nav__burger{display:none}
}

/* ── 超窄屏（≤380）导航收口 ──
   logo 96 + 长 CTA 157 + 汉堡 44 + 两个 10px 间距 = 317px，而 320px 机型可用仅 288px，
   汉堡被挤出屏外 28px。此处把 CTA 换成「免费诊断」短文案，整行回到一屏内。 */
.c-nav__cta-short{display:none}
@media (max-width:380px){
  .c-nav__cta-long{display:none}
  .c-nav__cta-short{display:inline}
  .c-nav__cta{padding:7px 10px;font-size:12px}
  .c-nav-wrap{padding:10px 12px 0}
  .c-nav{padding:8px 10px;gap:8px}
  /* 底部三键同步收紧，保证 320 下「AI 可见度诊断」不折成三行 */
  .c-siderail{bottom:10px;left:8px;right:8px;gap:5px}
  .c-siderail__item{padding:7px 4px;min-height:50px}
  .c-siderail__item--btn .c-siderail__label{font-size:11.5px}
}

/* ── ⑧ 首屏主标题在移动端的手动断行保护 ── */
@media (max-width:480px){
  .c-hero__claim{font-size:clamp(26px,8.4vw,34px);line-height:1.35}
  .c-hero__claim .u-nowrap{white-space:normal}
}

/* ── 页头副标（H1 下的说明行，替代原先拼在标题里的「｜…」） ── */
.c-page-head__sub{margin-top:10px;font-size:15px;line-height:1.7;color:var(--ink-3);
  letter-spacing:.01em}
@media (max-width:768px){.c-page-head__sub{font-size:14px}}
.c-card__sub:empty{display:none}

/* ===== 诊断服务留言区（2026-11-06）：纯 CSS 表单，提交到 PbootCMS 站内留言 ===== */
.c-message{max-width:640px}
.c-form{display:grid;gap:16px;margin:8px 0 20px}
.c-form__row{display:grid;gap:6px}
.c-form__row label{font-size:13px;font-weight:700;color:var(--navy)}
.c-form__row label b{color:#c0392b;margin-left:2px;font-weight:700}
.c-form__row input,.c-form__row textarea{width:100%;box-sizing:border-box;font:inherit;font-size:14px;
  color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px}
.c-form__row input:focus,.c-form__row textarea:focus{outline:2px solid var(--navy-2);outline-offset:1px;border-color:var(--navy-2)}
.c-form__row textarea{resize:vertical}
.c-form__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.c-form__note{font-size:12px;color:var(--ink-3)}
.c-form__tel{display:flex;gap:16px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:14px}