@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #302c55;
  --muted: #706a88;
  --purple: #5c4bce;
  --purple-soft: #f2edff;
  --mint: #e4f5ee;
  --green: #2d8068;
  --coral: #c46546;
  --peach: #fff4ed;
  --line: #e9e5f0;
  --paper: #fffdfa
}

* {
  box-sizing: border-box
}

html {
  scroll-behavior: smooth
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65
}

.shell {
  width: min(1120px, calc(100% - 40px));
  margin-inline: auto
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid rgba(232, 228, 242, .92);
  background: rgba(255, 253, 250, .94);
  backdrop-filter: blur(14px)
}

.header-inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 18px
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #312d53;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .09em;
  white-space: nowrap
}

.brand strong {
  font-weight: 700;
  color: #746c99;
  letter-spacing: 0
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--purple);
  color: #fff;
  letter-spacing: 0;
  box-shadow: 0 6px 16px rgba(92, 75, 206, .26)
}

.desktop-nav {
  display: flex;
  justify-content: center;
  flex: 1;
  gap: 4px
}

.desktop-nav a,
.text-link {
  padding: 8px 12px;
  border-radius: 999px;
  color: #605b7d;
  text-decoration: none;
  font-size: 14px;
  transition: .16s
}

.desktop-nav a:hover,
.text-link:hover {
  background: #f1edff;
  color: #403477
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 5px
}

.portal-account-entry {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  gap: 8px;
  padding: 0 10px 0 5px;
  border: 1px solid #ddd7ef;
  border-radius: 999px;
  color: #4f4775;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .16s, border-color .16s
}

.portal-account-entry:hover {
  border-color: #c9beed;
  background: #faf8ff
}

.portal-account-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  background: #e8e2ff
}

.portal-account-initial {
  display: inline-grid;
  place-items: center;
  color: #5949be;
  font-size: 13px
}

.portal-account-arrow {
  color: #8a82a8;
  font-size: 13px
}

.portal-callback-page {
  display: grid;
  min-height: 100dvh;
  place-items: center;
  padding: 24px
}

.portal-callback {
  width: min(100%, 420px);
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(67, 55, 113, .1)
}

.portal-callback h1 {
  margin: 8px 0;
  font-size: 27px;
  letter-spacing: -.03em
}

.portal-callback p:not(.eyebrow) {
  margin: 0 0 18px;
  color: var(--muted)
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid var(--purple);
  border-radius: 999px;
  background: var(--purple);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(92, 75, 206, .22);
  transition: transform .16s, background .16s
}

.button:hover {
  background: #4939b7;
  transform: translateY(-1px)
}

.button-small {
  min-height: 40px;
  padding: 0 16px
}

.button-secondary {
  background: #fff;
  color: #4f4775;
  border-color: #d4ccef;
  box-shadow: none
}

.button-secondary:hover {
  background: #faf8ff
}

.button-green {
  background: var(--green);
  border-color: var(--green);
  box-shadow: 0 10px 22px rgba(45, 128, 104, .2)
}

.button-green:hover {
  background: #216a55
}

.mobile-menu {
  display: none;
  margin-left: auto
}

.mobile-menu summary {
  cursor: pointer;
  list-style: none;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 14px
}

.mobile-menu>div {
  position: absolute;
  right: 20px;
  top: 60px;
  display: grid;
  width: 220px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: white;
  box-shadow: 0 18px 50px rgba(67, 55, 113, .14)
}

.mobile-menu a {
  padding: 10px;
  color: var(--ink);
  text-decoration: none;
  font-size: 14px
}

.hero,
.page-hero,
.trial-hero {
  overflow: hidden;
  padding: 90px 0 80px
}

.hero {
  background: radial-gradient(circle at 8% 34%, #ffcfbd9c 0 1%, transparent 25%), radial-gradient(circle at 90% 12%, #c8f2e2a8 0 3%, transparent 30%), #f2edff
}

.hero-grid,
.ai-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .93fr);
  gap: 70px;
  align-items: center
}

/* 首页流程图优先呈现，避免关键信息缩成难以阅读的小字。 */
.hero .hero-grid {
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: 42px
}

.hero-copy h1,
.page-hero h1,
.trial-hero h1 {
  margin: 16px 0 0;
  font-size: clamp(42px, 5vw, 64px);
  letter-spacing: -.045em;
  line-height: 1.18
}

.eyebrow {
  margin: 0;
  color: #6d61b1;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em
}

.eyebrow-green {
  color: #28715c
}

.eyebrow-coral {
  color: var(--coral)
}

.eyebrow-purple {
  color: #6d61b1
}

.lead {
  margin: 22px 0 0;
  max-width: 650px;
  color: #625d7f;
  font-size: 18px;
  line-height: 1.8
}

.lead.small {
  font-size: 16px
}

/* Centered marketing heroes need the constrained lead block itself centered. */
.page-hero .center > .lead {
  margin-left: auto;
  margin-right: auto
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px
}

.microcopy {
  margin: 17px 0 0;
  color: #7e779b;
  font-size: 14px
}

.hero-image,
.page-illustration {
  margin: 0
}

.hero-image img,
.page-illustration img,
.ai-grid figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(78, 65, 135, .14)
}

.page-hero-ai .hero-image {
  width: 100%;
  max-width: 680px;
  justify-self: end
}

.page-hero-ai .hero-grid {
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  gap: 26px
}

figcaption {
  margin-top: 12px;
  text-align: center;
  color: #7e779b;
  font-size: 13px
}

.section {
  padding: 88px 0
}

.section-heading {
  max-width: 720px;
  margin: 0 auto
}

.section-heading h2,
.section h2,
.contact-card h2 {
  margin: 8px 0 0;
  font-size: clamp(30px, 3.5vw, 44px);
  line-height: 1.25;
  letter-spacing: -.035em
}

.section-heading p:last-child,
.final-cta p {
  color: var(--muted);
  font-size: 16px
}

.center {
  text-align: center
}

.card-grid {
  display: grid;
  gap: 18px;
  margin-top: 44px
}

.four-up {
  grid-template-columns: repeat(4, 1fr)
}

.three-up {
  grid-template-columns: repeat(3, 1fr)
}

.feature-card,
.capability-card {
  min-width: 0;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(91, 75, 150, .055)
}

.feature-card h3,
.capability-card h3 {
  margin: 20px 0 0;
  font-size: 19px;
  line-height: 1.35
}

.feature-card p,
.capability-card p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8
}

.feature-card a {
  display: inline-block;
  margin-top: 13px;
  color: var(--purple);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700
}

