:root {
  --onyx: #010103;
  --charcoal: #07070a;
  --stone: #f3f4f6;
  --silver: #b5b8bf;
  --silver-deep: #5a5e65;
  --amber: #d4a853;
  /* AI 矩阵高能发光内核 */
  --amber-glow: rgba(212, 168, 83, 0.15);
  --amber-laser: #f3da9f;
  --border: rgba(255, 255, 255, 0.04);
  --border-hover: rgba(212, 168, 83, 0.35);
  --panel-bg: rgba(8, 8, 11, 0.75);
  --shadow-lux: 0 48px 120px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --radius-xl: 36px;
  --radius-lg: 24px;
  --radius-md: 16px;
  --content-width: 1180px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
  background: #010102;
}

body {
  margin: 0;
  font-family: "Manrope", sans-serif;
  color: var(--stone);
  background: #010102;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;

  /* 全站背景埋入赛博数字网络微衬底 */
  background-image:
    radial-gradient(circle at 50% 15%, rgba(212, 168, 83, 0.06), transparent 55rem),
    radial-gradient(circle at 80% 65%, rgba(212, 168, 83, 0.04), transparent 45rem),
    linear-gradient(rgba(255, 255, 255, 0.006) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.006) 1px, transparent 1px);
  background-size: 100% 100%, 100% 100%, 60px 60px, 60px 60px;
}

/* --- 全站 HUD 扫描线 + 微噪点覆盖（增强科技感，不改主题） --- */
body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

/* 全站动态粒子画布（在 HUD 覆盖层下面、内容层之上/之下可控） */
#bg-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  mix-blend-mode: screen;
}

/* 扫描线：极淡，慢速下移 */
body::before {
  background:
    repeating-linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.05) 0px,
      rgba(255, 255, 255, 0.05) 1px,
      rgba(0, 0, 0, 0) 3px,
      rgba(0, 0, 0, 0) 6px
    );
  opacity: 0.035;
  mix-blend-mode: overlay;
  transform: translateY(-30%);
  animation: hudScan 12s linear infinite;
}

/* 噪点：SVG data-uri，避免额外资源请求 */
body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  opacity: 0.04;
  mix-blend-mode: soft-light;
}

@keyframes hudScan {
  0% { transform: translateY(-30%); }
  100% { transform: translateY(30%); }
}

/* 确保主体内容在覆盖层之上 */
.skip-link,
.page-shell,
.mobile-cta-bar {
  position: relative;
  z-index: 2;
}

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

.skip-link {
  position: absolute;
  top: -100%;
  left: 16px;
  z-index: 200;
  padding: 12px 20px;
  border-radius: var(--radius-md);
  background: var(--amber);
  color: #010103;
  font-weight: 700;
  transition: top 200ms ease;
}

.skip-link:focus {
  top: 16px;
}

.link-underline {
  border-bottom: 1px solid rgba(212, 168, 83, 0.35);
  transition: border-color 240ms ease, color 240ms ease;
}

.link-underline:hover {
  border-bottom-color: var(--amber);
}

.section-heading.left-aligned {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.section-heading.left-aligned p:last-child {
  margin-left: 0;
  margin-right: 0;
}

.hero-cta-panel {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 48px;
  align-self: center;
  padding: 18px 28px;
  border-left: 3px solid var(--amber) !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(212, 168, 83, 0.08), transparent 55%),
    linear-gradient(180deg, rgba(14, 14, 18, 0.82) 0%, rgba(7, 7, 10, 0.96) 100%) !important;
}

.hero-cta-panel .button {
  width: auto;
  flex-shrink: 0;
  min-height: 48px;
  padding: 0 28px;
}

.hero-trust-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}

.hero-trust-line {
  margin: 0;
  color: var(--silver);
  font-size: 0.94rem;
  line-height: 1.45;
}

.guarantee-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.guarantee-narrative-spaced {
  margin-top: 22px;
}

.checklist-panel .checklist-closing {
  margin-top: auto;
  padding-top: 22px;
  border-top: 1px dashed rgba(212, 168, 83, 0.22);
  color: var(--silver);
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
}

.checklist-closing-highlight {
  display: block;
  margin-top: 8px;
  font-size: 1.18rem;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.01em;
  background: linear-gradient(135deg, #fcebc4 0%, #d4a853 55%, #c99534 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 20px rgba(212, 168, 83, 0.25));
}

.nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(212, 168, 83, 0.35);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--stone);
  cursor: pointer;
  flex-shrink: 0;
}

.nav-toggle-icon {
  position: relative;
  width: 20px;
  height: 2px;
  background: currentColor;
  transition: background 200ms ease;
}

.nav-toggle-icon::before,
.nav-toggle-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  background: currentColor;
  transition: transform 200ms ease, top 200ms ease;
}

.nav-toggle-icon::before { top: -6px; }
.nav-toggle-icon::after { top: 6px; }

.nav-toggle[aria-expanded="true"] .nav-toggle-icon {
  background: transparent;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-icon::before {
  top: 0;
  transform: rotate(45deg);
}

.button:focus-visible,
.site-nav a:focus-visible,
.highlight-gold-link:focus-visible,
.inline-link:focus-visible,
.nav-toggle:focus-visible,
.skip-link:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 3px;
}

.mobile-cta-bar {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  body::before {
    animation: none !important;
    transform: none !important;
  }

  .reveal-on-scroll,
  .reveal-on-scroll.in-view,
  .split-section .reveal-parent.reveal-on-scroll .eyebrow,
  .split-section .reveal-parent.reveal-on-scroll h2,
  .split-section .reveal-parent.reveal-on-scroll > p,
  .split-section .reveal-parent.reveal-on-scroll ul.checklist li,
  .hero-flow .flow-item,
  .hero-flow .flow-arrow,
  .guarantee-orbit-track,
  .guarantee-orbit-node,
  .guarantee-orbit-ring {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
  }
}

.page-shell {
  width: min(calc(100% - 40px), var(--content-width));
  margin: 0 auto;
  padding: 0 0 180px;
}

/* --- 顶级固态导航栏 --- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 10px 24px;
  background: linear-gradient(180deg, rgba(1, 1, 2, 0.96) 0%, rgba(5, 5, 8, 0.92) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(20px);
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.7);
}

.site-header, .site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* 导航栏高调节，logo大小调节 */

.brand img {
  width: 200px;          /* 1. 把宽度恢复到 160px 左右，让文字重新变大 */
  height: auto;

  /* 2. 核心魔法：用负 margin 把图片四周多余的透明留白“吸走” */
  margin-top: -30px;     /* 向上猛吸，消除顶部空白 */
  margin-bottom: -30px;  /* 向下猛吸，消除底部空白 */
  margin-left: 15px;    /* 值为正，让 Logo 靠右移动 */
  margin-right: -5px;

  display: block;        /* 确保块级特性生效 */
}
.brand-logo { mix-blend-mode: lighten; opacity: 0.98; filter: brightness(1.04); }

.site-nav, .footer-links { display: flex; align-items: center; gap: 16px; }
.site-nav { margin-left: auto; margin-right: 16px; }
.site-nav a, .footer-links a, .site-footer p {
  color: var(--silver); font-size: 0.95rem; font-weight: 500; letter-spacing: 0.03em; transition: color 240ms ease;
}
.site-nav a:hover, .footer-links a:hover, .site-nav a.active, .inline-link { color: var(--amber); }

/* --- 统一按钮高奢动效 --- */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 32px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.96rem;
  letter-spacing: 0.02em;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 240ms ease, background 240ms ease;
}
.button:hover { transform: translateY(-3px); }

/* 按钮“跟随光斑”：用 CSS 变量控制光斑位置（由 main.js 写入） */
.button::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: radial-gradient(
    circle at var(--mx, 50%) var(--my, 50%),
    rgba(243, 218, 159, 0.35),
    rgba(212, 168, 83, 0.12) 18%,
    rgba(0, 0, 0, 0) 60%
  );
  opacity: 0;
  transition: opacity 220ms ease;
  z-index: -1;
}

.button:hover::before { opacity: 1; }
.button-primary {
  color: #010103;
  background: linear-gradient(135deg, #c99534 0%, #d4a853 50%, #fbe6bc 100%);
  box-shadow: 0 12px 32px rgba(212, 168, 83, 0.22);
}
.button-primary:hover { box-shadow: 0 20px 48px rgba(212, 168, 83, 0.4); }
.button-primary:hover { box-shadow: 0 20px 48px rgba(212, 168, 83, 0.4); }
.button-outline {
  color: var(--stone); border: 1px solid rgba(212, 168, 83, 0.35); background: rgba(255, 255, 255, 0.01);
}
.button-outline:hover { border-color: rgba(212, 168, 83, 0.85); background: rgba(212, 168, 83, 0.05); }

/* --- Hero 首屏布局 --- */
.hero-grid {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  justify-content: start;
  min-height: calc(100vh - 90px);
  padding: 110px 0 70px;
  overflow: visible;
  background: none;

  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-left: max(calc((100vw - var(--content-width)) / 2), 20px);
  padding-right: max(calc((100vw - var(--content-width)) / 2), 20px);
  border-bottom: none;
}

/* Hero 背景层：把“图片+渐变”放到伪元素里，并在底部做透明渐隐
   目的：让粒子背景能在首屏底部“逐渐透出来”，避免分层断层。 */
.hero-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    /* 标题区提亮：局部柔光，不影响底部融合 */
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.06), transparent 46%),
    radial-gradient(circle at 28% 22%, rgba(212, 168, 83, 0.08), transparent 52%),
    /* 左侧遮罩略提亮，避免首屏整体“闷黑” */
    linear-gradient(90deg, rgba(1, 1, 2, 0.88) 0%, rgba(1, 1, 2, 0.92) 35%, rgba(1, 1, 2, 0.72) 55%, rgba(1, 1, 2, 0.18) 75%, transparent 100%),
    /* 纵向明暗改为“连续曲线”，避免出现硬分层带 */
    linear-gradient(
      180deg,
      /* 顶部降黑度：保证导航/标题区更明亮 */
      rgba(1, 1, 2, 0.52) 0%,
      rgba(1, 1, 2, 0.62) 16%,
      rgba(1, 1, 2, 0.55) 26%,
      rgba(1, 1, 2, 0.28) 44%,
      rgba(1, 1, 2, 0.06) 66%,
      rgba(1, 1, 2, 0.55) 86%,
      rgba(1, 1, 2, 1) 100%
    ),
    /* 背景主视觉图：尽量贴近右上角（更靠右上） */
    url("materials/image_push_boulder_uphill_new.webp") 60% -90% / auto 86% no-repeat;
  opacity: 1; /* 轻微回调：提升首屏明度，同时仍保留融合效果 */

  /* 底部更长、更柔的渐隐：把“照片黑底”与粒子背景融合得更丝滑 */
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 78%, rgba(0,0,0,0.55) 90%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 78%, rgba(0,0,0,0.55) 90%, rgba(0,0,0,0) 100%);
}

