/* =========================================================
   首页视觉层 v4 · iOS 26 Liquid Glass（明亮光感版）
   作用域：body.home-tech —— 仅首页加载，不影响其他 19 个页面
   设计要点：明亮彩色底 → 半透明白玻璃折射 → 深色文字 → 彩虹边缘
   ========================================================= */
.home-tech {
  --lg-ink: #101d38;
  --lg-sub: #56688c;
  --lg-blue: #1f6bff;
  --lg-violet: #7c5cff;
  --lg-cyan: #12a9c9;
  --lg-pink: #ec6ba9;
  --lg-shadow: rgba(46, 76, 140, .16);
}

/* ---------- 页面基底：明亮彩色光感 ---------- */
.home-tech {
  background: #f7faff;
  color: var(--lg-ink);
}
.home-tech .section {
  padding: 88px 0;
  background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
}
.home-tech .section--soft {
  background:
    radial-gradient(720px 400px at 88% 6%, rgba(255, 186, 205, .28), transparent 66%),
    radial-gradient(680px 400px at 4% 92%, rgba(125, 211, 252, .28), transparent 66%),
    radial-gradient(520px 340px at 52% 60%, rgba(167, 139, 250, .16), transparent 70%),
    linear-gradient(180deg, #fbfdff, #f3f7ff);
}
.home-tech .section--tight { padding: 68px 0; }

/* ---------- 导航：白色磨砂玻璃 ---------- */
.home-tech .site-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .60));
  -webkit-backdrop-filter: blur(28px) saturate(185%);
  backdrop-filter: blur(28px) saturate(185%);
  border-bottom: 1px solid rgba(255, 255, 255, .92);
  box-shadow: inset 0 1px 0 #fff, 0 10px 30px rgba(46, 76, 140, .10);
}
.home-tech .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;
}
.home-tech .brand img {
  background: rgba(255, 255, 255, .70);
  padding: 5px 9px;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(46, 76, 140, .12);
}
.home-tech .nav-links a { color: #33456a; }
.home-tech .nav-links a:hover,
.home-tech .nav-links a[aria-current="true"] { color: var(--lg-blue); }
.home-tech .menu-toggle span { background: #243655; }
.home-tech .mobile-menu {
  background: rgba(255, 255, 255, .94);
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
}
.home-tech .mobile-menu a { color: #243655; border-bottom-color: rgba(90, 130, 200, .14); }

/* ---------- 按钮：彩色玻璃胶囊 + 流动光泽 ---------- */
.home-tech .btn { border-radius: 999px; font-weight: 600; }
.home-tech .btn-primary,
.home-tech .hero.hero-photo .btn-gold,
.home-tech .quote-band .btn-gold {
  background:
    radial-gradient(140px 90px at var(--gx, 30%) var(--gy, 0%), rgba(255, 255, 255, .14), transparent 72%),
    linear-gradient(135deg, #2269ee 0%, #5148e8 58%, #7c3aed 100%);
  background-size: 200% 200%, 100% 100%;
  border: 1px solid rgba(255, 255, 255, .62);
  color: #fff;
  text-shadow: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    inset 0 -2px 8px rgba(20, 40, 120, .18),
    0 14px 32px rgba(47, 100, 240, .30);
  animation: lgBtnSheen 7s ease-in-out infinite;
}
.home-tech .btn-primary:hover,
.home-tech .hero.hero-photo .btn-gold:hover,
.home-tech .quote-band .btn-gold:hover {
  background:
    radial-gradient(140px 90px at var(--gx, 30%) var(--gy, 0%), rgba(255, 255, 255, .28), transparent 72%),
    linear-gradient(135deg, #3a80f5, #6460f0 58%, #9358f2);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80), 0 18px 38px rgba(47, 100, 240, .36);
}
.home-tech .hero.hero-photo .btn-outline-light {
  background: linear-gradient(150deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .44));
  border: 1px solid rgba(255, 255, 255, .95);
  color: #1c2f55;
  -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, .16);
}
.home-tech .hero.hero-photo .btn-outline-light:hover {
  background: rgba(255, 255, 255, .92);
  border-color: rgba(31, 107, 255, .40);
  color: var(--lg-blue);
}

/* ---------- 首屏：明亮多彩渐变 + 流动光斑 ---------- */
.home-tech .hero.hero-photo {
  min-height: 660px;
  background:
    radial-gradient(520px 360px at 96% 2%, rgba(255, 184, 120, .36), transparent 66%),
    radial-gradient(900px 620px at 78% 10%, rgba(255, 183, 197, .46), transparent 66%),
    radial-gradient(840px 580px at 94% 64%, rgba(120, 180, 255, .50), transparent 66%),
    radial-gradient(760px 540px at 58% 98%, rgba(167, 139, 250, .40), transparent 66%),
    radial-gradient(700px 480px at 6% 82%, rgba(125, 235, 220, .36), transparent 66%),
    linear-gradient(135deg, #fcfdff 0%, #eef4ff 48%, #f8f1ff 100%);
  isolation: isolate;
}
.home-tech .hero-photo-bg {
  opacity: 0;
  filter: saturate(.5) brightness(1.45);
  mix-blend-mode: soft-light;
  transition: opacity 1.1s ease;
}
.home-tech .hero-photo-bg.is-active { opacity: .06; }
.home-tech .hero-photo-scrim {
  background: linear-gradient(90deg, rgba(255, 255, 255, .76) 0%, rgba(255, 255, 255, .44) 38%, rgba(255, 255, 255, 0) 74%);
}
.home-tech .hero-photo-scrim::before {
  content: "";
  position: absolute; inset: -18%;
  z-index: 0; pointer-events: none;
  background:
    radial-gradient(300px 240px at 88% 4%, rgba(255, 190, 130, .38), transparent 70%),
    radial-gradient(440px 320px at 72% 20%, rgba(56, 189, 248, .50), transparent 70%),
    radial-gradient(380px 320px at 58% 82%, rgba(167, 139, 250, .46), transparent 70%),
    radial-gradient(320px 280px at 92% 66%, rgba(244, 114, 182, .40), transparent 70%),
    radial-gradient(340px 280px at 84% 98%, rgba(251, 191, 111, .30), transparent 70%);
  filter: blur(40px);
  -webkit-mask-image: linear-gradient(90deg, transparent 16%, #000 56%);
  mask-image: linear-gradient(90deg, transparent 16%, #000 56%);
  animation: lgDrift 20s ease-in-out infinite alternate;
}
.home-tech .hero-photo-scrim::after {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(70, 120, 210, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 120, 210, .075) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 44%, #000 100%);
  mask-image: linear-gradient(90deg, transparent, #000 44%, #000 100%);
}
.home-tech .hero-photo-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 32px;
  align-items: center;
  padding: 96px 24px 92px;
}
.home-tech .hero-copy--left { max-width: none; }
.home-tech .hero.hero-photo .eyebrow {
  color: var(--lg-blue);
  font-size: 12px;
  letter-spacing: .17em;
  margin-bottom: 20px;
}
.home-tech .hero.hero-photo .eyebrow::before {
  background: linear-gradient(90deg, #2b7cff, #7c5cff);
  box-shadow: 0 0 10px rgba(43, 124, 255, .5);
}
.home-tech .hero.hero-photo h1 {
  color: var(--lg-ink);
  font-size: clamp(34px, 3.1vw, 46px);
  line-height: 1.2;
  letter-spacing: -.035em;
  text-shadow: 0 2px 18px rgba(255, 255, 255, .7);
}
.home-tech .hero.hero-photo h1 em {
  color: transparent;
  background: linear-gradient(100deg, #1f6bff, #7048e8 46%, #0b7fa8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-tech .hero.hero-photo .lead { color: #44577d; font-size: 16px; max-width: 560px; }
.home-tech .hero.hero-photo .hero-points li {
  color: #2b3c5e;
  background: linear-gradient(150deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .48));
  border: 1px solid rgba(255, 255, 255, .95);
  -webkit-backdrop-filter: blur(20px) saturate(185%);
  backdrop-filter: blur(20px) saturate(185%);
  box-shadow: inset 0 1px 0 #fff, 0 6px 18px rgba(46, 76, 140, .12);
  border-radius: 999px;
}
.home-tech .hero.hero-photo .hero-points li::before {
  background: #22c3a6;
  box-shadow: 0 0 8px rgba(34, 195, 166, .6);
}
.home-tech .hero-dot { border-color: rgba(90, 130, 200, .5); background: rgba(255, 255, 255, .70); }
.home-tech .hero-dot.is-active {
  background: var(--lg-blue);
  border-color: var(--lg-blue);
  box-shadow: 0 0 12px rgba(31, 107, 255, .55);
}

/* ---------- 3D 舞台：透视 + 白色液态玻璃 ---------- */
.home-tech .hero-visual { position: relative; z-index: 3; height: 420px; perspective: 1100px; }

/* 首屏可视化：自绘「1 个底座 → N 家机构」玻璃架构图（替换原 CSS 3D 控制台） */
.home-tech .hero-visual .hv-art {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 24px 44px rgba(30, 60, 120, .16));
  animation: lgFloat 9s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .home-tech .hero-visual .hv-art { animation: none; }
}
.home-tech .hv-stage {
  position: relative;
  width: 100%; height: 100%;
  transform-style: preserve-3d;
  --rx: 0deg; --ry: 0deg;
}
.home-tech .hv-glow {
  position: absolute; inset: -8% -6% 0 -6%;
  background: radial-gradient(closest-side, rgba(120, 170, 255, .34), transparent 72%);
  filter: blur(32px);
  transform: translateZ(-90px);
}
.home-tech .hv-ground {
  position: absolute; left: -14%; right: -14%; bottom: -52px; height: 270px;
  background-image:
    linear-gradient(rgba(70, 120, 210, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 120, 210, .16) 1px, transparent 1px);
  background-size: 44px 44px;
  transform: rotateX(72deg) translateZ(-78px);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 38%, transparent 92%);
  mask-image: linear-gradient(180deg, transparent, #000 38%, transparent 92%);
  border-radius: 50%;
}
.home-tech .hv-ring {
  position: absolute; left: 50%; top: 34%;
  border: 1px solid rgba(90, 140, 230, .22);
  border-radius: 50%;
  transform: translateX(-50%) rotateX(70deg) translateZ(-46px);
}
.home-tech .hv-ring--1 { width: 350px; height: 350px; margin-left: 0; }
.home-tech .hv-ring--2 { width: 500px; height: 500px; margin-left: 0; border-color: rgba(140, 120, 240, .14); }

.home-tech .hv-console {
  position: absolute; left: 1%; top: 42px; width: 94%;
  background:
    radial-gradient(320px 240px at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, .72), transparent 72%),
    linear-gradient(155deg, rgba(255, 255, 255, .60), rgba(238, 246, 255, .36) 52%, rgba(226, 236, 255, .52));
  -webkit-backdrop-filter: blur(30px) saturate(225%) brightness(1.03);
  backdrop-filter: blur(30px) saturate(225%) brightness(1.03);
  border: 1px solid rgba(255, 255, 255, .88);
  border-radius: 26px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 1px 0 0 rgba(120, 180, 255, .38),
    inset -1px 0 0 rgba(190, 150, 255, .32),
    inset 0 -1px 0 rgba(120, 150, 220, .20),
    0 34px 70px rgba(46, 76, 140, .22),
    0 0 46px rgba(90, 140, 255, .18);
  transform-style: preserve-3d;
  transform: rotateX(calc(8deg + var(--rx))) rotateY(calc(-13deg + var(--ry))) translateZ(34px);
  transition: transform .2s ease-out;
  overflow: hidden;
}
.home-tech .hv-console::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto;
  background: linear-gradient(118deg, transparent 28%, rgba(255, 255, 255, .52) 44%, rgba(255, 255, 255, .10) 52%, transparent 66%);
  background-size: 240% 240%;
  animation: lgSheen 9s ease-in-out infinite;
  pointer-events: none;
}
/* 彩虹折射描边：iOS 26 玻璃边缘的关键特征 */
.home-tech .hv-console::after {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(135deg,
      rgba(255, 255, 255, .98) 0%,
      rgba(56, 189, 248, .82) 18%,
      rgba(255, 255, 255, .18) 42%,
      rgba(167, 139, 250, .82) 68%,
      rgba(244, 114, 182, .68) 86%,
      rgba(255, 255, 255, .98) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

/* 控制台内部：深色文字 */
.home-tech .hc-top {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(60, 100, 180, .14);
}
.home-tech .hc-dots { display: inline-flex; gap: 5px; }
.home-tech .hc-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(90, 120, 170, .30); }
.home-tech .hc-dots i:first-child { background: #fb7185; }
.home-tech .hc-dots i:nth-child(2) { background: #fbbf24; }
.home-tech .hc-dots i:nth-child(3) { background: #4ade80; }
.home-tech .hc-title { font-size: 11.5px; color: #3b4c6e; letter-spacing: .05em; }
.home-tech .hc-badge {
  margin-left: auto; font-size: 10px; color: var(--lg-blue);
  border: 1px solid rgba(31, 107, 255, .30); border-radius: 999px; padding: 2px 8px;
  background: rgba(31, 107, 255, .07);
}
.home-tech .hc-body { padding: 16px; }
.home-tech .hc-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.home-tech .hc-metric {
  background: linear-gradient(150deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .38));
  border: 1px solid rgba(255, 255, 255, .92);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  backdrop-filter: blur(14px) saturate(180%);
  box-shadow: inset 0 1px 0 #fff, 0 8px 20px rgba(46, 76, 140, .12);
  border-radius: 14px; padding: 10px;
  transform: translateZ(14px);
}
.home-tech .hc-metric span { display: block; font-size: 10.5px; color: #6678a0; }
.home-tech .hc-metric b { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #1b2c4d; font-weight: 600; margin-top: 5px; }
.home-tech .hc-dot { width: 6px; height: 6px; border-radius: 50%; background: #22c3a6; box-shadow: 0 0 8px rgba(34, 195, 166, .55); flex: 0 0 auto; }
.home-tech .hc-dot--cyan { background: #2b7cff; box-shadow: 0 0 8px rgba(43, 124, 255, .55); }
.home-tech .hc-chart { height: 96px; margin: 14px 0 12px; transform: translateZ(9px); }
.home-tech .hc-chart svg { width: 100%; height: 100%; overflow: visible; }
.home-tech .hc-grid { stroke: rgba(60, 110, 200, .14); stroke-width: 1; fill: none; }
.home-tech .hc-line { stroke: #3b7cff; stroke-width: 2; fill: none; filter: drop-shadow(0 0 5px rgba(59, 124, 255, .45)); }
.home-tech .hc-nodes { display: flex; justify-content: space-between; gap: 4px; }
.home-tech .hc-nodes span {
  font-size: 10px; color: #42557c;
  background: rgba(255, 255, 255, .62);
  border: 1px solid rgba(255, 255, 255, .90);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 999px; padding: 4px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

/* 悬浮玻璃卡 */
.home-tech .hv-float {
  position: absolute; display: flex; align-items: center; gap: 7px;
  background: linear-gradient(150deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .60));
  border: 1px solid rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: blur(24px) saturate(195%);
  backdrop-filter: blur(24px) saturate(195%);
  box-shadow:
    inset 0 1px 0 #fff,
    0 18px 36px rgba(46, 76, 140, .20),
    0 0 26px rgba(90, 140, 255, .18);
  border-radius: 999px;
  padding: 9px 13px;
  font-size: 11px; color: #2b3c5e;
  white-space: nowrap;
}
.home-tech .hv-float b { color: #16274a; font-weight: 700; }
.home-tech .hv-float--a { top: 4px; right: -2%; transform: translateZ(96px) rotateY(6deg); animation: lgFloat 6s ease-in-out infinite; }
.home-tech .hv-float--b { bottom: 22px; left: -5%; transform: translateZ(80px) rotateY(-5deg); animation: lgFloat 7s ease-in-out .9s infinite; }

/* 等距立方柱 + 底座层板：柔和彩色，不用深色阴影 */
.home-tech .hv-cube {
  position: absolute; width: 34px; height: 34px; border-radius: 6px;
  background: linear-gradient(135deg, #8ce0ff, #8f9bff 55%, #d3b6ff);
  opacity: .94;
  transform: rotateX(58deg) rotateZ(45deg) translateZ(18px);
  box-shadow:
    -1px 1px 0 #b5c9f0, -2px 2px 0 #aebfe9, -3px 3px 0 #a7b6e2,
    -4px 4px 0 #a0addb, -5px 5px 0 #99a4d4, -6px 6px 0 #929bcd,
    -7px 7px 0 #8b92c6, -8px 8px 0 #8489bf,
    16px 18px 30px rgba(60, 90, 160, .22), 0 0 22px rgba(129, 140, 250, .34);
}
.home-tech .hv-cube--1 { top: 3%; left: -1%; }
.home-tech .hv-cube--2 { bottom: 16%; right: -2%; width: 26px; height: 26px; opacity: .76; }
.home-tech .hv-cube--3 { top: 8%; right: 18%; width: 20px; height: 20px; opacity: .58; }
.home-tech .hv-slab {
  position: absolute; left: 6%; width: 88%; height: 170px;
  border-radius: 18px;
  border: 1px solid rgba(120, 160, 240, .24);
  background: linear-gradient(135deg, rgba(255, 255, 255, .52), rgba(206, 224, 255, .28));
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 22px 50px rgba(60, 90, 160, .16);
}
.home-tech .hv-slab--1 { bottom: -24px; transform: rotateX(66deg) rotateZ(-22deg) translateZ(-24px); }
.home-tech .hv-slab--2 { bottom: -8px; transform: rotateX(66deg) rotateZ(-22deg) translateZ(-6px); border-color: rgba(120, 160, 240, .34); }

/* ---------- 信任条：白色玻璃横条 ---------- */
.home-tech .trustbar {
  background: linear-gradient(180deg, rgba(255, 255, 255, .90), rgba(240, 246, 255, .78));
  border-bottom: 1px solid rgba(255, 255, 255, .95);
  -webkit-backdrop-filter: blur(20px) saturate(175%);
  backdrop-filter: blur(20px) saturate(175%);
  box-shadow: 0 10px 30px rgba(46, 76, 140, .08);
}
.home-tech .trustbar div { border-left-color: rgba(90, 130, 200, .18); }
.home-tech .trustbar b {
  color: transparent;
  background: linear-gradient(120deg, #1f6bff, #7c5cff);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 26px; letter-spacing: -.02em;
}
.home-tech .trustbar span { color: #56688c; }
.home-tech .trustbar .muted { color: #8997b0 !important; }

/* ---------- 区块排版 ---------- */
.home-tech .section-head { max-width: 820px; }
.home-tech .section-head .kicker { color: var(--lg-blue); letter-spacing: .14em; font-size: 12px; font-weight: 700; }
.home-tech .kicker::before { background: linear-gradient(90deg, #2b7cff, #a78bfa); width: 22px; height: 2px; }
.home-tech .h2 { color: var(--lg-ink); letter-spacing: -.035em; }
.home-tech .lead { color: var(--lg-sub); }

/* ---------- 卡片：白色磨砂玻璃 + 柔和彩色阴影 ---------- */
.home-tech .cat-card, .home-tech .value-card, .home-tech .segment-card,
.home-tech .phase-card, .home-tech .metric, .home-tech .card, .home-tech .step,
.home-tech .shot-slot,
.home-tech #portfolio .cat-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(240, 247, 255, .58));
  -webkit-backdrop-filter: blur(22px) saturate(185%);
  backdrop-filter: blur(22px) saturate(185%);
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 24px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 0 0 1px rgba(150, 190, 255, .24),
    0 14px 34px rgba(46, 76, 140, .10);
  transition: transform .32s cubic-bezier(.2, .7, .2, 1), box-shadow .32s ease,
              border-color .32s ease, opacity .6s ease;
}
.home-tech .cat-card:hover, .home-tech .value-card:hover, .home-tech .segment-card:hover,
.home-tech .phase-card:hover, .home-tech .metric:hover, .home-tech .card:hover,
.home-tech .step:hover, .home-tech .shot-slot:hover {
  transform: translateY(-6px) rotateX(2deg);
  border-color: rgba(120, 170, 255, .70);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(120, 170, 255, .38),
    0 24px 52px rgba(46, 76, 140, .18);
}
.home-tech .cat-card { position: relative; overflow: hidden; }
.home-tech .cat-card::before {
  content: ""; position: absolute; top: 0; left: 20px; right: 20px; height: 2px;
  background: linear-gradient(90deg, #38bdf8, #8b5cf6, #f472b6, transparent);
  opacity: .85;
}
.home-tech #portfolio .cat-head h3::before { color: var(--lg-blue); }
.home-tech .card-icon { border-radius: 12px; box-shadow: 0 6px 18px rgba(46, 76, 140, .16); }
.home-tech .value-num {
  background: linear-gradient(135deg, #2b7cff, #8b5cf6);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.home-tech .phase-card--now { border-color: rgba(43, 124, 255, .48); }

/* ---------- 七步流程：白色玻璃节点 ---------- */
.home-tech .flow-step {
  background: linear-gradient(150deg, rgba(255, 255, 255, .86), rgba(236, 244, 255, .58));
  -webkit-backdrop-filter: blur(18px) saturate(185%);
  backdrop-filter: blur(18px) saturate(185%);
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 20px;
  box-shadow: inset 0 1px 0 #fff, 0 12px 28px rgba(46, 76, 140, .12);
}
.home-tech .flow-step b { color: #16274a; }
.home-tech .flow-step span { color: var(--lg-sub); }
.home-tech .flow-step::before { background: var(--lg-blue); box-shadow: 0 0 10px rgba(43, 124, 255, .45); }
.home-tech .flow-step::after { color: rgba(90, 130, 200, .42); }

/* ---------- 提示条与横条：彩玻璃 ---------- */
.home-tech .note {
  background: linear-gradient(100deg, rgba(255, 255, 255, .84), rgba(240, 247, 255, .60));
  -webkit-backdrop-filter: blur(16px) saturate(175%);
  backdrop-filter: blur(16px) saturate(175%);
  border-left: 3px solid var(--lg-blue);
  border-radius: 0 18px 18px 0;
  color: #44577a;
  box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(46, 76, 140, .08);
}
.home-tech .note b { color: var(--lg-blue); }
.home-tech .extra-band {
  background: linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(235, 243, 255, .60));
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 22px;
  box-shadow: inset 0 1px 0 #fff, 0 12px 30px rgba(46, 76, 140, .10);
}
.home-tech .quote-band {
  background: linear-gradient(120deg, rgba(219, 234, 255, .86), rgba(236, 225, 255, .78) 55%, rgba(214, 245, 240, .74));
  -webkit-backdrop-filter: blur(26px) saturate(190%);
  backdrop-filter: blur(26px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 24px;
  color: #16274a;
  box-shadow: inset 0 1px 0 #fff, 0 20px 44px rgba(46, 76, 140, .14);
}
.home-tech .quote-band b { color: var(--lg-ink); }
.home-tech .quote-band span { color: var(--lg-blue); }

/* ---------- 医保钱袋子：明亮彩色重点区 ---------- */
.home-tech #insurance {
  position: relative; overflow: hidden;
  background:
    radial-gradient(780px 440px at 80% 10%, rgba(255, 183, 197, .44), transparent 66%),
    radial-gradient(720px 420px at 12% 88%, rgba(125, 211, 252, .44), transparent 66%),
    radial-gradient(640px 380px at 58% 102%, rgba(167, 139, 250, .38), transparent 66%),
    linear-gradient(140deg, #f9f6ff, #eef6ff 55%, #f4fbff);
  color: var(--lg-ink);
}
.home-tech #insurance::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(70, 120, 210, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 120, 210, .065) 1px, transparent 1px);
  background-size: 52px 52px;
}
.home-tech #insurance .container { position: relative; z-index: 1; }
.home-tech #insurance .kicker { color: #6d4bd8; }
.home-tech #insurance .h2 { color: var(--lg-ink); }
.home-tech #insurance .lead { color: #44577d; }
.home-tech #insurance .checklist { grid-template-columns: 1fr; gap: 14px 26px; }
.home-tech #insurance .check { color: #2b3c5e; font-size: 14px; line-height: 1.6; }
.home-tech #insurance .check b { color: var(--lg-ink); }
.home-tech #insurance .check::before { background: rgba(34, 195, 166, .16); color: #12a9c9; }
.home-tech #insurance .card .checklist { gap: 12px 26px; }
.home-tech #insurance .card .check { font-size: 13.5px; }
.home-tech #insurance .card {
  background: linear-gradient(150deg, rgba(255, 255, 255, .84), rgba(240, 247, 255, .62));
  -webkit-backdrop-filter: blur(28px) saturate(195%) brightness(1.03);
  backdrop-filter: blur(28px) saturate(195%) brightness(1.03);
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 26px;
  color: var(--lg-ink);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(150, 190, 255, .28),
    0 24px 56px rgba(46, 76, 140, .18);
}
.home-tech #insurance .card h3 { color: var(--lg-ink); }
.home-tech #insurance .card-icon {
  background: linear-gradient(135deg, #2b7cff, #8b5cf6);
  color: #fff;
  box-shadow: 0 8px 20px rgba(47, 100, 240, .28);
}

/* ---------- 预约演示 CTA：明亮收尾 ---------- */
.home-tech #contact {
  position: relative; overflow: hidden;
  background:
    radial-gradient(720px 420px at 86% 4%, rgba(125, 211, 252, .44), transparent 66%),
    radial-gradient(620px 380px at 8% 92%, rgba(196, 181, 253, .40), transparent 66%),
    radial-gradient(520px 320px at 60% 60%, rgba(255, 200, 215, .26), transparent 70%),
    linear-gradient(135deg, #f9fcff, #f2f0ff 60%, #eef9ff);
  border-top: 1px solid rgba(255, 255, 255, .95);
}
.home-tech #contact::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(70, 120, 210, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 120, 210, .06) 1px, transparent 1px);
  background-size: 52px 52px;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 80%);
  mask-image: linear-gradient(180deg, #000, transparent 80%);
}
.home-tech #contact .container { position: relative; z-index: 1; }
.home-tech #contact h2,
.home-tech #contact .cta-points li { color: var(--lg-ink); }
.home-tech #contact .lead { color: #44577d; }
.home-tech #contact .kicker { color: var(--lg-blue); }
.home-tech #contact .cta-contact div { color: #56688c; }
.home-tech #contact .cta-contact b a { color: var(--lg-blue) !important; }
.home-tech #contact .form-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .94), rgba(246, 250, 255, .86));
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, .96);
  border-radius: 28px;
  box-shadow: inset 0 1px 0 #fff, 0 28px 64px rgba(46, 76, 140, .18);
}
.home-tech #contact .form-card h3 { color: var(--lg-ink); }
.home-tech #contact .form-sub { color: var(--lg-sub); }

/* ---------- 页脚：浅色玻璃 ---------- */
.home-tech .site-footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(240, 246, 255, .82));
  border-top: 1px solid rgba(255, 255, 255, .96);
}
.home-tech .footer-brand img { background: rgba(255, 255, 255, .72); padding: 5px 9px; border-radius: 10px; }
.home-tech .footer-brand p { color: var(--lg-sub); }
.home-tech .site-footer h4 { color: var(--lg-ink); }
.home-tech .footer-links a { color: #42557c; }
.home-tech .footer-links a:hover { color: var(--lg-blue); }
.home-tech .footer-bottom { border-top-color: rgba(90, 130, 200, .16); color: #8997b0; }
.home-tech .footer-bottom a { color: #6a7a99; }

/* ---------- 动画 ---------- */
@keyframes lgDrift {
  from { transform: translate3d(-2%, 1%, 0) scale(1); }
  to   { transform: translate3d(4%, -3%, 0) scale(1.10); }
}
@keyframes lgSheen {
  0%, 100% { background-position: 170% 0; }
  50%      { background-position: -50% 0; }
}
@keyframes lgBtnSheen {
  0%, 100% { background-position: 30% 0, 0 0; }
  50%      { background-position: 85% 100%, 0 0; }
}
@keyframes lgFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }

/* ---------- 响应式 ---------- */
@media (max-width: 1100px) {
  .home-tech .hero-photo-inner { grid-template-columns: minmax(0, 1fr) 380px; gap: 20px; }
  .home-tech .hero-visual { height: 360px; }
  .home-tech .hv-console { left: -3%; width: 106%; top: 34px; }
  .home-tech .hv-float--a { right: -8%; }
  .home-tech .hv-float--b { left: -10%; }
}
@media (max-width: 900px) {
  .home-tech .hero-photo-inner { grid-template-columns: 1fr; padding: 76px 24px 72px; }
  .home-tech .hero-visual { display: none; }
  .home-tech .hero.hero-photo { min-height: auto; }
  .home-tech .hero.hero-photo h1 { font-size: clamp(34px, 6vw, 46px); }
  .home-tech .hero-photo-scrim { background: linear-gradient(90deg, rgba(255, 255, 255, .80), rgba(255, 255, 255, .48)); }
  .home-tech .hero-photo-scrim::after { -webkit-mask-image: none; mask-image: none; opacity: .5; }
}
@media (max-width: 560px) {
  .home-tech .hero.hero-photo h1 { font-size: 27px; line-height: 1.26; letter-spacing: -.02em; }
  .home-tech .hero.hero-photo h1 br { display: none; }
  .home-tech .hero.hero-photo .lead { font-size: 14.5px; }
  .home-tech .section { padding: 64px 0; }
  .home-tech .section--tight { padding: 52px 0; }
  .home-tech .hero.hero-photo .hero-points li { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-tech .hero-photo-scrim::before,
  .home-tech .hv-console::before,
  .home-tech .hv-float,
  .home-tech .btn-primary,
  .home-tech .hero.hero-photo .btn-gold,
  .home-tech .quote-band .btn-gold { animation: none; }
  .home-tech .hv-console { transition: none; transform: rotateX(6deg) rotateY(-8deg) translateZ(24px); }
  .home-tech .cat-card, .home-tech .value-card, .home-tech .segment-card,
  .home-tech .phase-card, .home-tech .metric, .home-tech .card,
  .home-tech .step, .home-tech .shot-slot { transition: none; }
}

/* =========================================================
   内层组件统一层 · 消除"通用企业站控件"的割裂感
   基础样式里有 ID 选择器（#customers .segment-card 等），
   故此处统一使用 .home-tech #id ... 提高优先级
   ========================================================= */

/* ---------- 1. 表单控件：白玻璃输入框 ---------- */
.home-tech .field input,
.home-tech .field select,
.home-tech .field textarea {
  background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(243, 248, 255, .62));
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 14px;
  color: var(--lg-ink);
  -webkit-backdrop-filter: blur(14px) saturate(170%);
  backdrop-filter: blur(14px) saturate(170%);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(150, 190, 255, .22),
    0 4px 14px rgba(46, 76, 140, .06);
}
.home-tech .field input::placeholder,
.home-tech .field textarea::placeholder { color: #98a5bd; }
.home-tech .field input:focus,
.home-tech .field select:focus,
.home-tech .field textarea:focus {
  border-color: rgba(43, 124, 255, .62);
  box-shadow: 0 0 0 4px rgba(43, 124, 255, .14), inset 0 1px 0 #fff;
}
.home-tech .field label { color: #2b3c5e; }

/* ---------- 2. 区块标签：统一玻璃胶囊 ---------- */
.home-tech .kicker,
.home-tech #portfolio .section-head .kicker {
  display: inline-flex; align-items: center; gap: 9px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(233, 242, 255, .62));
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 999px;
  padding: 7px 15px;
  color: var(--lg-blue);
  -webkit-backdrop-filter: blur(16px) saturate(175%);
  backdrop-filter: blur(16px) saturate(175%);
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(46, 76, 140, .09);
}
.home-tech .kicker::before {
  content: "";
  width: 7px; height: 7px; border-radius: 50%;
  background: linear-gradient(135deg, #2b7cff, #8b5cf6);
  box-shadow: 0 0 8px rgba(43, 124, 255, .45);
}
.home-tech #insurance .kicker { color: #6d4bd8; }

/* ---------- 3. FAQ：细线列表 → 独立玻璃卡 ---------- */
.home-tech #faq .faq { border-top: 0; max-width: 900px; display: grid; gap: 11px; }
.home-tech #faq .faq details {
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(240, 247, 255, .60));
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(46, 76, 140, .09);
  overflow: hidden;
  transition: box-shadow .25s ease, border-color .25s ease;
}
.home-tech #faq .faq details:hover {
  box-shadow: inset 0 1px 0 #fff, 0 14px 30px rgba(46, 76, 140, .14);
}
.home-tech #faq .faq details[open] {
  border-color: rgba(120, 170, 255, .62);
  box-shadow: inset 0 1px 0 #fff, 0 14px 32px rgba(46, 76, 140, .15);
}
.home-tech #faq .faq summary { padding: 18px 62px 18px 22px; color: #16274a; font-size: 15.5px; }
.home-tech #faq .faq summary::after {
  content: "+";
  position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
  width: 28px; height: 28px; display: grid; place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #2b7cff, #8b5cf6);
  color: #fff; font-size: 17px; font-weight: 500; line-height: 1;
  box-shadow: 0 6px 14px rgba(47, 100, 240, .28);
}
.home-tech #faq .faq details[open] summary::after { content: "−"; }
.home-tech #faq .faq .faq-a { padding: 0 22px 20px; color: var(--lg-sub); }

/* ---------- 4. 适合谁：细线表格 → 六张独立玻璃卡 ---------- */
.home-tech #customers .segment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  border-top: 0;
}
.home-tech #customers .segment-card {
  border: 1px solid rgba(255, 255, 255, .94);
  border-bottom: 1px solid rgba(255, 255, 255, .94);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(240, 247, 255, .58));
  -webkit-backdrop-filter: blur(22px) saturate(185%);
  backdrop-filter: blur(22px) saturate(185%);
  box-shadow: inset 0 1px 0 #fff, 0 12px 30px rgba(46, 76, 140, .10);
  padding: 24px 26px;
  display: flex; flex-direction: column;
}
.home-tech #customers .segment-card:hover {
  transform: translateY(-4px);
  box-shadow: inset 0 1px 0 #fff, 0 22px 44px rgba(46, 76, 140, .16);
  background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(240, 247, 255, .68));
}
.home-tech #customers .segment-card h3 { color: var(--lg-ink); }
.home-tech #customers .segment-card .segment-pain { color: #d2608a; }
.home-tech #customers .segment-card p { color: var(--lg-sub); }
.home-tech #customers .segment-card .segment-combo {
  border-top: 0;
  margin-top: auto;
  padding: 10px 13px;
  border-radius: 14px;
  background: rgba(235, 243, 255, .66);
  color: #5a6b8c;
  box-shadow: inset 0 1px 0 #fff;
}
.home-tech #customers .segment-card .segment-combo b { color: var(--lg-blue); }

/* ---------- 5. 文件服务指标：细线分隔方块 → 玻璃卡 ---------- */
.home-tech #file-service .metrics { gap: 14px; border: 0; }
.home-tech #file-service .metric {
  border: 1px solid rgba(255, 255, 255, .94);
  border-left: 1px solid rgba(255, 255, 255, .94);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(240, 247, 255, .60));
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow: inset 0 1px 0 #fff, 0 12px 28px rgba(46, 76, 140, .10);
  padding: 24px 22px;
}
.home-tech #file-service .metric:first-child {
  border-left: 1px solid rgba(255, 255, 255, .94);
  padding-left: 22px;
}
.home-tech #file-service .metric b {
  color: transparent;
  background: linear-gradient(120deg, #1f6bff, #7c5cff);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-tech #file-service .metric span { color: var(--lg-sub); }

/* ---------- 6. 真实场景图片带：深色遮罩白字 → 白玻璃说明条 ---------- */
.home-tech #scenes .scene-item {
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 26px;
  box-shadow: 0 18px 40px rgba(46, 76, 140, .16), inset 0 1px 0 #fff;
}
.home-tech #scenes .scene-item img { filter: saturate(.94) brightness(1.08) contrast(.98); }
.home-tech #scenes .scene-item figcaption {
  padding: 16px 20px;
  background: linear-gradient(160deg, rgba(255, 255, 255, .92), rgba(240, 247, 255, .76));
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
  border-top: 1px solid rgba(255, 255, 255, .90);
  color: var(--lg-ink);
}
.home-tech #scenes .scene-item figcaption b { color: var(--lg-ink); }
.home-tech #scenes .scene-item figcaption span { color: var(--lg-sub); }

/* ---------- 7. 界面截图位：玻璃画框 + 尺寸胶囊 ---------- */
.home-tech #screens .shot-slot {
  padding: 10px;
  border-radius: 24px;
  box-shadow: inset 0 1px 0 #fff, 0 14px 34px rgba(46, 76, 140, .10);
}
.home-tech #screens .shot-slot img {
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, .90);
  box-shadow: 0 6px 18px rgba(46, 76, 140, .08);
}
.home-tech #screens .shot-slot figcaption { border-top: 0; padding: 12px 8px 4px; }
.home-tech #screens .shot-slot figcaption b { color: var(--lg-ink); }
.home-tech #screens .shot-slot figcaption span {
  color: #5a6b8c;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 999px;
  padding: 4px 11px;
  box-shadow: inset 0 1px 0 #fff;
}
.home-tech #screens .shot-mobile .checklist .check { color: var(--lg-sub); }

/* ---------- 8. 数据与留痕：裸清单 → 两张玻璃卡 ---------- */
.home-tech #trust .split > div {
  background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(240, 247, 255, .58));
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 24px;
  padding: 26px 28px;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  box-shadow: inset 0 1px 0 #fff, 0 12px 30px rgba(46, 76, 140, .10);
}
.home-tech #trust .split h3 { color: var(--lg-ink); }

