.ai-safe-page {
  overflow: hidden;
}

.page-hero {
  position: relative;
  min-height: 78vh;
  display: grid;
  align-items: center;
  padding: 150px max(6vw, 24px) 90px;
  background: radial-gradient(circle at 78% 35%, color-mix(in srgb, var(--primary) 26%, transparent), transparent 32%), var(--surface);
  isolation: isolate;
}

.page-hero::after {
  content: "AI";
  position: absolute;
  right: 5vw;
  top: 50%;
  transform: translateY(-50%);
  font: 700 clamp(150px, 27vw, 420px) / .8 Inter, Arial, sans-serif;
  color: transparent;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--primary) 20%, transparent);
  z-index: -1;
}

.page-hero-inner {
  position: relative;
  z-index: 2;
  width: min(1100px, 100%);
}

.page-hero.variant-split .page-hero-inner,
.page-hero.variant-cinematic .page-hero-inner {
  display: grid;
  width: min(1400px, 100%);
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(36px, 6vw, 100px);
  align-items: center;
}

.hero-media,
.section-lead-media,
.page-items figure { margin: 0; overflow: hidden; background: color-mix(in srgb, var(--primary) 8%, var(--surface)); }
.hero-media { min-height: 560px; border-radius: calc(var(--radius) * 1.4); box-shadow: 0 35px 100px color-mix(in srgb, var(--primary) 20%, transparent); }
.hero-media img,
.section-lead-media img,
.page-items figure img { width: 100%; height: 100%; display: block; object-fit: cover; }
.page-hero.variant-full-bleed .hero-media { position: absolute; inset: 0; z-index: -2; border-radius: 0; opacity: .5; }
.page-hero.variant-full-bleed::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,var(--surface) 10%,color-mix(in srgb,var(--surface) 75%,transparent) 55%,transparent); }

.page-hero h1 {
  margin: 22px 0;
  max-width: 1100px;
  font-size: clamp(48px, 6vw, 88px);
  line-height: .96;
  letter-spacing: -.06em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.page-hero p {
  max-width: 690px;
  color: var(--muted);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.8;
}

.primary-action {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  margin-top: 30px;
  padding: 16px 20px 16px 26px;
  border-radius: 999px;
  background: var(--text);
  color: var(--surface);
  font-weight: 700;
}

.primary-action b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--primary);
  color: #fff;
}

.page-section {
  width: min(1280px, calc(100% - 48px));
  margin: auto;
  padding: 110px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
}

.page-section > header {
  display: grid;
  grid-template-columns: minmax(240px, .6fr) 1.1fr;
  gap: 50px;
  margin-bottom: 52px;
}

