@charset "utf-8";
/* ==========================================================================
   v7.8 优化层（叠加式迭代，不重写既有组件）
   加载位置：所有既有样式之后，最后生效。
   只做四件事：
   1) 排版收敛：字距、行高、字重档位、说明类小字下限
   2) 视觉系统：圆角三档、卡片语言分级、表面统一
   3) 可读性：弱化文字的对比度补齐
   4) 转化：副行动控件退位、证据段加深色锚点
   ========================================================================== */

:root{
  --brand:#075ce5;
  --brand-strong:#0548b8;
  --brand-ink:#0f1a2e;
  --brand-tint:#eef4fe;
  --surface:#f5f8fd;
  --text-body:#3c4658;
  --text-muted:#5b6675;
  --text-on-dark:#c2cfe0;

  --r-s:8px;
  --r-m:16px;
  --r-l:28px;

  /* 历史变量统一收敛到品牌蓝，清掉遗留的橙金色相 */
  --orange:#075ce5;
  --gold:#8cc9ff;
  --cream:#f5f8fd;
}

/* ---------- 1. 说明类小字：字号下限 + 对比度 ---------- */
.v75-section-note,
.platform-note,
.chat75-disclosure,
.intro-note,
.footer-boundary,
.note,
.d76-effect-period77{
  color:var(--text-muted);
  line-height:1.8;
}
.v75-section-note,
.chat75-disclosure,
.intro-note{font-size:13px}
.platform-note,
.footer-boundary{font-size:12.5px}
.d76-effect-period77{font-size:14px}

/* 深色底上的弱化文字提亮，避免 12px 低对比 */
.contact-help,
.deliverables{color:var(--text-on-dark)}