/* ---------- 9. 旗舰方案：裸文字 → 玻璃横幅 ---------- */
.home-tech section.cta:not(#contact) {
  background:
    radial-gradient(700px 380px at 88% 6%, rgba(125, 211, 252, .30), transparent 66%),
    radial-gradient(600px 340px at 6% 94%, rgba(196, 181, 253, .26), transparent 66%),
    linear-gradient(135deg, #f8fbff, #f3f7ff);
  color: var(--lg-ink);
}
.home-tech section.cta:not(#contact) .container > .l1l2-hero {
  background: linear-gradient(145deg, rgba(255, 255, 255, .84), rgba(238, 245, 255, .58));
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 30px;
  padding: 38px 42px;
  -webkit-backdrop-filter: blur(24px) saturate(185%);
  backdrop-filter: blur(24px) saturate(185%);
  box-shadow: inset 0 1px 0 #fff, 0 24px 54px rgba(46, 76, 140, .13);
}
.home-tech section.cta:not(#contact) h2 { color: var(--lg-ink); }
.home-tech section.cta:not(#contact) .lead { color: var(--lg-sub); }
.home-tech section.cta:not(#contact) .grid-3 { gap: 14px; }
.home-tech section.cta:not(#contact) .grid-3 > div {
  background: rgba(255, 255, 255, .68);
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: inset 0 1px 0 #fff;
}

/* ---------- 10. 图标 / 勾 / 结果条 / 时间徽章 ---------- */
.home-tech .card-icon,
.home-tech .card-icon.cyan, .home-tech .card-icon.green,
.home-tech .card-icon.gold, .home-tech .card-icon.red {
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .90), rgba(230, 240, 255, .66));
  border: 1px solid rgba(255, 255, 255, .94);
  color: var(--lg-blue);
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(46, 76, 140, .12);
}
.home-tech .check::before {
  background: rgba(43, 124, 255, .12);
  color: var(--lg-blue);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70);
}
.home-tech .check b { color: var(--lg-ink); }
.home-tech #roi .roi-result {
  background: linear-gradient(100deg, rgba(255, 255, 255, .88), rgba(232, 242, 255, .66));
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 16px;
  color: var(--lg-blue);
  box-shadow: inset 0 1px 0 #fff, 0 8px 22px rgba(46, 76, 140, .08);
}
.home-tech #roi .value-num {
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: linear-gradient(140deg, rgba(255, 255, 255, .90), rgba(226, 238, 255, .66));
  -webkit-background-clip: border-box; background-clip: border-box;
  border: 1px solid rgba(255, 255, 255, .94);
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(46, 76, 140, .10);
  -webkit-text-fill-color: var(--lg-blue);
  color: var(--lg-blue);
  font-size: 16px;
}
.home-tech #delivery .step-time {
  background: rgba(43, 124, 255, .10);
  color: var(--lg-blue);
  border-radius: 999px;
  padding: 3px 11px;
}
.home-tech #roadmap .phase-card--now {
  border-color: rgba(43, 124, 255, .55);
  box-shadow: 0 0 0 3px rgba(43, 124, 255, .10), 0 16px 36px rgba(46, 76, 140, .15);
}