/* Hero 与下一段内容之间的“过渡幕布”：延伸到 Hero 之外，抹平接壤线 */
.hero-grid::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -260px;
  height: 560px;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(circle at 55% 20%, rgba(212, 168, 83, 0.08), transparent 55%),
    /* 过渡幕布上半段提亮，避免压暗首屏中段（70%/3×附近） */
    linear-gradient(180deg, rgba(1, 1, 2, 0.78) 0%, rgba(1, 1, 2, 0.62) 26%, rgba(1, 1, 2, 0.0) 100%);
  opacity: 0.82;
}

.hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; }
h1, h2, h3, p, ul { margin-top: 0; }

h1 {
  max-width: 12ch; margin-bottom: 36px;
  font-size: clamp(3.8rem, 7vw, 6.5rem); line-height: 1.05; font-weight: 800; letter-spacing: -0.04em;
}
h1 span {
  background: linear-gradient(135deg, #fcebc4 0%, #d4a853 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

.lede {
  max-width: 40rem;
  margin-bottom: 64px;
  color: var(--silver);
  font-size: 1.25rem;
  line-height: 1.75;
}

/* --- 首屏流水线三个圆弧框容器 --- */
.hero-flow {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: var(--content-width);
  margin-bottom: 70px !important;
}

.flow-item {
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center !important;
  gap: 16px;
  flex: 1;
  min-width: 0;
  min-height: 84px;
  padding: 16px 24px !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px;
  background: rgba(6, 6, 9, 0.85) !important;
  backdrop-filter: blur(16px);
  font-size: 0.96rem;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden !important;
  transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1), background-color 400ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.flow-item span {
  text-align: left !important;
}

.flow-item img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex-shrink: 0;
}

.hero-flow .flow-item:nth-child(5) img {
  width: 48px;
  height: 48px;
}

.flow-item strong {
  display: block;
  color: var(--stone);
  font-weight: 700;
  margin-bottom: 2px;
}

.flow-arrow {
  color: var(--amber);
  font-size: 1.3rem;
  opacity: 0.5;
}

/* 圆弧框左侧弧形高级点亮动效 */
.flow-item::before {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  border-radius: 999px;
  padding: 2px;
  background: linear-gradient(90deg, var(--amber) 0%, rgba(212, 168, 83, 0.8) 8%, rgba(212, 168, 83, 0) 25%, transparent 100%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 350ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.flow-item:hover {
  transform: translateY(-4px) !important;
  background: rgba(14, 14, 18, 0.95) !important;
  border-color: transparent !important;
}

.flow-item:hover::before {
  opacity: 1 !important;
}

.hero-slogan {
  align-self: center;
  width: 100%;
  margin-top: 24px !important;
  margin-bottom: 88px !important;
  text-align: center;
  color: var(--amber);
  font-size: clamp(2.15rem, 2.4vw, 1.45rem);
  font-weight: 700;
  letter-spacing: 0.06em;
}

/* --- 顶级高奢面板基座 --- */
.panel, .metric-card {
  position: relative;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(14, 14, 18, 0.75) 0%, rgba(7, 7, 10, 0.95) 100%);
  backdrop-filter: blur(20px);
  box-shadow: var(--shadow-lux);
  overflow: hidden;
  transition:
    transform 280ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 240ms ease,
    background-color 220ms ease,
    border-color 120ms ease,
    border-left-color 120ms ease,
    border-left-width 120ms ease;
}

.panel::before, .metric-card::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(circle at 90% 90%, rgba(212, 168, 83, 0.05), transparent 50%);
  pointer-events: none; opacity: 0.85; transition: opacity 500ms ease, background 500ms ease;
}

.panel:hover, .metric-card:hover {
  transform: translateY(-8px) scale(1.005);
  border-color: var(--border-hover);
  box-shadow: 0 30px 80px rgba(212, 168, 83, 0.08), 0 60px 140px rgba(0, 0, 0, 0.9), inset 0 1px 2px rgba(255, 255, 255, 0.08);
  background-color: rgba(16, 16, 22, 0.94);
}

.panel:not(.flow-item) {
  border-left: 2px solid rgba(255, 255, 255, 0.04) !important;
}
.panel:not(.flow-item):hover {
  border-left: 3px solid var(--amber) !important;
}

.metric-row { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); justify-content: center; gap: 28px; width: 100%; }
.metric-card { padding: 36px; text-align: center; border-left: 2px solid rgba(255, 255, 255, 0.04) !important; }
.metric-card:hover { border-left: 3px solid var(--amber) !important; box-shadow: -12px 30px 80px rgba(212, 168, 83, 0.12), 0 60px 140px rgba(0, 0, 0, 0.9) !important; }
.metric-card strong { display: block; margin-bottom: 8px; font-size: 3rem; letter-spacing: -0.03em; color: var(--amber); font-weight: 800; }
.metric-card span { color: var(--silver); font-size: 0.98rem; line-height: 1.6; }

/* --- 巨幕间距与大字重 --- */
.section, .split-section, .cta-panel {
  margin-top: 180px;
}

.section-heading {
  max-width: 900px; margin: 0 auto 84px; text-align: center;
}
.eyebrow {
  margin: 0 0 18px; display: inline-block;
  color: var(--amber); font-size: 2.05rem; font-weight: 800; letter-spacing: 0.22em; text-transform: uppercase;
}
.section-heading h2 {
  font-size: clamp(2.8rem, 5.2vw, 4.2rem);
  line-height: 1.1; font-weight: 800; letter-spacing: -0.04em; margin-bottom: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #cfd1d6 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.section-heading p:last-child {
  color: var(--silver); font-size: 1.3rem; line-height: 1.8; max-width: 52ch; margin: 0 auto;
}

.panel h3 { font-size: 1.65rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 18px; }
.panel p, .panel li { color: var(--silver); line-height: 1.9; font-size: 1.1rem; }

.scope-summary-line {
  background: linear-gradient(135deg, #fcebc4 0%, #d4a853 55%, #9a6f19 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 800;
  filter: drop-shadow(0 0 18px rgba(212, 168, 83, 0.16));
}


/* --- 网格骨架布局 --- */
.services-grid, .why-grid, .case-grid, .about-grid, .faq-grid {
  display: grid; gap: 32px;
}

.why-grid {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* ==========================================================================
   🌟 THE SISYPHUS GRIND 模块与全新专属 5 组图标优化
   ========================================================================== */
.split-section {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  align-items: stretch !important;
  gap: 32px;
  margin-top: 80px !important;
}

.split-section > .panel {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.split-section > .panel-copy {
  padding: 64px 54px 64px 54px !important;
}

.split-section > .checklist-panel {
  padding: 64px 44px 64px 44px !important;
}

.gold-accent-text {
  margin-top: auto !important;
  padding-top: 24px;
  font-size: 1.25rem !important;
  font-weight: 700;
  color: var(--amber) !important;
  border-top: 1px dashed rgba(212, 168, 83, 0.15);
}

.checklist {
  list-style: none;
  padding: 0;
  margin: auto 0 !important;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* 改用 5 张独立高奢专属图标资产进行对齐排布 */
.checklist li {
  position: relative;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px;
  padding-left: 0 !important; /* 移除原本伪元素 checkmark 的偏移量 */
  font-size: 1.05rem !important;
  line-height: 1.5 !important;
}

.checklist li::before {
  display: none !important; /* 彻底清除原文本“✓”字符 */
}

.checklist-icon {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  flex-shrink: 0;
  margin-top: 2px; /* 完美对齐第一行文本中心线 */
}

.checklist li span {
  flex: 1;
  color: var(--silver);
  letter-spacing: -0.01em; /* 稍微收紧 1% 的字距，肉眼几乎不可察觉，但能腾出 3-5px 的安全空间 */
}

/* --- APPROACH 模块 --- */
.approach-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  max-width: var(--content-width);
  margin: 0 auto;
  width: 100%;
}

.process-card {
  position: relative !important;
  padding: 64px 40px !important;
  border-radius: var(--radius-lg);
  border-left: 2px solid rgba(255, 255, 255, 0.03) !important;
}

.process-card:hover {
  border-left-color: var(--amber) !important;
  background: radial-gradient(circle at 0% 30%, rgba(212, 168, 83, 0.06), transparent 70%), linear-gradient(180deg, rgba(16, 16, 22, 0.85) 0%, rgba(7, 7, 10, 0.98) 100%) !important;
}

.step-badge {
  position: absolute;
  top: 24px;
  right: 32px;
  font-size: 3.5rem;
  font-weight: 800;
  font-family: serif;
  font-style: italic;
  color: rgba(255, 255, 255, 0.02);
  user-select: none;
  transition: color 400ms ease, transform 400ms ease;
}

.process-card:hover .step-badge {
  color: rgba(212, 168, 83, 0.06);
  transform: scale(1.1) translateY(-4px);
}

/* --- SERVICES 服务模块 --- */
.services-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
.service-card { padding: 34px; }
.services-grid .definition-title {
  font-size: 1.5rem;
}

.services-grid .definition-title-icon {
  width: 34px;
  height: 34px;
}

.service-card p {
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.8;
}

.definition-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 1.12rem;
  line-height: 1.2;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.definition-title-icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.2));
}

.definition-title span {
  white-space: nowrap;
}