.page-section > header small {
  grid-column: 1 / -1;
  color: var(--primary);
  font: 700 11px / 1.4 ui-monospace, monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.page-section h2 {
  margin: 0;
  font-size: clamp(34px, 4.5vw, 68px);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.page-section > header p {
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.8;
}

.page-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.page-items article,
.page-items > a {
  position: relative;
  display: block;
  min-height: 240px;
  padding: 30px;
  border: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
  border-radius: var(--radius);
  background: linear-gradient(145deg, color-mix(in srgb, var(--text) 5%, transparent), transparent);
  transition: .35s ease;
}

.page-items figure { height: 250px; margin: -30px -30px 26px; border-radius: var(--radius) var(--radius) 0 0; }
.variant-showcase .page-items,
.variant-editorial .page-items { grid-template-columns: 1.35fr .65fr; }
.variant-showcase .page-items > :first-child,
.variant-editorial .page-items > :first-child { grid-row: span 2; min-height: 520px; }
.variant-showcase .page-items > :first-child figure,
.variant-editorial .page-items > :first-child figure { height: 320px; }
.variant-bento .page-items { grid-template-columns: repeat(12,1fr); }
.variant-bento .page-items > * { grid-column: span 4; }
.variant-bento .page-items > :first-child,
.variant-bento .page-items > :nth-child(4) { grid-column: span 8; }
.variant-full-bleed.page-section { width: 100%; max-width: none; padding: 120px max(6vw,24px); background: color-mix(in srgb,var(--primary) 7%,var(--surface)); }
.section-lead-media { width: min(1400px,100%); aspect-ratio: 21/8; margin: 0 auto 36px; border-radius: calc(var(--radius) * 1.2); }

@media (max-width: 900px) {
  .page-hero.variant-split .page-hero-inner,
  .page-hero.variant-cinematic .page-hero-inner { grid-template-columns: 1fr; }
  .hero-media { min-height: 360px; }
  .variant-showcase .page-items,
  .variant-editorial .page-items { grid-template-columns: 1fr; }
  .variant-showcase .page-items > :first-child,
  .variant-editorial .page-items > :first-child { grid-row: auto; min-height: 240px; }
  .variant-bento .page-items > * { grid-column: span 6; }
}

.page-items article:hover,
.page-items > a:hover {
  transform: translateY(-7px);
  border-color: color-mix(in srgb, var(--primary) 55%, transparent);
  box-shadow: 0 22px 70px color-mix(in srgb, var(--primary) 12%, transparent);
}

.page-items article > span,
.page-items > a > span {
  display: block;
  min-height: 28px;
  color: var(--primary);
  font: 700 11px ui-monospace, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.page-items h3 {
  margin: 36px 0 13px;
  font-size: 22px;
}

.page-items p {
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

.section-stats .page-items article {
  min-height: 190px;
}

.section-stats .page-items h3 {
  margin-top: 24px;
  font-size: clamp(36px, 5vw, 72px);
}

.faq-section > header {
  grid-template-columns: 1fr;
}

.faq-list {
  border-top: 1px solid color-mix(in srgb, var(--text) 12%, transparent);
}

.faq-list details {
  border-bottom: 1px solid color-mix(in srgb, var(--text) 12%, transparent);
}

.faq-list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 25px 0;
  cursor: pointer;
  font-size: 19px;
  font-weight: 650;
  list-style: none;
}

.faq-list summary i {
  color: var(--primary);
  font-size: 25px;
  font-style: normal;
}

.faq-list details[open] summary i {
  transform: rotate(45deg);
}

.faq-list details p {
  max-width: 850px;
  margin: 0;
  padding: 0 0 28px;
  color: var(--muted);
  line-height: 1.85;
}

.section-process .page-items {
  counter-reset: step;
}

.section-process .page-items article::after {
  counter-increment: step;
  content: "0" counter(step);
  position: absolute;
  right: 24px;
  bottom: 18px;
  color: color-mix(in srgb, var(--primary) 22%, transparent);
  font: 700 48px ui-monospace, monospace;
}

.preview-bar {
  position: fixed;
  z-index: 1000;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(11, 14, 24, .9);
  backdrop-filter: blur(16px);
  box-shadow: 0 14px 45px rgba(0, 0, 0, .3);
  color: #fff;
  font-size: 13px;
}

.preview-bar b {
  color: #8b9dff;
}

@media (max-width: 900px) {
  .page-hero {
    min-height: 68vh;
    padding-top: 125px;
  }

  .page-section > header {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .page-items {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .page-hero {
    padding-inline: 20px;
  }

  .page-hero h1 {
    font-size: clamp(42px, 13vw, 64px);
  }

  .page-section {
    width: calc(100% - 36px);
    padding: 76px 0;
  }

  .page-items {
    grid-template-columns: 1fr;
  }

  .preview-bar {
    width: calc(100% - 28px);
    justify-content: center;
  }

  .preview-bar span {
    display: none;
  }
}
.employee-outcomes{width:min(var(--container),calc(100% - 44px));margin:32px auto 96px;padding:62px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:calc(var(--radius) + 10px);background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--accent) 17%,transparent),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:0 30px 90px color-mix(in srgb,var(--primary) 12%,transparent)}
.employee-outcomes>header{max-width:850px}.employee-outcomes>header small,.outcome-cta small{color:var(--primary);font:800 10px ui-monospace,monospace;letter-spacing:.16em}.employee-outcomes>header h2{max-width:760px;margin:12px 0 16px;font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.045em}.employee-outcomes>header p{max-width:780px;color:var(--muted);font-size:17px;line-height:1.8}
.outcome-flow{display:grid;margin-top:42px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.outcome-flow article{position:relative;min-height:245px;padding:27px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent)}.outcome-flow i{display:grid;width:34px;height:34px;place-items:center;color:#fff;font:800 10px ui-monospace,monospace;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 25%,transparent)}.outcome-flow strong{display:block;margin:28px 0 10px;font-size:20px}.outcome-flow p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.outcome-flow span{position:absolute;right:27px;bottom:24px;left:27px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);color:var(--primary);font-size:12px;font-weight:700}
.outcome-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:25px 29px;border-radius:var(--radius);color:#fff;background:linear-gradient(120deg,#0b3b8f,#286cff 55%,#7455ef)}.outcome-cta small,.outcome-cta strong{display:block}.outcome-cta small{color:#8ee9ff}.outcome-cta strong{margin-top:7px;font-size:21px}.outcome-cta a{padding:13px 18px;border:1px solid #ffffff4d;border-radius:12px;color:#fff;background:#ffffff17;text-decoration:none;white-space:nowrap}
@media(max-width:1000px){.outcome-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.employee-outcomes{width:calc(100% - 24px);padding:28px 20px;margin-bottom:55px}.outcome-flow{grid-template-columns:1fr}.outcome-cta{align-items:flex-start;flex-direction:column}.outcome-cta a{width:100%;text-align:center}}

/* 中国企业旗舰站专用叙事区块：数据、流程、信任与咨询不再退化成同一种卡片。 */
.metrics-band,.process-story,.trust-cloud,.contact-stage{width:min(var(--container),calc(100% - 48px));margin:0 auto;padding:110px 0}
.metrics-band>header,.process-story>header,.trust-cloud>header{max-width:820px;margin-bottom:48px}.metrics-band>header small,.process-story>header small,.trust-cloud>header small,.contact-stage small{color:var(--primary);font:800 11px ui-monospace,monospace;letter-spacing:.15em}.metrics-band h2,.process-story h2,.trust-cloud h2,.contact-stage h2{margin:12px 0 18px;font-size:clamp(36px,4.4vw,68px);line-height:1.04;letter-spacing:-.045em}.metrics-band header p,.process-story header p,.trust-cloud header p,.contact-stage p{color:var(--muted);font-size:17px;line-height:1.8}
.metrics-band{width:100%;max-width:none;padding-inline:max(6vw,24px);color:#fff;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 90%,#071c43),color-mix(in srgb,var(--accent) 75%,#13234f))}.metrics-band header p{color:#ffffffb8}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff2c;border-bottom:1px solid #ffffff2c}.metrics-grid article{padding:34px 26px;border-right:1px solid #ffffff2c}.metrics-grid article:last-child{border-right:0}.metrics-grid strong{display:block;font-size:clamp(42px,5vw,76px);letter-spacing:-.05em}.metrics-grid span,.metrics-grid small{display:block;margin-top:10px;color:#ffffffc7}.metrics-grid small{font-size:11px;letter-spacing:.1em}
.process-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent)}.process-track article{position:relative;padding:40px 32px 16px 0}.process-track article:not(:last-child)::after{content:"";position:absolute;top:-2px;right:18px;left:14px;height:3px;background:linear-gradient(90deg,var(--primary),transparent)}.process-track i{position:absolute;top:-8px;left:0;width:14px;height:14px;border:3px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.process-track span{color:var(--primary);font:800 11px ui-monospace,monospace}.process-track h3{margin:20px 0 12px;font-size:23px}.process-track p{color:var(--muted);line-height:1.75}
.trust-cloud{text-align:center}.trust-cloud>header{margin-right:auto;margin-left:auto}.trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);overflow:hidden}.trust-grid article{display:grid;min-height:150px;padding:22px;place-items:center;border-right:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--surface) 95%,var(--primary))}.trust-grid article:last-child{border-right:0}.trust-grid img{max-width:130px;max-height:52px;object-fit:contain;filter:grayscale(1);opacity:.72}.trust-grid strong{font-size:18px}.trust-grid span{color:var(--muted);font-size:12px}
.contact-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,8vw,120px);padding:70px;border-radius:calc(var(--radius) * 1.5);background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 36%),color-mix(in srgb,var(--primary) 7%,var(--surface));box-shadow:0 30px 90px color-mix(in srgb,var(--primary) 10%,transparent)}.contact-stage aside{display:grid;gap:12px}.contact-stage aside article{padding:20px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent)}.contact-stage aside span{color:var(--primary);font-size:11px}.contact-stage aside h3{margin:7px 0}.contact-stage aside p{margin:0;font-size:14px}.contact-stage .primary-action{justify-content:space-between;margin-top:8px}
.mobile-conversion{display:none}
@media(max-width:900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid article:nth-child(2){border-right:0}.process-track{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(3,1fr)}.contact-stage{grid-template-columns:1fr;padding:42px}.mobile-conversion{position:fixed;right:12px;bottom:12px;left:12px;z-index:800;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid #ffffff5c;border-radius:18px;background:#0b1325e8;backdrop-filter:blur(18px);box-shadow:0 16px 45px #00184255}.mobile-conversion a{padding:13px;border-radius:12px;color:#fff;text-align:center;text-decoration:none;background:linear-gradient(135deg,var(--primary),var(--accent));font-weight:700}.mobile-conversion a:last-child{background:#ffffff16}}
@media(max-width:620px){.metrics-band,.process-story,.trust-cloud{width:100%;padding:76px 18px}.metrics-grid{grid-template-columns:1fr 1fr}.process-track{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.contact-stage{width:calc(100% - 24px);padding:30px 22px}.metrics-grid article{padding:25px 16px}}