/* ---------- 11. 移动端补充 ---------- */
@media (max-width: 900px) {
  .home-tech #customers .segment-grid { grid-template-columns: 1fr; }
  .home-tech #file-service .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-tech section.cta:not(#contact) .container > .l1l2-hero { padding: 26px 22px; }
}
@media (max-width: 560px) {
  .home-tech #file-service .metrics { grid-template-columns: 1fr; }
}

/* ---------- 12. 收尾：玻璃可见度 + 残余 ID 规则 ---------- */
.home-tech .cat-card, .home-tech .value-card, .home-tech .phase-card,
.home-tech .card, .home-tech .step, .home-tech .shot-slot,
.home-tech #portfolio .cat-card {
  border-color: rgba(190, 215, 255, .62);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(150, 190, 255, .34),
    0 14px 34px rgba(46, 76, 140, .13);
}
.home-tech .field input,
.home-tech .field select,
.home-tech .field textarea {
  border-color: rgba(160, 195, 255, .58);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 0 1px rgba(140, 180, 245, .32),
    0 4px 14px rgba(46, 76, 140, .08);
}
.home-tech #portfolio .cat-head .card-icon,
.home-tech #portfolio .cat-card .card-icon {
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, .94);
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(46, 76, 140, .12);
}
.home-tech #roadmap .phase-card { border-radius: 22px; }
/* 收尾：残余的绿色勾与白分隔线 */
.home-tech .cta-points li::before { color: var(--lg-blue); }
.home-tech #contact .cta-contact { border-top-color: rgba(120, 160, 230, .26); }

/* =========================================================
   首页视觉层 v5 · 超级优化：真折射 + Squircle + 玻璃厚度
   参考 GitHub: archisvaze/liquid-glass（物理折射 / specular）
                dpawlikowski/liquid-glass（色散边缘 / 实时 backdrop）
   —— .lg-live 由 liquid-glass.js 加上，只有 Chromium 才有真实折射
   ========================================================= */

/* ---------- 1. Squircle：iOS 的连续曲率圆角 ---------- */
@supports (corner-shape: squircle) {
  .home-tech .hv-console,
  .home-tech .hv-slab,
  .home-tech .hv-cube,
  .home-tech .cat-card,
  .home-tech .value-card,
  .home-tech .segment-card,
  .home-tech .phase-card,
  .home-tech .metric,
  .home-tech .card,
  .home-tech .step,
  .home-tech .shot-slot,
  .home-tech .scene-item,
  .home-tech .form-card,
  .home-tech .quote-band,
  .home-tech .faq details,
  .home-tech .checklist,
  .home-tech .roi-result,
  .home-tech .card-icon,
  .home-tech .kicker,
  .home-tech .trustbar,
  .home-tech .shot-slot img,
  .home-tech .scene-item img { corner-shape: squircle; }
  /* 胶囊保持正圆，不受超椭圆影响 */
  .home-tech .btn,
  .home-tech .hero-points li,
  .home-tech .hv-float,
  .home-tech .hv-pill,
  .home-tech .faq summary::after { corner-shape: round; }
}