.result-banner {
  grid-column: 1 / -1;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 28px !important;
  padding: 32px 44px !important;
  margin-top: 16px;
  border-left: 4px solid var(--amber) !important;
  background: rgba(212, 168, 83, 0.01) !important;
}

.result-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.result-banner p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.15rem;
  color: var(--stone);
  font-weight: 500;
}

.result-label {
  color: #010103;
  background: var(--amber);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 6px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(212, 168, 83, 0.25);
}

.eyebrow-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.eyebrow-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
}

/* --- WHY / WHO WE WORK WITH 优势模块 --- */
.why-grid { justify-content: center; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.why-grid .why-card:nth-child(1) { grid-column: 1 / 2; }
.why-grid .why-card:nth-child(2) { grid-column: 2 / 3; }
.why-grid .why-card:nth-child(3) { grid-column: 3 / 4; }
.why-grid .why-card:nth-child(4) { grid-column: 1 / 2; transform: translateX(50%); }
.why-grid .why-card:nth-child(5) { grid-column: 2 / 3; transform: translateX(50%); }
.why-grid .why-card:nth-child(n + 4) { max-width: 460px; justify-self: center; width: 100%; }
.why-grid .why-card:nth-child(4):hover, .why-grid .why-card:nth-child(5):hover { transform: translate(50%, -8px) scale(1.005); }

.why-card {
  padding: 54px 44px !important;
}
.why-grid .why-card:nth-child(5) h3 { background: linear-gradient(135deg, #fcebc4, #d4a853); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* --- CASE STUDIES 经典案例模块 --- */
.case-grid { grid-template-columns: 1fr 1fr; }
.case-card { padding: 54px 44px; display: flex; flex-direction: column; }
.case-meta { margin-bottom: 14px; color: var(--amber); font-size: 1rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.case-card h3 { font-size: 1.5rem !important; margin-bottom: 20px; line-height: 1.35; }
.case-results {
  margin-top: auto;
  padding-top: 24px;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}
.case-results li {
  position: relative;
  padding-left: 24px;
  color: var(--stone) !important;
  font-weight: 600;
  font-size: 1.05rem;
}
.case-results li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--amber);
  font-weight: 700;
}

/* --- ABOUT 创始人模块 --- */
.about-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bio-card {
  display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 40px; padding: 56px;
}
.bio-body { flex: 1; }
.bio-body h3 { margin-top: 0; font-size: 1.85rem; }
.bio-role { margin-bottom: 16px; color: var(--amber); font-size: 1.02rem; font-weight: 700; }

.bio-avatar {
  flex-shrink: 0; width: 148px; height: 148px; border-radius: var(--radius-md); overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07); background: #050507; box-shadow: 0 20px 48px rgba(0, 0, 0, 0.65);
  transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
}
.bio-avatar img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(35%) brightness(0.82) contrast(1.1); transition: filter 600ms ease; }
.bio-card:hover .bio-avatar { transform: scale(1.06) rotate(2.5deg); }
.bio-card:hover .bio-avatar img { filter: grayscale(0%) brightness(1.02) contrast(1.02); }

/* --- FAQ 手风琴 --- */
.faq-grid { grid-template-columns: minmax(0, 1fr); max-width: 920px; margin: 0 auto; }
.faq-card { padding: 0; overflow: hidden; }
.faq-card summary {
  display: flex; align-items: center; justify-content: space-between; padding: 30px 40px; font-size: 1.28rem; font-weight: 700; color: var(--stone); cursor: pointer; user-select: none;
}
.faq-card summary::after { content: "+"; color: var(--amber); font-size: 1.8rem; font-weight: 300; transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1); }
.faq-card[open] summary::after { transform: rotate(45deg); }
.faq-content { padding: 0 40px 32px; border-top: 1px solid rgba(255, 255, 255, 0.02); animation: slideDown 320ms cubic-bezier(0.16, 1, 0.3, 1) forwards; }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes guaranteePulse { 0%, 100% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.03); opacity: 1; } }

/* --- GUARANTEE & 底部巨幕 CTA 面板 --- */
.guarantee-page {
  padding: 26px 0 100px;
}

.guarantee-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 28px;
  margin-top: 34px;
  padding: 58px;
  background:
    radial-gradient(circle at 92% 8%, rgba(212, 168, 83, 0.16), transparent 24%),
    radial-gradient(circle at 0% 100%, rgba(255, 255, 255, 0.03), transparent 24%),
    linear-gradient(180deg, rgba(10, 10, 14, 0.96), rgba(6, 6, 9, 0.98));
}

.guarantee-hero-copy {
  display: grid;
  align-content: start;
}

.guarantee-eyebrow {
  color: var(--amber) !important;
}

.guarantee-gold-fade {
  background: linear-gradient(135deg, #f7dfb2 0%, #d4a853 38%, #8e6b20 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.guarantee-hero .lede {
  margin-bottom: 28px;
  font-size: 1.12rem;
}

.guarantee-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}

.guarantee-chip {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--silver);
  font-size: 0.94rem;
}

.guarantee-rail {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 100%;
  overflow: visible;
  pointer-events: none;
}

.guarantee-hero-art {
  position: relative;
  width: min(100%, 640px);
  min-height: 520px;
  align-self: start;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: -22px;
  margin-right: -18px;
  padding-right: 0;
  overflow: visible;
}

.guarantee-orbit {
  position: relative;
  width: min(100%, 620px);
  aspect-ratio: 1 / 1;
  min-height: 0;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: visible;
  border-radius: 50%;
  background:
    radial-gradient(circle at 58% 48%, rgba(212, 168, 83, 0.16), transparent 18%),
    radial-gradient(circle at 58% 48%, rgba(255, 255, 255, 0.04), transparent 44%),
    radial-gradient(circle at 100% 0%, rgba(212, 168, 83, 0.06), transparent 26%);
  opacity: 0.98;
}

@keyframes guaranteeOrbitSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes guaranteeOrbitCounterSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

.guarantee-orbit::before,
.guarantee-orbit::after {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  border: 1px solid rgba(212, 168, 83, 0.12);
}

.guarantee-orbit::after {
  inset: 22%;
  border-color: rgba(255, 255, 255, 0.06);
}

.guarantee-orbit-core {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  color: #010103;
  background: linear-gradient(135deg, #c99534 0%, #d4a853 52%, #fbe6bc 100%);
  box-shadow: 0 16px 40px rgba(212, 168, 83, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  font-size: 2.1rem;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.guarantee-orbit-ring {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 82%;
  height: 82%;
  border-radius: 50%;
  border: 1px solid rgba(212, 168, 83, 0.18);
  box-shadow: inset 0 0 22px rgba(212, 168, 83, 0.05);
  animation: guaranteePulse 8s ease-in-out infinite;
}

.guarantee-orbit-track {
  position: absolute;
  inset: 0;
  animation: guaranteeOrbitSpin 22s linear infinite;
  transform-origin: center;
}

.guarantee-orbit-track-one {
  animation-duration: 24s;
}

.guarantee-orbit-track-two {
  animation-duration: 30s;
  animation-direction: reverse;
}

.guarantee-orbit-anchor {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: center;
}

.guarantee-orbit-track-one .guarantee-orbit-anchor {
  transform: translate(-50%, -50%) translateX(152px);
}

.guarantee-orbit-track-two .guarantee-orbit-anchor {
  transform: translate(-50%, -50%) translateX(220px);
}

.guarantee-orbit-node {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(4, 4, 6, 0.8);
  color: var(--stone);
  font-size: 0.84rem;
  white-space: nowrap;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.38);
  transform-origin: center;
  animation: guaranteeOrbitCounterSpin 24s linear infinite;
}

.guarantee-orbit-track-two .guarantee-orbit-node {
  animation-duration: 30s;
  animation-direction: reverse;
}

.guarantee-visual-copy {
  display: none;
}

.guarantee-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.guarantee-card,
.guarantee-definition-grid .panel,
.guarantee-scope-card,
.guarantee-narrative {
  padding: 34px;
}

.guarantee-card h3,
.guarantee-definition-grid h3 {
  font-size: 1.5rem;
}

.guarantee-definition-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.guarantee-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.guarantee-scope-card .checklist {
  margin: 0 !important;
}

.guarantee-scope-card .checklist li {
  font-size: 1rem !important;
}

.guarantee-narrative {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 24px;
  align-items: stretch;
}

.guarantee-quote {
  padding-right: 24px;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.guarantee-quote p {
  font-size: 1.2rem;
  line-height: 1.9;
}

.satisfaction-question {
  background: linear-gradient(135deg, #fcebc4 0%, #d4a853 55%, #9a6f19 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(212, 168, 83, 0.18));
}

.satisfaction-notes p {
  position: relative;
  padding-left: 22px;
}

.satisfaction-notes p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  bottom: 0.18em;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(212, 168, 83, 0), rgba(212, 168, 83, 0.55), rgba(212, 168, 83, 0));
  opacity: 0.75;
}

.satisfaction-notes p::after {
  content: "";
  position: absolute;
  left: -3px;
  top: 0.88em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #fcebc4 0%, #d4a853 55%, #9a6f19 100%);
  box-shadow: 0 0 12px rgba(212, 168, 83, 0.3);
  transform: translateY(-50%);
}

/* ==========================================================================
   Guarantee 页：What This Is Not / Why This Matters 纯文本面板增强
   ========================================================================== */

/* Why This Matters：让左侧“引用句”更像宣言/引述 */
.why-matters-card .guarantee-quote {
  position: relative;
}

.why-matters-card .guarantee-quote::before {
  content: "“";
  position: absolute;
  top: -16px;
  left: -8px;
  font-size: 72px;
  line-height: 1;
  color: rgba(212, 168, 83, 0.16);
  pointer-events: none;
}

.why-matters-card .guarantee-quote p {
  background: linear-gradient(135deg, #ffffff 0%, #fcebc4 28%, #d4a853 78%, #9a6f19 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(212, 168, 83, 0.14));
}

/* Why This Matters：右侧说明做“段落导线”结构 */
.why-matters-card .guarantee-notes p {
  position: relative;
  padding-left: 22px;
}

.why-matters-card .guarantee-notes p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  bottom: 0.18em;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(212, 168, 83, 0), rgba(212, 168, 83, 0.5), rgba(212, 168, 83, 0));
  opacity: 0.7;
}

.why-matters-card .guarantee-notes p::after {
  content: "";
  position: absolute;
  left: -3px;
  top: 0.88em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #fcebc4 0%, #d4a853 55%, #9a6f19 100%);
  box-shadow: 0 0 12px rgba(212, 168, 83, 0.25);
  transform: translateY(-50%);
}

.guarantee-notes {
  display: grid;
  gap: 16px;
}

.guarantee-notes p {
  font-size: 1.02rem;
}

/* Guarantee 页强调句：让 “Your call. Every time.” 更显眼 */
.guarantee-callout {
  margin: 0;
  padding: 0;
  border: none;
  background: linear-gradient(135deg, #fcebc4 0%, #d4a853 45%, #9a6f19 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-size: 1.28rem !important;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-shadow: none;
  filter: drop-shadow(0 0 18px rgba(212, 168, 83, 0.22));
}

/* What satisfied means：把“纯文字说明框”做成更赛博的 Holo Panel */

.guarantee-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cta-panel {
  position: relative;
  grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 72px 64px; margin-bottom: 64px;
  background: radial-gradient(circle at 85% 50%, rgba(212, 168, 83, 0.12), transparent 45%), rgba(7, 7, 10, 0.85);
}
.cta-actions { display: grid; gap: 14px; justify-items: start; }

.cta-emblem {
  position: absolute;
  top: 60px;
  right: 88px;
  width: 150px;
  height: 150px;
  object-fit: contain;
  opacity: 0;
  transform: translateY(14px) scale(0.96);
  pointer-events: none;
  filter: drop-shadow(0 10px 22px rgba(212, 168, 83, 0.18));
  transition:
    opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1),
    transform 1500ms cubic-bezier(0.25, 1, 0.5, 1);
}

.cta-panel.reveal-on-scroll.in-view .cta-emblem {
  opacity: 0.9;
  transform: translateY(0) scale(1);
  transition-delay: 420ms;
}

/* --- 页脚 --- */
.site-footer { padding: 48px 8px 0; border-top: 1px solid rgba(255, 255, 255, 0.04); }
.footer-brand img { width: 148px; opacity: 0.5; }

/* 专属高奢链接跨屏联动样式与平滑锚点高亮 */
.highlight-gold-link {
  color: var(--amber) !important;
  font-weight: 700 !important;
  border-bottom: 1px dashed rgba(212, 168, 83, 0.4);
  padding-bottom: 1px;
  transition: all 300ms ease;
  display: inline-block;
}
.highlight-gold-link:hover {
  color: var(--amber-laser) !important;
  transform: translateY(-1px);
  border-bottom-color: var(--amber-laser);
  text-shadow: 0 0 8px rgba(212, 168, 83, 0.4);
}

#guarantee-target:target {
  border-color: var(--border-hover) !important;
  background: linear-gradient(180deg, rgba(212, 168, 83, 0.03) 0%, rgba(7, 7, 10, 0.98) 100%) !important;
  box-shadow: 0 0 50px rgba(212, 168, 83, 0.15), var(--shadow-lux) !important;
}