/* 浅色底的第一屏：说明文字压深，不再沿用深底用色 */
.hero-copy,
.hero-bottom{color:var(--text-muted)}
.hero-bottom span{border-left-color:#dbe3ee}

/* ---------- 2. 排版收敛（仅桌面，避免打乱手机版节奏） ---------- */
@media (min-width:900px){
  /* 中文标题不使用拉丁式负字距 */
  h1,h2,h3,h4{letter-spacing:-.02em}
  .hero h1{line-height:1.16;letter-spacing:-.022em}
  h2{line-height:1.3;font-weight:800}
  h3{line-height:1.4}

  /* 章节级标题统一到同一档，消除 34/35/42/44/46/48 混用 */
  .section-head h2,
  .v75-heading h2,
  .m76-heading h2,
  .dk-home h2,
  .faq h2{font-size:clamp(30px,3.1vw,44px)}

  /* 首屏内的诊断面板标题属于面板级，单独收小 */
  .d76-diagnosis h2{font-size:clamp(24px,2.2vw,32px)}

  /* 中文小标签不再套用拉丁大写规则 */
  .eyebrow,
  .v75-label,
  .m76-label,
  .hero-tag,
  .industry-card .label,
  .dk-eyebrow{
    letter-spacing:.08em;
    text-transform:none;
  }

  /* 数据类文字等宽，避免数字跳动 */
  .d76-effect-value,
  .m76-growth-value b,
  .desktop-case-up{font-variant-numeric:tabular-nums}
}

/* ---------- 3. 圆角三档 ---------- */
.service-card,
.article,
.intro-point,
.d76-feature,
.business75-card,
.dk-card,
.compare75-panel,
.d76-effect-grid article,
.chat75-card,
.z76-feature{border-radius:var(--r-m)}

.industry-card,
.contact-box,
.d76-effects{border-radius:var(--r-l)}

.note,
.d76-blank{border-radius:0}

/* ---------- 4. 卡片语言分级 ---------- */
/* 保留 v7.7 业务卡完整边框与选中反馈，文章入口采用 v7.8 编辑式排版。 */
@media(min-width:900px){
 .article{background:transparent;border:0;border-top:1px solid #d7e0ee;border-radius:0;box-shadow:none;padding:24px 0 6px;min-height:0}
 .article a{margin-top:18px;padding-top:0}
 #businesses .business75-card:not(.featured){background:linear-gradient(125deg,#fff,#fbfdff);border:1px solid #d7e4f6;border-radius:16px}
 #businesses .business75-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
}
@media(min-width:900px) and (hover:hover) and (pointer:fine){
 #businesses .business75-card:is(:hover,:focus-visible){transform:translateY(-6px);border-color:#79adf4;box-shadow:0 18px 42px #0766f51f,inset 0 3px 0 #398afa}
 #businesses .business75-card:hover .business75-link i{transform:translate(3px,-3px)}
}
#businesses .business75-card:focus-visible{outline:3px solid #2576f2;outline-offset:4px}
/* L2 数据卡：保留实心白面，只统一圆角与描边，形成"面板"语感 */
.d76-feature,
.d76-effect-grid article,
.dk-card{border-color:#e3eaf4;background:#fff}

/* ---------- 5. 证据段加深色锚点 ---------- */
#monitoring{
  background:var(--brand-ink);
  color:#fff;
}
#monitoring .v75-heading h2,
#monitoring .m76-heading h2,
#monitoring .d76-effects-head h3{color:#fff}
#monitoring .v75-heading p,
#monitoring .m76-heading p,
#monitoring .d76-effects-head p{color:#b9c6d8}
#monitoring .v75-label,
#monitoring .m76-label{color:#8cc9ff}
#monitoring .v75-section-note{color:#93a3ba}
#monitoring .d76-feature{background:#fff}
#monitoring .d76-feature *{border-color:#e3eaf4}

/* ---------- 6. 副行动控件退位：动效开关移到角落 ---------- */
#motion-toggle.motion-toggle{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:45;
  width:38px;
  height:38px;
  padding:0;
  border-radius:50%;
  border:1px solid #dce5f1;
  background:#fff;
  color:#5b6675;
  font-size:0;
  line-height:0;
  opacity:.7;
  box-shadow:0 6px 18px #0b1b3a14;
  transition:transform .2s,opacity .2s;
}
#motion-toggle.motion-toggle::before{
  content:"";
  display:block;
  width:11px;
  height:13px;
  margin:12px auto 0;
  border-left:3.5px solid currentColor;
  border-right:3.5px solid currentColor;
  box-sizing:border-box;
}
#motion-toggle.motion-toggle[aria-pressed="true"]::before{
  border:0;
  width:0;
  height:0;
  margin:12px auto 0;
  border-left:11px solid currentColor;
  border-top:6.5px solid transparent;
  border-bottom:6.5px solid transparent;
}
#motion-toggle.motion-toggle:hover,
#motion-toggle.motion-toggle:focus-visible{transform:translateY(-2px);opacity:1}
/* 给右下角悬浮控件留出空间，避免压住页脚链接 */
footer{padding-bottom:64px}
@media (max-width:720px){
  #motion-toggle.motion-toggle{right:12px;bottom:82px;width:36px;height:36px}
  #motion-toggle.motion-toggle::before{margin-top:11px}
}

/* ---------- 7. 指标卡改口径说明后的排版 ---------- */
.d78-metric-note{
  margin:18px 0 0;
  padding-top:16px;
  border-top:1px solid #e3eaf4;
  font-size:14px;
  line-height:1.7;
  color:var(--text-body);
}
/* 保留 v7.7 的前后效果数字与 SVG 箭头。 */

/* ---------- 8. 表面统一：去掉多余的中间调浅蓝 ---------- */
.section.intro,
.section.faq,
.section.insights{background:#fff}
.section.d76-diagnosis{background:var(--surface)}

/* v7.8 合并版：同一视觉层覆盖所有手机页，保持原有字体尺寸和触控布局。 */
html[data-adaptive-layout="mobile"] .m76-heading h2{font-weight:800;letter-spacing:-.02em}
html[data-adaptive-layout="mobile"] .m76-label{letter-spacing:.06em;text-transform:none}
html[data-adaptive-layout="mobile"] .m76-note{color:#5b6675;font-size:13px;line-height:1.8}
html[data-adaptive-layout="mobile"] .m76-business-card{border-radius:16px}
.v78-icp{width:calc(100% - 48px);max-width:1200px;margin:20px auto 0;color:#c2cfe0;font-size:13px;line-height:1.8}
.v78-icp a{color:inherit;text-decoration:none}.v78-icp a:hover{text-decoration:underline}.v78-icp a:focus-visible{outline:2px solid #8cc9ff;outline-offset:4px}
@media(max-width:899px){.v78-icp{width:calc(100% - 36px);margin-top:16px}footer{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){#businesses .business75-card,#businesses .business75-link i{transition:none!important;transform:none!important}}