/* ---------- 2. 统一玻璃厚度：内高光 + 内凹底边 + 柔和彩影 ---------- */
.home-tech .cat-card,
.home-tech .value-card,
.home-tech .segment-card,
.home-tech .phase-card,
.home-tech .metric,
.home-tech .card,
.home-tech .step,
.home-tech .shot-slot,
.home-tech .scene-item,
.home-tech .form-card,
.home-tech .quote-band,
.home-tech .faq details,
.home-tech .checklist,
.home-tech .roi-result,
.home-tech .cat-head .card-icon {
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, .98),
    inset 1px 0 0 rgba(255, 255, 255, .72),
    inset -1px 0 0 rgba(186, 214, 255, .55),
    inset 0 -1.5px 0 rgba(120, 150, 210, .20),
    inset 0 -16px 30px rgba(255, 255, 255, .26),
    0 2px 6px rgba(46, 76, 140, .05),
    0 18px 44px rgba(46, 76, 140, .13),
    0 0 26px rgba(120, 165, 255, .10);
}

/* ---------- 3. 真折射玻璃：更透的 tint + 彩虹色散边（双层 background） ---------- */
.home-tech .lg-live {
  border-color: transparent;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .60), rgba(255, 255, 255, .34) 48%, rgba(255, 255, 255, .52)) padding-box,
    linear-gradient(135deg,
      rgba(255, 255, 255, .98) 0%,
      rgba(86, 196, 255, .80) 17%,
      rgba(255, 255, 255, .38) 40%,
      rgba(171, 135, 255, .78) 66%,
      rgba(255, 150, 200, .68) 85%,
      rgba(255, 255, 255, .96) 100%) border-box;
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, .98),
    inset 1px 0 1px rgba(255, 108, 148, .34),
    inset -1px 0 1px rgba(72, 214, 255, .38),
    inset 0 -1.5px 0 rgba(120, 150, 210, .20),
    inset 0 -20px 34px rgba(255, 255, 255, .30),
    0 2px 8px rgba(46, 76, 140, .06),
    0 22px 54px rgba(46, 76, 140, .17),
    0 0 34px rgba(120, 165, 255, .16);
}
/* 有 ID 级规则压着的几个，单独提到同等优先级 */
.home-tech #insurance .card.lg-live,
.home-tech #contact .form-card.lg-live,
.home-tech #roi .roi-result.lg-live {
  border-color: transparent;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .64), rgba(255, 255, 255, .38) 48%, rgba(255, 255, 255, .56)) padding-box,
    linear-gradient(135deg,
      rgba(255, 255, 255, .98), rgba(86, 196, 255, .78) 18%,
      rgba(255, 255, 255, .36) 42%, rgba(171, 135, 255, .76) 68%,
      rgba(255, 150, 200, .66) 86%, rgba(255, 255, 255, .96)) border-box;
}
/* 首屏控制台：最透，让背后的彩色光真正被边缘折进来 */
.home-tech .hv-console.lg-live {
  background:
    radial-gradient(320px 240px at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, .46), transparent 72%),
    linear-gradient(155deg, rgba(255, 255, 255, .42), rgba(238, 246, 255, .22) 52%, rgba(226, 236, 255, .38)) padding-box,
    linear-gradient(135deg,
      rgba(255, 255, 255, .98), rgba(86, 196, 255, .85) 16%,
      rgba(255, 255, 255, .30) 40%, rgba(171, 135, 255, .82) 66%,
      rgba(255, 150, 200, .72) 86%, rgba(255, 255, 255, .98)) border-box;
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, .98),
    inset 1px 0 1px rgba(255, 108, 148, .30),
    inset -1px 0 1px rgba(72, 214, 255, .34),
    inset 0 -1.5px 0 rgba(120, 150, 210, .18),
    inset 0 -22px 36px rgba(255, 255, 255, .30),
    0 40px 80px rgba(46, 76, 140, .24),
    0 0 52px rgba(120, 165, 255, .24);
}
.home-tech .hv-float.lg-live,
.home-tech .hero-points li.lg-live {
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .26)) padding-box,
    linear-gradient(120deg, rgba(255, 255, 255, .96), rgba(120, 205, 255, .72) 28%, rgba(255, 255, 255, .40) 55%, rgba(190, 150, 255, .68) 82%, rgba(255, 255, 255, .94)) border-box;
}
.home-tech .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;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 12px 34px rgba(46, 76, 140, .10);
}

/* ---------- 4. 彩色壁纸：给玻璃「有东西可折射」 ---------- */
.home-tech .hero.hero-photo {
  background:
    /* 清晰的斜向彩带：玻璃边缘压在上面，折射才会被眼睛看见 */
    linear-gradient(116deg, transparent 24%, rgba(72, 140, 255, .30) 31%, rgba(150, 110, 255, .26) 37%, transparent 44%),
    linear-gradient(116deg, transparent 50%, rgba(255, 126, 182, .28) 56%, rgba(255, 186, 120, .22) 61%, transparent 67%),
    linear-gradient(116deg, transparent 74%, rgba(70, 214, 214, .22) 80%, transparent 86%),
    linear-gradient(116deg, transparent 88%, rgba(120, 150, 255, .18) 92%, transparent 97%),
    radial-gradient(420px 300px at 95% 0%, rgba(255, 178, 112, .54), transparent 68%),
    radial-gradient(760px 520px at 82% 6%, rgba(255, 148, 186, .58), transparent 66%),
    radial-gradient(900px 620px at 98% 62%, rgba(94, 158, 255, .60), transparent 66%),
    radial-gradient(820px 580px at 56% 100%, rgba(157, 118, 255, .52), transparent 66%),
    radial-gradient(720px 500px at 2% 84%, rgba(96, 226, 214, .46), transparent 66%),
    radial-gradient(560px 400px at 30% 6%, rgba(147, 197, 255, .40), transparent 68%),
    linear-gradient(135deg, #fdfdff 0%, #edf3ff 46%, #f9efff 100%);
}
.home-tech .hero-photo-scrim::before {
  background:
    radial-gradient(340px 260px at 88% 2%, rgba(255, 170, 110, .52), transparent 70%),
    radial-gradient(460px 340px at 72% 18%, rgba(48, 168, 255, .62), transparent 70%),
    radial-gradient(420px 340px at 56% 80%, rgba(157, 110, 255, .58), transparent 70%),
    radial-gradient(360px 300px at 94% 64%, rgba(255, 110, 180, .54), transparent 70%),
    radial-gradient(360px 300px at 82% 100%, rgba(255, 196, 110, .44), transparent 70%),
    radial-gradient(300px 260px at 40% 30%, rgba(80, 220, 220, .38), transparent 70%);
  filter: blur(46px);
  animation: lgWallDrift 24s ease-in-out infinite alternate;
}
.home-tech .hero-photo-scrim::after {
  opacity: 1;
  background-image:
    linear-gradient(rgba(60, 110, 205, .16) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(60, 110, 205, .16) 1.5px, transparent 1.5px);
  background-size: 46px 46px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 40%, #000 100%);
  mask-image: linear-gradient(90deg, transparent, #000 40%, #000 100%);
}
@keyframes lgWallDrift {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(-3%, 2%, 0) scale(1.09); }
}

/* ---------- 5. 悬浮玻璃球 / 玻璃药丸：层叠折射 ---------- */
.home-tech .hv-orb {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .86);
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, .96), rgba(255, 255, 255, .28) 32%, rgba(255, 255, 255, .04) 60%, rgba(146, 176, 255, .30) 100%);
  box-shadow:
    inset 2px 3px 7px rgba(255, 255, 255, .96),
    inset -8px -12px 24px rgba(120, 150, 230, .30),
    inset 0 0 0 1px rgba(255, 255, 255, .38),
    0 22px 44px rgba(60, 90, 170, .22),
    0 0 30px rgba(120, 165, 255, .36);
  transform-style: preserve-3d;
}
.home-tech .hv-orb--a {
  width: 92px; height: 92px; top: -26px; right: 8%;
  transform: translateZ(126px);
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, .98), rgba(178, 210, 255, .48) 34%, rgba(126, 148, 255, .20) 62%, rgba(160, 120, 255, .42) 100%);
  animation: lgOrbFloat 8s ease-in-out infinite;
}
.home-tech .hv-orb--b {
  width: 50px; height: 50px; bottom: 6px; right: 20%;
  transform: translateZ(140px);
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, .98), rgba(255, 190, 220, .52) 34%, rgba(255, 150, 190, .22) 62%, rgba(255, 170, 140, .44) 100%);
  animation: lgOrbFloat 6.5s ease-in-out 1.2s infinite;
}
.home-tech .hv-orb::after {
  content: "";
  position: absolute; left: 18%; top: 12%; width: 42%; height: 24%;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), transparent);
  filter: blur(2px);
  transform: rotate(-24deg);
  pointer-events: none;
}
.home-tech .hv-pill {
  position: absolute; left: 4%; top: 30%;
  width: 72px; height: 26px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .90);
  background: linear-gradient(150deg, rgba(255, 255, 255, .78), rgba(190, 215, 255, .34));
  -webkit-backdrop-filter: blur(12px) saturate(210%);
  backdrop-filter: blur(12px) saturate(210%);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 4px rgba(120, 150, 220, .24), 0 12px 26px rgba(60, 90, 170, .20);
  transform: translateZ(112px) rotate(-18deg);
  animation: lgOrbFloat 7.4s ease-in-out .6s infinite;
}
@keyframes lgOrbFloat {
  0%, 100% { translate: 0 0; }
  50%      { translate: 0 -12px; }
}

/* ---------- 6. 控件级玻璃：按钮 / 标签 / 图标更饱满 ---------- */
.home-tech .hero.hero-photo .btn-gold,
.home-tech .btn-primary,
.home-tech .quote-band .btn-gold {
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, .78),
    inset 1px 0 1px rgba(255, 255, 255, .32),
    inset -1px 0 1px rgba(120, 160, 255, .30),
    inset 0 -3px 10px rgba(20, 40, 120, .22),
    0 16px 36px rgba(47, 100, 240, .32),
    0 0 24px rgba(110, 130, 255, .26);
}
.home-tech .hero.hero-photo .btn-outline-light {
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, .98),
    inset 1px 0 1px rgba(255, 120, 165, .26),
    inset -1px 0 1px rgba(70, 210, 255, .30),
    inset 0 -2px 8px rgba(120, 150, 220, .18),
    0 12px 28px rgba(46, 76, 140, .18);
}
.home-tech .kicker,
.home-tech .hero-points li {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 -1px 4px rgba(120, 150, 220, .16),
    0 6px 18px rgba(46, 76, 140, .13);
}

/* ---------- 7. 彩色重点区：让折射更有内容 ---------- */
.home-tech .section--soft,
.home-tech #insurance {
  background:
    radial-gradient(620px 400px at 88% 8%, rgba(255, 166, 196, .36), transparent 66%),
    radial-gradient(680px 420px at 4% 88%, rgba(96, 186, 255, .34), transparent 66%),
    radial-gradient(560px 380px at 52% 56%, rgba(167, 139, 250, .24), transparent 70%),
    radial-gradient(420px 320px at 96% 82%, rgba(255, 196, 130, .28), transparent 70%),
    linear-gradient(180deg, #fbfdff, #f2f7ff);
}

/* ---------- 8. 排版：更从容的呼吸感 ---------- */
.home-tech .hero.hero-photo h1 { font-weight: 750; letter-spacing: -.04em; }
.home-tech .h2 { letter-spacing: -.028em; }
.home-tech .section .lead { color: #56688c; }

/* ---------- 9. 降级与动效偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
  .home-tech .hv-orb,
  .home-tech .hv-pill,
  .home-tech .hero-photo-scrim::before { animation: none; }
}
@media (max-width: 900px) {
  .home-tech .hv-orb--a { width: 62px; height: 62px; right: 12%; }
  .home-tech .hv-orb--b { width: 36px; height: 36px; }
  .home-tech .hv-pill { display: none; }
}

/* ---------- 10. v5 微调：避开遮挡、内容可读性、移动端 ---------- */
.home-tech .hv-orb--a { top: auto; bottom: -20px; right: 3%; }
.home-tech .hv-orb--b { top: -44px; bottom: auto; right: 27%; }
.home-tech .hv-pill { left: -9%; top: 56%; }
.home-tech .hc-body {
  background: linear-gradient(180deg, rgba(255, 255, 255, .40), rgba(255, 255, 255, .14));
  border-radius: 0 0 25px 25px;
}
.home-tech .hc-metric { background: rgba(255, 255, 255, .82); }
.home-tech .hc-nodes span { background: rgba(255, 255, 255, .76); }
.home-tech .cat-list a { color: #2c3f66; font-weight: 500; }
.home-tech .cat-list a span { color: #61739a; }
.home-tech .cat-head h3 small { color: #64769c; }

@media (max-width: 900px) {
  .home-tech .hero.hero-photo {
    background:
      radial-gradient(420px 320px at 92% 4%, rgba(255, 178, 112, .30), transparent 68%),
      radial-gradient(620px 460px at 84% 14%, rgba(255, 148, 186, .32), transparent 66%),
      radial-gradient(700px 520px at 96% 66%, rgba(94, 158, 255, .34), transparent 66%),
      radial-gradient(620px 460px at 54% 100%, rgba(157, 118, 255, .30), transparent 66%),
      radial-gradient(560px 400px at 2% 88%, rgba(96, 226, 214, .28), transparent 66%),
      linear-gradient(135deg, #fdfdff 0%, #f2f6ff 48%, #fbf5ff 100%);
  }
  .home-tech .hero-photo-scrim {
    background: linear-gradient(180deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .48) 58%, rgba(255, 255, 255, .32));
  }
  .home-tech .hero-photo-scrim::before { opacity: .52; }
  .home-tech .hero-photo-scrim::after { opacity: .45; }
  .home-tech .hero.hero-photo h1 { text-shadow: 0 2px 20px rgba(255, 255, 255, .92); }
}

/* ---------- 11. 边缘透镜层：iOS 26 的「折光」核心 ----------
   四边渐变 mask 只保留内缘一圈，让这一圈独立以更高饱和/亮度
   实时采样背景 —— 中心通透、边缘聚光，正是液态玻璃的透镜感。 */
.home-tech .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, 24px) 100%          no-repeat,
    linear-gradient(270deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) right  / var(--lens-w, 24px) 100%          no-repeat,
    linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) top    / 100%          var(--lens-w, 24px) no-repeat,
    linear-gradient(0deg,   rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) bottom / 100%          var(--lens-w, 24px) no-repeat;
  mask:
    linear-gradient(90deg,  rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) left   / var(--lens-w, 24px) 100%          no-repeat,
    linear-gradient(270deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) right  / var(--lens-w, 24px) 100%          no-repeat,
    linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) top    / 100%          var(--lens-w, 24px) no-repeat,
    linear-gradient(0deg,   rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)) bottom / 100%          var(--lens-w, 24px) no-repeat;
  -webkit-backdrop-filter: blur(1px) saturate(310%) contrast(1.16) brightness(1.10);
  backdrop-filter: blur(1px) saturate(310%) contrast(1.16) brightness(1.10);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}