.cta-actions .microcopy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin: 16px 0 0 0 !important;
  font-size: 0.95rem;
  color: var(--silver-deep);
}

.microcopy-icon {
  width: 20px !important;
  height: 20px !important;
  margin-right: 8px !important;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}

/* --- 平板自适应排版 --- */
@media (max-width: 1080px) {
  .site-header, .site-footer, .hero-grid, .split-section, .approach-grid,
  .services-grid, .why-grid, .case-grid, .about-grid, .cta-panel,
  .guarantee-hero, .guarantee-grid, .guarantee-definition-grid,
  .guarantee-scope-grid, .guarantee-narrative { grid-template-columns: 1fr; }
  .section { margin-top: 130px; }
  .why-grid .why-card:nth-child(4), .why-grid .why-card:nth-child(5) { transform: none; max-width: none; }
  .why-grid .why-card:nth-child(4):hover, .why-grid .why-card:nth-child(5):hover { transform: translateY(-8px); }
  .site-header, .site-footer, .site-nav, .footer-links { flex-wrap: wrap; justify-content: center; }
  .hero-grid {
    padding: 100px 0 40px;
    background: linear-gradient(180deg, #010102 0%, rgba(1, 1, 2, 0.2) 40%, #010102 100%), url("materials/image_push_boulder_uphill_new.webp") 72% center / cover no-repeat;
  }
  .hero-copy { padding-top: 40px; }
  .hero-flow { flex-wrap: wrap; gap: 14px; margin-bottom: 24px; }
  .metric-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guarantee-hero,
  .guarantee-card,
  .guarantee-definition-grid .panel,
  .guarantee-scope-card,
  .guarantee-narrative,
  .cta-panel,
  .guarantee-hero-art {
    padding: 32px 24px;
  }
  .guarantee-quote {
    padding-right: 0;
    border-right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
  .guarantee-rail {
    justify-content: center;
  }
  .guarantee-hero-art {
    width: min(100%, 540px);
    min-height: 440px;
    margin-top: 0;
    margin-right: 0;
  }
  .cta-emblem {
    top: 130px;
    right: 150px;
    width: 84px;
    height: 84px;
  }
  .guarantee-orbit {
    width: min(100%, 520px);
  }
  .guarantee-orbit-track-one .guarantee-orbit-anchor {
    transform: translate(-50%, -50%) translateX(124px);
  }
  .guarantee-orbit-track-two .guarantee-orbit-anchor {
    transform: translate(-50%, -50%) translateX(182px);
  }
}

/* --- 智能手机端自适应排版 --- */
@media (max-width: 720px) {
  .page-shell { width: min(calc(100% - 24px), var(--content-width)); }
  .site-header {
    position: sticky;
    top: 0;
    width: calc(100% + 24px);
    margin-left: -12px;
    padding: 10px 20px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .site-header > .button.button-outline { display: none; }
  .nav-toggle { display: inline-flex; margin-left: auto; }
  .site-nav {
    display: none;
    order: 4;
    flex-basis: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    margin: 8px 0 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
  .site-nav.is-open { display: flex; }
  .site-nav a {
    padding: 12px 8px;
    border-radius: 8px;
  }
  .site-nav a:hover,
  .site-nav a.active {
    background: rgba(212, 168, 83, 0.06);
  }
  .mobile-cta-bar {
    display: block;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 90;
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  .mobile-cta-bar .button { width: 100%; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.65); }
  .page-shell { padding-bottom: 100px; }
  .brand img { width: 164px; }
  .button { width: 100%; }
  .hero-cta-panel {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 20px;
  }

  .hero-cta-panel .button {
    width: 100%;
  }

  .hero-trust-copy {
    width: 100%;
    text-align: center;
  }

  .hero-trust-line {
    white-space: normal;
  }
  .guarantee-actions .button { width: auto; flex: 1 1 200px; }
  .cta-row { align-items: stretch; }
  .section-heading { margin-bottom: 48px; }
  .panel, .metric-card, .bio-card, .case-card, .service-card { padding: 36px 24px !important; }
  .bio-card { flex-direction: column-reverse; gap: 24px; text-align: center; align-items: center; }
  .bio-avatar { width: 120px; height: 120px; }
  .hero-flow { flex-direction: column; align-items: stretch; gap: 12px; }
  .flow-item { justify-content: center; padding: 16px 24px; }
  .flow-arrow { transform: rotate(90deg); margin: 2px auto; }
  .metric-row { grid-template-columns: 1fr; }
  .guarantee-page { padding-top: 8px; }
  .guarantee-hero,
  .guarantee-card,
  .guarantee-definition-grid .panel,
  .guarantee-scope-card,
  .guarantee-narrative,
  .cta-panel {
    padding: 26px 20px;
  }
  .guarantee-chip { width: 100%; justify-content: center; }
  .guarantee-definition-grid,
  .guarantee-scope-grid {
    grid-template-columns: 1fr;
  }
  .guarantee-narrative {
    grid-template-columns: 1fr;
  }
  .definition-title {
    gap: 10px;
    font-size: 1rem;
  }
  .definition-title-icon {
    width: 28px;
    height: 28px;
  }
  .guarantee-quote {
    padding-bottom: 18px;
  }
  .cta-emblem {
    top: 96px;
    right: 92px;
    width: 64px;
    height: 64px;
  }
  .guarantee-hero-art {
    min-height: 320px;
    justify-content: center;
    padding-right: 0;
    margin-top: 0;
    margin-right: 0;
    width: min(100%, 360px);
  }
  .guarantee-orbit {
    width: min(100%, 360px);
  }
  .guarantee-orbit-track-one .guarantee-orbit-anchor {
    transform: translate(-50%, -50%) translateX(86px);
  }
  .guarantee-orbit-track-two .guarantee-orbit-anchor {
    transform: translate(-50%, -50%) translateX(124px);
  }
  .definition-title {
    white-space: normal;
    flex-wrap: wrap;
  }
  .definition-title span {
    white-space: normal;
  }
  .service-title {
    white-space: normal;
    flex-wrap: wrap;
    font-size: 1.05rem;
  }
  .service-title span {
    white-space: normal;
  }
}

/* ==========================================================================
   数据70%、3X高奢专属图标对齐系统
   ========================================================================== */

/* 1. 卡片整体：横向两栏，但在水平方向绝对居中 */
.metric-card {
  display: flex !important;
  flex-direction: row !important;      /* 恢复横向排列（图标在左，文字在右） */
  justify-content: center !important;   /* 核心：图标和文字作为一个整体，在 Box 内部水平居中 */
  align-items: flex-start !important;  /* 图标顶端与右侧大数字的顶端视觉平齐 */

  /* ── 核心面宽控制线 ── */
  max-width: 360px !important;         /* 缩小卡片总宽度，强制将内容逼向中心 */
  margin: 0 auto !important;           /* 配合外部 Grid 自动居中 */

  /* ── 间距控制线 ── */
  gap: 16px !important;                /* 图标与右侧大数字之间的黄金呼吸间距 */

  padding: 32px 24px !important;       /* 奢华内部留白 */
  text-align: left !important;         /* 右侧容器内部文字靠左，配合外层整体居中 */
}

/* 2. 左侧：独立饱满大图标 */
.metric-icon {
  width: 80px !important;              /* 52px 视觉分量饱满 */
  height: 80px !important;
  object-fit: contain;
  flex-shrink: 0 !important;           /* 坚决不缩放 */
  margin: 0 !important;                /* 消除任何潜在的外边距干扰 */
}

/* 3. 右侧：完整文字内容块 */
.metric-content {
  display: flex !important;
  flex-direction: column !important;   /* 内部的数字和说明文字依然上下排列 */
  flex: 0 1 auto !important;           /* 核心：不再野蛮吃满剩余空间，有多少字就占多少宽，实现紧凑收拢 */
  margin: 0 !important;
  padding: 0 !important;
}

/* 4. 大数字样式精密调优 */
.metric-content strong {
  display: block !important;
  font-size: 2.6rem !important;
  line-height: 1.0 !important;         /* 强制行高为1.0，彻底消除大数字上下的死区死白 */
  margin: 0 0 6px 0 !important;        /* 大数字与下方描述文本的精致垂直间距 */
  color: var(--amber) !important;
  font-weight: 800 !important;
  text-align: left !important;         /* 保持文本向左看齐，呈现工业设计感 */
}

/* 5. 下方描述文本调优 */
.metric-content span {
  display: block !important;
  color: var(--silver) !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  text-align: left !important;         /* 保持说明文本向左看齐 */
  max-width: 20ch !important;          /* 限制文本每行字符，防止过长拉散整体的紧凑感 */
}

/* ==========================================================================
   The Sisyphus Grind 模块（.split-section）与上方框的间距微调
   ========================================================================== */

.split-section {
  /* ── 核心控制线 ── */
  /* 原来是 180px，如果你想缩小间距，可以改成 120px、90px 甚至更小 */
  margin-top: 0px !important;
}

/* ==========================================================================
   Art Conglomerate 案例2图片专属高奢框体系统
   ========================================================================== */

/* 图片外包裹层：控制间距与圆角边框 */
.case-preview-wrapper {
  width: 100%;
  margin: 20px 0;                    /* 在上下文字之间拉开精致的 20px 距离 */
  border-radius: var(--radius-md);   /* 继承系统内衬圆角 16px */
  border: 1px solid rgba(255, 255, 255, 0.05); /* 极细的微光边框 */
  background: #050507;               /* 纯黑暗夜底色 */
  overflow: hidden;                  /* 约束图片不超出圆角 */
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5); /* 沉陷式阴影 */
}

/* 图片本体：完全解除刚性高度，让画面完整舒展开 */
.case-preview-img {
  width: 100% !important;
  height: auto !important;           /* 👈 核心修改：从 200px 改为 auto，绝不裁剪画面 */
  object-fit: contain !important;     /* 确保比例绝对纯正 */
  filter: brightness(0.92) contrast(1.02); /* 精妙微调，融入暗夜底色 */
  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1), filter 500ms ease !important;
}

/* 联动特效：当鼠标悬浮在整张案例卡片上时，图片微微放大并点亮 */
.case-card:hover .case-preview-img {
  transform: scale(1.03);            /* 奢华级微幅放大 */
  filter: brightness(1.02) contrast(1.02); /* 恢复饱满色彩 */
}

/* ==========================================================================
   全站面板滚动高奢进入动画系统（Scroll Reveal System）
   ========================================================================= */

/* 1. 基础进入状态：所有需要动画的框，初始隐藏并预设过渡时间 */
.reveal-on-scroll {
  opacity: 0 !important;
  will-change: transform, opacity; /* 硬件加速，确保 Apple Silicon 丝滑不卡顿 */
  transition:
    opacity 4000ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important,
    transform 5000ms cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
}

/* 2. 动画变体：定义不同的进入方向 */
.reveal-fade-up {
  transform: translateY(40px) !important; /* 向上渐现（最稳重、推荐广泛使用） */
}

.reveal-from-left {
  transform: translateX(-50px) !important; /* 从左往右滑入 */
}

.reveal-from-right {
  transform: translateX(50px) !important; /* 从右往左滑入 */
}

/* 3. 激活状态：当页面滑动到对应位置时，由 JS 注入 .in-view 类，强制回归原位 */
.reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translate(0) !important; /* 消除一切位移，回归黄金对齐点 */
}

/* ==========================================================================
   Why Sysiphany 模块 - 第二排居中（动画效果）防塌陷修正系统
   ========================================================================== */

/* 1. 重新定义 4, 5 个卡片在【未入场】时的初始状态 */
/* 它们的原生终点是 translateX(50%)，所以它们的起点必须在其更右侧（比如 50% 再加上 60px） */
.why-grid .why-card:nth-child(4).reveal-on-scroll.reveal-from-right,
.why-grid .why-card:nth-child(5).reveal-on-scroll.reveal-from-right {
  opacity: 0 !important;
  transform: translateX(calc(50% + 60px)) !important; /* 👈 完美的右侧视觉起点 */
}

/* 2. 当 4, 5 个卡片【激活入场】时，丝滑向左靠拢，精准停在黄金居中点 */
.why-grid .why-card:nth-child(4).reveal-on-scroll.in-view,
.why-grid .why-card:nth-child(5).reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateX(50%) !important; /* 👈 稳稳停在法式居中位 */
}