.four-up .feature-card { display: flex; flex-direction: column }
.four-up .feature-card > a { margin-top: auto; padding-top: 18px }

.feature-card-ai {
  border-color: #f2c9b5;
  background: #fffaf7
}

.store-safety-section {
  padding-top: 72px;
  padding-bottom: 72px;
  background: #f6fbf8
}

.store-safety-callout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: 56px;
  align-items: center;
  padding: 48px 52px;
  border: 1px solid #cce8db;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(45, 128, 104, .08)
}

.store-safety-copy h2 {
  margin: 8px 0 0;
  font-size: clamp(30px, 3.5vw, 44px);
  line-height: 1.25;
  letter-spacing: -.035em
}

.store-safety-copy .lead { margin-bottom: 0 }
.store-safety-principles { display: grid; gap: 0; border-top: 1px solid #dceee7 }
.store-safety-principles p { display: grid; gap: 5px; margin: 0; padding: 18px 0; border-bottom: 1px solid #dceee7 }
.store-safety-principles strong { color: #28715c; font-size: 16px }
.store-safety-principles span { color: var(--muted); font-size: 14px; line-height: 1.75 }
.store-safety-principles .store-safety-note { margin-top: 18px; padding: 15px 16px; border: 0; border-radius: 12px; background: #edf8f1; color: #46685b; font-size: 13px; line-height: 1.7 }

.icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  font-size: 17px;
  font-weight: 800
}

.mint {
  background: #e4f5ee;
  color: #28715c
}

.purple {
  background: #eee9ff;
  color: #5c4bce
}

.coral {
  background: #ffe9dc;
  color: #b55b34
}

.amber {
  background: #fff3c8;
  color: #906700
}

.workflow-section,
.soft-section {
  background: var(--peach)
}

.production-board-section { background: #fff8f4 }
.production-board { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); gap: 64px; align-items: center; padding: 52px; border: 1px solid #f0d7ca; border-radius: 28px; background: #fff }
.production-board h2 { margin: 8px 0 0; font-size: clamp(30px,3.5vw,44px); line-height: 1.25; letter-spacing: -.035em }
.production-actions { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none }
.production-actions li { display: grid; gap: 6px; padding: 20px; border-radius: 16px; background: #fff8f4; border: 1px solid #f0d7ca }
.production-actions strong { color: #a85d3d; font-size: 16px }
.production-actions span { color: var(--muted); font-size: 14px; line-height: 1.7 }
.pricing-section { background: #fbfaff }
.pricing-tiers { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 42px }
.price-tier { display: flex; flex-direction: column; min-height: 272px; padding: 27px 24px; border: 1px solid #e2dafa; border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(92,75,206,.06) }
.price-tier .price-range { margin: 0; color: #5949be; font-size: 14px; font-weight: 700 }
.price-tier h3 { margin: 18px 0 0; font-size: 20px }
.price-tier .price { margin: 22px 0 12px; color: #302679 }
.price-tier .price strong { font-size: 38px; letter-spacing: -.05em }
.price-tier .price span { margin-left: 4px; font-size: 15px; font-weight: 700 }
.price-tier > p:last-child { margin: auto 0 0; color: var(--muted); font-size: 14px; line-height: 1.7 }
.price-tier-featured { border-color: #5949be; background: #5949be; color: #fff }
.price-tier-featured .price-range,.price-tier-featured .price { color: #fff }
.price-tier-featured > p:last-child { color: #ece9ff }
.ai-price-callout { display: flex; justify-content: space-between; gap: 36px; align-items: center; margin-top: 20px; padding: 36px 40px; border: 1px solid #cce8db; border-radius: 22px; background: #eff9f3 }
.ai-price-callout h2 { margin: 7px 0 0; color: #28715c; font-size: 36px; letter-spacing: -.04em }
.ai-price-callout p:last-child { max-width: 660px; margin: 10px 0 0; color: #55766a; line-height: 1.7 }

.logistics-section { background: #f8f6ff }
.logistics-callout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr); gap: 56px; align-items: center; padding: 48px 52px; border: 1px solid #e2dafa; border-radius: 26px; background: #fff; box-shadow: 0 14px 36px rgba(92,75,206,.07) }
.logistics-callout h2 { margin: 8px 0 0; font-size: clamp(30px,3.5vw,44px); line-height: 1.25; letter-spacing: -.035em }
.logistics-callout .lead { margin-bottom: 0 }
.logistics-cycle { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; list-style: none }
.logistics-cycle li { display: grid; gap: 5px; min-height: 94px; align-content: center; padding: 18px; border: 1px solid #e4def7; border-radius: 16px; background: #faf9ff }
.logistics-cycle strong { color: #5949be; font-size: 16px }
.logistics-cycle span { color: var(--muted); font-size: 13px }


.split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 80px
}

.workflow-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none
}

.workflow-list li {
  display: flex;
  gap: 16px;
  padding: 21px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(177, 105, 79, .08)
}

.workflow-list span,
.step-grid span,
.process-strip span {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #ffe3d5;
  color: #bd6245;
  font-size: 14px;
  font-weight: 800
}

.workflow-list h3 {
  margin: 0;
  font-size: 16px
}

.workflow-list p {
  margin: 7px 0 0;
  color: #806c71;
  font-size: 13px;
  line-height: 1.65
}

.inline-link {
  color: var(--purple);
  font-weight: 700;
  text-decoration: none
}

.ai-feature {
  background: #fafffd
}

.ai-grid {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr)
}

.ai-grid figure {
  margin: 0
}

.ai-grid img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px
}

.final-cta {
  background: #f2edff
}

.center-actions {
  justify-content: center
}

.page-hero {
  padding: 98px 0 82px
}

.page-hero-mint {
  background: #e9f8f1
}

.page-hero-lilac {
  background: #f2edff
}

.page-hero-peach {
  background: #fff3eb
}

.page-hero-ai {
  background: radial-gradient(circle at 85% 18%, #c9f1e2 0 4%, transparent 32%), #e8f7f1
}

.hero-split {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr)
}

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

.check-list li {
  display: flex;
  gap: 13px;
  margin: 15px 0;
  padding: 15px 17px;
  border-radius: 14px;
  background: #fff;
  color: #4c5960;
  font-size: 15px
}

.check-list span {
  color: #2d8068;
  font-weight: 800
}

.step-grid,
.process-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 42px 0 0;
  padding: 0;
  list-style: none
}

.step-grid li {
  padding: 25px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(177, 105, 79, .08)
}

.step-grid h3,
.process-strip h3 {
  margin: 20px 0 0;
  font-size: 17px
}

.step-grid p,
.process-strip p {
  margin: 8px 0 0;
  color: #806c71;
  font-size: 14px
}

.capability-index {
  color: #9a91bd;
  font-size: 13px;
  font-weight: 800
}

.capability-card {
  min-height: 185px
}

.process-strip { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:0; overflow:hidden; border:1px solid #dceee7; border-radius:22px; background:#fff; box-shadow:0 10px 30px rgba(45,128,104,.06) }
.process-section { padding-top:72px; padding-bottom:72px; background:#fbfdfc }
.process-eyebrow { margin-bottom:22px; text-align:center }
.process-strip>div { display:flex; min-height:222px; flex-direction:column; align-items:center; justify-content:center; padding:28px 24px; text-align:center }
.process-strip>div + div { border-left:1px solid #dceee7 }
.process-strip span { flex:0 0 auto }
.process-strip h3 { width:100%; margin:16px 0 0; text-align:center }
.process-strip p { width:100%; margin:8px 0 0; text-align:center }

.trial-hero {
  min-height: calc(100vh - 72px);
  background: #f2edff
}

.info-box {
  margin-top: 34px;
  padding: 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .58);
  color: #4f4775
}

.info-box p {
  margin: 7px 0 0;
  font-size: 14px
}

.contact-card {
  padding: 34px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(92, 75, 206, .14)
}

.contact-card>p:not(.eyebrow) {
  color: var(--muted);
  font-size: 14px
}

.contact-option {
  display: flex;
  gap: 16px;
  margin-top: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  color: var(--ink);
  text-decoration: none;
  transition: .16s
}

.contact-option:hover {
  border-color: #cfc5f7;
  background: #faf8ff;
  transform: translateY(-1px)
}

.contact-option>span {
  font-size: 25px;
  color: var(--purple)
}

.contact-option div {
  display: grid;
  gap: 3px
}

.contact-option small {
  color: #8a82ab;
  font-size: 12px;
  font-weight: 700
}

.contact-option strong {
  font-size: 14px
}

.contact-option em {
  color: var(--purple);
  font-size: 13px;
  font-style: normal;
  font-weight: 700
}

.resource-list {
  display: grid;
  gap: 12px
}

.resource-list article {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff
}

.resource-list span {
  color: #968db8;
  font-size: 14px;
  font-weight: 800
}

.resource-list h2 {
  margin: 0;
  font-size: 22px
}

.resource-list p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 14px
}

.legal-page {
  padding: 90px 0
}

.prose {
  max-width: 760px
}

.prose h1 {
  font-size: 46px;
  letter-spacing: -.04em
}

.prose h2 {
  margin-top: 38px;
  font-size: 24px
}

.prose p {
  color: #5f5a75
}

.legal-date {
  color: #8a82ab !important;
  font-size: 14px
}

.site-footer {
  padding: 58px 0 0;
  background: #302c55;
  color: #e6e1fb
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 38px
}

.site-footer .brand {
  color: #fff
}

.site-footer .brand strong {
  color: #d9d2ff
}

.footer-copy {
  max-width: 280px;
  color: #c6c0df;
  font-size: 14px
}

.footer-title {
  margin: 0 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 700
}

.site-footer a:not(.brand) {
  display: block;
  margin: 7px 0;
  color: #c6c0df;
  text-decoration: none;
  font-size: 13px
}

.site-footer a:not(.brand):hover {
  color: #fff
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid rgba(230, 225, 251, .16);
  color: #b3accf;
  font-size: 12px
}

.footer-bottom a {
  color: #c6c0df;
  text-decoration: none
}

.footer-bottom a:hover {
  color: #fff
}

@media(max-width:980px) {
  .page-hero-ai .hero-image {
    max-width: 650px;
    justify-self: start
  }

  .desktop-nav {
    display: none
  }

  .header-actions .text-link {
    display: none
  }

  .mobile-menu {
    display: block
  }

  .hero-grid,
  .hero .hero-grid,
  .ai-grid,
  .split,
  .hero-split {
    grid-template-columns: 1fr;
    gap: 42px
  }

  .hero-copy { max-width: 650px }
  .hero-image { width: 100%; max-width: 650px }

  .four-up {
    grid-template-columns: repeat(2, 1fr)
  }

  .three-up {
    grid-template-columns: repeat(2, 1fr)
  }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr)
  }

  .hero-image {
    max-width: 650px
  }

  .hero-copy h1,
  .page-hero h1,
  .trial-hero h1 {
    max-width: 780px
  }
}

@media(max-width:640px) {
  .shell {
    width: min(100% - 32px, 1120px)
  }

  .site-header {
    position: relative
  }

  .header-inner {
    min-height: 64px
  }

  .hero,
  .page-hero,
  .trial-hero {
    padding: 58px 0
  }

  .hero-copy h1,
  .page-hero h1,
  .trial-hero h1 {
    font-size: 39px;
    line-height: 1.2
  }

  .lead {
    font-size: 16px
  }

  .four-up,
  .three-up,
  .workflow-list,
  .step-grid,
  .process-strip,
  .footer-grid {
    grid-template-columns: 1fr
  }

  .store-safety-callout {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 30px 24px
  }

  .logistics-callout { grid-template-columns: 1fr; gap: 30px; padding: 30px 24px }
  .logistics-cycle { grid-template-columns: 1fr }
  .production-board { grid-template-columns: 1fr; gap: 30px; padding: 30px 24px }
  .pricing-tiers { grid-template-columns: 1fr }
  .ai-price-callout { align-items: flex-start; flex-direction: column; padding: 30px 24px }

  .section {
    padding: 62px 0
  }

  .section-heading h2,
  .section h2,
  .contact-card h2 {
    font-size: 30px
  }

  .feature-card,
  .capability-card {
    padding: 23px
  }

  .workflow-list li {
    padding: 18px
  }

  .hero-actions {
    align-items: stretch
  }

  .hero-actions .button {
    flex: 1
  }

  .page-illustration {
    order: 2
  }

  .resource-list article {
    grid-template-columns: 42px 1fr
  }

  .resource-list article>a {
    grid-column: 2
  }

  .contact-card {
    padding: 24px
  }

  .mobile-menu>div {
    right: 16px
  }

  .footer-grid {
    gap: 24px
  }

  .footer-bottom {
    margin-top: 25px;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap
  }

  .process-strip { gap:0; border-radius:18px }
  .process-strip>div { min-height:0; padding:26px 22px }
  .process-strip>div + div { border-top:1px solid #dceee7; border-left:0 }

  .hero-image img,
  .page-illustration img,
  .ai-grid img {
    border-radius: 20px
  }
}

/* 门户首页只呈现可读的 HTML 流程；真实工作台素材用于功能佐证，不再放大塞满文字的流程 SVG。 */
.hero-workbench {
  padding: 76px 0 64px;
  background: radial-gradient(circle at 7% 10%, #ffe1d4 0, transparent 27%), radial-gradient(circle at 92% 14%, #d8f3e8 0, transparent 31%), #f7f5ff;
}
.hero-intro { max-width: 850px; margin: 0 auto; text-align: center }
.hero-workbench .hero-intro h1 { max-width: none; margin-top: 14px; font-size: clamp(42px, 5vw, 62px); line-height: 1.16; text-wrap: balance }
.hero-workbench .lead { max-width:820px; margin-inline:auto }
.hero-workbench .hero-actions { justify-content: center }
.workbench-figure { margin: 46px 0 0 }
.workbench-figure img { display: block; width: 100%; height: auto; border: 1px solid #ddd9e7; border-radius: 22px; background: #fff; box-shadow: 0 22px 60px rgba(57, 47, 91, .13) }
.hero-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; max-width: 1040px; margin: 34px auto 0; padding: 0; list-style: none; border: 1px solid #ded8e9; border-radius: 16px; overflow: hidden; background: rgba(255,255,255,.82) }
.hero-process li { display: flex; align-items: flex-start; gap: 14px; min-height: 112px; padding: 22px 25px; border-left: 1px solid #e6e1ee }
.hero-process li:first-child { border-left: 0 }
.hero-process span { display: inline-grid; flex: 0 0 auto; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #eee9ff; color: #5c4bce; font-size: 12px; font-weight: 800 }
.hero-process strong { display: block; color: #322d52; font-size: 16px; line-height: 1.45 }
.hero-process p { margin: 4px 0 0; color: #746e89; font-size: 13px; line-height: 1.65 }
.ai-workbench-section { padding-top: 100px; background: #f7fbf9 }
.ai-workbench-grid { display:grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); gap: 54px; align-items:center }
.ai-workbench-grid .workbench-figure { margin: 0; width:100% }
.workbench-points { display: grid; gap: 0; margin: 26px 0 0; padding: 0; border-top: 1px solid #cfe4da; list-style: none }
.workbench-points li { display: grid; grid-template-columns: 116px 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid #cfe4da }
.workbench-points strong { color: #28715c; font-size: 14px }
.workbench-points span { color: #637b70; font-size: 14px; line-height: 1.65 }
.review-showcase { padding-top: 100px; background: #fff8f4 }
.review-showcase-grid { grid-template-columns: minmax(340px, .84fr) minmax(0, 1.16fr); gap: 64px }
.review-showcase .workbench-figure { margin: 0 }
@media(max-width:980px) {
  .hero-workbench { padding: 62px 0 54px }
  .hero-process { grid-template-columns: 1fr; max-width: 650px }
  .hero-process li { min-height: 0; border-top: 1px solid #e6e1ee; border-left: 0 }
  .hero-process li:first-child { border-top: 0 }
  .ai-workbench-grid, .review-showcase-grid { grid-template-columns: 1fr; gap: 42px }
  .ai-workbench-grid .workbench-figure { order: 2 }
}
@media(max-width:640px) {
  .hero-workbench { padding: 54px 0 46px }
  .hero-workbench .hero-intro h1 { font-size: 39px }
  .workbench-figure { margin-top: 34px }
  .workbench-figure img { border-radius: 14px }
  .hero-process li { padding: 18px }
  .workbench-points li { grid-template-columns: 1fr; gap: 4px }
}

/* Purpose-built portal feature illustrations: semantic labels stay in HTML. */
.feature-illustration { overflow: visible; }
.feature-illustration img { display: block; width: 100%; height: auto; border-radius: 1.75rem; }
.feature-illustration figcaption { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .55rem 1rem; margin: 1rem auto 0; color: #5a5277; font-size: .86rem; line-height: 1.35; text-align: center; }
.feature-illustration figcaption span { display: inline-flex; align-items: baseline; gap: .34rem; }
.feature-illustration figcaption b { color: #5a46bf; font-weight: 750; }
.feature-illustration figcaption i { color: #8e7cd8; font-size: 1.1rem; font-style: normal; }
.hero-image.feature-illustration figcaption { max-width: 38rem; }
@media (max-width: 640px) {
  .feature-illustration figcaption { gap: .35rem .55rem; font-size: .75rem; }
  .feature-illustration figcaption i { font-size: .9rem; }
  .feature-illustration figcaption.feature-caption-four { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem .25rem; max-width: 18rem; }
  .feature-illustration figcaption.feature-caption-four i { display: none; }
  .feature-illustration figcaption.feature-caption-four span { justify-content: center; white-space: nowrap; }
}

/* 正式流程图用节点、连线和业务状态表达一条订单链路，不使用卡通插画。 */
.process-map-figure { margin: 46px 0 0; }
.process-map-figure img { display:block; width:100%; height:auto; border:1px solid #d9d4e5; border-radius:12px; background:#fff; box-shadow:0 12px 32px rgba(57,47,91,.08); }
.process-map-figure figcaption { margin-top:14px; color:#6e6780; font-size:14px; text-align:center; }
.ai-workbench-section .section-heading { max-width:820px; margin-left:0; }
.ai-process-figure { margin-top:34px; }
.review-showcase .section-heading { max-width:790px; margin-left:0; }
.review-real-figure { margin:38px 0 0; padding:16px; border:1px solid #ead9d0; border-radius:12px; background:#fff; box-shadow:0 12px 32px rgba(133,73,52,.08); }
.review-real-figure img { display:block; width:100%; height:auto; border:1px solid #eee6e2; border-radius:8px; }
.review-real-figure figcaption { margin-top:14px; color:#755e54; font-size:14px; text-align:center; }
.review-decision-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:22px 0 0; padding:0; list-style:none; border:1px solid #ead9d0; border-radius:10px; overflow:hidden; background:#fff; }
.review-decision-flow li { display:flex; gap:12px; min-height:100px; padding:19px 22px; border-left:1px solid #eee0da; }
.review-decision-flow li:first-child { border-left:0; }
.review-decision-flow span { display:grid; flex:0 0 auto; place-items:center; width:30px; height:30px; border-radius:50%; background:#fff0e9; color:#bd623e; font-size:12px; font-weight:800; }
.review-decision-flow strong { display:block; color:#523a31; font-size:15px; }
.review-decision-flow p { margin:4px 0 0; color:#806e67; font-size:13px; line-height:1.6; }
.review-showcase .inline-link { display:inline-block; margin-top:20px; }
@media(max-width:980px) { .review-decision-flow { grid-template-columns:1fr; } .review-decision-flow li { min-height:0; border-top:1px solid #eee0da; border-left:0; } .review-decision-flow li:first-child { border-top:0; } }
@media(max-width:640px) { .process-map-figure { margin-top:30px; overflow-x:auto; padding-bottom:6px; } .process-map-figure img { width:980px; max-width:none; } .review-real-figure { padding:8px; border-radius:10px; } .review-real-figure img { border-radius:6px; } .photo-review-pane > img { border-radius:0; } }

/* Amazon 快照与高清生产图：同一真人素材只作为已标注的公开演示对比，不伪装成后台截图。 */
.photo-review-figure { margin:38px 0 0; padding:16px; border:1px solid #ead9d0; border-radius:12px; background:#fff; box-shadow:0 12px 32px rgba(133,73,52,.08); }
.photo-review-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; border:1px solid #e6d8d1; border-radius:8px; background:#fbfaf8; }
.photo-review-pane { position:relative; min-height:420px; overflow:hidden; background:#eee9e5; }
.photo-review-pane + .photo-review-pane { border-left:1px solid #e6d8d1; }
.photo-review-label { position:absolute; z-index:2; top:16px; left:16px; padding:6px 10px; border:1px solid rgba(255,255,255,.76); border-radius:999px; background:rgba(42,35,42,.75); color:#fff; font-size:12px; font-weight:700; letter-spacing:.02em; }
.photo-review-pane > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; border:0; border-radius:0; }
.photo-review-figure .photo-review-snapshot > img { position:absolute; inset:0; width:100%; height:100%; transform:scale(1.08); transform-origin:center; image-rendering:pixelated; filter:blur(2.4px) saturate(.74) contrast(.88); }

.photo-review-production { display:grid; place-items:center; padding:36px 32px 28px; background:linear-gradient(135deg,#e8d4c5,#f7eee8 54%,#dfc2ae); }
.production-product { position:relative; width:min(100%,335px); aspect-ratio:3/4; overflow:hidden; border:11px solid #f7ece2; box-shadow:0 12px 28px rgba(69,44,37,.22); background:#aa7d64; }
.production-product > img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; filter:contrast(1.03) saturate(1.05); }
.production-copy { position:absolute; right:13px; bottom:17px; left:13px; padding:14px 12px; background:rgba(255,250,245,.92); color:#543c34; text-align:center; box-shadow:0 3px 8px rgba(69,44,37,.14); }
.production-copy strong { display:block; font-family:Georgia,serif; font-size:21px; letter-spacing:.03em; }
.production-copy span { display:block; margin-top:5px; font-size:12px; color:#806157; }
.photo-review-figure figcaption { margin-top:14px; color:#755e54; font-size:14px; text-align:center; }
@media(max-width:640px) { .photo-review-figure { padding:8px; border-radius:10px; } .photo-review-compare { grid-template-columns:1fr; } .photo-review-pane { min-height:330px; } .photo-review-pane + .photo-review-pane { border-top:1px solid #e6d8d1; border-left:0; } .photo-review-production { padding:35px 28px 25px; } .photo-review-label { top:12px; left:12px; font-size:11px; } }


/* AI 首屏保持两句完整中文语义，避免窄列把“图”和“商品”拆成孤行。 */
.ai-hero-title > span { display:block; white-space:nowrap; }
@media (min-width:981px) { .page-hero-ai .hero-grid { grid-template-columns:minmax(0,1.28fr) minmax(430px,.92fr); gap:clamp(32px,4vw,64px); } .page-hero-ai .ai-hero-title { font-size:clamp(34px,2.55vw,42px); letter-spacing:-.03em; } }
@media (max-width:640px) { .ai-hero-title > span { white-space:normal; } }


/* Portal 本轮诊断：订单同步主图失效、AI 导图过密、场景和物流模块过于等宽；采用清晰流程主线、开放商品承载表达及连贯状态轨迹。 */
.page-illustration-workbench{overflow:hidden;border:1px solid #d8d1eb;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(70,57,128,.12)}
.page-illustration-workbench img{border-radius:0;box-shadow:none}
.mobile-flow-summary{display:none}
.business-heading{max-width:800px;margin:0 auto 36px;text-align:center}
.business-heading h2{margin:8px 0 14px;font-size:clamp(32px,3.6vw,46px);line-height:1.22;letter-spacing:-.04em}
.business-heading>p:last-child{max-width:730px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.8}
.custom-business-map{display:grid;grid-template-columns:minmax(0,.9fr) minmax(250px,.82fr) minmax(0,1.28fr);align-items:stretch;overflow:hidden;border:1px solid #cce8db;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(45,128,104,.08)}
.business-source,.business-template,.business-results{padding:30px}
.business-source{display:grid;align-content:center;gap:12px;background:#f3fbf7}
.business-source p,.business-results>p{margin:0;color:#2f8065;font-size:13px;font-weight:800;letter-spacing:.08em}
.business-source strong{color:#245548;font-size:25px;line-height:1.28}
.business-source span{color:#5f7c71;font-size:14px;line-height:1.8}
.business-template{position:relative;display:grid;align-content:center;gap:13px;border-inline:1px solid #d7e9e0;background:#fff;text-align:center}
.business-template::before,.business-template::after{position:absolute;top:50%;width:25px;height:2px;background:#75bb9b;content:""}
.business-template::before{left:-1px}.business-template::after{right:-1px}
.business-template span{color:#2f8065;font-size:13px;font-weight:800;letter-spacing:.08em}
.business-template strong{color:#244a40;font-size:21px;line-height:1.45}
.business-template em{color:#74847e;font-size:13px;font-style:normal;line-height:1.65}
.business-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:#fbfdfc}
.business-results>p{grid-column:1/-1}
.business-results>div{min-height:98px;padding:15px 16px;border:1px solid #dceee7;border-radius:10px;background:#fff}
.business-results strong{display:block;color:#28715c;font-size:16px}
.business-results span{display:block;margin-top:7px;color:var(--muted);font-size:13px;line-height:1.6}
.logistics-section{padding-block:80px;background:#f8f6ff}
.logistics-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:48px;align-items:end;margin-bottom:38px}
.logistics-heading h2{margin:8px 0 0;color:#302759;font-size:clamp(32px,3.7vw,46px);line-height:1.22;letter-spacing:-.04em}
.logistics-heading .lead{margin:0;color:#665f7a}
.logistics-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;overflow:hidden;border:1px solid #ddd5f3;border-radius:18px;list-style:none;background:#fff;box-shadow:0 14px 34px rgba(88,71,175,.08)}
.logistics-journey li{position:relative;min-height:192px;padding:27px 24px 23px;border-left:1px solid #e7e1f6}
.logistics-journey li:first-child{border-left:0}
.logistics-journey li:not(:last-child)::after{position:absolute;z-index:1;top:49px;right:-8px;width:16px;height:16px;border-top:2px solid #9d8bde;border-right:2px solid #9d8bde;background:#fff;content:"";transform:rotate(45deg)}
.logistics-journey span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eee9ff;color:#5c4bce;font-size:12px;font-weight:800}
.logistics-journey strong{display:block;margin-top:25px;color:#342967;font-size:17px}
.logistics-journey p{margin:8px 0 0;color:#746d87;font-size:13px;line-height:1.65}
.logistics-journey .journey-ready{background:#faf9ff}.logistics-journey .journey-done{background:#f5fbf8}.logistics-journey .journey-done span{background:#def2e7;color:#27815d}
@media(max-width:980px){.custom-business-map{grid-template-columns:1fr 1fr}.business-results{grid-column:1/-1}.business-template{border-right:0}.logistics-heading{grid-template-columns:1fr;gap:16px;align-items:start}.logistics-journey{grid-template-columns:repeat(3,minmax(0,1fr))}.logistics-journey li:nth-child(4){border-left:0;border-top:1px solid #e7e1f6}.logistics-journey li:nth-child(5){border-top:1px solid #e7e1f6}}
@media(max-width:640px){.home-order-map{display:none}.mobile-flow-summary{display:grid;gap:0;margin:28px 0 0;padding:0;overflow:hidden;border:1px solid #d9d4e5;border-radius:12px;list-style:none;background:#fff}.mobile-flow-summary li{display:flex;gap:15px;padding:17px 16px;border-top:1px solid #ebe7f2}.mobile-flow-summary li:first-child{border-top:0}.mobile-flow-summary span{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:50%;background:#eee9ff;color:#5c4bce;font-size:12px;font-weight:800}.mobile-flow-summary strong{color:#31275a;font-size:15px}.mobile-flow-summary p{margin:4px 0 0;color:#736d83;font-size:13px;line-height:1.6}.business-heading{margin-bottom:25px;text-align:left}.business-heading h2{font-size:30px}.business-heading>p:last-child{margin:0;font-size:15px}.custom-business-map{grid-template-columns:1fr}.business-source,.business-template,.business-results{padding:24px}.business-template{border-top:1px solid #d7e9e0;border-bottom:1px solid #d7e9e0;border-inline:0;text-align:left}.business-template::before,.business-template::after{display:none}.business-results{grid-template-columns:1fr}.business-results>p{grid-column:auto}.logistics-section{padding-block:62px}.logistics-heading{margin-bottom:28px}.logistics-heading h2{font-size:30px}.logistics-journey{grid-template-columns:1fr}.logistics-journey li{min-height:0;padding:18px 18px 18px 62px;border-top:1px solid #e7e1f6;border-left:0}.logistics-journey li:first-child{border-top:0}.logistics-journey li:not(:last-child)::after{top:auto;right:auto;bottom:-8px;left:24px;transform:rotate(135deg)}.logistics-journey span{position:absolute;top:18px;left:18px}.logistics-journey strong{margin:0}.logistics-journey p{margin-top:4px}.page-illustration-workbench{border-radius:12px}}


/* 本轮只恢复门户原有的图表结构并校正局部比例，不新增装饰性的后台样机。 */
.order-examples-figure { margin:0; padding:28px; border:1px solid #d9d4e5; border-radius:18px; background:#fff; box-shadow:0 18px 42px rgba(70,57,128,.10); }
.order-examples-figure > figcaption { margin:0 0 16px; color:#665a9c; font-size:13px; font-weight:800; letter-spacing:.06em; text-align:left; }
.order-example-list { display:grid; gap:10px; }
.order-example-list article { display:flex; gap:13px; align-items:flex-start; padding:15px 14px; border:1px solid #ece8f3; border-radius:10px; background:#fffdfa; }
.order-example-list strong { display:block; color:#332d57; font-size:16px; }
.order-example-list p { margin:4px 0 0; color:#746d87; font-size:13px; line-height:1.65; }
.order-example-dot { flex:0 0 auto; width:11px; height:11px; margin-top:7px; border-radius:50%; }
.order-example-dot.photo { background:#4d9c7e; box-shadow:0 0 0 5px #e8f5ef; }
.order-example-dot.type { background:#725ec7; box-shadow:0 0 0 5px #f0ecff; }
.order-example-dot.mix { background:#cb7958; box-shadow:0 0 0 5px #fff0e9; }
.order-example-foot { margin:15px 0 0; color:#645d7d; font-size:13px; line-height:1.65; }
.page-hero-peach .hero-grid { align-items:center; }
.page-hero-peach h1 { font-size:clamp(40px,4.2vw,56px); line-height:1.15; }
.page-hero-peach .lead { max-width:530px; font-size:17px; }
.page-hero-peach .photo-review-figure { margin:0; }
.page-hero-peach .photo-review-pane { min-height:360px; }
.page-hero-peach .production-product { width:min(100%,285px); }
.page-hero-peach .photo-review-production { padding:28px 24px 22px; }
@media(max-width:980px) { .order-examples-figure { max-width:620px; } }
@media(max-width:640px) { .order-examples-figure { padding:18px; border-radius:12px; } .order-example-list article { padding:13px 12px; } .page-hero-peach h1 { font-size:39px; } }


/* 首页 AI 区采用左文案、右导图：保持图的完整比例，同时打破连续的全宽图表节奏。 */
.ai-workbench-section { padding-block: 92px; }
.ai-workbench-copy { align-self:center; max-width:510px; }
.ai-workbench-copy h2 { margin:10px 0 16px; color:#322d52; font-size:clamp(32px,2.6vw,40px); line-height:1.18; letter-spacing:-.035em; }
.ai-workbench-copy > p:not(.eyebrow) { margin:0; color:#665f77; font-size:16px; line-height:1.8; }
.ai-workbench-copy .hero-actions { margin-top:26px; }
.ai-workbench-section .ai-process-figure { width:100%; margin:0; align-self:center; }
.ai-workbench-section .ai-process-figure img { border-radius:14px; box-shadow:0 14px 34px rgba(47,72,63,.09); }
.ai-workbench-section .ai-process-figure figcaption { margin-top:11px; text-align:left; font-size:13px; }
@media(max-width:980px) { .ai-workbench-section { padding-block:72px; } .ai-workbench-copy { max-width:none; } .ai-workbench-section .ai-process-figure figcaption { text-align:center; } }
@media(max-width:640px) { .ai-workbench-copy h2 { font-size:32px; line-height:1.25; } .ai-workbench-section .ai-process-figure { overflow:hidden; padding-bottom:0; } .ai-workbench-section .ai-process-figure img { width:100%; max-width:100%; } }


/* 首页按完整章节分屏：首屏只讲价值主张，导图在下一屏完整呈现。 */
.hero-workbench { min-height:calc(100svh - 68px); display:grid; align-items:center; padding:80px 0; }
.hero-workbench .shell { width:100%; }
.core-process-section { min-height:100svh; display:grid; align-items:center; padding:72px 0 80px; }
.core-process-section .workbench-figure { margin:0; }

/* AI 右栏只保留一张为此尺寸设计的流程图，文字不随横向长图被压缩。 */
.ai-workbench-grid { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:48px; }
.ai-workbench-copy { max-width:470px; }
.workbench-points li { grid-template-columns:110px minmax(0,1fr); gap:12px; }
.workbench-points span { white-space:nowrap; font-size:13px; }
.ai-workbench-section .ai-process-figure img { width:100%; border-radius:16px; }

@media(max-width:980px) {
  .hero-workbench { min-height:calc(100svh - 64px); padding:62px 0; }
  .core-process-section { min-height:auto; padding:72px 0; }
  .ai-workbench-grid { grid-template-columns:1fr; gap:42px; }
  .workbench-points span { white-space:normal; font-size:14px; }
}
@media(max-width:640px) {
  .hero-workbench { min-height:calc(100svh - 58px); padding:46px 0; }
  .core-process-section { padding:54px 0; }
}


/* 首页图片准备区：左文案说明订单价值，右图只呈现实际准备结果。 */
.ai-workbench-copy > p:not(.eyebrow) { max-width:450px; }
.ai-workbench-copy .workbench-points li { grid-template-columns:104px minmax(0,1fr); gap:12px; }
.ai-workbench-section .ai-process-figure { padding:10px; border:1px solid #d9ebe2; border-radius:16px; background:#fff; box-shadow:0 12px 28px rgba(47,72,63,.07); }
.ai-workbench-section .ai-process-figure img { display:block; border-radius:10px; box-shadow:none; }

/* 三段式阅读：内容来源 → 模板规则 → 可延展商品；每段从同一基线开始。 */
.store-safety-section { padding-block:88px; }
.business-heading { margin-bottom:34px; }
.custom-business-map { grid-template-columns:minmax(0,.9fr) minmax(280px,.9fr) minmax(0,1.2fr); border-radius:14px; }
.business-source,.business-template,.business-results { min-height:304px; padding:30px; }
.business-source { align-content:start; gap:13px; }
.business-template { align-content:start; text-align:left; gap:13px; }
.business-template::before,.business-template::after { top:50%; }
.business-template strong { max-width:230px; font-size:22px; line-height:1.4; }
.business-template em { max-width:230px; }
.business-results { align-content:start; grid-template-rows:auto 1fr 1fr; gap:10px; }
.business-results > p { margin:0 0 2px; }
.business-results .business-result-card { position:relative; display:grid; align-content:start; min-height:112px; padding:13px 15px 12px; border-radius:8px; }
.business-result-kind { display:block; margin:0 0 7px; color:#4d8b73; font-size:11px; font-weight:800; letter-spacing:.07em; }
.business-results .business-result-card strong { color:#28715c; font-size:15px; line-height:1.35; }
.business-results .business-result-card em { display:block; margin-top:4px; color:#607a70; font-size:12px; font-style:normal; line-height:1.45; }
.business-results .business-result-card small { display:block; margin-top:7px; padding-top:7px; border-top:1px solid #e9f3ee; color:#657d73; font-size:11px; line-height:1.35; }
.business-results .business-result-card small b { color:#376f5c; font-weight:800; }
@media(max-width:980px) { .business-source,.business-template,.business-results { min-height:0; } }
@media(max-width:640px) { .ai-workbench-copy h2 { max-width:360px; font-size:30px; line-height:1.22; letter-spacing:-.045em; } .ai-workbench-copy .workbench-points li { grid-template-columns:1fr; gap:4px; } .custom-business-map { grid-template-columns:1fr; } .business-template { border:0; border-top:1px solid #d7e9e0; border-bottom:1px solid #d7e9e0; } .business-template::before,.business-template::after { display:none; } .business-results { grid-column:auto; } }


/* 订单图片准备：解释具体处理范围与人工审图边界，不将 AI 表述为独立的魔法步骤。 */
.ai-workbench-copy > p:not(.eyebrow) { max-width:500px; }
.ai-workbench-copy .workbench-points { margin-top:24px; }
.ai-workbench-copy .workbench-points li { grid-template-columns:128px minmax(0,1fr); padding:15px 0; }
.ai-workbench-copy .workbench-points strong { color:#28715c; font-size:14px; }
.ai-workbench-copy .workbench-points span { white-space:normal; font-size:13px; line-height:1.65; }

/* 定制业务说明采用“订单输入 → 模板规则 → 适配矩阵”的单一阅读路径，避免说明栏与卡片墙混搭。 */
.business-applicability { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr); overflow:hidden; border-top:1px solid #cfe5da; border-bottom:1px solid #cfe5da; background:#fff; }
.business-rules { display:grid; grid-template-rows:1fr 1fr; border-right:1px solid #dcebe4; background:#f5fbf8; }
.business-rules > div { display:grid; align-content:start; gap:9px; padding:28px 30px; }
.business-rules > div + div { border-top:1px solid #dcebe4; }
.business-step,.business-coverage-heading p { margin:0; color:#43836b; font-size:12px; font-weight:800; letter-spacing:.08em; }
.business-rules strong { color:#244b40; font-size:20px; line-height:1.38; }
.business-rules p { margin:0; color:#657e73; font-size:13px; line-height:1.7; }
.business-coverage { padding:28px 32px 24px; }
.business-coverage-heading { display:flex; justify-content:space-between; gap:24px; align-items:end; padding-bottom:20px; border-bottom:1px solid #dcebe4; }
.business-coverage-heading > div { display:grid; gap:8px; }
.business-coverage-heading strong { color:#28493f; font-size:20px; line-height:1.42; }
.business-coverage-heading > span { flex:0 0 auto; color:#74877f; font-size:12px; white-space:nowrap; }
.business-fit-table { display:grid; margin-top:4px; }
.business-fit-head,.business-fit-row { display:grid; grid-template-columns:minmax(150px,.84fr) minmax(160px,1fr) minmax(200px,1.18fr); column-gap:22px; align-items:center; }
.business-fit-head { min-height:42px; color:#6b8579; font-size:12px; font-weight:800; letter-spacing:.05em; }
.business-fit-row { min-height:70px; border-top:1px solid #e3f0e9; color:#637c71; font-size:13px; line-height:1.55; }
.business-fit-row strong { display:grid; gap:3px; color:#286f59; font-size:14px; line-height:1.3; }
.business-fit-row strong b { font-size:15px; }
.business-fit-row strong small { color:#788b83; font-size:12px; font-weight:400; }
.business-fit-row > span:last-child { color:#4e7163; }
@media(max-width:980px) { .business-applicability { grid-template-columns:1fr; } .business-rules { grid-template-columns:1fr 1fr; grid-template-rows:auto; border-right:0; border-bottom:1px solid #dcebe4; } .business-rules > div + div { border-top:0; border-left:1px solid #dcebe4; } }
@media(max-width:640px) { .ai-workbench-copy .workbench-points li { grid-template-columns:1fr; gap:5px; } .business-applicability { margin-inline:-2px; } .business-rules { grid-template-columns:1fr; } .business-rules > div { padding:22px; } .business-rules > div + div { border-top:1px solid #dcebe4; border-left:0; } .business-coverage { padding:22px 18px 16px; overflow-x:auto; } .business-coverage-heading { display:grid; gap:8px; } .business-coverage-heading > span { white-space:normal; } .business-fit-table { min-width:650px; } .business-fit-head,.business-fit-row { grid-template-columns:150px 175px 230px; column-gap:18px; } }


/* 收紧图片准备标题的中文行长；两行分别表达处理动作与订单去向。 */
.ai-workbench-copy h2 { max-width:530px; font-size:clamp(31px,2.35vw,37px); line-height:1.22; }
.ai-workbench-copy h2 br { display:block; }
.ai-workbench-copy > p:not(.eyebrow) { max-width:510px; }

/* 03 与 01/02 使用同一编号语言；路径不再作为悬浮注释。 */
.store-safety-section { padding-block:76px; }
.business-heading { margin-bottom:28px; }
.business-applicability { grid-template-columns:minmax(270px,.68fr) minmax(0,1.56fr); }
.business-coverage { padding:25px 32px 22px; }
.business-coverage-heading { display:grid; gap:8px; align-items:start; padding-bottom:16px; }
.business-coverage-heading > div { display:contents; }
.business-coverage-heading strong { max-width:610px; font-size:20px; }
.business-route { color:#5c7f70; font-size:12px; letter-spacing:.02em; }
.business-fit-head,.business-fit-row { grid-template-columns:minmax(130px,.72fr) minmax(170px,1fr) minmax(230px,1.28fr); }
.business-fit-head { min-height:38px; }
.business-fit-row { min-height:66px; }
@media(max-width:980px) { .business-applicability { grid-template-columns:1fr; } }
@media(max-width:640px) { .store-safety-section { padding-block:62px; } .ai-workbench-copy h2 { max-width:360px; font-size:30px; line-height:1.24; } .business-coverage { padding:22px 18px 16px; } .business-fit-head,.business-fit-row { grid-template-columns:145px 175px 238px; } }


/* 定制业务采用连续的三段叙事，不再使用统一容器、等宽分栏或表格。 */
.business-possibilities { margin-top:42px; }
.business-principle { display:flex; align-items:baseline; gap:10px; margin:0 0 4px; padding:0 0 17px; border-bottom:1px solid #cfe5da; color:#6a8177; font-size:13px; }
.business-principle b { color:#2a5d4c; font-size:15px; font-weight:700; }
.business-principle i { margin:0 7px; color:#6da98f; font-size:19px; font-style:normal; }
.business-stories { position:relative; margin:0; padding:0; list-style:none; }
.business-stories::before { position:absolute; top:0; bottom:0; left:24px; width:1px; background:#cfe5da; content:""; }
.business-stories li { position:relative; display:grid; grid-template-columns:72px minmax(0,1.18fr) minmax(260px,.82fr); gap:30px; align-items:center; min-height:150px; border-bottom:1px solid #dcebe4; }
.business-index { position:relative; z-index:1; display:grid; place-items:center; width:49px; height:49px; border:1px solid #badbca; border-radius:50%; background:#f7fbf9; color:#3f8068; font-size:12px; font-weight:800; letter-spacing:.06em; }
.business-story-main p { margin:0 0 9px; color:#6c867a; font-size:13px; }
.business-story-main h3 { max-width:520px; margin:0; color:#294b40; font-size:23px; line-height:1.42; font-weight:700; }
.business-story-detail { display:grid; justify-items:start; gap:12px; padding:16px 0 16px 24px; border-left:2px solid #e3f0e9; }
.business-story-detail strong { color:#31745c; font-size:15px; line-height:1.45; }
.business-story-detail span { color:#70847b; font-size:12px; line-height:1.5; }
.business-sku-note { display:flex; gap:16px; margin:0; padding:18px 0 0 72px; color:#70847b; font-size:13px; }
.business-sku-note b { flex:0 0 auto; color:#356f5b; font-weight:700; }
@media(max-width:980px) { .business-stories li { grid-template-columns:62px minmax(0,1fr); gap:20px; padding:22px 0; } .business-story-detail { grid-column:2; padding:12px 0 0 18px; } .business-story-main h3 { font-size:21px; } .business-sku-note { padding-left:62px; } }
@media(max-width:640px) { .business-possibilities { margin-top:32px; } .business-principle { display:grid; grid-template-columns:auto 1fr; gap:6px 10px; } .business-principle i { display:none; } .business-stories::before { left:19px; } .business-stories li { grid-template-columns:52px minmax(0,1fr); gap:16px; min-height:0; padding:22px 0; } .business-index { width:39px; height:39px; font-size:11px; } .business-story-main p { margin-bottom:7px; } .business-story-main h3 { font-size:19px; } .business-story-detail { gap:7px; padding:11px 0 0 15px; } .business-sku-note { display:grid; gap:4px; padding-left:52px; } }


/* 两段独立业务章节以留白和浅色带分开，物流不附着在定制生意叙事之后。 */
.store-safety-section { padding-bottom: 108px; }
.logistics-section { padding-top: 104px; border-top: 1px solid #ebe7f5; }
@media(max-width:640px) { .store-safety-section { padding-bottom: 76px; } .logistics-section { padding-top: 72px; } }


/* 定制业务结束后留出独立章节空带，物流从新的节奏开始。 */
.logistics-section { margin-top: 72px; }
@media(max-width:640px) { .logistics-section { margin-top: 48px; } }