/* 内容必须在透镜层之上，否则标题/表单会被边缘采样压淡 */
.home-tech .lg-live > :not(.lg-lens) { position: relative; z-index: 1; }
/* Chromium 上再叠一层极轻的液态流动；不支持的引擎自动用上面那条 */
@supports (backdrop-filter: url("#lg-flow")) {
  .home-tech .lg-lens {
    -webkit-backdrop-filter: url(#lg-flow) blur(1px) saturate(310%) contrast(1.16) brightness(1.10);
    backdrop-filter: url(#lg-flow) blur(1px) saturate(310%) contrast(1.16) brightness(1.10);
  }
}
/* 触屏 / 低动效偏好：关闭液态流动这一层，保留静态透镜 */
@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  .home-tech .lg-lens { backdrop-filter: blur(1px) saturate(265%) contrast(1.10) brightness(1.06); }
}

/* ---------- 12. 终版精修：大卡片白净可读、移动端呼吸感 ---------- */
.home-tech #insurance .card.lg-live,
.home-tech #contact .form-card.lg-live {
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .62) 48%, rgba(255, 255, 255, .76)) padding-box,
    linear-gradient(135deg,
      rgba(255, 255, 255, .98), rgba(86, 196, 255, .72) 18%,
      rgba(255, 255, 255, .40) 42%, rgba(171, 135, 255, .70) 68%,
      rgba(255, 150, 200, .62) 86%, rgba(255, 255, 255, .96)) border-box;
  box-shadow:
    inset 0 1.5px 0 rgba(255, 255, 255, 1),
    inset 1px 0 1px rgba(255, 108, 148, .26),
    inset -1px 0 1px rgba(72, 214, 255, .30),
    inset 0 -1.5px 0 rgba(120, 150, 210, .18),
    inset 0 -20px 34px rgba(255, 255, 255, .46),
    0 2px 8px rgba(46, 76, 140, .06),
    0 24px 58px rgba(46, 76, 140, .18),
    0 0 36px rgba(120, 165, 255, .16);
}
/* 表单控件在白玻璃上要更清晰 */
.home-tech #contact .form-card .field input,
.home-tech #contact .form-card .field select,
.home-tech #contact .form-card .field textarea {
  background: linear-gradient(150deg, rgba(255, 255, 255, .90), rgba(240, 247, 255, .72));
  color: #1c2f55;
}
.home-tech #contact .form-card .field input::placeholder,
.home-tech #contact .form-card .field textarea::placeholder { color: #7387ad; }

@media (max-width: 900px) {
  .home-tech .hero-photo-inner { padding-top: 60px; padding-bottom: 64px; }
  .home-tech .hero.hero-photo { min-height: 0; }
}

/* =========================================================
   首页视觉层 v6 · iOS 26 终极形态
   ① 有机高饱和壁纸（Apple 式大色块 + 曲线彩带）
   ② 多片玻璃层叠 + 镜面弧高光
   ③ 边缘真实几何折射（feDisplacementMap 已在 Chromium 实测生效）
   ④ 全站玻璃卡统一连续圆角与折光内缘
   ========================================================= */

/* ---------- 1. 有机壁纸：让玻璃有「清晰的东西」可折 ---------- */
.home-tech .lg-wall {
  position: absolute; inset: 0; z-index: 1;
  overflow: hidden; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 20%, rgba(0,0,0,.42) 40%, #000 60%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 20%, rgba(0,0,0,.42) 40%, #000 60%);
}
.home-tech .lg-blob {
  position: absolute; border-radius: 50%;
  filter: blur(28px);
  opacity: .48;
  will-change: transform;
}
.home-tech .lg-blob--1 {
  width: 760px; height: 580px; right: -9%; top: -20%;
  background: linear-gradient(135deg, rgba(79, 125, 255, .82), rgba(180, 110, 255, .62));
  transform: rotate(-18deg);
  animation: lgBlobDrift 22s ease-in-out infinite alternate;
}
.home-tech .lg-blob--2 {
  width: 640px; height: 500px; right: 2%; top: 22%;
  background: linear-gradient(120deg, rgba(255, 124, 178, .74), rgba(255, 190, 120, .56));
  transform: rotate(12deg);
  animation: lgBlobDrift 26s ease-in-out -6s infinite alternate-reverse;
}
.home-tech .lg-blob--3 {
  width: 680px; height: 540px; right: -13%; bottom: -24%;
  background: linear-gradient(140deg, rgba(48, 214, 224, .66), rgba(91, 140, 255, .62));
  transform: rotate(-8deg);
  animation: lgBlobDrift 30s ease-in-out -12s infinite alternate;
}
.home-tech .lg-blob--4 {
  width: 500px; height: 400px; right: 32%; bottom: -14%;
  background: linear-gradient(160deg, rgba(167, 139, 250, .54), rgba(255, 255, 255, 0));
}
@keyframes lgBlobDrift {
  0%   { translate: 0 0; scale: 1; }
  100% { translate: -3% 4%; scale: 1.1; }
}
.home-tech .lg-ribbons {
  position: absolute; inset: 0; width: 100%; height: 100%;
  opacity: .70; filter: blur(.8px) saturate(1.08);
}
/* 网格只作为折射线索，退回极淡，别再像设计稿坐标纸 */
.home-tech .hero-photo-scrim::after {
  opacity: .42;
  background-image:
    linear-gradient(rgba(70, 120, 210, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 120, 210, .055) 1px, transparent 1px);
}
.home-tech .hero-photo-scrim::before { opacity: .55; }

/* ---------- 2. 第二片玻璃：层叠折射构图 ---------- */
.home-tech .hv-backsheet {
  position: absolute; left: -3%; top: 6px; width: 102%; height: 88%;
  border-radius: 42px;
  border: 2px solid transparent;
  transform: translateZ(-46px) rotate(-7deg) scale(1.03);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, .90),
    0 26px 60px rgba(60, 90, 170, .18);
  pointer-events: none;
}
.home-tech .hv-backsheet.lg-live {
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .05) 55%, rgba(220, 235, 255, .22)) padding-box,
    linear-gradient(125deg,
      rgba(255, 255, 255, .92), rgba(86, 196, 255, .70) 18%,
      rgba(255, 255, 255, .22) 44%, rgba(171, 135, 255, .68) 70%,
      rgba(255, 150, 200, .58) 88%, rgba(255, 255, 255, .90)) border-box;
}

/* ---------- 3. 镜面弧：Apple 的顶部 specular 光 ---------- */
.home-tech .lg-live > .lg-spec {
  position: absolute; left: 5%; right: 5%; top: 1px; height: 54%;
  border-radius: 50% 50% 0 0 / 26% 26% 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .06) 62%, transparent);
  -webkit-mask-image: radial-gradient(130% 100% at var(--gx, 50%) -24%, #000 8%, transparent 76%);
  mask-image: radial-gradient(130% 100% at var(--gx, 50%) -24%, #000 8%, transparent 76%);
  z-index: 1; pointer-events: none; opacity: .88;
}

/* ---------- 4. 主玻璃：更大连续圆角、更透、更厚 ---------- */
.home-tech .hv-console {
  border-radius: 34px;
  border: 2px solid transparent;
}
.home-tech .hv-console.lg-live {
  background:
    radial-gradient(360px 260px at var(--gx, 50%) var(--gy, 0%), rgba(255, 255, 255, .38), transparent 72%),
    linear-gradient(155deg, rgba(255, 255, 255, .34), rgba(238, 246, 255, .14) 52%, rgba(226, 236, 255, .30)) padding-box,
    linear-gradient(135deg,
      rgba(255, 255, 255, .98), rgba(86, 196, 255, .88) 15%,
      rgba(255, 255, 255, .22) 40%, rgba(171, 135, 255, .86) 66%,
      rgba(255, 150, 200, .78) 86%, rgba(255, 255, 255, .98)) border-box;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 1),
    inset 2px 0 2px rgba(255, 108, 148, .34),
    inset -2px 0 2px rgba(72, 214, 255, .40),
    inset 0 -2px 0 rgba(120, 150, 210, .22),
    inset 0 -26px 40px rgba(255, 255, 255, .26),
    0 6px 12px rgba(46, 76, 140, .08),
    0 48px 90px rgba(46, 76, 140, .26),
    0 0 64px rgba(120, 165, 255, .28);
}
/* 悬浮卡也透出背后的高饱和色 */
.home-tech .hv-float.lg-live,
.home-tech .hero-points li.lg-live {
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .48), rgba(255, 255, 255, .16)) padding-box,
    linear-gradient(120deg, rgba(255, 255, 255, .96), rgba(120, 205, 255, .78) 28%, rgba(255, 255, 255, .30) 55%, rgba(190, 150, 255, .74) 82%, rgba(255, 255, 255, .94)) border-box;
}

/* ---------- 5. 真实几何折射：位移滤镜只作用于内缘一圈 ----------
   A/B 实测：feTurbulence + feDisplacementMap 在 backdrop-filter 上生效；
   feImage 位移图无效，已弃用。中心仍保持清晰（Apple 原型 blur≈0.3px）。 */
@supports (backdrop-filter: url("#lg-flow")) {
  .home-tech .lg-lens {
    -webkit-backdrop-filter: url(#lg-flow) blur(1px) saturate(320%) contrast(1.18) brightness(1.11);
    backdrop-filter: url(#lg-flow) blur(1px) saturate(320%) contrast(1.18) brightness(1.11);
  }
  .home-tech .hv-console .lg-lens,
  .home-tech .hv-backsheet .lg-lens {
    -webkit-backdrop-filter: url(#lg-refract) blur(1px) saturate(350%) contrast(1.20) brightness(1.13);
    backdrop-filter: url(#lg-refract) blur(1px) saturate(350%) contrast(1.20) brightness(1.13);
  }
}
/* 内缘再加一道红/青色散细线，位移会把它扭出棱镜感 */
.home-tech .lg-lens {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    inset 2px 0 2px rgba(255, 92, 148, .38),
    inset -2px 0 2px rgba(60, 220, 255, .42),
    inset 0 -1px 0 rgba(120, 150, 210, .22);
}

/* ---------- 6. 全站连续圆角：更接近 Apple 的圆润度 ---------- */
.home-tech .cat-card,
.home-tech .value-card,
.home-tech .segment-card,
.home-tech .phase-card,
.home-tech .metric,
.home-tech .card,
.home-tech .step,
.home-tech .shot-slot,
.home-tech .scene-item,
.home-tech .form-card,
.home-tech .quote-band,
.home-tech .faq details,
.home-tech .checklist,
.home-tech .roi-result { border-radius: 26px; }

/* ---------- 7. 降级：低动效 / 触屏关掉壁纸漂移与几何位移 ---------- */
@media (prefers-reduced-motion: reduce) {
  .home-tech .lg-blob { animation: none; }
}
@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  .home-tech .lg-lens {
    -webkit-backdrop-filter: blur(1px) saturate(265%) contrast(1.10) brightness(1.06);
    backdrop-filter: blur(1px) saturate(265%) contrast(1.10) brightness(1.06);
  }
}
@media (max-width: 900px) {
  .home-tech .lg-wall {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.30) 30%, rgba(0,0,0,.55) 100%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.30) 30%, rgba(0,0,0,.55) 100%);
  }
  .home-tech .lg-blob--1 { width: 480px; height: 360px; right: -30%; top: -8%; }
  .home-tech .lg-blob--2 { width: 400px; height: 320px; right: -18%; top: 40%; }
  .home-tech .lg-blob--3 { width: 420px; height: 340px; right: -24%; bottom: -10%; }
  .home-tech .lg-blob--4 { display: none; }
  .home-tech .lg-ribbons { opacity: .32; }
  .home-tech .hv-backsheet { display: none; }
  .home-tech .hv-console { border-radius: 28px; }
}

/* =========================================================
   首页视觉层 v7 · 统一形状语言（iOS 26 同心圆角）
   全页只允许四个令牌：面板 28 / 内嵌 18 / 图标 14 / 胶囊 999
   主视觉玻璃按「外片 > 内片 > 内嵌卡」同心递减：34 > 30 > 18
   彻底消除：左直角右圆角、上直角下圆角、6~26px 的随机圆角
   ========================================================= */

/* ---------- 1. 所有面板 / 卡片：统一 28px 连续圆角 ---------- */
.home-tech .cat-card,
.home-tech .value-card,
.home-tech .segment-card,
.home-tech .phase-card,
.home-tech .metric,
.home-tech .card,
.home-tech .step,
.home-tech .flow-step,
.home-tech .shot-slot,
.home-tech .scene-item,
.home-tech .form-card,
.home-tech .quote-band,
.home-tech .faq details,
.home-tech .checklist,
.home-tech .roi-result,
.home-tech .extra-band,
.home-tech .trustbar-inner { border-radius: 28px !important; }

/* 细长提示条：直接用胶囊，杜绝「左直角右圆角」 */
.home-tech .note {
  border-left: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .74);
  background: linear-gradient(120deg, rgba(255, 255, 255, .78), rgba(238, 246, 255, .54)) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  backdrop-filter: blur(12px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 10px 28px rgba(46, 76, 140, .10);
}

/* ---------- 2. 内嵌图片：与 28px 面板同心 ---------- */
.home-tech .shot-slot img,
.home-tech .scene-item img { border-radius: 22px !important; }

/* ---------- 3. 所有图标 / 小方块：统一 14px ---------- */
.home-tech .card-icon,
.home-tech .cat-head .card-icon,
.home-tech #portfolio .card-icon,
.home-tech .footer-brand img,
.home-tech .hv-cube { border-radius: 14px !important; }

/* ---------- 4. 所有徽章 / 小标签：统一胶囊 ---------- */
.home-tech .hc-nodes span,
.home-tech .step-time,
.home-tech .shot-slot figcaption span,
.home-tech .kicker,
.home-tech .hero-points li { border-radius: 999px !important; }

/* ---------- 5. 主视觉玻璃：同心递减 34 > 30 > 18 ---------- */
.home-tech .hv-console { border-radius: 30px !important; }
.home-tech .hv-backsheet { border-radius: 34px !important; }
.home-tech .hv-slab { border-radius: 26px !important; }
.home-tech .hc-body {
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .06)) !important;
}
/* 控制台内部三张卡：从「不透明白方块」变成半透明玻璃，层叠才成立 */
.home-tech .hc-metric {
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, .74);
  background: linear-gradient(150deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, .22)) !important;
  -webkit-backdrop-filter: blur(2px) saturate(185%);
  backdrop-filter: blur(2px) saturate(185%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94), 0 8px 20px rgba(60, 90, 170, .12);
}
.home-tech .hc-title,
.home-tech .hc-metric span,
.home-tech .hc-metric b,
.home-tech .hc-nodes span { text-shadow: 0 1px 8px rgba(255, 255, 255, .85); }