/* 3. 响应式降级兼容：当屏幕小于 1080px 时，原本的布局不再需要 50% 的居中偏置 */
@media (max-width: 1080px) {
  /* 恢复正常的未入场起点（右侧 50px） */
  .why-grid .why-card:nth-child(4).reveal-on-scroll.reveal-from-right,
  .why-grid .why-card:nth-child(5).reveal-on-scroll.reveal-from-right {
    transform: translateX(50px) !important;
  }
  /* 恢复正常的入场终点（原位 0） */
  .why-grid .why-card:nth-child(4).reveal-on-scroll.in-view,
  .why-grid .why-card:nth-child(5).reveal-on-scroll.in-view {
    transform: translate(0) !important;
  }
}

/* ==========================================================================
   FAQ 模块 - 多米诺高奢交错延时滑入系统（Staggered Delay System）
   ========================================================================== */

/* 通过 :nth-child 智能识别队列顺序，精准分配呼吸级时间差 */

.faq-card:nth-child(1) {
  transition-delay: 0ms !important;       /* 第一条：听到发令枪声立刻起跑 */
}

.faq-card:nth-child(2) {
  transition-delay: 10ms !important;     /* 第二条：优雅等待 0.25 秒再滑出 */
}

.faq-card:nth-child(3) {
  transition-delay: 20ms !important;     /* 第三条：等待 0.5 秒 */
}

.faq-card:nth-child(4) {
  transition-delay: 30ms !important;     /* 第四条：等待 0.75 秒 */
}

.faq-card:nth-child(5) {
  transition-delay: 40ms !important;    /* 第五条：等待 1.0 秒 */
}

/* ==========================================================================
    这个效果最适合像 <h2>Operational drag is heavier than it looks.</h2> 这样的核心大字。
    文字在进入屏幕时，会伴随着一丝高贵的金色微光，从暗夜中缓缓苏醒。
   ========================================================================== */

/* ── 文字特效 1：黄金微光苏醒 ── */
h2.reveal-on-scroll,
.text-shimmer {
  opacity: 0 !important;
  filter: blur(4px) brightness(0.5); /* 初始状态：带有微弱的艺术模糊和暗淡 */
  transform: translateY(10px) !important; /* 极微幅的向上漂移 */
  transition:
    opacity 2000ms cubic-bezier(0.25, 1, 0.5, 1) !important,
    filter 2500ms cubic-bezier(0.25, 1, 0.5, 1) !important,
    transform 2000ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 激活状态：模糊消散，字重和光泽瞬间饱满 */
h2.reveal-on-scroll.in-view,
.text-shimmer.in-view {
  opacity: 1 !important;
  filter: blur(0) brightness(1) !important;
  transform: translateY(0) !important;
  /* 并在苏醒瞬间投射出一层极其奢华、若隐若现的金色文字氛围边缘 */
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.15);
}

/* ==========================================================================
    适用于像 “The Sisyphus Grind” 或 “Who We Work With” 这种全大写的小字眉标题。
    当它进入视野时，字距会像墨汁在宣纸上晕开一样，从紧凑极其优雅地向两侧微微伸展。
   ========================================================================== */
/* ── 文字特效 2：字距呼吸伸展 ── */
.eyebrow.reveal-on-scroll,
.text-expand {
  opacity: 0 !important;
  letter-spacing: -0.05em !important; /* 初始状态：字距紧缩 */
  transition:
    opacity 1800ms cubic-bezier(0.25, 1, 0.5, 1) !important,
    letter-spacing 2600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 激活状态：舒展字距，呈现出顶级画廊般的排版高级感 */
.eyebrow.reveal-on-scroll.in-view,
.text-expand.in-view {
  opacity: 1 !important;
  letter-spacing: 0.12em !important; /* 舒展到高奢的宽字距状态 */
}

/* ==========================================================================
    当大段的阐述文字伴随框体出现时，如果直接跳出来会很突兀。这个动效让正文段落的行高
    （Line-height）发生微小变化，产生一种文字在为你“呼吸换气”的动态包裹感。
   ========================================================================== */

/* ── 文字特效 3：段落行高呼吸 ── */
p.reveal-on-scroll,
.text-paragraph {
  opacity: 0 !important;
  line-height: 1.3 !important; /* 初始稍微紧凑 */
  transform: translateY(15px) !important;
  transition:
    opacity 2200ms cubic-bezier(0.25, 1, 0.5, 1) !important,
    line-height 2800ms cubic-bezier(0.25, 1, 0.5, 1) !important,
    transform 2200ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 激活状态：行高撑开，透气性瞬间变强 */
p.reveal-on-scroll.in-view,
.text-paragraph.in-view {
  opacity: 1 !important;
  line-height: 1.6 !important; /* 恢复完美的可读行高 */
  transform: translateY(0) !important;
}

/* ==========================================================================
   全站通用 - 框体内列表/清单链式递进苏醒扩展（List Reveal Extension）
   ========================================================================== */

/* 1. 声明任意【动画父框】内部列表条目的【初始状态】 */
.reveal-parent.reveal-on-scroll ul.checklist li,
.reveal-parent.reveal-on-scroll ul li {
  opacity: 0;
  transform: translateY(12px); /* 初始向下微移 */
  transition: opacity 1800ms ease, transform 1800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 2. 当父框激活时，清单内的每一行条目进行【阶梯式交错延时起跑】 */
/* 衔接在正文（700ms）之后，从 850ms 开始依次递增，形成丝滑的流淌感 */

.reveal-parent.reveal-on-scroll.in-view ul.checklist li:nth-child(1),
.reveal-parent.reveal-on-scroll.in-view ul li:nth-child(1) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 850ms !important;
}

.reveal-parent.reveal-on-scroll.in-view ul.checklist li:nth-child(2),
.reveal-parent.reveal-on-scroll.in-view ul li:nth-child(2) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1000ms !important; /* 每隔 150ms 醒来一条 */
}

.reveal-parent.reveal-on-scroll.in-view ul.checklist li:nth-child(3),
.reveal-parent.reveal-on-scroll.in-view ul li:nth-child(3) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1150ms !important;
}

