/* =========================================================
   全站视觉层 · iOS 26 Liquid Glass（明亮光感版）
   作用域：body.site-glass —— 首页以外的 19 个正式页面
   与首页 home-glass.css 共用同一套设计口径：
     · 唯一一层连续彩色壁纸挂在 body 上，section 一律透明
     · 半透明白玻璃卡：一条边 + 一道顶高光 + 一层柔和彩影
     · 深墨文字、彩色只做折射素材，不做深色底
     · 圆角按尺寸分级、内外同心，杜绝直角/圆角混搭与双重边框
   ========================================================= */
body.site-glass {
  --lg-ink: #101d38;
  --lg-sub: #56688c;
  --lg-blue: #1f6bff;
  --lg-violet: #7c5cff;
  --lg-cyan: #12a9c9;
  --lg-line: rgba(255, 255, 255, .92);
  --lg-shadow: rgba(46, 76, 140, .14);
  color: var(--lg-ink);
}

/* ---------- 1. 唯一的背景层：与首页同一张全文档连续壁纸 ---------- */
body.site-glass {
  /* 入场动画的「右滑合拢」变体在未触发时带着 +30px 位移，
     会把文档撑出横向滚动条（窄屏最明显）。clip 只裁横向、
     不产生滚动容器，sticky 顶栏与锚点 Dock 不受影响。 */
  overflow-x: clip;
  background-color: #f2f7ff !important;
  background-image:
    radial-gradient(1500px 1600px at 88% 2%,  rgba(255, 150, 190, .38), transparent 70%),
    radial-gradient(1600px 1700px at 96% 5%,  rgba(110, 165, 255, .40), transparent 70%),
    radial-gradient(1400px 1500px at 40% 3%,  rgba(165, 130, 255, .30), transparent 72%),
    radial-gradient(1600px 2400px at 4% 18%,  rgba(120, 200, 235, .20), transparent 74%),
    radial-gradient(1600px 2600px at 96% 34%, rgba(255, 175, 200, .18), transparent 74%),
    radial-gradient(1700px 2600px at 8% 55%,  rgba(150, 175, 255, .17), transparent 74%),
    radial-gradient(1600px 2600px at 94% 76%, rgba(180, 155, 255, .17), transparent 74%),
    radial-gradient(1700px 2400px at 12% 94%, rgba(255, 190, 160, .16), transparent 74%),
    linear-gradient(180deg,
      #e7efff 0%, #ecf3ff 4%, #f1f7ff 10%, #f2f7ff 20%,
      #f3f8ff 58%, #f0f6ff 85%, #f4f8ff 100%) !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* 所有页面级底层一律撤空，避免「一层有背景、一层白」的百叶窗断层 */
body.site-glass section.section,
body.site-glass section.section--soft,
body.site-glass section.section--tight,
body.site-glass section.page-hero,
body.site-glass section.error-hero,
body.site-glass section.cta,
body.site-glass .site-footer {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body.site-glass section.section { padding: 84px 0; }
body.site-glass section.section--tight { padding: 66px 0; }
body.site-glass .site-footer { border: 0 !important; }
/* 首屏光斑会向下溢出，正文区整体压在它上面，避免出现「光斑盖住卡片」 */
body.site-glass main > section:not(.page-hero):not(.error-hero) { position: relative; z-index: 1; }

/* ---------- 2. 导航：白色磨砂玻璃 ---------- */
body.site-glass .site-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .92)) !important;
  -webkit-backdrop-filter: blur(28px) saturate(185%);
  backdrop-filter: blur(28px) saturate(185%);
  border-bottom: 1px solid rgba(255, 255, 255, .92) !important;
  box-shadow: inset 0 1px 0 #fff, 0 10px 30px rgba(46, 76, 140, .10) !important;
}
body.site-glass .site-header::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(56, 189, 248, .55), rgba(167, 139, 250, .50), rgba(244, 114, 182, .40), transparent);
  pointer-events: none;
}
body.site-glass .brand img {
  background: rgba(255, 255, 255, .70);
  padding: 5px 9px;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(46, 76, 140, .12);
}
body.site-glass .nav-links a { color: #33456a !important; }
body.site-glass .nav-links a:hover,
body.site-glass .nav-links a[aria-current="true"] { color: var(--lg-blue) !important; }
body.site-glass .menu-toggle span { background: #243655 !important; }
body.site-glass .mobile-menu {
  background: rgba(255, 255, 255, .95) !important;
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
}
body.site-glass .mobile-menu a { color: #243655 !important; border-bottom-color: rgba(90, 130, 200, .14) !important; }

/* ---------- 3. 按钮：彩色玻璃胶囊 ---------- */
body.site-glass .btn {
  border-radius: 999px !important;
  font-weight: 600;
}
body.site-glass .btn-primary,
body.site-glass .btn-gold,
body.site-glass .nav-actions .btn {
  background:
    radial-gradient(140px 90px at var(--gx, 30%) var(--gy, 0%), rgba(255, 255, 255, .16), transparent 72%),
    linear-gradient(135deg, #2269ee 0%, #5148e8 58%, #7c3aed 100%) !important;
  border: 1px solid rgba(255, 255, 255, .62) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 14px 32px rgba(47, 100, 240, .28) !important;
  animation: sgBtnSheen 7s ease-in-out infinite;
}
body.site-glass .btn-primary:hover,
body.site-glass .btn-gold:hover,
body.site-glass .nav-actions .btn:hover {
  background:
    radial-gradient(140px 90px at var(--gx, 30%) var(--gy, 0%), rgba(255, 255, 255, .30), transparent 72%),
    linear-gradient(135deg, #3a80f5, #6460f0 58%, #9358f2) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80), 0 18px 38px rgba(47, 100, 240, .34) !important;
}
body.site-glass .btn-outline-light,
body.site-glass .btn-ghost,
body.site-glass .btn-light {
  background: linear-gradient(150deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .52)) !important;
  border: 1px solid rgba(255, 255, 255, .95) !important;
  color: #1c2f55 !important;
  -webkit-backdrop-filter: blur(20px) saturate(185%);
  backdrop-filter: blur(20px) saturate(185%);
  box-shadow: inset 0 1px 0 #fff, 0 10px 26px rgba(46, 76, 140, .14) !important;
}
body.site-glass .btn-outline-light:hover,
body.site-glass .btn-ghost:hover,
body.site-glass .btn-light:hover {
  background: rgba(255, 255, 255, .94) !important;
  border-color: rgba(31, 107, 255, .40) !important;
  color: var(--lg-blue) !important;
}

/* ---------- 4. 内页首屏：彩色光斑 + 左侧直答 + 右侧 3D 白玻璃面板 ---------- */
body.site-glass .page-hero {
  position: relative;
  /* 垂直方向放开，让彩斑跨过底边流进正文；左右仍裁切，不产生文档宽度 */
  overflow-x: clip;
  overflow-y: visible;
  padding: 88px 0 92px !important;
  color: var(--lg-ink) !important;
  isolation: isolate;
}
/* 光斑是独立伪元素：可以单独向下渐隐，不会把文字一起 mask 掉 */
body.site-glass .page-hero::before {
  content: "";
  position: absolute; inset: -12% -8% -420px -8%;
  z-index: 0; pointer-events: none;
  background:
    radial-gradient(620px 420px at 84% 8%,  rgba(255, 170, 200, .40), transparent 68%),
    radial-gradient(700px 460px at 96% 28%, rgba(110, 175, 255, .42), transparent 70%),
    radial-gradient(560px 380px at 60% 6%,  rgba(170, 140, 255, .32), transparent 72%),
    radial-gradient(560px 380px at 12% 82%, rgba(120, 220, 220, .28), transparent 70%);
  -webkit-mask-image: linear-gradient(180deg,
    #000 0%, #000 26%, rgba(0, 0, 0, .72) 46%, rgba(0, 0, 0, .28) 68%, transparent 86%);
  mask-image: linear-gradient(180deg,
    #000 0%, #000 26%, rgba(0, 0, 0, .72) 46%, rgba(0, 0, 0, .28) 68%, transparent 86%);
  animation: sgDrift 22s ease-in-out infinite alternate;
}
body.site-glass .page-hero::after {
  z-index: 0 !important;
  opacity: .35 !important;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 88%);
  mask-image: linear-gradient(180deg, #000, transparent 88%);
}
body.site-glass .page-hero > .container { position: relative; z-index: 1; min-height: 268px; }
body.site-glass .page-hero > .container > .breadcrumb,
body.site-glass .page-hero > .container > h1,
body.site-glass .page-hero > .container > .lead { max-width: 62%; }
body.site-glass .page-hero h1 {
  color: var(--lg-ink) !important;
  font-size: clamp(34px, 3.6vw, 48px) !important;
  line-height: 1.18;
  letter-spacing: -.035em;
  /* 中文只在标点处断行，不再把「一张网络 / 经营决策 / 全域业务」拆成两半 */
  word-break: keep-all;
  overflow-wrap: break-word;
  text-shadow: 0 2px 18px rgba(255, 255, 255, .70);
}
body.site-glass .page-hero .lead { color: #44577d !important; font-size: 16px; text-wrap: pretty; }
body.site-glass .breadcrumb { color: #6a7b9c !important; }
body.site-glass .breadcrumb a { color: #42557c !important; }
body.site-glass .breadcrumb span { color: var(--lg-blue) !important; }
body.site-glass .hero-actions { margin-bottom: 0 !important; }

/* 背板：向右下错开一层，形成整齐的玻璃厚度，不旋转、不加第二条边 */
body.site-glass .page-hero > .container::before {
  content: "";
  position: absolute; right: 1.5%; top: 50%; width: 35%; height: 226px;
  border-radius: 30px;
  border: 1px solid rgba(120, 160, 240, .22);
  background: linear-gradient(145deg, rgba(255, 255, 255, .46), rgba(206, 226, 255, .30));
  box-shadow: 0 20px 46px rgba(60, 90, 160, .12);
  transform: translate(16px, calc(-50% + 16px));
  pointer-events: none;
}
/* 主玻璃：白净、扶正、极轻透视；内部只留极淡的界面线索 */
body.site-glass .page-hero > .container::after {
  content: "";
  position: absolute; right: 1.5%; top: 50%; width: 35%; height: 226px;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, .94);
  background-image:
    radial-gradient(220px 160px at var(--gx, 30%) var(--gy, 0%), rgba(255, 255, 255, .88), transparent 72%),
    linear-gradient(90deg, rgba(70, 120, 210, .14), rgba(70, 120, 210, .14)),
    linear-gradient(90deg, rgba(43, 124, 255, .20), rgba(124, 92, 255, .08)),
    linear-gradient(90deg, rgba(70, 120, 210, .09), rgba(70, 120, 210, .09)),
    linear-gradient(155deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .56) 55%, rgba(232, 242, 255, .68));
  background-size: 100% 100%, 62% 1px, 44% 10px, 52% 8px, 100% 100%;
  background-position: 0 0, 22px 44px, 22px 74px, 22px 104px, 0 0;
  background-repeat: no-repeat;
  -webkit-backdrop-filter: blur(26px) saturate(205%) brightness(1.03);
  backdrop-filter: blur(26px) saturate(205%) brightness(1.03);
  box-shadow:
    inset 0 1px 0 #fff,
    0 28px 62px rgba(46, 76, 140, .18),
    0 0 40px rgba(120, 165, 255, .16);
  transform: translateY(-50%) perspective(1100px)
             rotateY(calc(-5deg + var(--sg-ry, 0deg)))
             rotateX(calc(2deg + var(--sg-rx, 0deg)));
  transition: transform .5s cubic-bezier(.2, .7, .2, 1);
  pointer-events: none;
}
body.site-glass .page-hero > .container:hover::after {
  transform: translateY(-50%) perspective(1100px)
             rotateY(calc(-3.5deg + var(--sg-ry, 0deg)))
             rotateX(calc(1.2deg + var(--sg-rx, 0deg)));
}

/* 404 页：同一张白玻璃卡收拢内容 */
body.site-glass .error-hero { padding: 110px 0 120px !important; }
body.site-glass .error-hero > .container {
  position: relative; z-index: 1;
  max-width: 760px;
  padding: 54px 44px !important;
  border: 1px solid rgba(255, 255, 255, .94) !important;
  border-radius: 32px;
  background: linear-gradient(155deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .54) 55%, rgba(236, 245, 255, .66));
  -webkit-backdrop-filter: blur(26px) saturate(200%);
  backdrop-filter: blur(26px) saturate(200%);
  box-shadow: inset 0 1px 0 #fff, 0 30px 70px rgba(46, 76, 140, .16);
}
body.site-glass .error-code {
  color: transparent;
  background: linear-gradient(120deg, #1f6bff, #7c5cff);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.site-glass .error-hero p { color: var(--lg-sub) !important; }

/* ---------- 5. 区块排版 ---------- */
body.site-glass .section-head { max-width: 820px; }
body.site-glass .section-head .kicker,
body.site-glass .kicker { color: var(--lg-blue) !important; letter-spacing: .14em; font-size: 12px; font-weight: 700; }
body.site-glass .kicker::before { background: linear-gradient(90deg, #2b7cff, #a78bfa) !important; width: 22px; height: 2px; }
body.site-glass h1, body.site-glass h2, body.site-glass h3, body.site-glass h4 { color: var(--lg-ink) !important; }
body.site-glass .h2 {
  letter-spacing: -.035em;
  /* 区块标题同样按中文词组断行，避免「触达 / 上报」被拆到下一行 */
  word-break: keep-all;
  overflow-wrap: break-word;
}
body.site-glass .lead,
body.site-glass .card p,
body.site-glass .prose p,
body.site-glass .prose li { color: var(--lg-sub) !important; }
body.site-glass .value-num {
  background: linear-gradient(135deg, #2b7cff, #8b5cf6);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
body.site-glass .card-link { color: var(--lg-blue) !important; }

/* ---------- 6. 统一玻璃卡：一条边 + 一道顶高光 + 一层柔和彩影 ---------- */
body.site-glass .card,
body.site-glass .product-card,
body.site-glass .cat-card,
body.site-glass .extra-card,
body.site-glass .segment-card,
body.site-glass .value-card,
body.site-glass .metric,
body.site-glass .step,
body.site-glass .gate,
body.site-glass .role,
body.site-glass .plan,
body.site-glass .tier,
body.site-glass .phase-card,
body.site-glass .module,
body.site-glass .shot-slot,
body.site-glass .table-wrap,
body.site-glass .form-card,
body.site-glass .model {
  background: linear-gradient(150deg, rgba(255, 255, 255, .84), rgba(240, 247, 255, .56)) !important;
  border: 1px solid var(--lg-line) !important;
  border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 14px 34px var(--lg-shadow) !important;
  -webkit-backdrop-filter: blur(22px) saturate(185%);
  backdrop-filter: blur(22px) saturate(185%);
  transition: transform .32s cubic-bezier(.2, .7, .2, 1), box-shadow .32s ease, border-color .32s ease, opacity .6s ease;
}
body.site-glass .card:hover,
body.site-glass .product-card:hover,
body.site-glass .cat-card:hover,
body.site-glass .extra-card:hover,
body.site-glass .segment-card:hover,
body.site-glass .value-card:hover,
body.site-glass .metric:hover,
body.site-glass .step:hover,
body.site-glass .shot-slot:hover {
  transform: translateY(-5px);
  border-color: rgba(120, 170, 255, .72) !important;
  box-shadow: inset 0 1px 0 #fff, 0 24px 52px rgba(46, 76, 140, .18) !important;
}
/* 大面板：更从容的圆角；小卡/内嵌：同心递减 */
body.site-glass .form-card,
body.site-glass .table-wrap,
body.site-glass .shot-slot { border-radius: 28px !important; }
body.site-glass .flow-step { border-radius: 18px !important; }
body.site-glass .step,
body.site-glass .metric,
body.site-glass .tag,
body.site-glass .role-badge,
body.site-glass .gate-num,
body.site-glass .step-time,
body.site-glass .card-icon { border-radius: 14px !important; }
/* 顶部彩色细线 = 第二条边，去掉 */
body.site-glass .cat-card::before,
body.site-glass .product-card::before,
body.site-glass .pain-card::before { display: none !important; }
body.site-glass .pain-card,
body.site-glass .pain-card:nth-child(2),
body.site-glass .pain-card:nth-child(3) { border-top: 1px solid var(--lg-line) !important; }
body.site-glass .pain-sub { color: var(--lg-blue) !important; }
body.site-glass .card-num { color: #8b9ab8 !important; }
body.site-glass .card-icon,
body.site-glass .card-icon.cyan,
body.site-glass .card-icon.green,
body.site-glass .card-icon.gold,
body.site-glass .card-icon.red {
  background: linear-gradient(140deg, rgba(255, 255, 255, .92), rgba(226, 238, 255, .72)) !important;
  border: 1px solid rgba(255, 255, 255, .94) !important;
  color: var(--lg-blue) !important;
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(46, 76, 140, .12) !important;
}
body.site-glass .tag,
body.site-glass .tag.green,
body.site-glass .tag.gold,
body.site-glass .tag.gray,
body.site-glass .product-tags span,
body.site-glass .role-badge,
body.site-glass .gate-num,
body.site-glass .step-time,
body.site-glass .anchor-nav a {
  background: linear-gradient(150deg, rgba(255, 255, 255, .88), rgba(235, 244, 255, .64)) !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  border-radius: 999px !important;
  color: #3a4c70 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
body.site-glass .anchor-nav a:hover {
  border-color: rgba(31, 107, 255, .40) !important;
  color: var(--lg-blue) !important;
}
body.site-glass .anchor-nav {
  background: transparent !important;
  border: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* ---------- 7. split：等高双玻璃卡，彻底消除卡中卡 / 双重边框 ---------- */
body.site-glass .split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}
body.site-glass .split > * {
  min-width: 0;
  padding: 30px 32px !important;
  background: linear-gradient(150deg, rgba(255, 255, 255, .86), rgba(240, 247, 255, .58)) !important;
  border: 1px solid var(--lg-line) !important;
  border-radius: 28px !important;
  box-shadow: inset 0 1px 0 #fff, 0 16px 38px var(--lg-shadow) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%);
  backdrop-filter: blur(24px) saturate(190%);
}
body.site-glass .split > *:last-child { display: flex; flex-direction: column; gap: 24px; }
/* 右栏两张卡降级为「透明分区」：只留一条极淡分隔线，不再套第二层玻璃 */
body.site-glass .split .card,
body.site-glass .split .card:hover {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 24px !important;
  margin: 0 !important;
  transform: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body.site-glass .split .card + .card {
  border-top: 1px solid rgba(90, 130, 200, .16) !important;
  padding-top: 24px !important;
  padding-bottom: 0 !important;
  flex: 1;
}
body.site-glass .split-visual,
body.site-glass .split-media { border-radius: 24px !important; }

/* ---------- 8. 清单：放大、通透、不再是一排小气的小勾 ---------- */
body.site-glass .checklist { gap: 16px 28px !important; }
body.site-glass .check {
  padding-left: 36px !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
  color: #2b3c5e !important;
  text-wrap: pretty;
}
body.site-glass .check::before {
  top: 1px;
  width: 24px !important; height: 24px !important;
  border-radius: 9px !important;
  background: rgba(34, 195, 166, .14) !important;
  color: #12a9c9 !important;
  font-size: 13px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
body.site-glass .check b { color: var(--lg-ink) !important; }

/* ---------- 9. 流程节点：白玻璃、单边框、同心圆角 ---------- */
body.site-glass .flow-step {
  background: linear-gradient(150deg, rgba(255, 255, 255, .86), rgba(236, 244, 255, .58)) !important;
  border: 1px solid var(--lg-line) !important;
  box-shadow: inset 0 1px 0 #fff, 0 12px 28px rgba(46, 76, 140, .12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(185%);
  backdrop-filter: blur(18px) saturate(185%);
}
body.site-glass .flow-step b { color: #16274a !important; }
body.site-glass .flow-step span { color: var(--lg-sub) !important; }
body.site-glass .flow-step::before { background: var(--lg-blue) !important; box-shadow: 0 0 10px rgba(43, 124, 255, .45); }
body.site-glass .flow-step::after { color: rgba(90, 130, 200, .42) !important; }

/* ---------- 10. 提示条 / 彩色横幅 ---------- */
body.site-glass .note {
  background: linear-gradient(100deg, rgba(255, 255, 255, .86), rgba(240, 247, 255, .60)) !important;
  border: 1px solid var(--lg-line) !important;
  border-radius: 18px !important;
  color: #44577a !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(46, 76, 140, .08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(175%);
  backdrop-filter: blur(16px) saturate(175%);
}
body.site-glass .note b { color: var(--lg-blue) !important; }
body.site-glass .quote-band {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  background: linear-gradient(120deg, rgba(219, 234, 255, .86), rgba(236, 225, 255, .78) 55%, rgba(214, 245, 240, .74)) !important;
  border: 1px solid var(--lg-line) !important;
  border-radius: 26px !important;
  color: var(--lg-ink) !important;
  box-shadow: inset 0 1px 0 #fff, 0 20px 44px rgba(46, 76, 140, .14) !important;
  -webkit-backdrop-filter: blur(26px) saturate(190%);
  backdrop-filter: blur(26px) saturate(190%);
}
body.site-glass .quote-band b { color: var(--lg-ink) !important; }
body.site-glass .quote-band span { color: var(--lg-blue) !important; }
body.site-glass .quote-band .btn-gold { color: #fff !important; }

/* ---------- 11. 截图位：玻璃画框 + 同心圆角 ---------- */
body.site-glass .shot-slot { overflow: hidden !important; }
body.site-glass .shot-slot img { background: rgba(240, 247, 255, .72) !important; }
body.site-glass .shot-slot figcaption {
  border-top: 1px solid rgba(90, 130, 200, .14) !important;
  background: rgba(255, 255, 255, .48);
  border-radius: 0 0 28px 28px;
}
body.site-glass .shot-slot figcaption b { color: var(--lg-ink) !important; }
body.site-glass .shot-slot figcaption span { color: #7a89a8 !important; }
body.site-glass .shot-mobile {
  border-top: 0 !important;
  padding-top: 0 !important;
}
body.site-glass .shot-mobile p { color: var(--lg-sub) !important; }

/* ---------- 12. 表格 / 正文 / 时间轴 / 强调块 ---------- */
body.site-glass .table-wrap { overflow-x: auto; }
body.site-glass table.data th,
body.site-glass table.data td { border-bottom-color: rgba(90, 130, 200, .14) !important; }
body.site-glass table.data th {
  background: rgba(232, 241, 255, .72) !important;
  color: #263a61 !important;
  border-bottom: 1px solid rgba(90, 130, 200, .20) !important;
}
body.site-glass table.data .col-l1 { background: rgba(236, 231, 255, .42) !important; }
body.site-glass .metrics { border-color: rgba(90, 130, 200, .16) !important; }
body.site-glass .timeline .step { position: relative; }
body.site-glass .step::before { color: var(--lg-blue) !important; }
body.site-glass .step .step-time { color: var(--lg-sub) !important; }
body.site-glass .tier--l1,
body.site-glass .role--l1,
body.site-glass .phase-card--now {
  background: linear-gradient(150deg, rgba(255, 255, 255, .88), rgba(232, 241, 255, .64)) !important;
  border: 1px solid rgba(120, 170, 255, .62) !important;
  box-shadow: inset 0 1px 0 #fff, 0 16px 38px var(--lg-shadow) !important;
}
body.site-glass .prose .update { color: var(--lg-sub) !important; }
body.site-glass .extra-for,
body.site-glass .product-sub,
body.site-glass .segment-pain,
body.site-glass .role-sub { color: var(--lg-sub) !important; }
/* 卡片内那条贯穿的直角分隔线 → 改为留白分组，圆角语言才统一 */
body.site-glass .segment-card .segment-combo {
  border-top: 0 !important;
  padding-top: 20px !important;
}

/* ---------- 13. CTA / 表单 ---------- */
body.site-glass .cta h2,
body.site-glass .cta .lead,
body.site-glass .cta-points li,
body.site-glass .cta-contact div { color: var(--lg-ink) !important; }
body.site-glass .cta-points li::before { color: #12a9c9 !important; }
body.site-glass .cta-contact { border-top-color: rgba(90, 130, 200, .18) !important; }
body.site-glass .form-card { border-radius: 28px !important; }
body.site-glass .form-card h3 { color: var(--lg-ink) !important; }
body.site-glass .form-sub { color: var(--lg-sub) !important; }
body.site-glass .field input,
body.site-glass .field select,
body.site-glass .field textarea {
  background: rgba(255, 255, 255, .80) !important;
  border: 1px solid rgba(255, 255, 255, .94) !important;
  border-radius: 14px !important;
  color: var(--lg-ink) !important;
  box-shadow: inset 0 1px 0 #fff, 0 4px 14px rgba(46, 76, 140, .07);
}
body.site-glass .field input:focus,
body.site-glass .field select:focus,
body.site-glass .field textarea:focus {
  border-color: rgba(31, 107, 255, .48) !important;
  box-shadow: 0 0 0 3px rgba(31, 107, 255, .12) !important;
}

/* ---------- 14. 页脚：与正文同一层连续背景，无硬边 ---------- */
body.site-glass .site-footer { color: var(--lg-sub) !important; }
body.site-glass .footer-brand img {
  background: rgba(255, 255, 255, .72);
  padding: 5px 9px;
  border-radius: 10px;
}
body.site-glass .footer-brand p { color: var(--lg-sub) !important; }
body.site-glass .site-footer h4 { color: var(--lg-ink) !important; }
body.site-glass .footer-links a,
body.site-glass .site-footer a,
body.site-glass .footer-bottom a { color: #42557c !important; }
body.site-glass .footer-links a:hover,
body.site-glass .site-footer a:hover { color: var(--lg-blue) !important; }
body.site-glass .footer-bottom { border-top-color: rgba(90, 130, 200, .16) !important; color: #7c8aa8 !important; }

/* ---------- 15. 边缘透镜：中心通透，只有内缘一圈实时折光 ---------- */
body.site-glass .lg-lens {
  position: absolute; inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  -webkit-mask:
    linear-gradient(90deg,  rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) left   / var(--lens-w, 22px) 100%          no-repeat,
    linear-gradient(270deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) right  / var(--lens-w, 22px) 100%          no-repeat,
    linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) top    / 100%          var(--lens-w, 22px) no-repeat,
    linear-gradient(0deg,   rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) bottom / 100%          var(--lens-w, 22px) no-repeat;
  mask:
    linear-gradient(90deg,  rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) left   / var(--lens-w, 22px) 100%          no-repeat,
    linear-gradient(270deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) right  / var(--lens-w, 22px) 100%          no-repeat,
    linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) top    / 100%          var(--lens-w, 22px) no-repeat,
    linear-gradient(0deg,   rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) bottom / 100%          var(--lens-w, 22px) no-repeat;
  -webkit-backdrop-filter: blur(1px) saturate(280%) contrast(1.12) brightness(1.08);
  backdrop-filter: blur(1px) saturate(280%) contrast(1.12) brightness(1.08);
  box-shadow: none !important;
}
body.site-glass .lg-live > :not(.lg-lens) { position: relative; z-index: 1; }
/* Chromium 上再叠一层极轻的液态流动；不支持的引擎自动用上面那条 */
@supports (backdrop-filter: url("#sg-flow")) {
  body.site-glass .lg-lens {
    -webkit-backdrop-filter: url(#sg-flow) blur(1px) saturate(280%) contrast(1.12) brightness(1.08);
    backdrop-filter: url(#sg-flow) blur(1px) saturate(280%) contrast(1.12) brightness(1.08);
  }
}
/* JS 只在「背后有彩色可折」的大面上加透镜，这里统一压掉多余描边 */
body.site-glass .quote-band.lg-live,
body.site-glass .split > .lg-live,
body.site-glass .shot-slot.lg-live,
body.site-glass .error-hero > .container.lg-live {
  background: linear-gradient(155deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .48) 55%, rgba(236, 245, 255, .60)) !important;
  border: 1px solid var(--lg-line) !important;
  box-shadow: inset 0 1px 0 #fff, 0 18px 42px var(--lg-shadow) !important;
}

/* ---------- 16. 动画 ---------- */
@keyframes sgDrift {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(-2.5%, 1.5%, 0) scale(1.06); }
}
@keyframes sgBtnSheen {
  0%, 100% { background-position: 0% 50%, 0 0; }
  50%      { background-position: 100% 50%, 0 0; }
}

/* ---------- 17. 响应式 ---------- */
@media (max-width: 1100px) {
  body.site-glass .page-hero > .container > .breadcrumb,
  body.site-glass .page-hero > .container > h1,
  body.site-glass .page-hero > .container > .lead { max-width: 60%; }
  body.site-glass .page-hero > .container::before,
  body.site-glass .page-hero > .container::after { width: 36%; }
}
@media (max-width: 900px) {
  body.site-glass section.section { padding: 66px 0; }
  body.site-glass .page-hero { padding: 70px 0 72px !important; }
  body.site-glass .page-hero > .container { min-height: 0; }
  body.site-glass .page-hero > .container > .breadcrumb,
  body.site-glass .page-hero > .container > h1,
  body.site-glass .page-hero > .container > .lead { max-width: 100%; }
  body.site-glass .page-hero > .container::before,
  body.site-glass .page-hero > .container::after { display: none; }
  body.site-glass .split { grid-template-columns: 1fr; }
  body.site-glass .checklist { gap: 14px 20px !important; }
  body.site-glass .card,
  body.site-glass .product-card,
  body.site-glass .extra-card,
  body.site-glass .segment-card { border-radius: 22px !important; }
}
@media (max-width: 700px) {
  body.site-glass .quote-band { flex-direction: column; align-items: flex-start; }
  body.site-glass .split > * { padding: 24px 22px !important; }
  body.site-glass .error-hero > .container { padding: 40px 24px !important; }
}
@media (max-width: 560px) {
  body.site-glass section.section { padding: 54px 0; }
  body.site-glass .page-hero { padding: 56px 0 58px !important; }
  body.site-glass .page-hero h1 { font-size: clamp(30px, 8vw, 38px) !important; }
  body.site-glass .check { font-size: 15px !important; }
  body.site-glass .checklist { grid-template-columns: 1fr !important; }
  body.site-glass .flow--4,
  body.site-glass .flow--5,
  body.site-glass .flow--6,
  body.site-glass .flow--7 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.site-glass .card,
  body.site-glass .product-card,
  body.site-glass .extra-card,
  body.site-glass .segment-card { border-radius: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-glass .page-hero::before { animation: none; }
  body.site-glass .btn-primary,
  body.site-glass .btn-gold,
  body.site-glass .nav-actions .btn { animation: none; }
  body.site-glass .lg-lens {
    -webkit-backdrop-filter: blur(1px) saturate(240%) contrast(1.08) brightness(1.05);
    backdrop-filter: blur(1px) saturate(240%) contrast(1.08) brightness(1.05);
  }
}
@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  body.site-glass .lg-lens {
    -webkit-backdrop-filter: blur(1px) saturate(240%) contrast(1.08) brightness(1.05);
    backdrop-filter: blur(1px) saturate(240%) contrast(1.08) brightness(1.05);
  }
}

/* ---------- 18. 真实系统截图：统一画框比例，卡片等高 ----------
   原图 2.08~2.19 的宽屏比例，占位 SVG 是 16:9；只给 PNG 套 2.1:1
   画框并用 contain，界面完整不裁切，也不会一张高一张扁。 */
body.site-glass .shot-slot img[src$=".png"] {
  width: 100%;
  height: auto;
  aspect-ratio: 2.1;
  object-fit: contain;
  background: rgba(240, 247, 255, .78) !important;
}
body.site-glass .shot-slot[data-shot="product-ybfk"] img[src$=".png"] {
  aspect-ratio: auto;
  object-fit: fill;
  background: transparent !important;
}
/* 医保代办页与能力图谱页同图（医保智能审核大屏，浅色底）：
   沿用能力图谱的铺满画法——取消 2.1:1 画框与底衬，按原图比例铺满卡片内框。 */
body.site-glass .shot-slot[data-shot="product-insurance-agency"] img[src$=".png"] {
  aspect-ratio: auto;
  object-fit: fill;
  background: transparent !important;
}
/* 患者服务界面是 1653×980（约 1.69:1），用页面统一的 2.1:1 画框会上下留大片底色，
   这页截图位是独张、不在等高网格里，直接按原图比例出画框。 */
body.site-glass .shot-slot[data-shot="product-patient"] img[src$=".png"] {
  aspect-ratio: 1.69;
}
/* 药房大屏是 2560×1440（1.78:1），同一页也只此一张图位，按原图比例出画框 */
body.site-glass .shot-slot[data-shot="product-pharmacy"] img[src$=".png"] {
  aspect-ratio: 1.78;
}

/* ---------- 19. 锚点目录：吸顶液态玻璃 Dock ----------
   保留冻结，但不再用两行方板挡内容。单行 66px 胶囊磨砂玻璃吸顶：
   左端彩色「目录」徽章、右端章节计数常驻（伪元素 sticky 钉在滚动
   容器两端），中间目录横向滚动；当前章节浮起为白玻璃＋彩虹折射边
   胶囊，并由脚本自动带进视野。滚动条与任何形似滚动条的线条都不显示。 */
body.site-glass .anchor-nav {
  position: sticky !important;
  /* 由 main.js 按导航实际高度写入，桌面/移动端都无缝贴合，不留缝露正文 */
  top: var(--sg-sticky-top, var(--header-h, 64px)) !important;
  z-index: 30 !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  height: 66px;
  padding: 7px 8px !important;
  margin: 0 0 38px !important;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(255, 255, 255, .96) !important;
  border-radius: 999px !important;
  background-color: rgba(255, 255, 255, .74) !important;
  /* 只保留一层玻璃底：原先底部那道随进度推进的彩色细线，视觉上
     极像一条横向滚动条的滑块，用户反馈「有滚动条了」，故移除；
     进度改由右端 01 / 10 计数 + 当前项高亮表达。 */
  background-image:
    linear-gradient(120deg, rgba(255, 255, 255, .94), rgba(232, 242, 255, .76) 48%, rgba(246, 236, 255, .82)) !important;
  /* 这三条必须带 !important：style.css 的 background 简写会把它们重置成 auto */
  background-size: 100% 100% !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(255, 255, 255, .55),
    0 18px 40px rgba(46, 76, 140, .18),
    0 0 34px rgba(120, 165, 255, .18) !important;
  -webkit-backdrop-filter: blur(30px) saturate(210%) brightness(1.03) !important;
  backdrop-filter: blur(30px) saturate(210%) brightness(1.03) !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-snap-type: x proximity;
  counter-reset: sg-anchor;
}
/* 真实浏览器（Windows 经典滚动条）里也不能露出横向滚动条 */
body.site-glass .anchor-nav::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
/* 吸顶后玻璃更「实」，给出已冻结的反馈 */
body.site-glass .anchor-nav.is-stuck {
  background-color: rgba(255, 255, 255, .96) !important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(255, 255, 255, .65),
    0 22px 52px rgba(46, 76, 140, .24),
    0 0 42px rgba(120, 165, 255, .22) !important;
}
/* 左端：常驻的彩色目录徽章 */
body.site-glass .anchor-nav::before {
  content: "目录";
  position: sticky;
  left: 0;
  z-index: 3;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  height: 46px;
  padding: 0 18px;
  margin-right: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2269ee, #5148e8 58%, #7c3aed);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .16em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 10px 22px rgba(47, 100, 240, .30);
}
/* 右端：常驻的章节进度（内容由 main.js 写入 data-progress） */
body.site-glass .anchor-nav::after {
  content: attr(data-progress);
  position: sticky;
  right: 0;
  z-index: 3;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  height: 34px;
  min-width: 62px;
  padding: 0 12px;
  margin-left: auto;
  border-radius: 999px;
  background: linear-gradient(150deg, #ffffff, #e6f0ff);
  border: 1px solid rgba(255, 255, 255, .96);
  box-shadow:
    -26px 0 26px 6px rgba(255, 255, 255, .98),
    inset 0 1px 0 #fff,
    0 6px 16px rgba(46, 76, 140, .12);
  color: var(--lg-blue);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .06em;
}
/* 中间单元：无独立边框，只有当前/悬停态浮起 */
body.site-glass .anchor-nav a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #33456a !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  counter-increment: sg-anchor;
  scroll-snap-align: center;
  transition: background .28s ease, color .28s ease, box-shadow .28s ease;
}
body.site-glass .anchor-nav a::before {
  content: counter(sg-anchor, decimal-leading-zero);
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  color: #8ea4cc;
}
body.site-glass .anchor-nav a:hover {
  background: rgba(255, 255, 255, .76) !important;
  color: var(--lg-blue) !important;
}
/* 当前项：白玻璃 + 一圈彩虹折射边，和左侧彩色徽章分层，不再撞成两块紫 */
body.site-glass .anchor-nav a.is-active {
  border: 1.5px solid transparent !important;
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .98), rgba(231, 226, 255, .94)) padding-box,
    linear-gradient(120deg, #2b7cff, #7c5cff 55%, #ec6ba9) border-box !important;
  color: var(--lg-blue) !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(47, 100, 240, .22) !important;
}
body.site-glass .anchor-nav a.is-active::before { color: var(--lg-blue); }
body.site-glass .anchor-nav a:hover::before { color: var(--lg-blue); }

@media (max-width: 700px) {
  body.site-glass .anchor-nav {
    height: 58px;
    padding: 6px !important;
    margin-bottom: 30px !important;
    /* 移动端导航是带外边距的悬浮玻璃卡，上移一点正好贴住它的下沿，
       否则中间那道透明缝会露出滚动的正文 */
    top: calc(var(--sg-sticky-top, 64px) - 12px) !important;
  }
  body.site-glass .anchor-nav::before {
    height: 40px; padding: 0 10px; margin-right: 2px;
    font-size: 11px; letter-spacing: .06em;
  }
  body.site-glass .anchor-nav::after {
    height: 30px; min-width: 48px; padding: 0 6px; font-size: 10px;
  }
  body.site-glass .anchor-nav a {
    height: 40px; padding: 0 12px !important; font-size: 13px !important;
  }
  /* 窄屏不塞「01 / 10」计数：改由右端渐隐 + 当前项高亮表达进度，
     右端渐隐暗示还能横向滑动，彻底避免计数压住章节文字 */
  body.site-glass .anchor-nav {
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 86%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 86%, transparent 100%);
  }
  body.site-glass .anchor-nav::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-glass .anchor-nav { scroll-behavior: auto; }
}

/* ---------- 20. 产品蓝图：演进主线（发光轨道 + 站点）与产品版图 ----------
   只服务 roadmap.html。阶段区不再是一排文字卡：一条渐变发光轨道横贯，
   PHASE 1 是正在运行的站点（脉冲环 +「现在」徽章），轨道已走过段高亮、
   未来段虚线；阶段卡带彩色顶边与大号水印序号。产品线大表拆成五大战区
   玻璃集群卡，原 15 行完整对照表收进 <details> 不丢信息。 */

/* --- 演进主线 --- */
body.site-glass .bp-stations {
  position: relative;
}
body.site-glass .bp-stations > ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.site-glass .bp-station {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  /* style.css 给 main 里的 li 加了 .3em 外边距，会把整排站点往下顶，
     轨道就穿不过圆心 */
  margin: 0;
}
body.site-glass .bp-era {
  height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(255, 255, 255, .96);
  box-shadow: inset 0 1px 0 #fff, 0 4px 12px rgba(46, 76, 140, .10);
  color: #7488ab;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .10em;
  white-space: nowrap;
}
body.site-glass .bp-station.is-now .bp-era {
  background: linear-gradient(135deg, #2269ee, #5148e8 60%, #7c3aed);
  border-color: transparent;
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 8px 20px rgba(47, 100, 240, .32);
}
/* 轨道：从第一站中心到最后站中心；已走过段发光，未来段虚线 */
body.site-glass .bp-rail {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 47px;
  height: 4px;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg,
    rgba(120, 148, 196, .38) 0 10px, transparent 10px 20px);
}
body.site-glass .bp-rail-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #2b7cff, #7c5cff 60%, #ec6ba9);
  box-shadow: 0 0 14px rgba(110, 120, 255, .55);
  transition: width 1.3s cubic-bezier(.25, .8, .25, 1) .25s;
}
body.site-glass .bp-timeline.reveal.is-in .bp-rail-fill { width: 27%; }
body.site-glass .bp-dot {
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  /* 上下 margin 把点撑进 26px 的槽里，与 is-now 的 26px 大点中心对齐，
     轨道才能同时穿过两种点的圆心 */
  margin: 4px 0;
  border-radius: 50%;
  background: linear-gradient(150deg, #fff, #e4edfb);
  border: 1px solid rgba(120, 148, 196, .55);
  box-shadow: 0 4px 10px rgba(46, 76, 140, .18);
}
body.site-glass .bp-station.is-now .bp-dot {
  margin: 0;
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #2b7cff, #7c5cff 62%, #ec6ba9);
  border: 3px solid #fff;
  box-shadow: 0 6px 16px rgba(47, 100, 240, .38);
  animation: bpPing 2.2s ease-out infinite;
}
@keyframes bpPing {
  0%   { box-shadow: 0 6px 16px rgba(47, 100, 240, .38), 0 0 0 0 rgba(64, 108, 240, .40); }
  100% { box-shadow: 0 6px 16px rgba(47, 100, 240, .38), 0 0 0 16px rgba(64, 108, 240, 0); }
}
/* 阶段卡 */
body.site-glass .bp-cols {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}
body.site-glass .bp-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 26px 24px 24px;
  border-radius: 24px;
  background: linear-gradient(155deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .50) 58%, rgba(234, 243, 255, .62));
  border: 1px solid var(--lg-line, rgba(198, 216, 244, .92));
  box-shadow: inset 0 1px 0 #fff, 0 16px 38px var(--lg-shadow, rgba(46, 76, 140, .10));
  transition: transform .35s ease, box-shadow .35s ease;
}
body.site-glass .bp-card::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ac), color-mix(in srgb, var(--ac) 45%, #fff));
  opacity: .85;
}
/* 站点与卡之间的竖向光柱 */
body.site-glass .bp-card::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  width: 2px;
  height: 30px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(120, 148, 196, 0), rgba(120, 148, 196, .55));
}
body.site-glass .bp-card--now::after {
  background: linear-gradient(180deg, rgba(64, 108, 240, 0), rgba(64, 108, 240, .70));
}
body.site-glass .bp-card:hover {
  transform: translateY(-4px);
  box-shadow: inset 0 1px 0 #fff, 0 22px 46px rgba(46, 76, 140, .16);
}
body.site-glass .bp-idx {
  position: absolute;
  top: 6px;
  right: 14px;
  font-size: 64px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.04em;
  color: var(--ac);
  opacity: .10;
  pointer-events: none;
}
body.site-glass .bp-phase {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--ac);
  margin-bottom: 8px;
}
body.site-glass .bp-card h3 {
  font-size: 17.5px;
  line-height: 1.3;
  color: var(--lg-ink, #101d38);
  margin: 0 0 14px;
}
body.site-glass .bp-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
body.site-glass .bp-list li {
  position: relative;
  padding-left: 17px;
  font-size: 13.5px;
  line-height: 1.5;
  color: #4a5b7d;
}
body.site-glass .bp-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(120, 148, 196, .55);
}
body.site-glass .bp-list li.live::before {
  background: linear-gradient(135deg, #2b7cff, #7c5cff);
  box-shadow: 0 0 6px rgba(64, 108, 240, .45);
}
body.site-glass .bp-card--now {
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .92), rgba(240, 246, 255, .72) 55%, rgba(238, 242, 255, .80));
  border-color: rgba(120, 160, 250, .85);
  box-shadow:
    inset 0 1px 0 #fff,
    0 0 0 3px rgba(47, 100, 240, .10),
    0 20px 44px rgba(46, 76, 140, .16);
}

/* --- 产品版图：五大战区 --- */
body.site-glass .bp-bento {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}
body.site-glass .bp-cluster {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  padding: 24px 22px 20px;
  border-radius: 26px;
  background: linear-gradient(160deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .52) 60%, rgba(236, 245, 255, .62));
  border: 1px solid var(--lg-line, rgba(198, 216, 244, .92));
  box-shadow: inset 0 1px 0 #fff, 0 16px 38px var(--lg-shadow, rgba(46, 76, 140, .10));
}
body.site-glass .bp-cluster--wide { grid-column: span 3; }
body.site-glass .bp-cluster-top {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(198, 216, 244, .75);
}
body.site-glass .bp-ico {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  background: linear-gradient(135deg, var(--ac), color-mix(in srgb, var(--ac) 55%, #7c5cff));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 8px 18px color-mix(in srgb, var(--ac) 30%, transparent);
}
body.site-glass .bp-cluster-top h3 {
  font-size: 17px;
  line-height: 1.25;
  color: var(--lg-ink, #101d38);
  margin: 0;
}
body.site-glass .bp-cluster-top p {
  margin: 3px 0 0;
  font-size: 12.5px;
  color: #7488ab;
}
body.site-glass .bp-n {
  margin-left: auto;
  flex: 0 0 auto;
  padding: 4px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ac) 12%, #fff);
  border: 1px solid color-mix(in srgb, var(--ac) 26%, #fff);
  color: color-mix(in srgb, var(--ac) 80%, #1b2b4d);
  font-size: 11.5px;
  font-weight: 800;
  white-space: nowrap;
}
body.site-glass .bp-lines {
  display: grid;
  gap: 10px;
}
body.site-glass .bp-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "name next" "cap next";
  align-items: center;
  column-gap: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .66);
  border: 1px solid rgba(210, 226, 248, .9);
  text-decoration: none;
  transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
}
body.site-glass .bp-line:hover {
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(46, 76, 140, .14);
}
body.site-glass .bp-line b {
  grid-area: name;
  font-size: 14.5px;
  font-weight: 800;
  color: var(--lg-ink, #101d38);
}
body.site-glass .bp-cap {
  grid-area: cap;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: #7c8cab;
}
body.site-glass .bp-next {
  grid-area: next;
  padding: 5px 11px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ac) 10%, #fff);
  color: color-mix(in srgb, var(--ac) 85%, #1b2b4d);
  font-size: 11.5px;
  font-weight: 700;
  white-space: nowrap;
}
body.site-glass .bp-line:hover .bp-next {
  background: var(--ac);
  color: #fff;
}

/* --- 完整对照表（收纳） --- */
body.site-glass .bp-details {
  margin-top: 26px;
}
body.site-glass .bp-details summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 14px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(255, 255, 255, .96);
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(46, 76, 140, .10);
  color: #33456a;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  transition: background .25s ease;
}
body.site-glass .bp-details summary::-webkit-details-marker { display: none; }
body.site-glass .bp-details summary:hover { background: #fff; }
body.site-glass .bp-details summary i {
  width: 8px;
  height: 8px;
  border-right: 2px solid #7488ab;
  border-bottom: 2px solid #7488ab;
  transform: rotate(45deg);
  transition: transform .25s ease;
  margin-top: -3px;
}
body.site-glass .bp-details[open] summary i { transform: rotate(225deg); margin-top: 3px; }
body.site-glass .bp-details .table-wrap {
  margin-top: 16px;
}

/* --- 响应式 --- */
@media (max-width: 1024px) {
  body.site-glass .bp-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.site-glass .bp-card::after { display: none; }
  body.site-glass .bp-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.site-glass .bp-cluster,
  body.site-glass .bp-cluster--wide { grid-column: auto; }
}
@media (max-width: 700px) {
  body.site-glass .bp-era {
    height: 22px;
    padding: 0 8px;
    font-size: 10px;
    letter-spacing: .04em;
  }
  body.site-glass .bp-station.is-now .bp-era { padding: 0 10px; }
  body.site-glass .bp-rail { top: 45px; }
  body.site-glass .bp-cols { grid-template-columns: 1fr; margin-top: 22px; }
  body.site-glass .bp-bento { grid-template-columns: 1fr; }
  body.site-glass .bp-line { grid-template-columns: 1fr; grid-template-areas: "name" "cap" "next"; }
  body.site-glass .bp-next { margin-top: 8px; justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  body.site-glass .bp-station.is-now .bp-dot { animation: none; }
  body.site-glass .bp-timeline.reveal.is-in .bp-rail-fill { transition: none; }
}

/* ---------- 21. 内页首屏实图（产品蓝图）：替换占位玻璃面板 ----------
   roadmap.html 的首屏右侧不再放空面板：一枚白玻璃画框里放自绘 SVG
   「业务系统（五路）→ 一个底座 → 医疗生态」，与首页 hero-platform
   同一画风。::before 背板保留做玻璃厚度；::after 占位面板隐藏。 */
body.site-glass .page-hero--art > .container::after { display: none !important; }
body.site-glass .page-hero--art > .container > .hero-art {
  position: absolute;
  right: 1.5%;
  top: 50%;
  width: 35%;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 30px;
  background:
    radial-gradient(220px 160px at var(--gx, 30%) var(--gy, 0%), rgba(255, 255, 255, .92), transparent 72%),
    linear-gradient(140deg, #eef4ff, #f5f3ff 55%, #fdf2f8);
  box-shadow:
    inset 0 1px 0 #fff,
    0 28px 62px rgba(46, 76, 140, .18),
    0 0 40px rgba(120, 165, 255, .16);
  -webkit-backdrop-filter: blur(26px) saturate(205%) brightness(1.03);
  backdrop-filter: blur(26px) saturate(205%) brightness(1.03);
  transform: translateY(-50%) perspective(1100px)
             rotateY(calc(-4deg + var(--sg-ry, 0deg)))
             rotateX(calc(1.6deg + var(--sg-rx, 0deg)));
  transition: transform .5s cubic-bezier(.2, .7, .2, 1);
  /* 与占位面板同一视差：滚动时随 --sg-py 轻移（独立 translate） */
  translate: 0 var(--sg-py, 0px);
  overflow: hidden;
}
body.site-glass .page-hero--art > .container:hover .hero-art {
  transform: translateY(-50%) perspective(1100px)
             rotateY(calc(-2.8deg + var(--sg-ry, 0deg)))
             rotateX(calc(1deg + var(--sg-rx, 0deg)));
}
body.site-glass .page-hero--art .hero-art img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1100px) {
  body.site-glass .page-hero--art > .container > .hero-art { width: 36%; }
  /* 窄屏下按钮行居中会探进画框，改回与文案左对齐 */
  body.site-glass .page-hero--art .hero-actions { justify-content: flex-start; }
}
@media (max-width: 900px) {
  body.site-glass .page-hero--art > .container > .hero-art { display: none; }
}

/* ---------- 22. 区块示意图（l1l2 各章节） ----------
   与 map 关系图同一规格：container 内满宽、左右不额外缩进，
   上下间距交给 section-head 的 margin-bottom 与自身 margin-bottom 统一控制，
   这样六张章节图与首图在宽度、圆角、图注上完全对齐。 */
body.site-glass .gates-figure,
body.site-glass .roles-figure,
body.site-glass .access-figure,
body.site-glass .value-figure,
body.site-glass .assets-figure,
body.site-glass .duty-figure,
body.site-glass .zones-figure,
body.site-glass .principles-figure,
body.site-glass .segments-figure,
body.site-glass .extend-figure,
body.site-glass .priority-figure,
body.site-glass .coop-figure,
body.site-glass .position-figure,
body.site-glass .capability-figure,
body.site-glass .longterm-figure,
body.site-glass .delivery-figure,
body.site-glass .pain-figure,
body.site-glass .rule-figure,
body.site-glass .core-figure,
body.site-glass .screens-figure,
body.site-glass .loop-figure,
body.site-glass .synergy-figure { max-width: none; width: 100%; margin: 0 0 34px !important; }
@media (max-width: 760px) {
  body.site-glass .gates-figure,
  body.site-glass .roles-figure,
  body.site-glass .access-figure,
  body.site-glass .value-figure,
  body.site-glass .assets-figure,
  body.site-glass .duty-figure,
  body.site-glass .zones-figure,
  body.site-glass .principles-figure,
  body.site-glass .segments-figure,
  body.site-glass .extend-figure,
  body.site-glass .priority-figure,
  body.site-glass .coop-figure,
  body.site-glass .position-figure,
  body.site-glass .capability-figure,
  body.site-glass .longterm-figure,
  body.site-glass .delivery-figure,
  body.site-glass .pain-figure,
  body.site-glass .rule-figure,
  body.site-glass .core-figure,
  body.site-glass .screens-figure,
  body.site-glass .loop-figure,
  body.site-glass .synergy-figure { margin: 0 0 22px !important; }
}

/* ---------- 23. 首屏动态背景（l1l2） ----------
   三张系统截图淡化轮换垫在 hero 底下：低透明度 + 轻模糊 + 缓慢推近，
   上覆白纱渐变（左侧文字区更厚），玻璃面板的 backdrop-filter
   会透出这层流动底图，形成液态玻璃的呼吸感。纯氛围层，aria-hidden。 */
body.site-glass .sys-bg {
  position: absolute; inset: 0; z-index: 0;
  overflow: hidden; pointer-events: none;
  opacity: .34;
}
body.site-glass .sys-bg img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  opacity: 0;
  filter: blur(3px) saturate(1.05);
  transform: scale(1.08);
  transition: opacity 1.8s ease;
  will-change: opacity;
}
body.site-glass .sys-bg img.is-on {
  opacity: 1;
  animation: sys-zoom 7.5s ease-out both;
}
@keyframes sys-zoom {
  from { transform: scale(1.06); }
  to { transform: scale(1.13); }
}
/* 白纱：左厚右薄——文字可读性优先，右侧给玻璃面板留出透出的余量 */
body.site-glass .sys-bg::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(100deg,
    rgba(250, 252, 255, .92) 0%,
    rgba(250, 252, 255, .8) 42%,
    rgba(248, 251, 255, .58) 68%,
    rgba(247, 250, 255, .66) 100%);
}
@media (max-width: 900px) {
  body.site-glass .sys-bg { opacity: .26; }
  body.site-glass .sys-bg::after {
    background: linear-gradient(180deg,
      rgba(250, 252, 255, .88) 0%,
      rgba(249, 251, 255, .82) 55%,
      rgba(247, 250, 255, .72) 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.site-glass .sys-bg img { transition: none; }
  body.site-glass .sys-bg img.is-on { animation: none; }
}

/* ---------- 26. 无标题区块的上边距收紧（l1l2「L1/L2 得到什么」split） ----------
   上一区块以收尾条结束，本区块没有 section-head、直接以大卡开场：
   若沿用 84px 上内边距，收尾条与首排大卡之间会出现整段空白（上紧下松）。
   必须放在上方所有 section 响应式覆盖之后——实测同条件 @media 合并后按源顺序决胜。 */
body.site-glass section.section--cosy { padding-top: 56px; }
@media (max-width: 900px) {
  body.site-glass section.section--cosy { padding-top: 46px; }
}
@media (max-width: 560px) {
  body.site-glass section.section--cosy { padding-top: 38px; }
}

/* ---------- 27. 常见质疑（about 页 Q&A 卡） ----------
   客户拿同行来比时的回应卡：质疑原话 + 我们的说法 + 一条「我们的答复」。
   不点名、不贬低，落点是我们自己承诺什么、怎么核验。hover 用独立 translate，
   避免与 motion.css 的入场 transform 抢属性。 */
body.site-glass .qa-card {
  position: relative;
  padding: 24px 26px 22px;
  border-radius: 22px;
  background:
    radial-gradient(220px 140px at var(--gx, 28%) var(--gy, 0%), rgba(255, 255, 255, .95), transparent 72%),
    linear-gradient(150deg, rgba(255, 255, 255, .95), rgba(244, 248, 255, .87));
  border: 1px solid rgba(255, 255, 255, .92);
  box-shadow: inset 0 1px 0 #fff, 0 16px 38px rgba(46, 76, 140, .10);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  transition: translate .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease;
}
body.site-glass .qa-card:hover {
  translate: 0 -3px;
  box-shadow: inset 0 1px 0 #fff, 0 22px 48px rgba(46, 76, 140, .16);
}
body.site-glass .qa-q { font-size: 15px; font-weight: 800; color: #1c2b52; line-height: 1.6; margin: 0; }
body.site-glass .qa-q::before {
  content: ""; display: block; width: 26px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, #7c5cff, #4c8dff); margin-bottom: 12px;
}
body.site-glass .qa-a { margin: 12px 0 0; font-size: 13.5px; line-height: 1.78; color: #5b6b8c; }
body.site-glass .qa-ask {
  margin: 16px 0 0; padding-top: 13px;
  border-top: 1px dashed rgba(120, 140, 180, .26);
  font-size: 12.5px; line-height: 1.7; color: #2a5fd0;
}
body.site-glass .qa-ask b { font-weight: 800; color: #1c2b52; }
@media (max-width: 760px) {
  body.site-glass .qa-card { padding: 20px 18px 18px; border-radius: 18px; }
  body.site-glass .qa-q { font-size: 14px; }
  body.site-glass .qa-a { font-size: 13px; }
}

/* ---------- 28.（已移除）三按钮首屏左对齐规则 ----------
   原因：运营驾驶舱首屏的「在线大屏演示」入口已整体下线，
   现仅剩两个按钮，全局居中不再与画框冲突，规则随之删除。 */

/* ---------- 29. 窄屏图注换行 ----------
   figcaption 是 flex 两端对齐、span 不换行；副标题较长时（本页四张图、
   l1l2 部分图注）在 ≤760px 会把 b 挤成竖排单字。
   窄屏允许 span 换行、允许整行折行，b 恢复正常宽度。 */
@media (max-width: 760px) {
  body.site-glass .shot-slot figcaption { flex-wrap: wrap; gap: 3px 14px; }
  body.site-glass .shot-slot figcaption span { white-space: normal; }
}

/* ---------- 30. 数据条：贴边分隔卡 → 独立玻璃卡 ----------
   about 的四个指标卡原样式是「gap:0 + 上下边线 + 左分隔线」的排版条，
   玻璃化后每张卡自带圆角/边框/投影，gap:0 导致边框贴边框、
   圆角互相挤压、阴影叠阴影，视觉上像叠在一起。
   这里恢复卡片间距、去掉容器边线与分隔线，数字改为蓝紫渐变，
   与首页文件服务的指标卡同一语言。 */
body.site-glass .metrics {
  gap: 16px;
  border-top: 0;
  border-bottom: 0;
}
body.site-glass .metric {
  border-left: 1px solid var(--lg-line) !important;
  padding: 26px 28px;
}
body.site-glass .metric:first-child { border-left: 1px solid var(--lg-line) !important; padding-left: 28px; }
body.site-glass .metric b {
  color: transparent;
  background: linear-gradient(120deg, #1f6bff, #7c5cff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.site-glass .metric span { color: var(--lg-sub); }
@media (max-width: 760px) {
  body.site-glass .metrics { gap: 12px; }
  body.site-glass .metric { padding: 20px 22px; }
  body.site-glass .metric:first-child { padding-left: 22px; }
}

/* ---------- 31. 选型参考：四问条 + 收束句 ----------
   原「他们在比的 / 我们敢被比的」对比带已撤掉：对立叙事放在官网首页，
   面对的是来做尽调的老板，读起来像在跟同行吵架，反而削弱可信度。
   换成一条「选型四问」——同一把尺子可以量任何一家供应商，
   立场从「比他们强」变成「标准摆在这里」。四问条不做成四张卡，
   避免与下面 qa-card 重复堆玻璃。 */
body.site-glass .ask-four {
  margin: 0 0 30px;
  border-radius: 26px;
  background:
    radial-gradient(520px 200px at 12% -20%, rgba(255, 255, 255, .96), transparent 70%),
    linear-gradient(150deg, rgba(255, 255, 255, .93), rgba(243, 247, 255, .78));
  border: 1px solid rgba(255, 255, 255, .94);
  box-shadow: inset 0 1px 0 #fff, 0 18px 40px rgba(46, 76, 140, .09);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  overflow: hidden;
}
body.site-glass .ask-four-top {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 8px 24px; flex-wrap: wrap;
  padding: 20px 30px 0;
}
body.site-glass .ask-four-kicker {
  font-size: 11.5px; font-weight: 800; letter-spacing: .14em;
  color: #2a5fd0;
}
body.site-glass .ask-four-top p {
  margin: 0; font-size: 12.5px; line-height: 1.7; color: #8794ac;
}
body.site-glass .ask-four-list {
  list-style: none; margin: 0; padding: 18px 30px 24px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
}
body.site-glass .ask-four-list li {
  position: relative;
  padding: 4px 22px 4px 0;
  border-left: 1px solid rgba(120, 150, 210, .16);
  padding-left: 22px;
}
body.site-glass .ask-four-list li:first-child { border-left: 0; padding-left: 0; }
body.site-glass .ask-four-list b {
  display: block;
  font-size: 12px; font-weight: 800; letter-spacing: .1em;
  background: linear-gradient(120deg, #1f6bff, #7c5cff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
}
body.site-glass .ask-four-list strong {
  display: block; font-size: 14px; font-weight: 800; color: #1c2b52;
  line-height: 1.55;
}
body.site-glass .ask-four-list span {
  display: block; margin-top: 7px;
  font-size: 12.5px; line-height: 1.72; color: #7b8aa6;
}
body.site-glass .qa-verdict {
  margin: 26px 0 0; padding: 20px 24px;
  border-radius: 20px;
  background: linear-gradient(120deg, rgba(240, 246, 255, .92), rgba(248, 244, 255, .92));
  border: 1px solid rgba(255, 255, 255, .94);
  box-shadow: inset 0 1px 0 #fff, 0 12px 28px rgba(46, 76, 140, .08);
  font-size: 14px; line-height: 1.85; color: #5b6b8c;
}
body.site-glass .qa-verdict b {
  font-weight: 800;
  background: linear-gradient(120deg, #1f6bff, #7c5cff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
@media (max-width: 1100px) {
  body.site-glass .ask-four-list { grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
  body.site-glass .ask-four-list li:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media (max-width: 760px) {
  body.site-glass .ask-four { margin-bottom: 24px; border-radius: 22px; }
  body.site-glass .ask-four-top { padding: 18px 20px 0; }
  body.site-glass .ask-four-list {
    grid-template-columns: 1fr; gap: 0; padding: 14px 20px 20px;
  }
  body.site-glass .ask-four-list li {
    border-left: 0; padding: 12px 0;
    border-top: 1px solid rgba(120, 150, 210, .14);
  }
  body.site-glass .ask-four-list li:first-child { border-top: 0; padding-top: 4px; }
  body.site-glass .ask-four-list b { display: inline-block; margin: 0 8px 0 0; }
  body.site-glass .ask-four-list strong { display: inline; }
  body.site-glass .ask-four-list span { margin-top: 6px; }
  body.site-glass .qa-verdict { padding: 18px 20px; font-size: 13.5px; }
}

/* ---------- 32. SVG 图位：内缩薄玻璃板（对齐首页 .board） ----------
   只对 .svg-figure（插图是 SVG 的图位）生效：一圈薄玻璃板包住，
   图片 20px 圆角内缩 12px，图注在板内底部普通排版、不做分隔条。
   PNG 系统截图位（未加该类）保持原截图位外壳。 */
body.site-glass .shot-slot.svg-figure {
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .94) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(240, 247, 255, .56)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 0 0 1px rgba(150, 190, 255, .22), 0 16px 38px rgba(46, 76, 140, .10) !important;
  -webkit-backdrop-filter: blur(22px) saturate(185%);
  backdrop-filter: blur(22px) saturate(185%);
  overflow: hidden !important;
}
body.site-glass .shot-slot.svg-figure img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px !important;
  background: none !important;
}
body.site-glass .shot-slot.svg-figure figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 3px 14px;
  padding: 12px 8px 2px !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  font-size: 12.5px !important;
}
body.site-glass .shot-slot.svg-figure figcaption b { color: var(--lg-ink) !important; font-weight: 800; }
body.site-glass .shot-slot.svg-figure figcaption span { color: var(--lg-sub) !important; white-space: normal; }
body.site-glass .shot-slot.svg-figure:hover {
  transform: none;
  border-color: rgba(255, 255, 255, .94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 0 0 1px rgba(150, 190, 255, .22), 0 16px 38px rgba(46, 76, 140, .10) !important;
}
@media (max-width: 760px) {
  body.site-glass .shot-slot.svg-figure { padding: 8px !important; border-radius: 20px !important; }
  body.site-glass .shot-slot.svg-figure img { border-radius: 14px !important; }
  body.site-glass .shot-slot.svg-figure figcaption { padding: 9px 6px 0 !important; }
}

/* ---------- 33. 页脚公司与地址 ----------
   联系方式只公开“公司全称 + 地址”，电话邮箱不列，避免推销骚扰。
   地址来自 site-config.js 的 address 字段，改配置即全站生效。 */
body.site-glass .footer-brand .footer-addr {
  margin-top: 10px;
  max-width: 340px;
  font-size: 12.5px;
  line-height: 1.75;
  color: #6d7d9c !important;
  font-style: normal;
  letter-spacing: .1px;
}
body.site-glass .footer-brand .footer-addr span[data-site="legalName"] { color: #4a5b7d; }

/* ---------- 34. 内页导航与首页对齐 ----------
   首页 .home-tech .site-header.lg-live 是半透明白玻璃（0.60→0.34）+ 彩边折光；
   内页原先只有 0.98/0.92 的近实心白，视觉上像另一套导航。
   这里补齐同名规则，让 20 个页面的头部完全一致（liquid-glass.js 已给
   .site-header 加 lg-live，仅 Chromium 生效，其余浏览器仍走上面的实心版）。 */
body.site-glass .site-header.lg-live {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .60), rgba(255, 255, 255, .34)) padding-box,
    linear-gradient(90deg, rgba(86, 196, 255, .40), rgba(255, 255, 255, .80) 40%, rgba(190, 150, 255, .42)) border-box !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 12px 34px rgba(46, 76, 140, .10) !important;
}

/* ---------- 35. Logo 去底色 ----------
   logo.png 本身已是透明底（无白底像素），之前看到的白色圆角块来自
   .brand img / .footer-brand img 的白色背景 + padding + 阴影。
   这里统一去掉，让 Logo 直接透明叠在玻璃导航上；同时把高度收敛到
   文字本身的大小（原来 30px 里有 10px 是内边距）。 */
body.site-glass .brand img,
body.site-glass .footer-brand img {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.site-glass .brand img { height: 26px !important; }
body.site-glass .footer-brand img { height: 24px !important; }
@media (max-width: 760px) {
  body.site-glass .brand img { height: 23px !important; }
}