/* ---------- 6. 信任条：全宽直角 → 圆角玻璃条 ---------- */
.home-tech .trustbar {
  background: transparent !important;
  border-bottom: 0 !important;
  padding: 16px 24px 4px !important;
}
.home-tech .trustbar-inner {
  position: relative; z-index: 4;
  border: 1px solid rgba(255, 255, 255, .78);
  background: linear-gradient(150deg, rgba(255, 255, 255, .70), rgba(255, 255, 255, .40)) !important;
  -webkit-backdrop-filter: blur(16px) saturate(200%);
  backdrop-filter: blur(16px) saturate(200%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 18px 44px rgba(46, 76, 140, .13);
  padding: 24px 8px !important;
}
.home-tech .trustbar div { border-left-color: rgba(120, 160, 230, .26) !important; }

/* ---------- 7. 表单控件：与图标同一档 ---------- */
.home-tech #contact .field input,
.home-tech #contact .field select,
.home-tech #contact .field textarea,
.home-tech #roi input,
.home-tech #roi select { border-radius: 14px !important; }

/* ---------- 8. 移动端：主玻璃与内嵌卡同步收敛 ---------- */
@media (max-width: 900px) {
  .home-tech .hv-console { border-radius: 26px !important; }
  .home-tech .hc-body { border-radius: 18px !important; }
  .home-tech .hc-metric { border-radius: 14px !important; }
  .home-tech .trustbar { padding-left: 16px !important; padding-right: 16px !important; }
}

/* =========================================================
   首页视觉层 v8 · 减法收敛：一条边框 / 一套比例
   诊断：旧层里几乎每张卡都是「1px 边框 + 5 层 inset 描边 +
   双层渐变背景」，视觉上 2~3 圈边；且 1144x46 细条与 544x352
   大方块共用 28px 圆角，比例失调。
   本层把全页压回：① 一条边 ② 圆角按尺寸分级 ③ 装饰尺寸收敛
   ========================================================= */

/* ---------- 1. 全站玻璃卡：只留「一条边 + 一道顶高光 + 一层外阴影」 ---------- */
.home-tech .cat-card,
.home-tech .value-card,
.home-tech .segment-card,
.home-tech .phase-card,
.home-tech .metric,
.home-tech .card,
.home-tech .step,
.home-tech .flow-step,
.home-tech .shot-slot,
.home-tech .scene-item,
.home-tech .form-card,
.home-tech .quote-band,
.home-tech .faq details,
.home-tech .checklist,
.home-tech .roi-result,
.home-tech .extra-band,
.home-tech .trustbar-inner,
.home-tech .note,
.home-tech .hc-metric,
.home-tech .hv-float,
.home-tech .hv-slab,
.home-tech .hv-orb {
  border: 1px solid rgba(255, 255, 255, .80) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .88),
    0 2px 6px rgba(46, 76, 140, .04),
    0 14px 34px rgba(46, 76, 140, .10) !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .74), rgba(255, 255, 255, .46)) !important;
}
/* 透镜层不再叠任何 inset 描边，折光完全交给实时背景采样 */
.home-tech .lg-lens { box-shadow: none !important; }
/* 通栏容器：信任条本身透明，CTA 也只保留一条边 */
.home-tech .trustbar.lg-live {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.home-tech section.cta.lg-live {
  border: 1px solid rgba(255, 255, 255, .80) !important;
  border-radius: 28px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .66), rgba(255, 255, 255, .38)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .88),
    0 14px 34px rgba(46, 76, 140, .10) !important;
}

/* 主视觉玻璃：唯一一条淡彩虹边（不再叠加红/青 inset） */
.home-tech .hv-console.lg-live,
.home-tech .hv-backsheet.lg-live {
  border: 1.5px solid transparent !important;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .14) 55%, rgba(255, 255, 255, .28)) padding-box,
    linear-gradient(120deg,
      rgba(255, 255, 255, .96), rgba(120, 200, 255, .58) 22%,
      rgba(190, 150, 255, .52) 62%, rgba(255, 170, 210, .52) 88%,
      rgba(255, 255, 255, .94)) border-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .92),
    0 30px 70px rgba(46, 76, 140, .18) !important;
}
.home-tech .lg-live > .lg-spec { opacity: .6; }

/* ---------- 2. 圆角按尺寸分级（同比例，不再一刀切 28px） ---------- */
/* 大面板：宽 ≥ 700 或高 ≥ 250 */
.home-tech .cat-card,
.home-tech .card,
.home-tech .scene-item,
.home-tech .form-card,
.home-tech .quote-band,
.home-tech .extra-band,
.home-tech .checklist,
.home-tech .faq details,
.home-tech .trustbar-inner { border-radius: 28px !important; }
/* 中卡片 */
.home-tech .value-card,
.home-tech .segment-card,
.home-tech .phase-card,
.home-tech .metric,
.home-tech .step,
.home-tech .shot-slot,
.home-tech .split > .reveal,
.home-tech .hv-slab { border-radius: 22px !important; }
/* 小卡片 / 内嵌 */
.home-tech .flow-step,
.home-tech .hc-metric { border-radius: 18px !important; }
/* 细长条：胶囊，避免「28px 用在 46px 高」的比例失衡 */
.home-tech .note,
.home-tech .roi-result { border-radius: 999px !important; }
/* 主视觉同心：外片 32 > 控制台 30 > 内嵌 22 > 卡 18 */
.home-tech .hv-console { border-radius: 30px !important; }
.home-tech .hv-backsheet { border-radius: 32px !important; }
.home-tech .hc-body { border-radius: 22px !important; }
/* 图标与圆点 */
.home-tech .card-icon,
.home-tech .cat-head .card-icon,
.home-tech #portfolio .card-icon,
.home-tech .brand img,
.home-tech .footer-brand img,
.home-tech .hv-cube { border-radius: 14px !important; }
.home-tech .hero-dot { border-radius: 999px !important; }
.home-tech .hero-dot.is-active { width: 20px; border-radius: 999px !important; }

/* ---------- 3. 装饰尺寸收敛：不再「一个大一个细」 ---------- */
.home-tech .hv-backsheet {
  left: 3%; top: 18px; width: 94%; height: 84%;
  transform: translateZ(-46px) rotate(-3deg) scale(1.02);
}
.home-tech .hv-orb--a { width: 76px; height: 76px; }
.home-tech .hv-orb--b { width: 48px; height: 48px; }
.home-tech .lg-ribbons { opacity: .32; }

/* 移动端标题自动换行时用均衡断行，避免末行只剩一个字 */
@media (max-width: 700px) {
  .home-tech .hero.hero-photo h1 { text-wrap: balance; }
}

/* ---------- 4. 信任条：说明文字收进同一张玻璃卡 ---------- */
.home-tech .trustbar-note {
  grid-column: 1 / -1;
  margin: 2px 0 0 !important;
  padding: 12px 22px 0;
  border-top: 1px solid rgba(120, 160, 230, .20);
  font-size: 12px !important;
  text-align: center;
  color: #8997b0 !important;
}
.home-tech .trustbar-inner { padding: 22px 8px 16px !important; }

/* ---------- 5. 控制台内部文字：玻璃化后仍要清晰 ---------- */
.home-tech .hc-metric span { color: #3a4d72 !important; font-weight: 600; }
.home-tech .hc-metric b { color: #1b2e54 !important; }

/* ---------- 6. 按钮：同样只留一条边、一道高光 ---------- */
.home-tech .btn {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .68),
    0 10px 26px rgba(47, 100, 240, .22) !important;
}

@media (max-width: 900px) {
  .home-tech .hv-console { border-radius: 26px !important; }
  .home-tech .hc-metric, .home-tech .flow-step { border-radius: 14px !important; }
  .home-tech .value-card, .home-tech .metric,
  .home-tech .phase-card, .home-tech .segment-card { border-radius: 18px !important; }
  .home-tech .cat-card, .home-tech .card, .home-tech .form-card { border-radius: 22px !important; }
  .home-tech .trustbar-note { padding: 10px 12px 0; }
}

/* =========================================================
   首页视觉层 v9 · 比例归一
   诊断：基础 style.css 有「版式重构」层把 #portfolio .cat-grid
   改成 display:block 的六条全宽横向目录（1184x162），前面几层却
   一直给这些横条套「卡片」的圆角玻璃边，于是六个又宽又扁、
   顶部还带彩线 + 分隔线 = 双重边框。这里恢复成 3x2 卡片网格。
   ========================================================= */

/* ---------- 1. 产品矩阵：六条横条 → 3×2 规整卡片网格 ---------- */
.home-tech #portfolio .cat-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  border-top: 0 !important;
  counter-reset: cat 0 !important;
}
.home-tech #portfolio .cat-card {
  counter-increment: cat 1 !important;
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  align-items: initial !important;
  padding: 24px !important;
  border: 1px solid rgba(255, 255, 255, .80) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .80) !important;
  border-radius: 28px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .46)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .90),
    0 2px 6px rgba(46, 76, 140, .04),
    0 14px 34px rgba(46, 76, 140, .10) !important;
}
.home-tech #portfolio .cat-card:hover {
  transform: translateY(-4px) !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .88), rgba(246, 250, 255, .62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 20px 44px rgba(46, 76, 140, .16) !important;
}
/* 顶部彩色细线 = 第二条边，去掉 */
.home-tech #portfolio .cat-card::before { display: none !important; }
.home-tech #portfolio .cat-head {
  margin: 0 0 14px !important;
  align-items: center !important;
  gap: 12px !important;
}
.home-tech #portfolio .cat-head .card-icon {
  width: 38px !important; height: 38px !important;
  font-size: 15px !important; border-radius: 14px !important;
}
.home-tech #portfolio .cat-head h3 { font-size: 17px !important; }
.home-tech #portfolio .cat-list { gap: 0 !important; }
.home-tech #portfolio .cat-list a {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid rgba(120, 160, 230, .18) !important;
  font-size: 13px !important;
}
.home-tech #portfolio .cat-list li:last-child a { border-bottom: 0 !important; }
.home-tech #portfolio .cat-list a span {
  font-size: 11px !important;
  white-space: normal !important;
  line-height: 1.45;
}

/* ---------- 2. CTA 内三张小卡：与外层同心，单边框 ---------- */
.home-tech section.cta .grid-3 > div {
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 18px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .48)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90), 0 8px 22px rgba(46, 76, 140, .08) !important;
  padding: 16px !important;
}

/* ---------- 3. 首屏 3D 底座：硬边斜纸板 → 柔和光影 ---------- */
.home-tech .hv-slab {
  border: 0 !important;
  background: radial-gradient(closest-side, rgba(255, 255, 255, .46), rgba(160, 190, 255, .10) 72%, transparent) !important;
  box-shadow: none !important;
  opacity: .58;
}
.home-tech .hv-ground { opacity: .5; }

/* ---------- 4. 响应式 ---------- */
@media (max-width: 1100px) {
  .home-tech #portfolio .cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  .home-tech #portfolio .cat-grid { grid-template-columns: 1fr !important; }
  .home-tech #portfolio .cat-card { padding: 20px !important; border-radius: 22px !important; }
}

/* =========================================================
   首页视觉层 v10 · split 统一
   诊断：三处 .split 都是 align-items:center 的两栏，左栏只有裸
   checklist、右栏却在 .card 里再嵌一层 checklist 白框；两栏高度
   不等又被垂直居中 → 上下错位、卡中卡、清单列数还不一致。
   处理：每栏只留一张玻璃卡（等高 / 同构头部 / 单列清单 / 单边框）。
   ========================================================= */

/* ---------- 1. 等高双卡：顶边、底边、卡面、内边距完全一致 ---------- */
.home-tech .split {
  align-items: stretch !important;
  gap: 18px !important;
}
.home-tech .split > .reveal {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 28px 24px 30px !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 28px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .62)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .90),
    0 2px 6px rgba(46, 76, 140, .04),
    0 14px 34px rgba(46, 76, 140, .10) !important;
}

/* ---------- 2. 同构头部：图标与标题同一基线，左右不再一高一低 ---------- */
.home-tech .split .split-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 20px;
}
.home-tech .split .split-head .card-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  font-size: 15px !important;
  border-radius: 14px !important;
  /* 三处 split 统一成同一枚实心玻璃图标，消除「一深一浅」 */
  background: linear-gradient(135deg, #2b7cff, #8b5cf6) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .38) !important;
  box-shadow: 0 8px 20px rgba(47, 100, 240, .26) !important;
}
.home-tech .split .split-head h3 {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.35;
  letter-spacing: -.01em;
  color: var(--lg-ink) !important;
}

/* ---------- 3. 清单降级为纯列表：彻底消除第二层卡 / 双重边框 ---------- */
.home-tech .split .checklist {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px 0 !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.home-tech .split .check {
  line-height: 1.7;
  color: #2b3c5e;
}
.home-tech .split .check b { color: var(--lg-ink); }

/* ---------- 4. 按钮贴底：两卡底边齐平 ---------- */
.home-tech .split > .reveal > .btn {
  align-self: flex-start;
  margin-top: auto !important;
}

/* ---------- 5. 响应式 ---------- */
@media (max-width: 900px) {
  .home-tech .split { gap: 18px !important; }
  .home-tech .split > .reveal {
    padding: 24px 22px 26px !important;
    border-radius: 22px !important;
  }
}

/* =========================================================
   首页视觉层 v11 · checklist 大气化
   诊断：把清单压成 14px 小字 + 18px 小勾 + 单列窄行，文字缩在
   卡片左侧一条、右边空一大片 → 显得小气、拘谨、撑不起宽卡。
   处理：字号 16、勾点 24、行距 18、关键词加重，让内容占满卡宽。
   ========================================================= */

/* ---------- 1. 全站首页清单统一放大（含 2 列 / 嵌在别的模块里的） ---------- */
.home-tech .checklist { gap: 18px 26px; }
.home-tech .checklist .check {
  font-size: 16px !important;
  line-height: 1.7 !important;
  padding-left: 40px !important;
  letter-spacing: .005em;
  color: #2b3c5e;
  text-wrap: pretty;
}
.home-tech .checklist .check::before {
  width: 24px !important;
  height: 24px !important;
  top: 2px !important;
  font-size: 13px !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, rgba(43, 124, 255, .20), rgba(43, 124, 255, .10)) !important;
  color: #2b7cff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85) !important;
}
.home-tech .checklist .check b {
  font-weight: 700;
  color: var(--lg-ink);
}

/* ---------- 2. split 内：行距拉开、头部同步放大，整卡更饱满 ---------- */
.home-tech .split .checklist {
  gap: 18px 0 !important;
  margin: 0 0 28px !important;
}
/* 勾点 24 + 间距 12，把文字区尽量放宽，避免尾字单独掉到下一行 */
.home-tech .split .checklist .check { padding-left: 36px !important; }
.home-tech .split .split-head { margin-bottom: 22px; }
.home-tech .split .split-head h3 { font-size: 20px !important; }
.home-tech .split .split-head .card-icon {
  width: 42px !important;
  height: 42px !important;
  font-size: 16px !important;
}
/* 窄栏里的手机端说明清单，略收一档避免挤成多行 */
.home-tech #screens .shot-mobile .checklist .check { font-size: 15px !important; }