.reveal-parent.reveal-on-scroll.in-view ul.checklist li:nth-child(4),
.reveal-parent.reveal-on-scroll.in-view ul li:nth-child(4) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1300ms !important;
}

.reveal-parent.reveal-on-scroll.in-view ul.checklist li:nth-child(5),
.reveal-parent.reveal-on-scroll.in-view ul li:nth-child(5) {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1450ms !important;
}

/* ==========================================================================
   Split Section（The Sisyphus Grind / Who We Work With）链式滚动显现
   ========================================================================== */

.split-section .reveal-parent.reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(40px) !important;
  filter: blur(2px);
  visibility: visible !important;
}

.split-section .reveal-parent.reveal-on-scroll .eyebrow,
.split-section .reveal-parent.reveal-on-scroll h2,
.split-section .reveal-parent.reveal-on-scroll > p,
.split-section .reveal-parent.reveal-on-scroll ul.checklist li {
  opacity: 0 !important;
  transform: translateY(12px) !important;
  transition: opacity 1200ms ease, transform 1400ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.split-section .reveal-parent.reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

.split-section .panel-copy.reveal-on-scroll.in-view .eyebrow,
.split-section .checklist-panel.reveal-on-scroll.in-view .eyebrow {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 200ms !important;
}

.split-section .panel-copy.reveal-on-scroll.in-view h2 {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) brightness(1) !important;
  transition-delay: 420ms !important;
}

.split-section .panel-copy.reveal-on-scroll.in-view > p:not(.gold-accent-text) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  line-height: 1.6 !important;
  transition-delay: 640ms !important;
}

.split-section .panel-copy.reveal-on-scroll.in-view .gold-accent-text {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 880ms !important;
}

.split-section .checklist-panel.reveal-on-scroll.in-view ul.checklist li:nth-child(1) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 400ms !important;
}

.split-section .checklist-panel.reveal-on-scroll.in-view ul.checklist li:nth-child(2) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 540ms !important;
}

.split-section .checklist-panel.reveal-on-scroll.in-view ul.checklist li:nth-child(3) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 680ms !important;
}

.split-section .checklist-panel.reveal-on-scroll.in-view ul.checklist li:nth-child(4) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 820ms !important;
}

.split-section .checklist-panel.reveal-on-scroll.in-view ul.checklist li:nth-child(5) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 960ms !important;
}

.split-section .checklist-panel.reveal-on-scroll.in-view .checklist-closing {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 1120ms !important;
}

/* ==========================================================================
   Approach 模块 - 工业级刚性全链条疏通系统（Approach Absolute Override）
   ========================================================================== */

/* 1. 强行重置该网格内卡片的【初始隐藏状态】，清除一切潜在的 transform 冲突 */
.approach-grid .process-card.reveal-on-scroll {
  opacity: 0 !important;
  /* 刚性统一使用标准的 Y 轴平移，放弃复杂的左右滑入，确保不与网格或原样式打架 */
  transform: translateY(40px) !important;
  filter: blur(2px); /* 增加一点点高奢模糊感 */
  visibility: visible !important;
}

/* 2. 强行重置卡片内部【所有子元素】的初始状态，确保它们在框体没亮前绝对隐形 */
.approach-grid .process-card.reveal-on-scroll .step-badge,
.approach-grid .process-card.reveal-on-scroll h3,
.approach-grid .process-card.reveal-on-scroll p {
  opacity: 0 !important;
  transform: translateY(15px) !important;
}

/* 3. 【核心激活轨道】当大框拿到 .in-view 时，大框本身首先丝滑升起 */
.approach-grid .process-card.reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

/* 4. 【全自动化链式接力】大框入场的同时，内部子元素在眼皮底下无缝接力亮起 */
/* ── 徽章（01, 02, 03）最先苏醒 ── */
.approach-grid .process-card.reveal-on-scroll.in-view .step-badge {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1200ms ease, transform 1500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 200ms !important;
}

/* ── 标题（Discovery Call 等）接着苏醒 ── */
.approach-grid .process-card.reveal-on-scroll.in-view h3 {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 450ms !important;
}

/* ── 正文描述最后压轴，行高优雅撑开 ── */
.approach-grid .process-card.reveal-on-scroll.in-view p {
  opacity: 1 !important;
  transform: translateY(0) !important;
  line-height: 1.6 !important;
  transition: opacity 1600ms ease, transform 1800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 700ms !important;
}

/* ==========================================================================
   Services 模块 - 工业级刚性全链条疏通系统（Services Absolute Override）
   ========================================================================== */

/* 1. 强行重置网格内服务卡片的【初始隐藏状态】，剔除所有不稳定的横向位移冲突 */
.services-grid .service-card.reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(14px) !important; /* 更短的入场距离，减少滞后感 */
  filter: blur(0) !important;
  visibility: visible !important;
  transition:
    opacity 320ms ease,
    transform 360ms cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 240ms ease,
    background-color 220ms ease,
    border-color 120ms ease,
    border-left-color 120ms ease,
    border-left-width 120ms ease !important;
}

/* 2. 强行隐藏卡片内部的标题和正文，防止大框亮起时文字产生生硬的跳变 */
.services-grid .service-card.reveal-on-scroll h3,
.services-grid .service-card.reveal-on-scroll p {
  opacity: 0 !important;
  transform: translateY(8px) !important;
}

/* 3. 【核心入场起跑线】当大框拿到 .in-view 时，卡片本身丝滑升起并驱散模糊 */
.services-grid .service-card.reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

/* 4. 为 4 个卡片注入【呼吸级时间差】，让它们在滚动到该区域时依次错落升起 */
.services-grid .service-card:nth-child(1) { transition-delay: 0ms !important; }
.services-grid .service-card:nth-child(2) { transition-delay: 20ms !important; }
.services-grid .service-card:nth-child(3) { transition-delay: 40ms !important; }
.services-grid .service-card:nth-child(4) { transition-delay: 60ms !important; }


/* 5. 【内部链式接力】卡片大框稳定入场后，内部的文字优雅苏醒 */
/* ── 标题（Team Workshop 等）率先点亮 ── */
.services-grid .service-card.reveal-on-scroll.in-view h3 {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 420ms ease, transform 460ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 50ms !important; /* 更快点亮标题 */
}

/* ── 正文描述最后压轴，行高舒展 ── */
.services-grid .service-card.reveal-on-scroll.in-view p {
  opacity: 1 !important;
  transform: translateY(0) !important;
  line-height: 1.6 !important;
  transition: opacity 460ms ease, transform 500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 90ms !important; /* 更快撑开 */
}

/* ==========================================================================
   Why Sysiphany 模块 - 工业级刚性疏通与高奢居中守护系统
   ========================================================================== */

/* 1. 强行重置前 3 个卡片（第一排）在【初始隐藏状态】下的稳定垂直平移轨道 */
.why-grid .why-card:nth-child(1).reveal-on-scroll,
.why-grid .why-card:nth-child(2).reveal-on-scroll,
.why-grid .why-card:nth-child(3).reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(12px) !important;
  filter: blur(0) !important;
}

/* 2. 【核心调优】精准定义第 4、5 个卡片（第二排）在【初始隐藏状态】下的物理坐标 */
/* 它们的原生入场终点是 translateX(50%)，所以隐藏时必须在垂直平移 40px 的基础上叠加这个偏置，坚决防止居中塌陷 */
.why-grid .why-card:nth-child(4).reveal-on-scroll,
.why-grid .why-card:nth-child(5).reveal-on-scroll {
  opacity: 0 !important;
  transform: translate(50%, 12px) !important; /* 👈 X轴保持50%居中偏置，Y轴下沉更少 */
  filter: blur(0) !important;
}

/* 3. 强行隐藏所有卡片内部的标题和正文，防止闪烁 */
.why-grid .why-card.reveal-on-scroll h3,
.why-grid .why-card.reveal-on-scroll p,
.why-grid .why-card.reveal-on-scroll .highlight-gold-link {
  opacity: 0 !important;
  transform: translateY(8px) !important;
}


/* 4. 【大框激活起航】当大框拿到 .in-view 时，各自回归到合法的黄金坐标点 */
.why-grid .why-card:nth-child(1).reveal-on-scroll.in-view,
.why-grid .why-card:nth-child(2).reveal-on-scroll.in-view,
.why-grid .why-card:nth-child(3).reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

/* 第二排的卡片完美浮现并稳稳锁死在 translateX(50%) 的高奢居中位 */
.why-grid .why-card:nth-child(4).reveal-on-scroll.in-view,
.why-grid .why-card:nth-child(5).reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translate(50%, 0) !important; /* 👈 消除 Y 轴位移，稳稳保留 X 轴居中 */
  filter: blur(0) !important;
}


