:root {
  --agent-blue: #315dff;
  --agent-ink: #101828;
  --agent-muted: #667085;
  --agent-line: #dfe5ef;
  --agent-soft: #f5f7fb;
  --agent-navy: #10192b;
}

html { scroll-behavior: smooth; }
body.home-page { overflow-x: hidden; color: var(--agent-ink); background: #fff; }
body.home-page main { background: #fff; }
body.home-page main > section { box-sizing: border-box; }

/* Hero — the same bright, product-first composition used by 智能服务台. */
.homepage-hero-v2 {
  width: min(1280px,calc(100% - 64px)) !important;
  min-height: 760px !important;
  margin: 0 auto !important;
  padding: 104px 0 82px !important;
  display: grid !important;
  grid-template-columns: minmax(420px,.92fr) minmax(520px,1.08fr) !important;
  align-items: center !important;
  gap: 70px !important;
  color: var(--agent-ink) !important;
  background: #fff !important;
}
.homepage-hero-v2::before,.homepage-hero-v2::after { display: none !important; }
.homepage-hero-v2 .hero-copy { position: relative; z-index: 2; max-width: 620px; }
.homepage-hero-v2 .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 24px;
  color: var(--agent-blue);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
}
.homepage-hero-v2 .hero-eyebrow::before { width: 8px; height: 8px; border-radius: 50%; background: var(--agent-blue); content: ''; }
.homepage-hero-v2 h1 { margin: 0 !important; color: var(--agent-ink) !important; font-size: clamp(56px,5vw,76px) !important; line-height: 1.06 !important; letter-spacing: -.065em !important; }
.homepage-hero-v2 h1 span { display: block; }
.homepage-hero-v2 .hero-actions { display: flex; gap: 14px; margin-top: 38px; }
.homepage-hero-v2 .hero-primary,.homepage-hero-v2 .hero-secondary { min-height: 52px; padding: 0 22px; border-radius: 10px; font-size: 15px; font-weight: 700; }
.homepage-hero-v2 .hero-primary { color: #fff; background: var(--agent-blue); box-shadow: 0 12px 28px rgba(49,93,255,.20); }
.homepage-hero-v2 .hero-secondary { color: var(--agent-ink); border: 1px solid #cfd6e2; background: #fff; }
.homepage-product-demo { position: relative; min-width: 0; padding: 46px 32px 32px !important; border: 1px solid var(--agent-line); border-radius: 24px; background: linear-gradient(145deg,#f5f7ff,#fff 70%) !important; box-shadow: 0 28px 70px rgba(32,49,88,.12); }
.homepage-product-demo .advisor-card { border: 1px solid #d8dfeb; border-radius: 18px; background: #fff; box-shadow: 0 16px 38px rgba(33,50,86,.10); }
.homepage-product-demo .purchase-intent { top: 18px !important; right: 18px !important; border: 1px solid #cad6ff; background: #fff !important; box-shadow: 0 12px 30px rgba(49,93,255,.14); }

/* Shared section typography and spacing. */
.results,.industries,.platform,.integrations,.model {
  width: min(1180px,calc(100% - 64px)) !important;
  margin-inline: auto !important;
  padding: 112px 0 !important;
}
.results > h2,.industry-intro h2,.platform-intro h2,.integrations > header h2,.model > header h2 {
  margin: 0;
  color: var(--agent-ink) !important;
  font-size: clamp(46px,4.5vw,64px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.055em !important;
}
.section-kicker,.industry-intro > small,.platform-intro > small,.integrations > header > small,.model > header > small {
  display: block;
  margin-bottom: 18px;
  color: var(--agent-blue) !important;
  font-size: 12px !important;
  font-weight: 750;
  letter-spacing: .12em;
}

/* 中文页不展示装饰性英文眉题，包括交互切换时由脚本写入的文案。 */
#capability-kicker {
  display: none !important;
}

/* Subpage navigation styles must not collapse the bespoke hero actions. */
.agent-new-hero .hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
.agent-new-hero .hero-actions > a {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
}
.agent-new-hero .hero-actions > a > span {
  display: inline !important;
  width: auto !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
}
.industry-intro > p,.platform-intro > p,.integrations > header > p,.model > header > p {
  max-width: 780px;
  margin: 24px auto 0 !important;
  color: var(--agent-muted) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}
.industry-intro,.platform-intro,.integrations > header,.model > header { margin-bottom: 62px !important; text-align: center; }

/* 1. Proven results — compact evidence cards, no slide-deck overflow. */
.results { text-align: center; }
.metric-grid-five {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  gap: 14px !important;
  margin-top: 62px !important;
}
.metric-grid-five article {
  position: relative;
  min-height: 260px !important;
  padding: 34px 26px 28px !important;
  overflow: hidden;
  border: 1px solid var(--agent-line) !important;
  border-radius: 18px !important;
  color: var(--agent-ink) !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(32,49,88,.06) !important;
  text-align: left;
}
.metric-grid-five article::before { position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--agent-blue); content: ''; }
.metric-grid-five article strong { display: block; color: var(--agent-blue) !important; font-size: clamp(46px,4vw,64px) !important; font-weight: 500 !important; letter-spacing: -.05em; }
.metric-grid-five article p { position: absolute; left: 26px; bottom: 28px; margin: 0; color: var(--agent-ink) !important; font-size: 16px !important; line-height: 1.55 !important; }

/* 2. Industry intelligence — light shell with a dark, focused product stage. */
.industries { width: 100% !important; max-width: none !important; padding: 112px max(32px,calc((100vw - 1180px)/2)) !important; color: var(--agent-ink) !important; background: var(--agent-soft) !important; }
.industry-layout { display: grid !important; grid-template-columns: 220px minmax(0,1fr) 300px !important; gap: 18px !important; align-items: stretch; }
.industry-tabs { display: grid !important; gap: 10px !important; }
.industry-tabs button { min-height: 64px !important; padding: 0 18px !important; border: 1px solid var(--agent-line) !important; border-radius: 12px !important; color: #526078 !important; background: #fff !important; font-size: 14px !important; text-align: left; }
.industry-tabs button.active { color: #fff !important; border-color: var(--agent-blue) !important; background: var(--agent-blue) !important; box-shadow: 0 12px 28px rgba(49,93,255,.18); }
.industry-tabs button small { margin-right: 12px; opacity: .7; }
.industry-stage { min-height: 500px !important; overflow: hidden; border: 1px solid #24314a !important; border-radius: 18px !important; background-image: linear-gradient(180deg,rgba(7,15,31,.06),rgba(7,15,31,.72)),var(--industry-photo) !important; box-shadow: 0 18px 42px rgba(16,25,43,.14); }
.industry-stage .mock-message { right: 24px !important; bottom: 24px !important; width: min(430px,calc(100% - 48px)) !important; padding: 24px !important; border-radius: 15px !important; color: var(--agent-ink) !important; background: rgba(255,255,255,.96) !important; backdrop-filter: blur(12px); }
.industry-proof { padding: 28px !important; border: 1px solid var(--agent-line) !important; border-radius: 18px !important; color: var(--agent-ink) !important; background: #fff !important; box-shadow: 0 14px 34px rgba(32,49,88,.07); }
.industry-proof > small { color: var(--agent-blue) !important; }
.industry-proof li { color: #556176 !important; border-color: #dfe5ef !important; font-size: 13px !important; }

/* 3. How the employee goes live — keep the real interaction, remove the presentation-board scale. */
.platform { width: 100% !important; max-width: none !important; padding: 112px max(32px,calc((100vw - 1180px)/2)) !important; background: #fff !important; }
.platform-shell { display: grid !important; grid-template-columns: 330px minmax(0,1fr) !important; gap: 0 !important; overflow: hidden; border: 1px solid var(--agent-line) !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 24px 60px rgba(32,49,88,.09); }
.platform .accordion { padding: 34px 28px !important; background: #fff !important; }
.platform .accordion button { padding: 20px 0 !important; border-bottom: 1px solid #e5e9f0 !important; color: #667085 !important; background: transparent !important; font-size: 17px !important; }
.platform .accordion button.open { color: var(--agent-blue) !important; }
.platform .accordion p { color: var(--agent-muted) !important; font-size: 14px !important; line-height: 1.7 !important; }
.product-visual { min-height: 650px !important; padding: 34px !important; color: #fff !important; border-radius: 0 !important; background: linear-gradient(135deg,#091629,#172b64) !important; }
.capability-map { min-height: 500px !important; }
.capability-inputs span,.capability-outcome { border-color: rgba(150,172,225,.28) !important; background: rgba(255,255,255,.07) !important; }

/* 4. Ecosystem — clean logo matrix consistent with the Desk channel cards. */
.integrations { width: 100% !important; max-width: none !important; padding: 112px max(32px,calc((100vw - 1180px)/2)) !important; background: var(--agent-soft) !important; }
.integration-orbit { min-height: 0 !important; margin-top: 52px !important; padding: 0 !important; background: transparent !important; }
.ecosystem-logo-wall { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 14px !important; }
.ecosystem-logo-wall > span { position: relative !important; inset: auto !important; width: auto !important; height: 104px !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 18px !important; padding: 22px 26px !important; border: 1px solid var(--agent-line) !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 10px 26px rgba(32,49,88,.045) !important; }
.ecosystem-logo-wall > span:hover { transform: translateY(-4px) !important; border-color: #bdcaff !important; box-shadow: 0 16px 34px rgba(49,93,255,.10) !important; }
.ecosystem-logo-wall img { position: static !important; width: 52px !important; max-width: 58px !important; height: 46px !important; object-fit: contain !important; }
.ecosystem-logo-wall i { position: static !important; display: block !important; opacity: 1 !important; transform: none !important; color: var(--agent-ink) !important; background: transparent !important; box-shadow: none !important; font-style: normal !important; }
.ecosystem-logo-wall i b { font-size: 15px !important; }
.ecosystem-logo-wall i p { display: none !important; }

/* 5. Customer journey — three restrained image cards, still retaining every scene. */
.model { padding-bottom: 70px !important; }
.model-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 20px !important; }
.model-grid article { min-height: 500px !important; overflow: hidden; border: 1px solid #263247 !important; border-radius: 20px !important; background-image: linear-gradient(180deg,rgba(8,17,34,.05) 25%,rgba(8,17,34,.92) 100%),var(--photo) !important; box-shadow: 0 18px 42px rgba(16,25,43,.10); }
.model-grid article > div { padding: 30px !important; }
.model-grid article h3 { color: #fff !important; font-size: 29px !important; line-height: 1.3 !important; }
.model-grid article p { color: rgba(255,255,255,.72) !important; font-size: 14px !important; line-height: 1.75 !important; }
.model-grid article ul { display: flex !important; flex-wrap: wrap; gap: 8px; }
.model-grid article li { padding: 6px 10px !important; border: 1px solid rgba(255,255,255,.2) !important; border-radius: 99px !important; color: #fff !important; background: rgba(255,255,255,.08) !important; font-size: 11px !important; }
.journey-rail { margin: 26px 0 0 !important; padding: 22px 28px !important; border: 1px solid #dfe5ef !important; border-radius: 15px !important; background: #fff !important; box-shadow: 0 10px 30px rgba(32,49,88,.05); }
.journey-rail i { background: linear-gradient(90deg,#cfdaff,var(--agent-blue)) !important; }

/* 6. Peak season support — editorial split card instead of an oversized banner. */
.promotion-scene { min-height: 430px !important; margin-top: 70px !important; overflow: hidden; border: 1px solid var(--agent-line) !important; border-radius: 22px !important; background: linear-gradient(90deg,#fff 0 58%,rgba(255,255,255,0) 72%),url('../assets/generated/peak-season-support-real-v3.webp') right center / 52% 100% no-repeat !important; box-shadow: 0 22px 52px rgba(32,49,88,.09); }
.promotion-scene-copy { width: 58% !important; padding: 58px !important; }
.promotion-scene-copy small { color: var(--agent-blue) !important; }
.promotion-scene-copy h3 { color: var(--agent-ink) !important; font-size: clamp(34px,3vw,46px) !important; line-height: 1.2 !important; }
.promotion-scene-copy p { color: var(--agent-muted) !important; font-size: 15px !important; line-height: 1.8 !important; }
.promotion-scene-copy ul { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px 28px !important; }
.promotion-scene-copy li { color: #344054 !important; font-size: 14px !important; }
.promotion-scene-copy li::before { background: var(--agent-blue) !important; }
.promotion-scene-points { display: none !important; }

/* CTA echoes the product-page ending without changing the retained content. */
.contact-hero-echo { min-height: 520px !important; padding: 110px 32px !important; background: linear-gradient(135deg,#0c1730,#172c69) !important; }
.contact-echo-primary { border-radius: 10px !important; background: var(--agent-blue) !important; }

@media (max-width: 1050px) {
  .homepage-hero-v2 { grid-template-columns: 1fr !important; gap: 48px !important; }
  .industry-layout { grid-template-columns: 190px minmax(0,1fr) !important; }
  .industry-proof { grid-column: 1 / -1; }
  .metric-grid-five { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  .ecosystem-logo-wall { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 760px) {
  .homepage-hero-v2,.results,.industries,.platform,.integrations,.model { width: min(100% - 32px,680px) !important; padding: 72px 0 !important; }
  .homepage-hero-v2 { min-height: 0 !important; }
  .homepage-hero-v2 h1 { font-size: 44px !important; }
  .results > h2,.industry-intro h2,.platform-intro h2,.integrations > header h2,.model > header h2 { font-size: 38px !important; }
  .metric-grid-five,.model-grid,.ecosystem-logo-wall { grid-template-columns: 1fr !important; }
  .metric-grid-five article { min-height: 210px !important; }
  .industry-layout,.platform-shell { grid-template-columns: 1fr !important; }
  .industry-tabs { grid-template-columns: 1fr 1fr; }
  .industry-stage { min-height: 440px !important; }
  .platform .accordion { padding: 22px !important; }
  .product-visual { min-width: 760px; }
  .platform-shell { overflow-x: auto; }
  .promotion-scene { background: #fff !important; }
  .promotion-scene-copy { width: auto !important; padding: 36px 26px !important; }
  .journey-rail { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ecosystem-logo-wall > span { transition: none !important; }
}

/* New hero: rebuilt on the 智能服务台 product-page system, not the legacy recommendation demo. */
.agent-new-hero {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100svh - 72px) !important;
  margin: 0 !important;
  padding: 72px max(48px,calc((100vw - 1280px)/2)) 82px !important;
  grid-template-columns: minmax(430px,.88fr) minmax(600px,1.12fr) !important;
  gap: 64px !important;
  background: #fff !important;
}
.agent-new-hero .hero-copy { max-width: 570px; }
.agent-new-hero h1 span,.agent-new-hero h1 em { display: block; }
.agent-new-hero h1 em { margin-top: 5px; color: var(--agent-blue); font-style: normal; }
.agent-hero-lead { max-width: 560px; margin: 27px 0 0; color: var(--agent-muted); font-size: 17px; line-height: 1.75; }
.agent-hero-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; margin-top: 27px; }
.agent-hero-proof span { display: flex; align-items: center; gap: 9px; color: #4d596e; font-size: 13px; line-height: 1.45; }
.agent-hero-proof span::before { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--agent-blue); content: ''; }
.agent-hero-console { position: relative; min-width: 0; padding: 34px 0 54px; }
.agent-hero-workbench { overflow: hidden; border: 1px solid #d8dfeb; border-radius: 22px; color: var(--agent-ink); background: #fff; box-shadow: 0 24px 64px rgba(31,48,84,.13); }
.agent-hero-workbench > header { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; color: #fff; background: var(--agent-navy); }
.agent-hero-workbench > header > div { display: flex; align-items: center; gap: 12px; }
.agent-hero-workbench > header strong { position: relative; width: 30px; height: 30px; overflow: hidden; color: transparent; }
.agent-hero-workbench > header strong::before { position: absolute; inset: 0 auto auto 0; width: 152px; height: 30px; background: url('../assets/shulex-logo-dark.png') left center / contain no-repeat; content: ''; filter: brightness(0) invert(1); }
.agent-hero-workbench > header b { padding-left: 12px; border-left: 1px solid rgba(255,255,255,.24); font-size: 13px; }
.agent-hero-workbench > header > span { display: flex; align-items: center; gap: 7px; color: #d3dbea; font-size: 10px; }
.agent-hero-workbench > header > span i { width: 7px; height: 7px; border-radius: 50%; background: #35c88a; box-shadow: 0 0 0 4px rgba(53,200,138,.13); }
.agent-hero-grid { min-height: 470px; display: grid; grid-template-columns: minmax(320px,1.18fr) minmax(210px,.82fr); }
.agent-hero-chat { display: grid; grid-template-rows: 62px 1fr 48px; min-width: 0; border-right: 1px solid #e4e8ef; }
.agent-hero-chat > header { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid #dfe5ef; }
.agent-hero-chat > header b,.agent-hero-chat > header small { display: block; }
.agent-hero-chat > header b { font-size: 12px; }
.agent-hero-chat > header small { margin-top: 4px; color: #8a95a6; font-size: 9px; }
.agent-hero-chat > header em { padding: 5px 8px; border-radius: 99px; color: #237b61; background: #e9f8f2; font-size: 9px; font-style: normal; }
.agent-hero-messages { padding: 20px 16px; }
.agent-hero-messages > p { max-width: 84%; margin: 0 0 14px; padding: 12px 13px; border-radius: 11px; font-size: 11px; line-height: 1.6; }
.agent-hero-messages > p.customer { background: #f1f3f6; }
.agent-hero-messages > p.agent { margin-left: auto; color: #274ec4; background: #eaf0ff; }
.agent-hero-messages > section { margin: 14px 0; padding: 14px; border: 1px solid #f0d99b; border-radius: 11px; background: #fff7df; }
.agent-hero-messages > section small,.agent-hero-messages > section b { display: block; }
.agent-hero-messages > section small { color: #9a7310; font-size: 9px; }
.agent-hero-messages > section b { margin: 5px 0 10px; font-size: 11px; line-height: 1.5; }
.agent-hero-messages dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin: 0; }
.agent-hero-messages dl div { padding: 7px; border-radius: 7px; background: rgba(255,255,255,.72); }
.agent-hero-messages dt,.agent-hero-messages dd { margin: 0; font-size: 8px; }
.agent-hero-messages dt { color: #8c7b50; }
.agent-hero-messages dd { margin-top: 3px; font-weight: 700; }
.agent-hero-chat > footer { display: flex; align-items: center; justify-content: space-between; margin: 0 13px 10px; padding: 0 12px; border: 1px solid #dfe4eb; border-radius: 9px; color: #7d8899; font-size: 9px; }
.agent-hero-chat > footer b { color: #25a06f; }
.agent-hero-context { padding: 18px 14px; }
.agent-hero-context h3 { margin: 0 0 16px; font-size: 13px; }
.agent-person { display: flex; align-items: center; gap: 10px; }
.agent-person > strong { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: var(--agent-blue); background: #dfe7ff; font-size: 10px; }
.agent-person b,.agent-person small { display: block; }
.agent-person b { font-size: 11px; }
.agent-person small { margin-top: 4px; color: #8b95a5; font-size: 8px; }
.agent-hero-context > section { margin-top: 15px; padding-top: 13px; border-top: 1px solid #dfe5ef; }
.agent-hero-context h4 { margin: 0 0 9px; font-size: 10px; }
.agent-hero-context dl { margin: 0; }
.agent-hero-context dl div { display: flex; justify-content: space-between; margin-bottom: 7px; font-size: 9px; }
.agent-hero-context dt { color: #8a95a6; }
.agent-hero-context dd { margin: 0; font-weight: 700; }
.agent-memory { padding: 11px !important; border: 1px solid #cdd9ff !important; border-radius: 10px; background: #f0f4ff; }
.agent-memory h4 { color: var(--agent-blue); }
.agent-memory p { margin: 0 0 5px; color: #344b87; font-size: 9px; }
.agent-memory small { color: #6e7d9f; font-size: 8px; }
.agent-action { padding: 11px !important; border: 0 !important; border-radius: 10px; background: #f2f4f7; }
.agent-action small,.agent-action b,.agent-action span { display: block; }
.agent-action small { color: #7e8999; font-size: 8px; }
.agent-action b { margin: 5px 0; font-size: 10px; }
.agent-action span { color: #d25858; font-size: 8px; }
.agent-hero-badges { position: absolute; left: 34px; right: 34px; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 13px; padding: 13px 18px; border: 1px solid #dfe5ef; border-radius: 13px; color: #647087; background: rgba(255,255,255,.96); box-shadow: 0 12px 28px rgba(32,49,88,.09); font-size: 10px; backdrop-filter: blur(12px); }
.agent-hero-badges i { color: #9aa6ba; font-style: normal; }
.agent-hero-badges strong { color: var(--agent-blue); }

@keyframes agent-hero-enter { 0%,12% { opacity: .25; transform: translateY(7px); } 22%,88% { opacity: 1; transform: translateY(0); } 100% { opacity: .25; transform: translateY(7px); } }
@keyframes agent-hero-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(49,93,255,0); } 50% { box-shadow: 0 0 0 5px rgba(49,93,255,.10); } }
.agent-hero-messages .customer { animation: agent-hero-enter 7s ease-in-out infinite; }
.agent-hero-messages > section { animation: agent-hero-enter 7s .7s ease-in-out infinite,agent-hero-pulse 3.5s ease-in-out infinite; }
.agent-hero-messages .agent { animation: agent-hero-enter 7s 1.4s ease-in-out infinite; }
.agent-memory { animation: agent-hero-pulse 4s 1s ease-in-out infinite; }

@media (max-width: 1050px) {
  .agent-new-hero { grid-template-columns: 1fr !important; }
  .agent-new-hero .hero-copy { max-width: 760px; }
}
@media (max-width: 760px) {
  .agent-new-hero { width: 100% !important; padding: 60px 16px 72px !important; }
  .agent-hero-console { overflow-x: auto; }
  .agent-hero-workbench { min-width: 680px; }
  .agent-hero-proof { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .agent-hero-messages .customer,.agent-hero-messages > section,.agent-hero-messages .agent,.agent-memory { animation: none !important; }
}

/* Unified page canvas: every content section sits on pure white. */
body.home-page,
body.home-page main,
body.home-page main > section,
body.home-page .homepage-hero-v2,
body.home-page .results,
body.home-page .industries,
body.home-page .platform,
body.home-page .integrations,
body.home-page .model { background-color: #fff !important; }
body.home-page .industries,
body.home-page .platform,
body.home-page .integrations { background-image: none !important; }

/* White product-page hero, consistent with 智能服务台. */
body.home-page main > .agent-new-hero,
body.home-page .homepage-hero-v2.agent-new-hero {
  color: var(--agent-ink) !important;
  background: #fff !important;
}
.agent-new-hero h1 { color: var(--agent-ink) !important; }
.agent-new-hero h1 em { color: var(--agent-blue) !important; }
.agent-new-hero .hero-eyebrow { color: var(--agent-blue) !important; }
.agent-new-hero .hero-eyebrow::before { background: var(--agent-blue); }
.agent-new-hero .agent-hero-lead { color: var(--agent-muted); }
.agent-new-hero .agent-hero-proof span { color: #4d596e; }
.agent-new-hero .hero-secondary { color: var(--agent-ink); border-color: #cfd6e2; background: #fff; }

/* Exact type scale shared with product-helpdesk.html. */
.agent-new-hero .hero-eyebrow {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .08em;
}
.agent-new-hero h1 {
  max-width: 640px;
  font-size: clamp(46px,3.8vw,56px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.05em !important;
}
.agent-new-hero .agent-hero-lead { margin-top: 24px; font-size: 17px; line-height: 1.75; }
.agent-new-hero .agent-hero-proof { margin-top: 28px; }
.agent-new-hero .agent-hero-proof span { font-size: 13px; line-height: 1.45; }
.agent-new-hero .hero-primary,
.agent-new-hero .hero-secondary { min-height: 52px; font-size: 15px; font-weight: 680; }

.results > h2,
.industry-intro h2,
.platform-intro h2,
.integrations > header h2,
.model > header h2 {
  font-size: clamp(48px,4.5vw,64px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.055em !important;
}
.industry-intro > p,
.platform-intro > p,
.integrations > header > p,
.model > header > p { font-size: 17px !important; line-height: 1.8 !important; }
.section-kicker,
.industry-intro > small,
.platform-intro > small,
.integrations > header > small,
.model > header > small { font-size: 12px !important; font-weight: 760; letter-spacing: .08em; }

.industry-proof h3 { font-size: 25px !important; line-height: 1.35 !important; }
.industry-proof li { font-size: 13px !important; line-height: 1.6 !important; }
.platform .accordion button { font-size: 16px !important; line-height: 1.45 !important; }
.platform .accordion p { font-size: 14px !important; line-height: 1.7 !important; }
.model-grid article h3 { font-size: clamp(28px,2.4vw,34px) !important; line-height: 1.3 !important; letter-spacing: -.035em; }
.model-grid article p { font-size: 14px !important; line-height: 1.7 !important; }
.promotion-scene-copy h3 { font-size: clamp(30px,2.45vw,38px) !important; line-height: 1.2 !important; letter-spacing: -.045em; }
.promotion-scene-copy p { font-size: 14px !important; line-height: 1.7 !important; }
.promotion-scene-copy li { font-size: 14px !important; }
.contact-echo-copy h2 { font-size: clamp(48px,4.5vw,64px) !important; line-height: 1.12 !important; }

@media (max-width: 760px) {
  .agent-new-hero h1 { font-size: 36px !important; }
  .results > h2,.industry-intro h2,.platform-intro h2,.integrations > header h2,.model > header h2,.contact-echo-copy h2 { font-size: 36px !important; }
  .industry-intro > p,.platform-intro > p,.integrations > header > p,.model > header > p { font-size: 15px !important; }
  .promotion-scene-copy h3 { font-size: 30px !important; }
}

/* All post-hero section introductions share the centered Desk-page alignment. */
.results,
.industry-intro,
.platform-intro,
.integrations > header,
.model > header { text-align: center !important; }
.results > .section-kicker,
.results > h2,
.industry-intro > small,
.industry-intro > h2,
.industry-intro > p,
.platform-intro > small,
.platform-intro > h2,
.platform-intro > p,
.integrations > header > small,
.integrations > header > h2,
.integrations > header > p,
.model > header > small,
.model > header > h2,
.model > header > p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Remove legacy presentation gradients and oversized display rules. */
.results::before,.results::after,
.industries::before,.industries::after,
.platform::before,.platform::after,
.integrations::before,.integrations::after,
.model::before,.model::after { display: none !important; content: none !important; }
.results,.industries,.platform,.integrations,.model {
  overflow: visible !important;
  background: #fff !important;
  background-image: none !important;
}
.results > h2,
.industry-intro > h2,
.platform-intro > h2,
.integrations > header > h2,
.model > header > h2 {
  max-width: 860px !important;
  font-size: clamp(40px,3.6vw,52px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.045em !important;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.industry-intro,.platform-intro,.integrations > header,.model > header { max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 760px) {
  .results > h2,.industry-intro > h2,.platform-intro > h2,.integrations > header > h2,.model > header > h2 { font-size: 34px !important; }
}

/* Product hero: same centered canvas and information hierarchy as other product pages. */
.channel-agent .agent-new-hero {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  min-height: 760px !important;
  margin: 0 auto !important;
  padding: 104px 0 72px !important;
  grid-template-columns: minmax(500px, .96fr) minmax(520px, 1.04fr) !important;
  gap: 58px !important;
  color: var(--agent-ink) !important;
  background: #fff !important;
  font-family: var(--site-font-sans) !important;
}
.channel-agent .agent-new-hero .hero-copy { max-width: 570px !important; }
.channel-agent .agent-new-hero h1,
.channel-agent .agent-new-hero h1 span,
.channel-agent .agent-new-hero h1 em {
  font-family: inherit !important;
  font-style: normal !important;
}
.channel-agent .agent-new-hero h1 {
  max-width: 620px !important;
  font-size: clamp(48px, 4vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}
.channel-agent .agent-new-hero h1 em {
  margin-top: 8px;
  white-space: nowrap;
}
.channel-agent .agent-new-hero .agent-hero-lead {
  width: 520px !important;
  min-width: 520px !important;
  max-width: 520px !important;
  margin-top: 26px;
  color: #667085 !important;
  opacity: 1 !important;
  font-size: 17px;
  line-height: 1.75;
}
.channel-agent .agent-new-hero .agent-hero-proof {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px 22px !important;
  margin-top: 24px;
}
.channel-agent .agent-new-hero .agent-hero-proof span {
  flex: 0 0 auto;
  font-size: 14px !important;
}

@media (max-width: 1050px) {
  .channel-agent .agent-new-hero {
    min-height: auto !important;
    padding-top: 80px !important;
    grid-template-columns: 1fr !important;
  }
  .channel-agent .agent-new-hero .hero-copy { max-width: 720px !important; }
  .channel-agent .agent-new-hero .agent-hero-lead {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 620px !important;
  }
}
@media (max-width: 760px) {
  .channel-agent .agent-new-hero {
    width: min(100% - 32px, 1180px) !important;
    padding: 64px 0 60px !important;
    gap: 42px !important;
  }
  .channel-agent .agent-new-hero h1 { font-size: 38px !important; }
  .channel-agent .agent-new-hero h1 em { white-space: normal; }
  .channel-agent .agent-new-hero .agent-hero-lead { font-size: 16px; }
  .channel-agent .agent-new-hero .agent-hero-proof { display: grid !important; grid-template-columns: 1fr; }
}

/* Match the shared product-subpage canvas, kicker and CTA dimensions exactly. */
html,
body.channel-agent,
body.channel-agent main,
body.channel-agent main > section {
  background-color: #fff !important;
}
body.channel-agent {
  background-image: none !important;
}
.channel-agent .agent-new-hero {
  width: 100% !important;
  max-width: none !important;
  padding-right: max(24px, calc((100vw - 1180px) / 2)) !important;
  padding-left: max(24px, calc((100vw - 1180px) / 2)) !important;
}
.channel-agent .agent-new-hero .hero-eyebrow {
  width: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #3157ff !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
}
.channel-agent .agent-new-hero .hero-eyebrow::before { display: none !important; }
.channel-agent .agent-new-hero .hero-eyebrow img {
  width: 17px !important;
  height: 17px !important;
  display: block;
  filter: brightness(0) saturate(100%) invert(39%) sepia(91%) saturate(1785%) hue-rotate(217deg) brightness(101%);
}
.channel-agent .agent-new-hero .hero-actions {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 32px !important;
}
.channel-agent .agent-new-hero .hero-actions > a {
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  line-height: 1 !important;
}
.channel-agent .agent-new-hero .hero-primary {
  border: 1px solid #3157ff !important;
  background: #3157ff !important;
  box-shadow: 0 12px 24px rgba(49,91,215,.22) !important;
}
.channel-agent .agent-new-hero .hero-secondary {
  border: 1px solid #dfe5ef !important;
  background: #fff !important;
  box-shadow: none !important;
}
.channel-agent .agent-new-hero .hero-actions > a > span,
.channel-agent .agent-new-hero .hero-actions > a > b {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  font: inherit !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .channel-agent .agent-new-hero {
    width: 100% !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .channel-agent .agent-new-hero .hero-actions,
  .channel-agent .agent-new-hero .hero-actions > a { width: 100% !important; }
  .channel-agent .agent-new-hero .hero-actions { flex-wrap: wrap !important; }
}

/* Five stats dropped from three columns straight to one at 760px, stacking five
   210px cards into 1050px of scrolling for a handful of short figures. Two
   columns fill that gap; declared last so it wins over the 1fr rule above. */
@media (min-width: 481px) and (max-width: 760px) {
  .metric-grid-five { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ---- Hero rework -------------------------------------------------------
   The old composition ran 803px tall while carrying only a headline, one
   paragraph and two buttons — more empty space than the busier 语音客服 and
   智能服务台 heroes, which is what made it read as flat. Tighten the vertical
   rhythm and put the console on a lit stage so it sits in the page instead of
   floating on plain white. No copy changes. */
.channel-agent .agent-new-hero {
  position: relative !important;
  min-height: 0 !important;
  /* Keep the 1280px reading measure centred; the old rule's horizontal value
     came from a different selector, so it has to be restated here. */
  padding: 72px max(32px, calc(50vw - 640px)) 60px !important;
  align-items: center !important;
  gap: 56px !important;
  overflow: visible !important;
}

/* The console, not the padding, is what set the 803px height. Trim its inner
   canvas so the two columns end up closer in height and the section stops
   looking like a short text block adrift in white. */
.channel-agent .agent-new-hero .agent-hero-console { padding: 18px 0 26px; }
.channel-agent .agent-new-hero .agent-hero-grid { min-height: 424px; }

/* Ambient light behind the product shot: brand blue fading into cyan, the same
   pair the homepage hero CTA and the VOC accents already use. */
.channel-agent .agent-new-hero::before {
  position: absolute !important;
  z-index: 0 !important;
  top: -14% !important;
  right: -18% !important;
  display: block !important;
  width: 78% !important;
  height: 128% !important;
  pointer-events: none !important;
  background:
    radial-gradient(48% 44% at 58% 40%, rgb(76 111 255 / 15%), transparent 68%),
    radial-gradient(34% 34% at 86% 76%, rgb(32 199 232 / 12%), transparent 70%) !important;
  content: '' !important;
}

/* A second, tighter wash directly under the console grounds it. */
.channel-agent .agent-new-hero .agent-hero-console::before {
  position: absolute;
  z-index: 0;
  inset: 8% -6% 2% -6%;
  border-radius: 40px;
  background: radial-gradient(60% 52% at 50% 50%, rgb(49 87 255 / 9%), transparent 72%);
  pointer-events: none;
  content: '';
}

.channel-agent .agent-new-hero .hero-copy,
.channel-agent .agent-new-hero .agent-hero-console { position: relative; z-index: 1; }

/* Deeper, warmer elevation now that there is light behind it. */
.channel-agent .agent-new-hero .agent-hero-workbench {
  box-shadow:
    0 2px 6px rgb(31 48 84 / 6%),
    0 18px 40px rgb(31 48 84 / 10%),
    0 44px 92px rgb(31 48 84 / 14%) !important;
}

/* ============================================================
   首屏改版（2026-09-16）：居中式 + 浅色氛围底
   旧版为「左文案 / 右产品界面」两栏；产品界面已迁至 #how-it-works。
   本块用 .agent-hero-centered 把特异性抬到 (0,3,0)，
   覆盖上方 .channel-agent .agent-new-hero (0,2,0) 的全部 !important，
   不改动原规则，避免影响其它引用同一样式表的页面。
   ============================================================ */
.channel-agent .agent-new-hero.agent-hero-centered {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(92px, 11vh, 144px) max(24px, calc((100vw - 1180px) / 2)) clamp(84px, 10vh, 128px) !important;
  text-align: center;
  /* 首屏底（方案 C · 对角流动）——沿革：
     ① 最早用生成的位图 agent-hero-plate-v2.webp，实测最强着色距纯白 63 级、峰值
        落在 42% 高度正压着 H1，弧线边缘肉眼可见，宽屏下 cover 还会再放大 → 弃用。
     ② 换纯 CSS 径向渐变，但那版是按纯白底设计的、中心在 50% 2% 完全对称；首屏改成
        浅色面之后收尾的 rgba(255,255,255,0) 等于淡出成灰，辉光被吃掉一截。
     ③ 现在：靛蓝从左上角、青从右下角对角铺开，四个角都不死灰，走向对应本页
        「多渠道汇进一条服务流」的主题。
     强度经过回调（.16/.12 → .135/.10）。
     配套把强调蓝从 #4f6fff 换成 #3157ff（站内 363 处在用的实际主力值，
     #4f6fff 只有 23 处是孤例）：最低对比度 3.25 → 4.17，主按钮白字 4.16 → 5.33
     （前者原本不达正文 AA 的 4.5）。现在面色还有加深余地，不再被强调蓝卡住。 */
  background-color: #f1f5fd !important;
  /* 最上层是一张 160×160 的极细灰噪声（内联 SVG feTurbulence，无额外请求）。
     两层渐变在约 850px 的距离上只变 22 个色阶 —— 每 39px 才跳一级，在好屏幕上
     会看出一圈圈同心色带。颗粒把边界打散，这是大面积柔和渐变的标准做法。
     不透明度 .035：够打散色带，又淡到不会被当成纹理。 */
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E"),
    radial-gradient(105% 85% at 4% -6%, rgba(49, 87, 255, .135), rgba(49, 87, 255, 0) 56%),
    radial-gradient(90% 80% at 102% 104%, rgba(32, 199, 232, .10), rgba(32, 199, 232, 0) 54%) !important;
  background-repeat: repeat, no-repeat, no-repeat !important;
  background-position: center center, center center, center center !important;
  background-size: 160px 160px, 100% 100%, 100% 100% !important;
}
.channel-agent .agent-new-hero.agent-hero-centered .hero-copy {
  /* 原两栏布局下 .hero-copy 是收缩宽度的，居中版必须显式撑满再靠 max-width 收口，
     否则宽度会被 h1 em 那行 white-space:nowrap 的 max-content 决定（实测 590px）。 */
  width: 100% !important;
  max-width: 840px !important;
  margin: 0 auto !important;
}
.channel-agent .agent-new-hero.agent-hero-centered .hero-eyebrow {
  justify-content: center !important;
  margin-bottom: 22px !important;
}
.channel-agent .agent-new-hero.agent-hero-centered h1 {
  max-width: 840px !important;
  margin-inline: auto !important;
  font-size: clamp(44px, 4.4vw, 62px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}
.channel-agent .agent-new-hero.agent-hero-centered h1 em { margin-top: 6px; }
.channel-agent .agent-new-hero.agent-hero-centered .agent-hero-lead {
  width: auto !important;
  min-width: 0 !important;
  max-width: 660px !important;
  margin: 26px auto 0 !important;
  /* 底图最蓝处为 rgb(209,227,253)，原本的 #667085 在其上只有 3.82:1，不达 WCAG AA。
     #4d596e 在最蓝带 5.43:1、纯白 7.07:1，且本表其它处已在用该色值。 */
  color: #4d596e !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}
.channel-agent .agent-new-hero.agent-hero-centered .hero-actions {
  justify-content: center !important;
  margin-top: 34px !important;
}

/* 首屏底部轻量事实行，替代原来的两栏 proof 点阵 */
.channel-agent .agent-hero-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 28px;
  max-width: 760px;
  margin: 40px auto 0;
  padding: 0;
  list-style: none;
  color: #4d596e;
  font-size: 13px;
  line-height: 1.5;
}
.channel-agent .agent-hero-trust li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.channel-agent .agent-hero-trust li::before {
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  border-radius: 50%;
  background: #3157ff;
  opacity: .75;
  content: '';
}

@media (max-width: 1050px) {
  .channel-agent .agent-new-hero.agent-hero-centered {
    padding-top: 84px !important;
    padding-bottom: 76px !important;
  }
}
@media (max-width: 760px) {
  .channel-agent .agent-new-hero.agent-hero-centered {
    padding: 68px 20px 64px !important;
    background-size: cover !important;
  }
  .channel-agent .agent-new-hero.agent-hero-centered h1 { font-size: 34px !important; }
  .channel-agent .agent-new-hero.agent-hero-centered .agent-hero-lead { font-size: 16px !important; }
  .channel-agent .agent-hero-trust {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 32px;
    text-align: left;
  }
}

/* ============================================================
   #architecture — AI 客服员工架构图（2026-09-17 重做）
   47 给的参考是「服务营销一体化平台」版式：左右两栏是服务 / 增长场景与数据，中间穹顶放核心与底座。
   这里讲的主体是 AI 客服员工，不是平台（47：不是平台，是 AI 客服员工）：中间三个圆是它的三项核心能力
   理解诉求 / 决策执行 / 风险把关（沿用本页原架构的分组），底座是系统集成（数据读写）与知识库（业务理解）。
   文案按 B2B 书面语域：名词化、陈述句，不用「接得住 / 会办事」这类动补口语。
   仍用 HTML 而非出图：文字可检索、模块能点进对应页面、手机上能重排。
   两栏用站内通用数据，不写客户案例（47 要求）：8 秒 / 80%+ / 7×24 / 70%+ / 10× 取自行业方案页统计条，
   CSAT 按 47 给定写 90%；70% 售后挽回、30% 复购提升空间取自 VOC 页。
   ============================================================ */
.channel-agent .agent-architecture {
  padding: clamp(80px, 9vw, 116px) max(24px, calc((100vw - 1180px) / 2));
  background: #fff;
}
.channel-agent .agent-arch-intro { margin-bottom: 52px !important; }
.channel-agent .agent-arch-intro h2 {
  font-size: clamp(40px, 4vw, 56px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.05em !important;
}
.channel-agent .agent-arch-intro > p {
  max-width: 740px;
  margin-inline: auto;
  color: var(--agent-muted);
  font-size: 17px !important;
  line-height: 1.8 !important;
}

/* ---- 总体：场景栏 | 能力胶囊 | 核心 | 能力胶囊 | 场景栏 ---- */
.channel-agent .am-map {
  --am-blue: #3157ff;
  --am-blue-deep: #2449dc;
  --am-ink: #101828;
  --am-text: #344054;
  --am-muted: #5f6b7c;
  --am-line: #e3e9f5;
  position: relative;
  display: grid;
  grid-template-columns: 262px 150px minmax(0, 1fr) 150px 262px;
  grid-template-areas: "service spills core gpills growth";
  align-items: center;
  column-gap: 6px;
  max-width: 1180px;
  margin-inline: auto;
}
.channel-agent .am-map ul { margin: 0; padding: 0; list-style: none; }
.channel-agent .am-map li { margin: 0; }
.channel-agent .am-map p { margin: 0; }

/* 穹顶：一个向下渐隐的大圆，衬在胶囊与核心后面 */
.channel-agent .am-dome {
  grid-column: 2 / 5;
  grid-row: 1;
  align-self: stretch;
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.channel-agent .am-dome::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  aspect-ratio: 1;
  transform: translateX(-50%);
  border: 1px solid #e2e8f6;
  border-radius: 50%;
  background: radial-gradient(closest-side at 50% 46%, #f1f5ff 0%, #f7f9ff 58%, #fdfeff 100%);
  -webkit-mask-image: linear-gradient(180deg, #000 58%, transparent 86%);
          mask-image: linear-gradient(180deg, #000 58%, transparent 86%);
}

/* ---- 左右场景栏 ---- */
.channel-agent .am-scene {
  position: relative;
  z-index: 1;
  padding: 24px 20px 10px;
  border: 1px solid #e1e8f6;
  border-radius: 28px;
  background: linear-gradient(90deg, #eef3ff 0%, #f9fbff 48%, #fff 100%);
  box-shadow: 0 18px 44px rgba(49, 87, 255, .07);
}
.channel-agent .am-scene.is-service { grid-area: service; }
.channel-agent .am-scene.is-growth {
  grid-area: growth;
  background: linear-gradient(270deg, #eef3ff 0%, #f9fbff 48%, #fff 100%);
}
.channel-agent .am-scene h3 {
  margin: 0 0 4px !important;
  color: var(--am-ink) !important;
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.4 !important;
  letter-spacing: -.01em !important;
}
.channel-agent .am-scene.is-growth h3 { text-align: right; }
.channel-agent .am-scene li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px;
  align-items: center;
  column-gap: 10px;
  padding: 14px 0;
}
.channel-agent .am-scene li + li { border-top: 1px dashed #d2dbee; }
.channel-agent .am-scene.is-growth li { grid-template-columns: 88px minmax(0, 1fr); }
.channel-agent .am-txt,
.channel-agent .am-num { display: block; min-width: 0; }
.channel-agent .am-num { text-align: right; }
.channel-agent .am-scene.is-growth .am-num { text-align: left; }
.channel-agent .am-scene li b {
  display: block;
  color: var(--am-ink);
  font-size: var(--t-body) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.45 !important;
}
.channel-agent .am-scene li small {
  display: block;
  margin-top: 3px;
  color: var(--am-muted);
  font-size: var(--t-label) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.5 !important;
}
.channel-agent .am-scene li strong {
  display: block;
  color: var(--am-blue);
  font-size: var(--t-h3) !important;
  font-weight: var(--w-bold) !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
/* 数字下方写指标名 */
.channel-agent .am-num small { margin-top: 5px; white-space: nowrap; }

/* ---- 能力胶囊：沿穹顶内侧排列 ---- */
.channel-agent .am-side {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: start;
  gap: 12px;
}
.channel-agent .am-side.is-service { grid-area: spills; }
.channel-agent .am-side.is-growth { grid-area: gpills; justify-items: end; }
.channel-agent .am-pills { display: grid; gap: 12px; justify-items: inherit; }
.channel-agent .am-pills a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(16, 24, 40, .06), inset 0 0 0 1px #e8edf6;
  color: var(--am-text);
  font-size: var(--t-small) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.4 !important;
  text-decoration: none;
  white-space: nowrap;
  transition: color .18s ease, box-shadow .18s ease;
}
.channel-agent .am-pills a:hover {
  color: var(--am-blue-deep);
  box-shadow: 0 8px 20px rgba(49, 87, 255, .14), inset 0 0 0 1px #c6d3ff;
}
.channel-agent .am-pills a:focus-visible,
.channel-agent .am-ability:focus-visible,
.channel-agent .am-layer-title a:focus-visible { outline: 2px solid var(--am-blue); outline-offset: 2px; }
/* 错位跟着穹顶的弧度走：两端往里收、中间贴边。用 transform 不占布局宽度，列不会被撑出去 */
.channel-agent .am-side { align-self: start; margin-top: 128px; }
.channel-agent .am-side.is-service li:nth-child(1) { transform: translateX(8px); }
.channel-agent .am-side.is-service li:nth-child(2) { transform: translateX(2px); }
.channel-agent .am-side.is-service li:nth-child(4) { transform: translateX(2px); }
.channel-agent .am-side.is-service li:nth-child(5) { transform: translateX(8px); }
.channel-agent .am-side.is-growth li:nth-child(1) { transform: translateX(-8px); }
.channel-agent .am-side.is-growth li:nth-child(2) { transform: translateX(-2px); }
.channel-agent .am-side.is-growth li:nth-child(4) { transform: translateX(-6px); }
.channel-agent .am-stage {
  margin-top: 4px !important;
  padding-inline: 12px;
  color: var(--am-ink) !important;
  font-size: var(--t-small) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.4 !important;
  white-space: nowrap;
}
.channel-agent .am-stage span { margin: 0 8px; color: #b6c0d3; font-weight: var(--w-regular); }

/* ---- 核心：能力胶囊 → 上下文卡 → 两层底座 ---- */
.channel-agent .am-core {
  grid-area: core;
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  justify-items: center;
  padding: 92px 0 40px;
  text-align: center;
}
/* 向上的箭头 + 从胶囊往下展开的光柱 */
.channel-agent .am-core::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 8px;
  left: 50%;
  width: 150px;
  height: 100px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(49, 87, 255, .2), rgba(49, 87, 255, .09));
  clip-path: polygon(50% 0, 100% 58%, 74% 58%, 74% 100%, 26% 100%, 26% 58%, 0 58%);
}
.channel-agent .am-core::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 108px;
  bottom: 24px;
  left: 50%;
  width: 380px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(49, 87, 255, .1), rgba(49, 87, 255, .035) 72%, rgba(49, 87, 255, 0));
  clip-path: polygon(40.8% 0, 59.2% 0, 100% 100%, 0 100%);
}

.channel-agent .am-abilities {
  display: flex;
  gap: 6px;
  padding: 8px;
  border: 2px solid transparent;
  border-radius: 999px;
  background:
    linear-gradient(#f6f8ff, #f6f8ff) padding-box,
    linear-gradient(90deg, #c3d0ff, #3157ff 50%, #a7c8ff) border-box;
  box-shadow: 0 18px 44px rgba(49, 87, 255, .16);
}
.channel-agent .am-ability {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  width: 98px;
  height: 98px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 16px rgba(16, 24, 40, .07), inset 0 0 0 1px #ecf0f8;
  color: var(--am-blue-deep);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
.channel-agent a.am-ability:hover {
  box-shadow: 0 10px 22px rgba(49, 87, 255, .18), inset 0 0 0 1px #c6d3ff;
  transform: translateY(-2px);
}
.channel-agent .am-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: linear-gradient(145deg, #eaf0ff, #d6e0ff);
  color: var(--am-blue);
  font-style: normal;
}
.channel-agent .am-icon svg { width: 21px; height: 21px; }
.channel-agent .am-ability b {
  font-size: var(--t-small) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.channel-agent .am-context {
  position: relative;
  margin-top: 30px;
  padding: 13px 18px 12px;
  border: 1px solid var(--am-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 28px rgba(16, 24, 40, .05);
}
.channel-agent .am-context::before {
  content: '';
  position: absolute;
  top: -23px;
  left: 50%;
  width: 12px;
  height: 17px;
  transform: translateX(-50%);
  background: var(--am-blue);
  opacity: .5;
  clip-path: polygon(50% 0, 100% 46%, 64% 46%, 64% 100%, 36% 100%, 36% 46%, 0 46%);
}
.channel-agent .am-context-main {
  color: var(--am-ink) !important;
  font-size: var(--t-small) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.5 !important;
}
.channel-agent .am-context-sub {
  margin-top: 5px !important;
  color: var(--am-muted) !important;
  font-size: var(--t-label) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.5 !important;
}
.channel-agent .am-context-sub span { margin: 0 8px; color: #c4ccdb; }

.channel-agent .am-layer {
  position: relative;
  margin-top: 26px;
  padding-bottom: 12px;
}
.channel-agent .am-layer-title {
  color: var(--am-ink) !important;
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.35 !important;
}
.channel-agent .am-layer-title a {
  margin-right: 6px;
  color: var(--am-blue);
  font-weight: var(--w-bold);
  text-decoration: none;
}
.channel-agent .am-layer-title a:hover { text-decoration: underline; text-underline-offset: 4px; }
.channel-agent .am-layer-sub {
  margin-top: 4px !important;
  color: var(--am-muted) !important;
  font-size: var(--t-small) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.6 !important;
}
.channel-agent .am-layer-sub span { margin: 0 6px; color: #b6c0d3; }
/* 托底弧线：每层底下一道，越往下越宽 */
.channel-agent .am-layer::after {
  content: '';
  position: absolute;
  right: -40px;
  bottom: -8px;
  left: -40px;
  height: 34px;
  border-bottom: 2px solid rgba(49, 87, 255, .5);
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent);
  pointer-events: none;
}
.channel-agent .am-layer.is-know::after { right: -110px; bottom: -14px; left: -110px; height: 46px; }

/* ---- 平板：核心在上，两栏场景并排 ---- */
@media (max-width: 1239px) {
  .channel-agent .am-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "core core"
      "service growth"
      "spills gpills";
    gap: 20px 20px;
    max-width: 880px;
  }
  .channel-agent .am-dome { grid-area: core; }
  .channel-agent .am-dome::before { width: min(100%, 640px); }
  .channel-agent .am-side,
  .channel-agent .am-side.is-growth { align-self: start; justify-items: start; gap: 10px; }
  .channel-agent .am-pills { display: flex; flex-wrap: wrap; gap: 8px; }
  .channel-agent .am-side { margin-top: 0; }
  .channel-agent .am-side li { transform: none !important; }
  .channel-agent .am-stage { padding-inline: 2px; }
  .channel-agent .am-scene { align-self: stretch; }
}

/* ---- 手机：单列，场景栏数字统一放右侧 ---- */
@media (max-width: 700px) {
  .channel-agent .am-map {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "core" "service" "spills" "growth" "gpills";
    gap: 16px;
  }
  .channel-agent .am-core { padding: 84px 0 36px; }
  .channel-agent .am-ability { width: 92px; height: 92px; }
  .channel-agent .am-core::after { width: 300px; }
  .channel-agent .am-layer::after { right: -16px; left: -16px; }
  .channel-agent .am-layer.is-know::after { right: -36px; left: -36px; }
  .channel-agent .am-scene { padding: 20px 18px 8px; border-radius: 22px; }
  .channel-agent .am-scene.is-growth { background: linear-gradient(90deg, #eef3ff 0%, #f9fbff 48%, #fff 100%); }
  .channel-agent .am-scene.is-growth h3 { text-align: left; }
  .channel-agent .am-scene.is-growth li { grid-template-columns: minmax(0, 1fr) 88px; }
  .channel-agent .am-scene.is-growth .am-num { order: 2; text-align: right; }
  .channel-agent .am-map a { white-space: nowrap; }
}

/* ---- 超窄屏（≤360px）：内容区只有 272px，三个能力圆收到 80px ---- */
@media (max-width: 360px) {
  .channel-agent .am-abilities { gap: 4px; padding: 6px; }
  .channel-agent .am-ability { width: 80px; height: 80px; gap: 5px; }
  .channel-agent .am-icon { width: 30px; height: 30px; border-radius: 10px; }
  .channel-agent .am-icon svg { width: 18px; height: 18px; }
  .channel-agent .am-ability b { font-size: var(--t-label) !important; }
  .channel-agent .am-context { padding: 12px 12px 11px; }
  .channel-agent .am-context-main { font-size: var(--t-label) !important; }
  .channel-agent .am-context-sub span { margin: 0 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .channel-agent .am-pills a,
  .channel-agent .am-ability { transition: none; }
  .channel-agent a.am-ability:hover { transform: none; }
}

/* ============================================================
   2026-09-16 · 版面收口
   1) 去掉通栏分节线：subpage-system.css 给所有子页 section 加了 border-top，
      但首页（body 无 .subpage）一条都没有。这页要和首页一致，靠间距分节。
      特异性 (0,1,2) 胜过源规则的 body.subpage :where(...) 的 (0,1,1)。
   2) #platform 已删（内容被 #architecture 架构图逐条覆盖），
      其样式留在上方不动，属死规则，不影响渲染。
   ============================================================ */
body.channel-agent main > section { border-top: 0; }

/* ============================================================
   分节节奏（2026-09-16）
   通栏分节线已去除，节与节之间只剩间距承担划分。实测本页四个交界分别是
   188 / 182 / 203 / 201px，而首页八个 section 恒定 96+96=192px。
   这里统一到同一个常数，让全站一个节奏；首屏保留更大的上留白。
   改这一个数就能整体调松紧。
   ============================================================ */
body.channel-agent main > section,
body.channel-agent .site-cta {
  padding-block: 96px !important;
}
body.channel-agent .agent-new-hero.agent-hero-centered {
  padding-top: clamp(92px, 11vh, 144px) !important;
  padding-bottom: 96px !important;
}
/* #architecture 原用 clamp 算出 91.26px 的小数，与上面的常数不一致，收回 */
.channel-agent .agent-architecture {
  padding-inline: max(24px, calc((100vw - 1180px) / 2));
}

/* ============================================================
   字体层级标准化（2026-09-16）
   改前实测：本页 17 种字号、26 种「字号+字重」组合、10 种字重
   （400/500/520/600/640/650/680/700/750/760——640 和 650 没人分得出来）。
   下面把它收成 8 档字号、3 档字重。H2 的 48/600 取自首页——那是全站
   唯一稳定的一档（首页 10 处 h2 全是这个值）。
   mockup 内部（.mock-message / .journey-rail / .promotion-scene）的
   微标签按 47 之前的决定保留原样，不套用 12px 下限。
   ============================================================ */
body.channel-agent {
  /* 强调蓝统一到 #3157ff。
     站内并存四个「品牌蓝」：#3157ff 371 处（实际主力，但不走变量）、
     #4466fa 40 处（被命名为 --shulex-brand-blue）、#4f6fff 17 处、
     #315dff 20 处（design-tokens 的 --shx-color-blue）。
     首屏的主按钮与 H1 强调行都取自 --subpage-accent → --shulex-brand-blue = #4466fa，
     白字压上去只有 4.20:1，**不达正文 AA 的 4.5**（按钮文字 15px/600 不算大字）。
     这里只在本页把变量指到 #3157ff：白字 5.33:1，强调行在首屏底上 4.17:1。
     不改全站变量是因为那是 40 处的品牌色决定，等 47 拍板。 */
  --shulex-brand-blue: #3157ff;
  --subpage-accent: #3157ff;

  --t-display: 56px;  --t-h2: 48px;  --t-h3: 28px;  --t-h4: 20px;
  --t-lead: 18px;     --t-body: 15px; --t-small: 13px; --t-label: 12px;
  --w-regular: 400;   --w-medium: 600; --w-bold: 700;
}

/* --- Display：首屏 H1 --- */
body.channel-agent .agent-new-hero.agent-hero-centered h1 {
  font-size: var(--t-display) !important;
  font-weight: var(--w-bold) !important;
  line-height: 1.12 !important;
  letter-spacing: -.04em !important;
}

/* --- H2：章节标题 --- */
body.channel-agent .model > header h2,
body.channel-agent .industry-intro h2,
body.channel-agent .agent-arch-intro h2,
body.channel-agent .contact-echo-copy h2,
body.channel-agent .site-cta-copy h2 {
  font-size: var(--t-h2) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
}

/* --- H3：场景大卡标题 --- */
body.channel-agent .model-grid article h3,
body.channel-agent .promotion-scene-copy h3 {
  font-size: var(--t-h3) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.32 !important;
  letter-spacing: -.02em !important;
}

/* --- H4：行业侧栏标题 --- */
body.channel-agent .industry-proof h3 {
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.4 !important;
  letter-spacing: -.01em !important;
}

/* --- Lead：章节导语 --- */
body.channel-agent .agent-new-hero.agent-hero-centered .agent-hero-lead,
body.channel-agent .model > header > p,
body.channel-agent .industry-intro > p,
body.channel-agent .agent-arch-intro > p,
body.channel-agent .site-cta-copy p {
  font-size: var(--t-lead) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.75 !important;
}

/* --- Body：正文与卡片描述 --- */
body.channel-agent .model-grid article p,
body.channel-agent .promotion-scene-copy p,
body.channel-agent .promotion-scene-copy li {
  font-size: var(--t-body) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.7 !important;
}

/* --- Small：辅助说明与清单 --- */
body.channel-agent .industry-proof li,
body.channel-agent .industry-tabs button,
body.channel-agent .agent-hero-trust li,
body.channel-agent .model-grid article li,
body.channel-agent .industry-solution-link,
body.channel-agent #industry-solution-link {
  font-size: var(--t-small) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.6 !important;
}

/* --- Label：眉题、编号、分组标签（全大写/加字距的那一类）--- */
body.channel-agent .agent-hero-centered .hero-eyebrow,
body.channel-agent .model-grid article > div > small,
body.channel-agent .industry-tabs button small {
  font-size: var(--t-label) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.4 !important;
}

/* --- 12px 下限 ---
   不用 max(12px, 1em)：1em 取的是父元素字号，会把本该 12px 的元素顶到父元素的
   大小（实测把一批 10/11px 的标签顶成了 16px）。改为逐个指定。
   mockup 内部（.mock-message / .journey-rail / .promotion-scene）按既定决定不动。 */
body.channel-agent .model-grid article small,
body.channel-agent .industry-tabs button small {
  font-size: var(--t-label) !important;
  font-weight: var(--w-medium) !important;
}
body.channel-agent .model-grid article li {
  font-size: var(--t-label) !important;
  font-weight: var(--w-regular) !important;
}
/* 通往行业方案页的唯一入口，原来只有 11px */
body.channel-agent #industry-solution-link {
  font-size: var(--t-small) !important;
  font-weight: var(--w-medium) !important;
}

/* --- 字重收口：把 520/650/680/750 这些分辨不出的中间值归位 --- */
body.channel-agent .agent-new-hero.agent-hero-centered .hero-actions > a,
body.channel-agent .agent-new-hero.agent-hero-centered .hero-actions > a > span {
  font-weight: var(--w-medium) !important;
}
body.channel-agent .promotion-scene-copy small,
body.channel-agent .promotion-scene-copy li,
body.channel-agent .promotion-scene-copy b {
  font-size: var(--t-small) !important;
  font-weight: var(--w-regular) !important;
}
body.channel-agent .promotion-scene-copy small { font-size: var(--t-label) !important; font-weight: var(--w-medium) !important; }

/* 大促段的编号点阵 <span><b>01</b><i>高峰弹性扩容</i></span>
   在 .promotion-scene-points 里，不在 -copy 里，前面漏掉了。这是真内容不是 mockup。 */
body.channel-agent .promotion-scene-points b {
  font-size: var(--t-label) !important;
  font-weight: var(--w-medium) !important;
}
body.channel-agent .promotion-scene-points i {
  font-size: var(--t-small) !important;
  font-weight: var(--w-regular) !important;
}

/* 大促卡文案栏：原 width:58% 是按网格列（618px）算的，不是按整卡（1180px），
   内容区只剩 243px —— 28px 的标题一行放不下 9 个字，「涌入」被拆行、逗号跑到行首。
   卡片左侧白底实际可用到 x≈566（右侧配图从 52% 起），这里放宽到 600px，
   内容区 484px，标题可整行排下。
   注：.promotion-scene-points 是 display:none 的备用结构，可见的要点列表在 -copy ul 里。 */
body.channel-agent .promotion-scene-copy {
  width: 100% !important;
  max-width: 600px !important;
}
body.channel-agent .promotion-scene-copy h3 { text-wrap: balance; }

/* 阶梯的响应式降级。
   上面那套是固定值 + !important，会压掉原有的移动端字号规则（实测 375px 下
   H1 仍是 56px）。因为所有规则都走 var()，这里只需重定义变量即可整体降级。 */
@media (max-width: 1050px) {
  body.channel-agent {
    --t-display: 44px; --t-h2: 38px; --t-h3: 26px; --t-h4: 19px; --t-lead: 17px;
  }
}
@media (max-width: 760px) {
  body.channel-agent {
    --t-display: 34px; --t-h2: 30px; --t-h3: 22px; --t-h4: 18px;
    --t-lead: 16px;   --t-body: 15px; --t-small: 13px; --t-label: 12px;
  }
}

/* 首屏底边线已移除（2026-09-16）。
   加线是在首屏只占视口 59% 时的补救；改成首屏占满一屏后，折线本身就完成了
   分隔，线反而多余。全页现在零通栏横线，和首页一致。 */

/* 首屏高度：标准高度，不占满视口（2026-09-16 调整）
   曾经改成 min-height: calc(100svh - 96px) 让首屏独占一屏来解决「和下面分不开」，
   但那是在还没有浅色面的时候。现在首屏坐在带圆角的 #f5f7fb 面上，边界由面本身给出，
   不需要再靠占满一屏来分隔——占满反而显得过大。这里回到由内边距决定的自然高度。 */

/* ============================================================
   首屏改为「浅色面」（2026-09-16）
   之前首屏底是渐变淡出到白，所以没有边界，只能靠画线补。
   改成坐在一个有明确边界的浅色面上，底部收圆角，白底正文从下面开始——
   边界由「面」本身给出，不需要线。
   面色用站内既有的 --agent-soft #f5f7fb；上层仍保留那层径向辉光做纵深。
   ============================================================ */
body.channel-agent .agent-new-hero.agent-hero-centered {
  /* 面色已并入上面的方案 C 渐变块（#f1f5fd），这里只负责圆角收口 */
  border-bottom-left-radius: 32px !important;
  border-bottom-right-radius: 32px !important;
}
@media (max-width: 760px) {
  body.channel-agent .agent-new-hero.agent-hero-centered {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
  }
}

/* ============================================================
   行业舞台里的对话卡：缩小，别盖住照片（2026-09-16）
   原来设了 inset: 128px 24px 24px 168px —— 绝对定位元素同时给 top 和 bottom
   会被拉伸撑满，所以内容只有 ~252px 却撑到 406px，占掉舞台 50% 的面积。
   这里解开纵向拉伸（top:auto）让它按内容高度收缩，并收窄到 360px。
   ============================================================ */
body.channel-agent .industry-stage .mock-message {
  top: auto !important;
  left: auto !important;
  right: 20px !important;
  bottom: 20px !important;
  width: min(360px, calc(100% - 40px)) !important;
  padding: 18px !important;
}
body.channel-agent .industry-stage .mock-message > p {
  margin: 12px 0 14px !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}
body.channel-agent .industry-stage .ai-processing {
  padding-top: 12px !important;
  margin-bottom: 0 !important;
}
@media (max-width: 760px) {
  body.channel-agent .industry-stage .mock-message {
    right: 14px !important;
    bottom: 14px !important;
    width: calc(100% - 28px) !important;
    padding: 16px !important;
  }
  body.channel-agent .industry-stage .mock-message > p { font-size: 15px !important; }
}

/* ============================================================
   新增三节（2026-09-16）：#walkthrough / #boundary / #delivery
   全部复用既定的字号阶梯变量，不引入新字号。
   ============================================================ */
body.channel-agent :is(.agent-walkthrough, .agent-boundary, .agent-delivery) {
  padding-inline: max(24px, calc((100vw - 1180px) / 2));
  background: #fff;
}
body.channel-agent :is(.agent-walkthrough, .agent-boundary, .agent-delivery) > .section-intro {
  margin-bottom: 56px !important;
}
body.channel-agent :is(.agent-walkthrough, .agent-boundary, .agent-delivery) > .section-intro h2 {
  font-size: var(--t-h2) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
}
body.channel-agent :is(.agent-walkthrough, .agent-boundary, .agent-delivery) > .section-intro > p {
  max-width: 740px;
  margin-inline: auto;
  color: var(--agent-muted);
  font-size: var(--t-lead) !important;
  line-height: 1.75 !important;
}

/* ---- #walkthrough：左侧四步 + 右侧工作台 ---- */
body.channel-agent .wt-layout {
  display: grid;
  grid-template-columns: minmax(0, 380px) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
  max-width: 1180px;
  margin-inline: auto;
}
body.channel-agent .wt-steps { margin: 0; padding: 0; list-style: none; }
body.channel-agent .wt-steps li {
  position: relative;
  display: flex;
  gap: 16px;
  padding: 0 0 26px;
}
/* 步骤之间的竖线，最后一条不画 */
body.channel-agent .wt-steps li:not(:last-child)::before {
  position: absolute;
  top: 34px;
  bottom: 4px;
  left: 13px;
  width: 1px;
  background: var(--agent-line);
  content: '';
}
body.channel-agent .wt-n {
  position: relative;
  z-index: 1;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #3157ff;
  font-size: var(--t-label);
  font-weight: var(--w-medium);
}
body.channel-agent .wt-steps b {
  display: block;
  margin-bottom: 6px;
  color: var(--agent-ink);
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.4 !important;
}
body.channel-agent .wt-steps p {
  margin: 0;
  color: #4d596e;
  font-size: var(--t-body) !important;
  line-height: 1.75 !important;
}
body.channel-agent .agent-walkthrough .agent-hero-console { padding: 0; }

/* ---- #boundary：能做 / 转人工 两栏 ---- */
body.channel-agent .bd-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 1180px;
  margin-inline: auto;
}
body.channel-agent .bd-grid article {
  padding: 28px;
  border: 1px solid var(--agent-line);
  border-radius: 18px;
  background: #fff;
}
body.channel-agent .bd-grid .bd-auto { border-color: #c9d5ff; background: linear-gradient(180deg, #f6f8ff, #fdfdff); }
body.channel-agent .bd-grid article > header { margin-bottom: 18px; }
body.channel-agent .bd-tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 11px;
  border-radius: 99px;
  color: #3157ff;
  background: rgba(49, 87, 255, .08);
  font-size: var(--t-label);
  font-weight: var(--w-medium);
}
body.channel-agent .bd-human .bd-tag { color: #8a5a12; background: rgba(183, 121, 31, .10); }
body.channel-agent .bd-grid article > header b {
  display: block;
  color: var(--agent-ink);
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.4 !important;
}
body.channel-agent .bd-grid ul { margin: 0; padding: 0; list-style: none; }
body.channel-agent .bd-grid li {
  position: relative;
  padding: 11px 0 11px 24px;
  border-top: 1px solid var(--agent-line);
  color: #4d596e;
  font-size: var(--t-body) !important;
  line-height: 1.65 !important;
}
body.channel-agent .bd-grid li::before {
  position: absolute;
  top: 18px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3157ff;
  content: '';
}
body.channel-agent .bd-human li::before { background: #b7791f; }
body.channel-agent .bd-note {
  max-width: 1180px;
  margin: 20px auto 0;
  padding: 18px 22px;
  border: 1px solid var(--agent-line);
  border-radius: 14px;
  background: var(--agent-soft);
  color: #4d596e;
  font-size: var(--t-body) !important;
  line-height: 1.75 !important;
}
body.channel-agent .bd-note b { color: var(--agent-ink); font-weight: var(--w-medium); }

/* ---- #delivery：上线路径 / 数据合规 ---- */
body.channel-agent .dv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 1180px;
  margin-inline: auto;
}
body.channel-agent .dv-grid > article {
  display: flex;
  flex-direction: column;
  padding: 28px;
  border: 1px solid var(--agent-line);
  border-radius: 18px;
  background: #fff;
}
body.channel-agent .dv-grid h3 {
  margin: 0 0 18px;
  color: var(--agent-ink);
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.4 !important;
}
body.channel-agent :is(.dv-steps, .dv-list) { margin: 0; padding: 0; list-style: none; }
body.channel-agent :is(.dv-steps, .dv-list) > li {
  padding: 13px 0;
  border-top: 1px solid var(--agent-line);
}
body.channel-agent .dv-steps { counter-reset: dv; }
body.channel-agent .dv-steps > li { position: relative; padding-left: 30px; counter-increment: dv; }
body.channel-agent .dv-steps > li::before {
  position: absolute;
  top: 14px;
  left: 0;
  color: #3157ff;
  font-size: var(--t-label);
  font-weight: var(--w-medium);
  content: '0' counter(dv);
}
body.channel-agent :is(.dv-steps, .dv-list) b {
  display: block;
  margin-bottom: 4px;
  color: var(--agent-ink);
  font-size: var(--t-body) !important;
  font-weight: var(--w-medium) !important;
}
body.channel-agent :is(.dv-steps, .dv-list) span {
  display: block;
  color: #4d596e;
  font-size: var(--t-small) !important;
  line-height: 1.7 !important;
}
body.channel-agent .dv-link {
  margin-top: auto;
  padding-top: 20px;
  color: #3157ff;
  font-size: var(--t-small) !important;
  font-weight: var(--w-medium) !important;
  text-decoration: none;
}
body.channel-agent .dv-link:hover { text-decoration: underline; }

@media (max-width: 1050px) {
  body.channel-agent .wt-layout { grid-template-columns: 1fr; gap: 34px; }
}
@media (max-width: 760px) {
  body.channel-agent :is(.agent-walkthrough, .agent-boundary, .agent-delivery) { padding-inline: 16px; }
  body.channel-agent :is(.bd-grid, .dv-grid) { grid-template-columns: 1fr; }
  body.channel-agent :is(.bd-grid article, .dv-grid > article) { padding: 22px 18px; }
  body.channel-agent .agent-walkthrough .agent-hero-console { overflow-x: auto; }
  body.channel-agent .agent-walkthrough .agent-hero-workbench { min-width: 660px; }
}

/* #delivery 落在 div.closing-section 里（与 CTA 同级），拿不到 main > section 的节奏规则，单独补 */
body.channel-agent .agent-delivery { padding-block: 96px !important; }

/* 工作台底部的「理解客户问题 → 调用业务数据 → 执行服务任务」徽条：
   它和左侧新写的四步说的是同一件事，属重复；而且是 position:absolute bottom:0，
   在 console 内边距清零后会压住工作台本身。这里隐藏。
   顺带消掉它带来的 10px —— 那是正文区唯一低于 12px 下限的一处。 */
body.channel-agent .agent-walkthrough .agent-hero-badges { display: none !important; }

/* 页尾 CTA 主按钮原为 16px/400，在阶梯外；对齐首屏主按钮的 15/600 */
body.channel-agent .site-cta-button,
body.channel-agent .site-cta-button > span {
  font-size: var(--t-body) !important;
  font-weight: var(--w-medium) !important;
}

/* ============================================================
   应用场景 + 常见问题（2026-09-18，47：和其他产品也一样 + 应用场景 + faq）
   与 Live Chat / Email / AI 语音客服 / APP / Help Center / 智能服务台六页的同名板块是同一套组件，
   类名沿用 voice-use-* / voice-faq-* / lc-inline-cta。那六页的样式挂在 body.channel-voice 与
   .desk-page.lc-page 下，本页不能直接引用，这里按六页实测的最终效果复刻：布局、配色、边框、断点
   （4→2 列 ≤1100，FAQ 单列 ≤980，CTA 竖排 ≤900，1 列 ≤700）、卡片悬停与展开符号。
   字号字重、节间距（96px）与左右留白（24px）按本页标准，和本页其他板块一致。
   不照搬的一处：那六页的卡片带 justify-content: flex-end，2 列时（701–1100px）内容偏右，这里保持居中。
   ============================================================ */
body.channel-agent .voice-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
body.channel-agent .voice-use-section { position: relative; overflow: hidden; background: #fff; }
body.channel-agent .voice-section-soft { position: relative; background: #fff; }
body.channel-agent .voice-heading h2 {
  margin: 0;
  color: #101828;
  font-size: var(--t-h2) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.15 !important;
  letter-spacing: -.035em !important;
}

/* ---- 应用场景 ---- */
body.channel-agent .voice-use-heading { margin-bottom: 54px; text-align: center; }
body.channel-agent .voice-use-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
body.channel-agent .voice-use-card {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 264px;
  padding: 38px 28px;
  border: 1px solid #e3e9f5;
  border-radius: 12px;
  background: #f7f9fe;
  transition: transform .28s, box-shadow .28s;
}
body.channel-agent .voice-use-card:hover {
  border-color: #c9d6f7;
  background: #fff;
  box-shadow: 0 14px 30px rgba(28, 45, 78, .08);
}
body.channel-agent .voice-use-card > header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
body.channel-agent .voice-use-icon {
  position: relative;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 58px;
  height: 58px;
  margin-bottom: 25px;
  border: 1px solid #dbe4ff;
  border-radius: 18px;
  background: #f5f7ff;
}
body.channel-agent .voice-use-icon img {
  display: block;
  width: 28px;
  height: 28px;
  filter: brightness(0) saturate(1) invert(.18) sepia(.1) saturate(10.99) hue-rotate(182deg) brightness(.91) contrast(.91);
}
body.channel-agent .voice-use-icon::after {
  content: '';
  position: absolute;
  top: 36px;
  left: 36px;
  width: 9px;
  height: 9px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #3b82f6;
}
body.channel-agent .voice-use-card h3 {
  min-height: 29px;
  margin: 0;
  color: #202633;
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.35 !important;
  letter-spacing: -.025em !important;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.channel-agent .voice-use-card > header > div { min-width: 0; max-width: 100%; }
body.channel-agent .voice-use-card p {
  max-width: 260px;
  min-height: 46px;
  margin: 14px auto 0;
  color: #5f6b7c;
  font-size: var(--t-small) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.75 !important;
  text-align: center;
}

/* 场景卡下方的留资条 */
body.channel-agent .lc-inline-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 44px;
  padding: 30px 36px;
  border: 1px solid #dbe4fb;
  border-radius: 20px;
  background: linear-gradient(135deg, #eef3ff, #f6f8fe);
}
body.channel-agent .lc-inline-cta h3 {
  margin: 0 0 8px;
  color: #111827;
  font-size: var(--t-h4) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.6 !important;
  letter-spacing: -.02em !important;
}
body.channel-agent .lc-inline-cta p {
  margin: 0;
  color: #667085;
  font-size: var(--t-small) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.6 !important;
}
body.channel-agent .lc-inline-cta p.more {
  margin: 0 0 8px;
  color: #1f2937;
  font-size: var(--t-body) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.7 !important;
}
body.channel-agent .lc-inline-cta .actions { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 12px; }
body.channel-agent .lc-inline-cta .actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid #d0d7e4;
  border-radius: 10px;
  background: #fff;
  color: #111827;
  font-size: var(--t-body) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.6 !important;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s;
}
body.channel-agent .lc-inline-cta .actions a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(16, 24, 40, .12); }
body.channel-agent .lc-inline-cta .actions a.primary { border-color: #3157ff; border-radius: 6px; background: #3157ff; color: #fff; box-shadow: 0 10px 22px rgba(49, 87, 255, .22); }
body.channel-agent .lc-inline-cta .actions a.primary:hover { background: #244bc3; }

/* ---- 常见问题 ---- */
body.channel-agent .voice-faq-grid {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
  gap: 82px;
  align-items: start;
}
body.channel-agent .voice-faq-grid .voice-heading { position: sticky; top: 110px; max-width: 720px; margin: 0; }
body.channel-agent .voice-faq-grid .voice-heading h2 span {
  display: block;
  margin-bottom: 6px;
  color: #667085;
  font-size: var(--t-body) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.15;
  letter-spacing: 0;
}
body.channel-agent .voice-faq-grid .voice-heading h2 strong { display: block; color: #101828; font-weight: var(--w-medium); }
body.channel-agent .voice-faq-list { border-top: 1px solid #dfe6f3; }
body.channel-agent .voice-faq-list details { border-bottom: 1px solid #dfe6f3; }
body.channel-agent .voice-faq-list summary {
  position: relative;
  padding: 25px 42px 25px 0;
  color: #111827;
  font-size: var(--t-lead) !important;
  font-weight: var(--w-medium) !important;
  line-height: 1.6 !important;
  list-style: none;
  cursor: pointer;
}
body.channel-agent .voice-faq-list summary::-webkit-details-marker { display: none; }
body.channel-agent .voice-faq-list summary::after {
  content: '+';
  position: absolute;
  top: 22px;
  right: 4px;
  color: #3157ff;
  font-size: 22px;
  font-weight: var(--w-medium);
  line-height: 1.6;
}
body.channel-agent .voice-faq-list details[open] summary::after { content: '−'; }
body.channel-agent .voice-faq-list p {
  margin: -5px 42px 24px 0;
  color: #636b78;
  font-size: var(--t-body) !important;
  font-weight: var(--w-regular) !important;
  line-height: 1.8 !important;
}

@media (max-width: 1100px) {
  body.channel-agent .voice-use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  body.channel-agent .voice-use-heading { margin-bottom: 64px; }
  body.channel-agent .voice-use-card { min-height: 292px; padding: 44px 30px; }
  body.channel-agent .voice-faq-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  body.channel-agent .voice-faq-grid .voice-heading { position: static; }
}
@media (max-width: 900px) {
  body.channel-agent .lc-inline-cta { flex-direction: column; align-items: stretch; margin-top: 28px; padding: 24px 20px; }
  body.channel-agent .lc-inline-cta .actions a { width: 100%; }
}
@media (max-width: 700px) {
  body.channel-agent .voice-use-heading { margin-bottom: 40px; }
  body.channel-agent .voice-use-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  body.channel-agent .voice-use-card { min-height: 228px; padding: 36px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  body.channel-agent .voice-use-card,
  body.channel-agent .lc-inline-cta .actions a { transition: none; }
  body.channel-agent .lc-inline-cta .actions a:hover { transform: none; }
}