/* ---------- 3. 小屏 ---------- */
@media (max-width: 640px) {
  .home-tech .checklist .check {
    font-size: 15px !important;
    padding-left: 34px !important;
  }
  .home-tech .checklist .check::before {
    width: 21px !important;
    height: 21px !important;
    font-size: 12px !important;
  }
  .home-tech .split .split-head h3 { font-size: 18px !important; }
  .home-tech .split .split-head .card-icon {
    width: 38px !important;
    height: 38px !important;
  }
}


/* =========================================================
   首页视觉层 v12 · 首屏 3D 重做（减法）
   诊断：8deg / -13deg 大角度把界面文字压变形；主玻璃只剩 .34
   白度，透出背后浓紫壁纸 → 像染色塑料卡；彩虹描边 + 背板 -7deg
   + 球 / 方块 / 光环 / 底座十来个漂浮物 → 杂乱廉价。
   处理：扶正、提白、藏装饰，只留「主玻璃 + 错层背板 + 一张浮卡」。
   ========================================================= */

/* ---------- 1. 清场：去掉零散漂浮物，只留一层柔和背光 ---------- */
.home-tech .hv-orb,
.home-tech .hv-pill,
.home-tech .hv-cube,
.home-tech .hv-slab,
.home-tech .hv-ring,
.home-tech .hv-ground,
.home-tech .hv-float--b { display: none !important; }
.home-tech .hv-glow {
  background: radial-gradient(closest-side, rgba(150, 190, 255, .26), transparent 74%) !important;
  filter: blur(40px) !important;
  opacity: .8;
}

/* ---------- 2. 主玻璃：扶正、白净、一条边 ---------- */
.home-tech .hv-console,
.home-tech .hv-console.lg-live {
  transform: rotateX(calc(2deg + var(--rx, 0deg))) rotateY(calc(-4deg + var(--ry, 0deg))) translateZ(0) !important;
  border: 1px solid rgba(255, 255, 255, .96) !important;
  border-radius: 28px !important;
  background: linear-gradient(160deg, rgba(255, 255, 255, .95), rgba(247, 251, 255, .86)) !important;
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
  backdrop-filter: blur(10px) saturate(150%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 2px 8px rgba(46, 76, 140, .06),
    0 32px 64px rgba(46, 76, 140, .18) !important;
}
.home-tech .hv-console::after { display: none !important; }
.home-tech .hv-console::before { opacity: .14 !important; animation: none !important; }
.home-tech .lg-live > .lg-spec { display: none !important; }

/* ---------- 3. 边缘透镜：保留轻微折光，去掉高饱和与色散 ---------- */
.home-tech .hv-console .lg-lens,
.home-tech .hv-backsheet .lg-lens {
  --lens-w: 14px;
  -webkit-backdrop-filter: blur(1px) saturate(160%) brightness(1.03) !important;
  backdrop-filter: blur(1px) saturate(160%) brightness(1.03) !important;
  box-shadow: none !important;
}

/* ---------- 4. 背板：不旋转，只向右下错开一层，形成整齐厚度 ---------- */
.home-tech .hv-backsheet,
.home-tech .hv-backsheet.lg-live {
  transform: translate(12px, 14px) translateZ(-36px) !important;
  border: 1px solid rgba(255, 255, 255, .88) !important;
  border-radius: 28px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .94), rgba(240, 247, 255, .86)) !important;
  box-shadow: 0 20px 48px rgba(46, 76, 140, .14) !important;
}

/* ---------- 5. 界面内容：全部拉回平面，文字清晰 ---------- */
.home-tech .hc-chart { transform: none !important; }
.home-tech .hc-body {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.home-tech .hc-metric {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid rgba(214, 228, 250, .90) !important;
  box-shadow: 0 2px 8px rgba(46, 76, 140, .05) !important;
}
.home-tech .hc-nodes span {
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgba(214, 228, 250, .90) !important;
}
.home-tech .hc-title, .home-tech .hc-metric span,
.home-tech .hc-metric b, .home-tech .hc-nodes span { text-shadow: none !important; }
.home-tech .hc-line { filter: none !important; }

/* ---------- 6. 只留一张浮卡：静态、白净、轻微浮起 ---------- */
.home-tech .hv-float--a {
  top: -14px !important;
  right: -3% !important;
  transform: translateZ(46px) !important;
  animation: none !important;
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(255, 255, 255, .96) !important;
  box-shadow: 0 14px 30px rgba(46, 76, 140, .16) !important;
  color: #2b3c5e !important;
}

/* ---------- 7. 首屏壁纸降浓：彩色只做点缀，白净为主 ---------- */
.home-tech .lg-blob { opacity: .38 !important; }
.home-tech .lg-ribbons { opacity: .52 !important; }
@media (max-width: 900px) {
  .home-tech .lg-blob { opacity: .30 !important; }
  .home-tech .lg-ribbons { opacity: .26 !important; }
}

/* =========================================================
   首页视觉层 v13 · #screens 患者端分栏重做
   诊断：左栏 740x335 裸文字 + 一张孤立的小白 checklist 卡，
   右栏 340x708 竖长骨架屏，align-items:center 让左栏悬空；
   顶部还挂着一条直角 border-top，与全站圆角玻璃卡冲突。
   处理：改成和 split 同语言的「等高双玻璃卡」，清单降级为纯列表。
   ========================================================= */

/* ---------- 1. 去掉直角分隔线，两栏等高 ---------- */
.home-tech #screens .shot-mobile {
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
  margin-top: 34px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* ---------- 2. 左栏：裸文字 → 一张与右栏对等的玻璃卡 ---------- */
.home-tech #screens .shot-mobile > div:first-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 30px 32px 32px !important;
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: 28px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .62)) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  backdrop-filter: blur(22px) saturate(180%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .90),
    0 2px 6px rgba(46, 76, 140, .04),
    0 14px 34px rgba(46, 76, 140, .10) !important;
}
.home-tech #screens .shot-mobile h3 {
  font-size: clamp(26px, 2.6vw, 34px) !important;
  color: var(--lg-ink) !important;
  margin: 0 0 14px !important;
}
/* flex 列会把 kicker 拉成整行宽，收回成小胶囊 */
.home-tech #screens .shot-mobile .kicker {
  align-self: flex-start;
  margin: 0 0 16px !important;
}
.home-tech #screens .shot-mobile p {
  max-width: none;
  font-size: 15.5px;
  line-height: 1.75;
  color: #44577d;
  margin: 0 0 24px !important;
}

/* ---------- 3. 清单：不再是孤立小白卡，和全站同一尺度 ---------- */
.home-tech #screens .shot-mobile .checklist {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
.home-tech #screens .shot-mobile .checklist .check {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #2b3c5e !important;
}
.home-tech #screens .shot-mobile .checklist .check b { color: var(--lg-ink) !important; }

/* ---------- 4. 右栏：玻璃展示台，手机图缩小居中，不再细长竖条 ---------- */
.home-tech #screens .shot-slot--phone {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 26px 24px 22px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(360px 300px at 50% 40%, rgba(120, 175, 255, .26), transparent 72%),
    radial-gradient(260px 220px at 84% 86%, rgba(180, 150, 255, .20), transparent 72%),
    linear-gradient(155deg, rgba(255, 255, 255, .84), rgba(238, 246, 255, .60)) !important;
}
.home-tech #screens .shot-slot--phone img {
  width: auto !important;
  max-width: 100%;
  max-height: 300px !important;
  object-fit: contain;
  border-radius: 18px !important;
}
.home-tech #screens .shot-slot--phone figcaption {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px !important;
  padding: 0 !important;
}

/* ---------- 5. 响应式 ---------- */
@media (max-width: 900px) {
  .home-tech #screens .shot-mobile {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .home-tech #screens .shot-slot--phone img { max-height: 340px !important; }
}
@media (max-width: 640px) {
  .home-tech #screens .shot-mobile > div:first-child {
    padding: 24px 22px 26px !important;
    border-radius: 22px !important;
  }
  .home-tech #screens .shot-slot--phone { border-radius: 22px !important; }
}

/* =========================================================
   首页视觉层 v14 · 旗舰方案「L1 + L2」重做
   诊断：section 被 lg-live 加了一层全宽白玻璃边框，内层又一张
   900px 左对齐玻璃卡 → 双重边框 + 右侧空 540px；三张 262x114
   小卡塞 13.5px 灰字，按钮孤零零挂在左下。
   处理：section 退回背景，一张撑满 container 的大卡（左文案 /
   右 L1→L2 关系图），下方三张等宽等高的大气能力卡。
   ========================================================= */

/* ---------- 1. 外层只做背景：去掉直角分隔线与第二层边框 ---------- */
.home-tech section.cta:not(#contact) {
  padding: 64px 0 72px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(760px 420px at 88% 8%, rgba(125, 190, 255, .16), transparent 66%),
    radial-gradient(620px 360px at 4% 96%, rgba(176, 158, 255, .13), transparent 66%) !important;
}

/* ---------- 2. 唯一一张玻璃大卡：撑满 container，左右等高 ---------- */
.home-tech section.cta:not(#contact) .container > .l1l2-hero {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
  gap: 46px !important;
  align-items: center !important;
  padding: 44px 48px !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  border-radius: 28px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .92), rgba(246, 250, 255, .76)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(165%);
  backdrop-filter: blur(18px) saturate(165%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 18px 44px rgba(46, 76, 140, .10) !important;
}