/* 5. 【多米诺网格交错】5个卡片滚动到视野时，按照 120ms 的呼吸间隔依次阶梯升起 */
.why-grid .why-card:nth-child(1) { transition-delay: 0ms !important; }
.why-grid .why-card:nth-child(2) { transition-delay: 20ms !important; }
.why-grid .why-card:nth-child(3) { transition-delay: 40ms !important; }
.why-grid .why-card:nth-child(4) { transition-delay: 60ms !important; }
.why-grid .why-card:nth-child(5) { transition-delay: 80ms !important; }


/* 6. 【内部链式递进】大框就位后，内部文字在眼皮底下优雅苏醒 */
.why-grid .why-card.reveal-on-scroll.in-view h3 {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 400ms ease, transform 440ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 40ms !important; /* 更快点亮 */
}

.why-grid .why-card.reveal-on-scroll.in-view p {
  opacity: 1 !important;
  transform: translateY(0) !important;
  line-height: 1.6 !important;
  transition: opacity 440ms ease, transform 500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 80ms !important; /* 更快舒展 */
}

.why-grid .why-card.reveal-on-scroll.in-view .highlight-gold-link {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 440ms ease, transform 500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 120ms !important; /* 更快收尾 */
}


/* 7. 响应式降级兼容：当屏幕小于 1080px 时，原本的 CSS 布局取消了 50% 的居中平移 */
@media (max-width: 1080px) {
  .why-grid .why-card:nth-child(4).reveal-on-scroll,
  .why-grid .why-card:nth-child(5).reveal-on-scroll {
    transform: translateY(40px) !important; /* 小屏上初始状态回归正常标准下沉 */
  }
  .why-grid .why-card:nth-child(4).reveal-on-scroll.in-view,
  .why-grid .why-card:nth-child(5).reveal-on-scroll.in-view {
    transform: translateY(0) !important; /* 小屏上入场终点回归原位 0 */
  }
}

/* ==========================================================================
   Case Studies 模块 - 工业级刚性全链条疏通系统（Case Studies Override）
   ========================================================================== */

/* 1. 强行重置案例卡片大框的【初始隐藏状态】，剔除所有不稳定的横向位移死锁 */
.case-grid .case-card.reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(50px) !important; /* 统一刚性垂直下沉 50px */
  filter: blur(4px) !important;           /* 引入奢华的柔焦模糊 */
  visibility: visible !important;
}

/* 2. 强行将卡片内部【所有错落子元素】初始隐形，并赋予微幅的升降势能 */
.case-grid .case-card.reveal-on-scroll .case-meta,
.case-grid .case-card.reveal-on-scroll h3,
.case-grid .case-card.reveal-on-scroll p,
.case-grid .case-card.reveal-on-scroll .case-preview-wrapper,
.case-grid .case-card.reveal-on-scroll .case-results {
  opacity: 0 !important;
  transform: translateY(15px) !important;
}


/* 3. 【大框激活轨道】当滚动到位时，两张巨大卡片优雅升起，迷雾消散 */
.case-grid .case-card.reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

/* 4. 左右两张卡片入场时，注入 180ms 的微小呼吸时差，形成左先右后的翻阅感 */
.case-grid .case-card:nth-child(1) { transition-delay: 0ms !important; }
.case-grid .case-card:nth-child(2) { transition-delay: 180ms !important; }


/* 5. 【内部巨幕式链式接力】大框就位时，内部 5 层结构以极细腻的时间差层层绽放 */

/* ── 5.1 顶部标签（RL Laboratories / Art Conglomerate）率先进场 ── */
.case-grid .case-card.reveal-on-scroll.in-view .case-meta {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1200ms ease, transform 1400ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 250ms !important;
}

/* ── 5.2 大标题接着苏醒 ── */
.case-grid .case-card.reveal-on-scroll.in-view h3 {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 450ms !important;
}

/* ── 5.3 业务阐述正文随后浮现 ── */
.case-grid .case-card.reveal-on-scroll.in-view p {
  opacity: 1 !important;
  transform: translateY(0) !important;
  line-height: 1.6 !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 650ms !important;
}

/* ── 5.4 核心大图伴随稍微漫长的奢华过渡，极其高级地晕染呈现 ── */
.case-grid .case-card.reveal-on-scroll.in-view .case-preview-wrapper {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.3)) !important; /* 落地时投射出深邃阴影 */
  transition: opacity 1800ms ease, transform 2200ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 850ms !important;
}

/* ── 5.5 底部核心数据（700% / 3× 等）压轴拔地而起，牢牢锁住客户视线 ── */
.case-grid .case-card.reveal-on-scroll.in-view .case-results {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1600ms ease, transform 1800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 1100ms !important;
}

/* ==========================================================================
   About 模块 - 创始人卡片刚性全链条疏通系统（About Absolute Override）
   ========================================================================== */

/* 1. 强行重置两张创始人卡片大框的【初始隐藏状态】，剥离所有不稳定的横向平移 */
.about-grid .bio-card.reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(50px) !important; /* 统一刚性垂直下沉 50px */
  filter: blur(3px) !important;           /* 注入极致高奢的模糊渐现效果 */
  visibility: visible !important;
}

/* 2. 强行将卡片内部所有子元素（文本、头像、链接）初始隐形，预设升降势能 */
.about-grid .bio-card.reveal-on-scroll .bio-body h3,
.about-grid .bio-card.reveal-on-scroll .bio-body .bio-role,
.about-grid .bio-card.reveal-on-scroll .bio-body p,
.about-grid .bio-card.reveal-on-scroll .bio-body .inline-link,
.about-grid .bio-card.reveal-on-scroll .bio-avatar {
  opacity: 0 !important;
  transform: translateY(12px) !important;
}


/* 3. 【核心激活起航】当滚动到位时，大框首先打破迷雾，丝滑升起 */
.about-grid .bio-card.reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

/* 4. 双列交错延迟：Patrick 的卡片率先起航，180 毫秒后 Wenjie 的卡片紧跟其后 */
.about-grid .bio-card:nth-child(1) { transition-delay: 0ms !important; }
.about-grid .bio-card:nth-child(2) { transition-delay: 180ms !important; }


/* 5. 【内部全自适应链式接力】大框就位时，内部 4 层结构极其细腻地依次盛开 */

/* ── 5.1 创始人的名字（h3）与联合创始人标签（.bio-role）率先进场 ── */
.about-grid .bio-card.reveal-on-scroll.in-view h3,
.about-grid .bio-card.reveal-on-scroll.in-view .bio-role {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1200ms ease, transform 1400ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 250ms !important; /* 框体开始动之后的 0.25 秒亮起 */
}

/* ── 5.2 创始人的个人简介核心正文随后浮现 ── */
.about-grid .bio-card.reveal-on-scroll.in-view p {
  opacity: 1 !important;
  transform: translateY(0) !important;
  line-height: 1.6 !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 450ms !important; /* 0.45 秒后简介文本铺开 */
}

/* ── 5.3 官方邮箱链接压轴整体亮起 ── */
.about-grid .bio-card.reveal-on-scroll.in-view .inline-link {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 650ms !important; /* 0.65 秒后邮箱出现 */
}

/* ── 5.4 创始人高清头像（.bio-avatar）伴随着漫长而柔和的阻尼特效晕染呈现 ── */
.about-grid .bio-card.reveal-on-scroll.in-view .bio-avatar {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: drop-shadow(0 15px 30px rgba(0,0,0,0.25)) !important; /* 落地时投射出深邃阴影 */
  transition: opacity 1800ms ease, transform 2000ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 550ms !important; /* 头像在大框起航 0.55 秒后极细腻地滑入并定格 */
}

/* ==========================================================================
   CTA 模块 - 最终行动呼吁刚性全链条疏通系统（CTA Absolute Override）
   ========================================================================== */

/* 1. 强行重置 CTA 通栏大框的【初始隐藏状态】 */
.panel.cta-panel.reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(50px) !important; /* 刚性垂直下沉 50px */
  filter: blur(4px) !important;           /* 引入极致高奢的模糊渐现效果 */
  visibility: visible !important;
  will-change: transform, opacity;
}

/* 2. 强行将左侧文字区、右侧按钮区内部所有子元素初始隐形，预设各自的滑行动能 */
.cta-panel.reveal-on-scroll div p.eyebrow,
.cta-panel.reveal-on-scroll div h2,
.cta-panel.reveal-on-scroll div p:not(.eyebrow),
.cta-panel.reveal-on-scroll .cta-actions {
  opacity: 0 !important;
  transform: translateY(15px) !important;
}


/* 3. 【核心激活起航】当页面滚动到最底部时，CTA 通栏大框首先平稳升起，迷雾消散 */
.panel.cta-panel.reveal-on-scroll.in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}


/* 4. 【内部双翼链式接力】大框就位时，左侧文本和右侧按钮同时以绝佳的时间差破茧而出 */

/* ── 4.1 顶部的 "Ready" 眉标最先伸展（0.2秒） ── */
.cta-panel.reveal-on-scroll.in-view div p.eyebrow {
  opacity: 1 !important;
  letter-spacing: 0.12em !important;
  transform: translateY(0) !important;
  transition: opacity 1200ms ease, letter-spacing 1800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 200ms !important;
}

/* ── 4.2 终极灵魂发问标题（Ready to stop pushing...）金色微光苏醒（0.4秒） ── */
.cta-panel.reveal-on-scroll.in-view div h2 {
  opacity: 1 !important;
  transform: translateY(0) !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.15) !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 400ms !important;
}

/* ── 4.3 左侧行动说明正文流淌铺开（0.6秒） ── */
.cta-panel.reveal-on-scroll.in-view div p:not(.eyebrow) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-delay: 600ms !important;
}

/* ── 4.4 右侧核心转化按钮（Book a Discovery Call）伴随深邃阴影，压轴饱满亮起 ── */
.cta-panel.reveal-on-scroll.in-view .cta-actions {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 1600ms ease, transform 1800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  /* 故意稍微多延迟一点点（0.75秒），让客户看完左边文字的一瞬间，按钮刚好在右侧优雅弹出，形成强烈的视觉钩子 */
  transition-delay: 750ms !important;
}

/* ==========================================================================
   Site Footer - 极简双行绝对居中系统
   ========================================================================== */

.site-footer {
  display: flex !important;
  justify-content: center !important; /* 大框在网页中水平居中 */
  align-items: center !important;     /* 大框在布局中纵向居中 */

  /* 呼吸感留白微调 */
  padding: 80px 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  flex-direction: column !important;
}

/* 核心两行文本排版 */
.site-footer .footer-notice {
  font-size: 0.85rem !important;      /* 高奢微缩字号 */
  letter-spacing: 0.06em !important;   /* 微微拉开的赛博字距 */
  opacity: 0.45 !important;           /* 沉稳、不喧宾夺主的微暗色调 */

  /* 关键属性：强制多行文本的每一行都绕着网页的中轴线绝对居中对齐 */
  text-align: center !important;

  /* 给两行字之间留出恰到好处的呼吸行高，防止粘连 */
  line-height: 1.8 !important;
  margin: 0 !important;

  /* 呼吸级过渡（配合之前的滚入动画） */
  transition: opacity 1200ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}


/* ==========================================================================
   Hero Section - 工业级首屏高奢动效一体化重构系统 (Highest Priority)
   ========================================================================== */

/* ── 1. "Diagnose" 流程三框：流式光影接力系统 ── */

/* 1.1 强行锁定流程大容器，清除可能存在的多重平移 */
.hero-copy .hero-flow {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}
/* 1.2 隐藏内部卡片与箭头，注入下沉势能与高奢柔焦 */
.hero-flow .flow-item.reveal-on-scroll,
.hero-flow .flow-arrow {
  opacity: 0 !important;
  transform: translateY(15px) !important;
  filter: blur(4px);
  will-change: transform, opacity, filter;
  transition: opacity 1600ms cubic-bezier(0.25, 1, 0.5, 1),
              transform 1600ms cubic-bezier(0.25, 1, 0.5, 1),
              filter 1800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}
/* 1.3 当大框激活入场时（兼容首屏默认加载轨道） */
.hero-flow .flow-item.reveal-on-scroll.in-view,
body:not(.loading) .hero-flow .flow-item,
body:not(.loading) .hero-flow .flow-arrow {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}
/* 1.4 顺着工作流方向，注入精准的毫秒级多米诺起跑线 */
body:not(.loading) .flow-item:nth-child(1) { transition-delay: 150ms !important; }
body:not(.loading) .flow-arrow:nth-child(2) { transition-delay: 350ms !important; opacity: 0.3 !important; }
body:not(.loading) .flow-item:nth-child(3) { transition-delay: 550ms !important; }
body:not(.loading) .flow-arrow:nth-child(4) { transition-delay: 750ms !important; opacity: 0.3 !important; }
body:not(.loading) .flow-item:nth-child(5) { transition-delay: 950ms !important; }


/* ── 2. "Fixed scope..." 黄金标语：字距原位融解系统 ── */

p.hero-slogan.reveal-on-scroll {
  opacity: 0 !important;
  filter: blur(8px) brightness(0.4) !important; /* 降低亮度，带有重度艺术迷雾 */
  letter-spacing: -0.06em !important;           /* 核心：字距极度紧缩 */
  transform: translateY(10px) !important;       /* 微幅沉底 */
  will-change: transform, opacity, filter, letter-spacing;
  transition: opacity 2400ms cubic-bezier(0.25, 1, 0.5, 1),
              filter 2600ms cubic-bezier(0.25, 1, 0.5, 1),
              letter-spacing 2800ms cubic-bezier(0.25, 1, 0.5, 1),
              transform 2400ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}
p.hero-slogan.reveal-on-scroll.in-view,
body:not(.loading) p.hero-slogan.reveal-on-scroll {
  opacity: 1 !important;
  filter: blur(0) brightness(1) !important;     /* 焦距拉清晰，黄金色瞬间饱满 */
  transform: translateY(0) !important;
  letter-spacing: 0.08em !important;            /* 核心：字距优雅舒展开，呈现宽体高奢感 */
  text-shadow: 0 0 30px rgba(212, 175, 55, 0.35) !important; /* 注入奢华全息环境光 */
  transition-delay: 400ms !important;           /* 错开上方流程，在中期丝滑化开 */
}


/* ── 3. "70%" 战果双卡：破茧重组并起系统 ── */

/* 3.1 强行纠正初始状态，放弃不稳固的左右对撞，改为垂直向上 */
.metric-row .metric-card.reveal-on-scroll {
  opacity: 0 !important;
  transform: translateY(35px) !important;      /* 稳固的垂直下沉 */
  filter: blur(3px) !important;
  will-change: transform, opacity, filter;
  transition: opacity 1800ms cubic-bezier(0.25, 1, 0.5, 1),
              transform 2000ms cubic-bezier(0.25, 1, 0.5, 1),
              filter 2000ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}
/* 3.2 强行锁定内部核心数字与描述，防止亮起时闪烁 */
.metric-row .metric-card.reveal-on-scroll .metric-content strong,
.metric-row .metric-card.reveal-on-scroll .metric-content span {
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition: opacity 1400ms ease, transform 1600ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}
/* 3.3 激活起航轨道 */
.metric-row .metric-card.reveal-on-scroll.in-view,
body:not(.loading) .metric-row .metric-card {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}
/* 3.4 左右双星注入 150ms 呼吸时差，左卡起航后右卡瞬间跟进 */
body:not(.loading) .metric-card:nth-child(1) { transition-delay: 800ms !important; }
body:not(.loading) .metric-card:nth-child(2) { transition-delay: 950ms !important; }

/* 3.5 卡片框架就位后，大大的 "70%" 和 "3×" 数字带着灵魂苏醒 */
.metric-row .metric-card.reveal-on-scroll.in-view .metric-content strong,
body:not(.loading) .metric-card .metric-content strong {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 500ms !important;
}
.metric-row .metric-card.reveal-on-scroll.in-view .metric-content span,
body:not(.loading) .metric-card .metric-content span {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition-delay: 500ms !important;
}


/* ==========================================================================
   🎯 专属调节区域：仅对“Pay nothing.”和“Keep going.”这一组框生效
   ========================================================================== */

/* ── 1. 仅拉开这两个框的左右间距，绝不影响全站其他网格 ── */
.guarantee-grid {
  display: grid !important;
  /* 💡【调间距】修改这个 gap 值！你可以改为 40px、48px 或 64px 来精准控制这两个框的距离 */
  gap: 48px !important;
}

/* ── 2. 仅对这两个框的内部留白进行微调，防止右上角标签与文字撞车 ── */
.guarantee-grid .guarantee-card {
  position: relative !important;
  padding: 64px 34px 34px 34px !important; /* 仅把顶部撑开一点给标签留位置，宽高仍由原布局自适应 */
}

/* ── 3. 右上角科技标签本体（控制形状与大小） ── */
.cyber-badge {
  position: absolute !important;

  /* 💡【调摆放位置】控制标签在框内右上角的位置 */
  top: 24px;
  right: 28px;

  display: inline-block;
  background: rgba(7, 7, 10, 0.9) !important;

  /* 💡【调大小】当前由内边距撑开：5px是上下高度，14px是左右宽度。想变大就调大这两个数 */
  padding: 5px 14px !important;

  /* 💡【调形状：圆角】
     改为 0px = 绝对直角方框
     改为 2px = 精细微切角（当前）
     改为 20px = 圆润的科技胶囊形状 */
  border-radius: 2px !important;

  /* 边框细线与微点阵背景 */
  border: 1px solid rgba(212, 168, 83, 0.25) !important;
  background-image:
    linear-gradient(rgba(212, 168, 83, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212, 168, 83, 0.03) 1px, transparent 1px) !important;
  background-size: 3px 3px !important;
  transition: all 400ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  pointer-events: none; /* 鼠标事件穿透，不干扰卡片原本的 Hover */
}

/* ── 4. 两侧 HUD 机械夹具括号（控制括号形状） ── */
.cyber-badge::before,
.cyber-badge::after {
  content: '' !important;
  position: absolute !important;
  width: 4px !important;   /* 💡 括号折角长度 */
  height: 100% !important;
  top: 0 !important;
  border-style: solid !important;
  border-color: var(--amber) !important;
  opacity: 0.4 !important;
  transition: all 300ms ease !important;
}
.cyber-badge::before { left: -2px !important; border-width: 1px 0 1px 1px !important; }
.cyber-badge::after { right: -2px !important; border-width: 1px 1px 1px 0 !important; }

/* 标签内部等宽字体 */
.cyber-badge-text {
  font-family: "Courier New", Courier, monospace, sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.22em !important;
  color: rgba(212, 168, 83, 0.8) !important;
  display: block;
}

/* 底部激光线 */
.cyber-badge-glitch {
  position: absolute !important;
  bottom: -1px; left: 10%; width: 20%; height: 1px;
  background: var(--amber-laser) !important;
  box-shadow: 0 0 8px var(--amber-laser) !important;
  opacity: 0.5;
}

/* ── 5. 联动原本卡片的 Hover 动效 ── */
.guarantee-grid .guarantee-card:hover .cyber-badge {
  border-color: rgba(212, 168, 83, 0.8) !important;
  background-color: rgba(15, 13, 8, 0.95) !important;
  box-shadow: 0 0 12px rgba(212, 168, 83, 0.2) !important;
}
.guarantee-grid .guarantee-card:hover .cyber-badge::before { left: -5px !important; opacity: 1 !important; height: 70% !important; top: 15% !important; }

/* ==========================================================================
   What This Is Not 列表图标 - 只保留圆点，移除竖线（修正版）
   ========================================================================== */
#scope .scope-list-card ul.checklist.muted.satisfaction-notes li {
  padding-left: 18px !important; /* 为圆点留出空间 */
}

#scope .scope-list-card ul.checklist.muted.satisfaction-notes li::before {
  display: none !important; /* 隐藏竖线 */
}

#scope .scope-list-card ul.checklist.muted.satisfaction-notes li::after {
  content: "";
  position: absolute;
  left: 0; /* 圆点在最左侧 */
  top: 0.75em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, #fcebc4 0%, #d4a853 55%, #9a6f19 100%);
  box-shadow: 0 0 12px rgba(212, 168, 83, 0.3);
  transform: translateY(-50%);
}

/* 优化导航栏高度 */
.site-nav a {
  padding: 8px 8px;
}