/* ---------- 3. 左栏：标题 / 正文 / 按钮成组，不再散落 ---------- */
.home-tech .l1l2-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.home-tech .l1l2-copy .kicker {
  align-self: flex-start;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px !important;
  padding: 7px 15px !important;
  border: 1px solid rgba(120, 160, 230, .22) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .82) !important;
  color: var(--lg-blue) !important;
  font-size: 12px !important;
  letter-spacing: .12em;
  text-transform: none;
}
.home-tech .l1l2-copy .kicker::before { display: none !important; }
.home-tech .l1l2-copy h2 {
  font-size: clamp(28px, 2.9vw, 40px) !important;
  line-height: 1.24 !important;
  letter-spacing: -.02em;
  color: var(--lg-ink) !important;
  margin: 0 0 18px !important;
  text-wrap: pretty !important;
}
.home-tech .l1l2-copy .lead {
  max-width: none !important;
  font-size: 16.5px !important;
  line-height: 1.85 !important;
  color: #445a80 !important;
  margin: 0 !important;
}
.home-tech .l1l2-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 20px;
  margin-top: 30px !important;
}
.home-tech .l1l2-actions .btn {
  padding: 14px 26px !important;
  font-size: 15.5px !important;
}
.home-tech .l1l2-actions span { font-size: 14px; color: #6b7f9e; }

/* ---------- 4. 右栏：L1 → L2 关系示意（白净、细线、无彩色块） ---------- */
.home-tech .l1l2-map { min-width: 0; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.home-tech .l1l2-node--top {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(255, 255, 255, .97), rgba(240, 247, 255, .86));
  box-shadow: inset 0 1px 0 #fff, 0 10px 24px rgba(46, 76, 140, .10);
}
.home-tech .l1l2-tag {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 52px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, #2269ee, #5148e8);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
}
.home-tech .l1l2-node--top b { display: block; font-size: 18px; color: var(--lg-ink); }
.home-tech .l1l2-node--top small { display: block; margin-top: 4px; font-size: 13.5px; color: #6b7f9e; }
.home-tech .l1l2-scale {
  margin-left: auto;
  flex: none;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(90, 150, 240, .10);
  color: var(--lg-blue);
  font-style: normal;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
}

.home-tech .l1l2-bus { position: relative; height: 40px; }
.home-tech .l1l2-bus::before {
  content: "";
  position: absolute;
  left: 16.66%; right: 16.66%; top: 50%;
  height: 1.5px;
  background: linear-gradient(90deg, rgba(90, 150, 240, .28), rgba(90, 150, 240, .58), rgba(90, 150, 240, .28));
}
.home-tech .l1l2-bus::after {
  content: "";
  position: absolute;
  left: 50%; top: 0; height: 50%; width: 1.5px;
  background: rgba(90, 150, 240, .42);
}
.home-tech .l1l2-bus i { position: absolute; top: 50%; height: 50%; width: 1.5px; background: rgba(90, 150, 240, .42); }
.home-tech .l1l2-bus i:nth-child(1) { left: 16.66%; }
.home-tech .l1l2-bus i:nth-child(2) { left: 50%; }
.home-tech .l1l2-bus i:nth-child(3) { left: 83.33%; }

.home-tech .l1l2-stores { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.home-tech .l1l2-store {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 8px 14px;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 16px;
  background: rgba(255, 255, 255, .88);
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px rgba(46, 76, 140, .06);
}
.home-tech .l1l2-store span {
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(90, 150, 240, .10);
  color: var(--lg-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
}
.home-tech .l1l2-store b { font-size: 14.5px; color: var(--lg-ink); white-space: nowrap; }
.home-tech .l1l2-map-note {
  margin-top: 16px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, .80);
  border-radius: 999px;
  background: rgba(255, 255, 255, .64);
  color: #6b7f9e;
  font-size: 13.5px;
  text-align: center;
}

/* ---------- 5. 三张能力卡：等宽等高、大字、单边框 ---------- */
.home-tech section.cta .l1l2-points {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr;
  align-items: stretch !important;
  gap: 20px !important;
  margin: 22px 0 0 !important;
}
.home-tech section.cta .l1l2-points > .l1l2-point {
  display: flex !important;
  align-items: flex-start;
  gap: 18px;
  height: 100%;
  min-height: 152px;
  padding: 26px 26px 24px !important;
  border: 1px solid rgba(255, 255, 255, .90) !important;
  border-radius: 24px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .90), rgba(240, 247, 255, .70)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 12px 30px rgba(46, 76, 140, .08) !important;
}
.home-tech .l1l2-num {
  flex: none;
  padding-top: 6px;
  color: var(--lg-blue);
  opacity: .55;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .04em;
  line-height: 1.2;
}
.home-tech .l1l2-point b { display: block; margin: 0 0 10px; font-size: 21px; color: var(--lg-ink); }
.home-tech .l1l2-point p { margin: 0 !important; font-size: 15.5px !important; line-height: 1.75 !important; color: #3d5278 !important; }

/* ---------- 6. 响应式 ---------- */
@media (max-width: 1000px) {
  .home-tech section.cta:not(#contact) .container > .l1l2-hero {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    padding: 34px 32px !important;
  }
}
@media (max-width: 900px) {
  .home-tech section.cta .l1l2-points { grid-template-columns: 1fr !important; gap: 14px !important; }
  .home-tech section.cta .l1l2-points > .l1l2-point { min-height: 0; border-radius: 22px !important; }
}
@media (max-width: 640px) {
  .home-tech section.cta:not(#contact) .container > .l1l2-hero { padding: 26px 22px !important; border-radius: 22px !important; }
  .home-tech section.cta .l1l2-points > .l1l2-point { padding: 22px !important; }
  .home-tech .l1l2-copy h2 { font-size: 29px !important; }
  .home-tech .l1l2-store b { font-size: 12.5px; }
  .home-tech .l1l2-store span { padding: 3px 8px; font-size: 11px; }
  .home-tech .l1l2-map-note { font-size: 12.5px; }
  .home-tech .l1l2-scale { display: none; }
}

/* =========================================================
   首页视觉层 v15 · 信任条重做（container trustbar-inner）
   诊断：.trustbar-inner 本身是一张 1200x134 超扁白玻璃条，
   四个指标被三条 1px 竖线切成表格，数字是渐变剪裁字、标签
   12.5px 小灰字，底部注释还挂一条直角 border-top；且浮在
   #f7faff 近白底上，玻璃几乎看不见，与首屏彩色 3D / 后面的
   卡片网格完全两种语言。
   处理：容器退成透明网格，淡彩过渡带承接首屏，四项改为
   四张等宽等高玻璃卡，去竖线、去直角线、去渐变字。
   ========================================================= */

/* ---------- 1. 淡彩过渡带：把首屏浓彩柔化到内容区近白 ---------- */
.home-tech .trustbar {
  padding: 34px 24px 30px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(900px 260px at 10% 0%, rgba(125, 180, 255, .22), transparent 70%),
    radial-gradient(820px 240px at 90% 100%, rgba(182, 158, 255, .20), transparent 70%),
    linear-gradient(180deg, rgba(158, 178, 255, .20) 0%, rgba(233, 242, 255, .58) 46%, rgba(247, 250, 255, 0) 100%) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* ---------- 2. 容器：透明网格，不再是扁玻璃条 ---------- */
.home-tech .trustbar-inner {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 20px !important;
}

/* ---------- 3. 四张等宽等高玻璃卡：去掉表格竖线 ---------- */
.home-tech .trustbar-inner > .trust-item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 150px;
  padding: 28px 18px 26px !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  border-left: 1px solid rgba(255, 255, 255, .92) !important;
  border-left-color: rgba(255, 255, 255, .92) !important;
  border-radius: 22px !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .93), rgba(240, 247, 255, .76)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(170%);
  backdrop-filter: blur(18px) saturate(170%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .96),
    0 12px 30px rgba(46, 76, 140, .10) !important;
}

/* ---------- 4. 数字 / 标签：纯深墨大字，去掉渐变剪裁字 ---------- */
.home-tech .trustbar-inner > .trust-item b {
  display: block;
  font-size: 34px !important;
  line-height: 1.15 !important;
  letter-spacing: -.03em;
  color: var(--lg-ink) !important;
  -webkit-text-fill-color: var(--lg-ink) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
}
.home-tech .trustbar-inner > .trust-item span {
  display: block;
  margin-top: 10px !important;
  font-size: 15px !important;
  line-height: 1.5;
  color: #4a5f85 !important;
}

/* ---------- 5. 注释：独立一行，去掉直角分隔线 ---------- */
.home-tech .trustbar-inner .trustbar-note {
  grid-column: 1 / -1 !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  font-size: 13px !important;
  line-height: 1.7;
  text-align: center;
  color: #7a8aa6 !important;
}

/* ---------- 6. 响应式：≥700px 仍四列，避免 426x132 宽扁条 ---------- */
@media (max-width: 900px) {
  .home-tech .trustbar { padding: 28px 16px 26px !important; }
  .home-tech .trustbar-inner { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; }
  .home-tech .trustbar-inner > .trust-item { min-height: 150px; padding: 22px 10px !important; border-radius: 20px !important; }
  .home-tech .trustbar-inner > .trust-item b { font-size: 28px !important; }
  .home-tech .trustbar-inner > .trust-item span { font-size: 13.5px !important; }
}
@media (max-width: 700px) {
  .home-tech .trustbar-inner { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; }
  .home-tech .trustbar-inner > .trust-item { padding: 24px 14px !important; }
  .home-tech .trustbar-inner > .trust-item b { font-size: 30px !important; }
  .home-tech .trustbar-inner > .trust-item span { font-size: 15px !important; }
}
@media (max-width: 560px) {
  .home-tech .trustbar-inner > .trust-item b { font-size: 27px !important; }
  .home-tech .trustbar-inner .trustbar-note { font-size: 12.5px !important; }
}

/* =========================================================
   首页视觉层 v16 · 整页只留一层连续背景（消除横向分层）
   诊断：16 个 section 各自带一段有起止的背景——
     9 个 .section      = linear-gradient(#fff → #fafcff)  白横带
     5 个 .section--soft= 粉紫蓝 radial + 深浅渐变          彩横带
     #insurance / .trustbar / 旗舰 CTA / .site-footer 又各有
     一套底，hero 另有斜向彩带。每段在拼接处颜色跳变，于是整页
     呈「一条彩、一条白」的百叶窗式断层。
   处理：所有 section 级背景一律撤空；唯一的背景挂在 body 上，
   用超大半径光斑 + 全文档高度的单条渐变缓慢流动，从顶部浓彩
   连续衰减到近白。玻璃卡浮在这一层上，不再有层与层的边界。
   ========================================================= */

/* ---------- 1. 唯一的背景层：body 全文档连续渐变 ---------- */
body.home-tech {
  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;
}

/* ---------- 2. 所有页面级底层一律撤空（#contact 玻璃卡除外） ---------- */
.home-tech section.section,
.home-tech section.section--soft,
.home-tech section.section--tight,
.home-tech section#insurance.section--soft,
.home-tech section.hero.hero-photo,
.home-tech section.cta:not(#contact),
.home-tech .trustbar,
.home-tech .site-footer {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* 铺满矩形的网格纹理：本身也是一个"有底的一层"，两处一起清 */
.home-tech section#insurance::before,
.home-tech section#contact::before { display: none !important; }

/* 最后一处全宽白板：#contact 原本整段是 section.cta.lg-live，
   自带白玻璃渐变 + backdrop-filter + 1px 白边，顶边在 y≈14205
   形成 +13 的像素跳变。撤成透明段落，只保留内部 .form-card 玻璃卡。
   注意 style.css 的 .cta 底层是深色 navy，必须显式 transparent 压住。 */
.home-tech section#contact.cta,
.home-tech section#contact.cta.lg-live {
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  color: var(--lg-ink) !important;
}
/* 左侧文案落回统一底色，保留原有深墨字重 */
.home-tech section#contact .cta-points li { color: var(--lg-ink) !important; }
.home-tech section#contact .lead,
.home-tech section#contact .cta-contact div { color: #445a80 !important; }
/* 页脚原来那条 1px 白硬边，清掉后与正文无缝 */
.home-tech .site-footer {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* ---------- 3. 首屏彩斑：底部渐隐，融进连续背景，不再硬切 ---------- */
.home-tech .lg-wall > * {
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 44%, rgba(0, 0, 0, .38) 74%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 44%, rgba(0, 0, 0, .38) 74%, transparent 100%);
}
.home-tech .lg-blob { opacity: .32 !important; }
.home-tech .lg-ribbons { opacity: .44 !important; }
/* 文字侧白色柔光：纵向也要渐隐，否则在 hero 底边直接截断（移动端实测 +40 跳变） */
.home-tech .hero-photo-scrim {
  background: linear-gradient(90deg, rgba(255, 255, 255, .60) 0%, rgba(255, 255, 255, .26) 40%, transparent 72%) !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 56%, rgba(0, 0, 0, .40) 80%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0%, #000 56%, rgba(0, 0, 0, .40) 80%, transparent 100%);
}

/* ---------- 4. 卡片仍是可辨识的玻璃，但要与统一底色同调 ---------- */
.home-tech .section,
.home-tech section.cta:not(#contact),
.home-tech .trustbar { position: relative; }

@media (max-width: 900px) {
  .home-tech .lg-blob { opacity: .26 !important; }
  .home-tech .lg-ribbons { opacity: .28 !important; }
  .home-tech .hero-photo-scrim {
    background: linear-gradient(90deg, rgba(255, 255, 255, .66) 0%, rgba(255, 255, 255, .34) 58%, transparent 100%) !important;
  }
}

/* =========================================================
   首页视觉层 v17 · hero.hero-photo 与下方无缝衔接
   诊断：v16 撤掉了 16 个 section 的分段底色，但首屏里还留着
   旧企业站的照片轮播层（.hero-slider 五张 6% 不透明度医院照）
   和右下角 .hero-dots 分页圆点。这一整层被 hero 的
   overflow:hidden 硬裁在 y=724，形成贯穿全宽的矩形边界；
   同时 .lg-wall 的彩斑也只铺到 hero 底边就戛然而止，
   于是「浓彩照片首屏」和「四张白玻璃卡」之间出现落差。
   处理：撤掉照片/圆点这个独立模块，让彩斑跨过 hero 底边
   继续向下流动 420px 并渐隐，与 body 唯一一层连续背景合流。
   桌面实测 y=724 的像素跳变 +9 消失。
   ========================================================= */

/* ---------- 1. 撤掉「独立轮播模块」：照片层与分页圆点 ---------- */
.home-tech .hero-slider,
.home-tech .hero-dots { display: none !important; }

/* ---------- 2. 让彩色光斑可以溢出 hero 下边界 ----------
   只在垂直方向放开：overflow-x:clip 保证左右不产生文档宽度，
   overflow-y:visible 让彩斑跨过底边继续流动。
   注意不能用 overflow:clip + overflow-clip-margin，那是四边放开，
   实测会让 .lg-blob 的负 right 造成 279px 横向溢出。 */
.home-tech .hero.hero-photo {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

/* ---------- 3. 彩斑向下延伸，并在 86% 处归零 ---------- */
.home-tech .lg-wall {
  bottom: -420px !important;
  height: auto !important;
}
.home-tech .lg-wall > * {
  -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%);
}
/* 去掉照片后彩色少了一层，把光斑与曲线略提回来，但仍在同一次渐变里 */
.home-tech .lg-blob { opacity: .36 !important; }
.home-tech .lg-ribbons { opacity: .50 !important; }

/* ---------- 4. 白色柔光与网格：渐隐终点前移，底边不留痕 ---------- */
.home-tech .hero-photo-scrim {
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 42%, rgba(0, 0, 0, .34) 72%, transparent 94%);
  mask-image: linear-gradient(180deg, #000 0%, #000 42%, rgba(0, 0, 0, .34) 72%, transparent 94%);
}
.home-tech .hero-photo-scrim::after { opacity: .30 !important; }

/* ---------- 5. 信任条呼吸与层级：卡片压在光斑之上 ---------- */
.home-tech .trustbar { padding-top: 52px !important; z-index: 3; }
.home-tech #portfolio { z-index: 2; }

/* ---------- 6. 移动端：延伸量收小，避免彩色拖得太长 ---------- */
@media (max-width: 900px) {
  .home-tech .lg-wall { bottom: -300px !important; }
  .home-tech .trustbar { padding-top: 34px !important; }
  .home-tech .lg-blob { opacity: .30 !important; }
  .home-tech .lg-ribbons { opacity: .32 !important; }
}

/* =========================================================
   首页视觉层 v18 · 真实系统截图上墙
   四张原图比例 2.08~2.19，占位 SVG 是 16:9。不统一画框比例会出现
   「一张高一张扁」，因此只给真实 PNG 统一 2.1:1 画框 + contain：
   界面完整不裁切、四张玻璃卡等高。深色医保大屏配同色底衬，避免白边。
   ========================================================= */
.home-tech #screens .shot-grid .shot-slot img[src$=".png"] {
  width: 100%;
  height: auto;
  aspect-ratio: 2.1;
  object-fit: contain;
  background: rgba(240, 247, 255, .78);
  border-radius: 18px !important;
}
.home-tech #screens .shot-grid .shot-slot[data-shot="insurance"] img[src$=".png"] {
  background: #0b1d34;
}
@media (max-width: 700px) {
  .home-tech #screens .shot-grid .shot-slot img[src$=".png"] { border-radius: 14px !important; }
}

/* ---------- 区块动画图位（board）----------
   首页各区块统一的满宽图位：SVG 自带白玻璃卡，外层只包一层薄玻璃板；
   figcaption 与系统截图位同一格式。 */
.home-tech .board {
  margin: 0 0 30px;
  padding: 12px;
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(240, 247, 255, .56));
  -webkit-backdrop-filter: blur(22px) saturate(185%);
  backdrop-filter: blur(22px) saturate(185%);
  border: 1px solid rgba(255, 255, 255, .94);
  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);
}
.home-tech .board img { width: 100%; height: auto; display: block; border-radius: 20px; }
.home-tech .board figcaption {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline;
  gap: 3px 14px; padding: 10px 8px 2px;
  font-size: 12.5px; color: var(--lg-sub);
}
.home-tech .board figcaption b { color: var(--lg-ink); font-weight: 800; }
@media (max-width: 760px) {
  .home-tech .board { margin: 0 0 22px; padding: 8px; border-radius: 20px; }
  .home-tech .board img { border-radius: 14px; }
  .home-tech .board figcaption { padding: 8px 6px 0; }
}

/* ---------- 旗舰方案：01/02/03 收进横幅大卡，消除游离感 ----------
   原先三点行在大卡外面、悬浮在区块背景上，加上区块底色与页面底色
   几乎无差别，整个区块像临时拼上去的。现在让三点行成为大卡的
   第二行（跨两列），上方加一条淡分隔线，与大卡合为一整块横幅。 */
.home-tech section.cta:not(#contact) .container > .l1l2-hero {
  row-gap: 0 !important;
}
.home-tech section.cta .l1l2-points {
  grid-column: 1 / -1;
  margin: 34px 0 0 !important;
  padding-top: 28px;
  border-top: 1px solid rgba(120, 150, 210, .16);
}
.home-tech section.cta .l1l2-points > .l1l2-point {
  min-height: 0 !important;
  padding: 20px 24px !important;
  background: rgba(255, 255, 255, .55) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}
@media (max-width: 760px) {
  .home-tech section.cta .l1l2-points { margin-top: 26px !important; padding-top: 22px; }
}

/* ---------- 联系信息：只公开公司与地址 ----------
   公开页面不列电话与邮箱，避免推销骚扰；预约统一走右侧表单。
   这一行小字用来解释「为什么不放电话」，而不是留一个空白。 */
.home-tech section#contact .cta-contact .cta-contact-note {
  margin-top: 12px !important;
  max-width: 430px;
  font-size: 12.5px !important;
  line-height: 1.7;
  color: #7c8aa6 !important;
}

/* ---------- Logo 去底色（与内页一致） ----------
   logo.png 已是透明底，白底来自旧的 .brand img 背景 + padding。
   去掉后直接透明叠在玻璃导航上，高度按字形收敛。 */
.home-tech .brand img,
.home-tech .footer-brand img {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.home-tech .brand img { height: 26px !important; }
.home-tech .footer-brand img { height: 24px !important; }
@media (max-width: 760px) {
  .home-tech .brand img { height: 23px !important; }
}