:root {
  --store-green: #153f32;
  --store-green-2: #1f5a45;
  --store-mint: #e7f3eb;
  --store-cream: #f7faf8;
  --store-warm: #eef5f1;
  --store-text: #14231d;
  --store-muted: #68776f;
  --store-line: rgba(21, 63, 50, 0.12);
  --store-shadow: 0 24px 70px rgba(21, 63, 50, 0.11);
}

.store-page {
  color: var(--store-text);
  background:
    radial-gradient(circle at 8% 0%, rgba(231, 243, 235, 0.55), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfdfb 42%, #f6faf7 100%);
  overflow: hidden;
}

.store-shell {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.store-section {
  padding: 92px 0;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--store-green-2);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eyebrow::before {
  content: "";
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: var(--store-green-2);
}

.section-head {
  max-width: 760px;
  margin-bottom: 38px;
}

.section-head h2,
.section-text h2,
.config-title h2,
.store-cta h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: var(--store-green);
}

.section-head p,
.section-text p,
.config-title p,
.store-cta p {
  margin: 16px 0 0;
  color: var(--store-muted);
  font-size: 17px;
  line-height: 1.9;
}

.split-head {
  max-width: none;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 54px;
  align-items: end;
}

.split-head p {
  margin: 0;
}

.store-hero {
  position: relative;
  padding: 138px 0 96px;
  background:
    linear-gradient(135deg, rgba(21, 63, 50, 0.98), rgba(31, 90, 69, 0.92)),
    radial-gradient(circle at 90% 20%, rgba(235, 216, 176, 0.45), transparent 34%);
  color: #fff;
}

.store-hero::after {
  content: "";
  position: absolute;
  inset: auto -12% -22% auto;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: rgba(246, 235, 212, 0.12);
  filter: blur(8px);
}

.hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 58px;
  align-items: center;
}

.hero-copy .eyebrow {
  color: #dbeee3;
}

.hero-copy .eyebrow::before {
  background: #dbeee3;
}

.hero-copy h1 {
  margin: 0;
  font-size: clamp(44px, 6vw, 78px);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.hero-lead {
  margin: 24px 0 0;
  max-width: 620px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 18px;
  line-height: 1.9;
}

.hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 34px;
}

.btn-primary,
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn-primary {
  color: #153f32;
  background: #f2e4bd;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.btn-secondary {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
}

.btn-primary:hover,
.btn-secondary:hover {
  transform: translateY(-2px);
}

.hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 40px;
}

.hero-metrics div {
  padding: 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
}

.hero-metrics strong {
  display: block;
  font-size: 28px;
  line-height: 1;
  color: #f2e4bd;
}

.hero-metrics span {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
}

.hero-store-visual {
  min-width: 0;
}

.storefront-card {
  position: relative;
  padding: 20px 20px 18px;
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(245, 240, 228, .92));
  box-shadow: 0 34px 90px rgba(0,0,0,.28);
  transform: rotate(1deg);
}

.storefront-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 28px;
  border: 1px solid rgba(21, 63, 50, .12);
  pointer-events: none;
}

.storefront-sign {
  height: 104px;
  border-radius: 24px 24px 12px 12px;
  background: #153f32;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.storefront-sign img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.storefront-window {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 16px;
  min-height: 310px;
  padding: 20px;
  border-radius: 0 0 28px 28px;
  background:
    linear-gradient(135deg, rgba(235, 244, 239, .96), rgba(255, 255, 255, .92)),
    repeating-linear-gradient(90deg, transparent 0 28px, rgba(21,63,50,.04) 29px 30px);
}

.window-left,
.window-right {
  border-radius: 24px;
  background: rgba(255,255,255,.74);
  border: 1px solid rgba(21,63,50,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}

.window-left {
  display: flex;
  align-items: end;
  justify-content: space-around;
  padding: 28px 18px;
}

.rack {
  display: block;
  width: 42px;
  border-radius: 18px 18px 8px 8px;
  background: linear-gradient(180deg, #d8c49d, #9e7f56);
  box-shadow: 0 14px 22px rgba(21,63,50,.12);
}

.rack-a { height: 132px; }
.rack-b { height: 182px; background: linear-gradient(180deg, #7fa18a, #315f49); }
.rack-c { height: 108px; background: linear-gradient(180deg, #e6d6b7, #a48a62); }

.window-right {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 14px;
  padding: 16px;
}

.door-panel {
  border-radius: 22px;
  background: linear-gradient(180deg, #153f32, #244f3e);
  display: grid;
  place-items: center;
  color: #f2e4bd;
  font-weight: 800;
  letter-spacing: .08em;
}

.door-panel i {
  width: 54px;
  height: 54px;
  margin-top: 12px;
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(242,228,189,.18), rgba(242,228,189,.18)),
    repeating-linear-gradient(0deg, #f2e4bd 0 3px, transparent 3px 7px);
}

.device-list {
  padding: 14px 16px;
  border-radius: 18px;
  background: #f7faf8;
  color: #153f32;
}

.device-list b,
.device-list em {
  display: block;
}

.device-list em {
  margin-top: 4px;
  color: #68776f;
  font-size: 12px;
  font-style: normal;
}

.storefront-ground {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  padding: 16px 4px 0;
}

.storefront-ground span {
  flex: 1;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(21,63,50,.08);
  color: #153f32;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.role-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.role-grid article {
  padding: 28px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid var(--store-line);
  box-shadow: 0 16px 46px rgba(21, 63, 50, 0.06);
}

.role-grid span {
  display: inline-flex;
  color: var(--store-green-2);
  font-weight: 800;
  margin-bottom: 22px;
}

.role-grid h3,
.model-card h3,
.flow-node h3,
.config-board h3 {
  margin: 0;
  color: var(--store-green);
  font-size: 21px;
  letter-spacing: -0.02em;
}

.role-grid p,
.model-card p,
.flow-node p,
.config-board p {
  margin: 12px 0 0;
  color: var(--store-muted);
  line-height: 1.75;
  font-size: 15px;
}

.model-section {
  background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.model-compare {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.model-card {
  position: relative;
  overflow: hidden;
  min-height: 420px;
  padding: 30px;
  border-radius: 34px;
  background: #fff;
  border: 1px solid var(--store-line);
  box-shadow: var(--store-shadow);
}

.model-card::after {
  content: "";
  position: absolute;
  inset: auto -50px -70px auto;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(31, 90, 69, .08);
}

.model-card.unmanned {
  color: #fff;
  background: linear-gradient(145deg, #153f32, #236048);
}

.model-card.unmanned h3,
.model-card.unmanned p,
.model-card.unmanned li,
.model-card.unmanned strong {
  color: #fff;
}

.model-card.unmanned .model-tag {
  color: #153f32;
  background: #f2e4bd;
}

.model-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 28px;
}

.model-tag {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--store-mint);
  color: var(--store-green-2);
  font-size: 13px;
  font-weight: 800;
}

.model-top strong {
  color: var(--store-green-2);
  font-size: 14px;
}

.model-card ul,
.check-list,
.risk-card ul {
  list-style: none;
  padding: 0;
  margin: 22px 0 0;
}

.model-card li,
.check-list li,
.risk-card li {
  position: relative;
  padding-left: 22px;
  margin-top: 12px;
  color: var(--store-muted);
  line-height: 1.7;
  font-size: 15px;
}

.model-card li::before,
.check-list li::before,
.risk-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--store-green-2);
}

.model-card.unmanned li::before {
  background: #f2e4bd;
}

.two-col {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 56px;
  align-items: center;
}

.two-col.reverse {
  grid-template-columns: 1.08fr .92fr;
}

.timeline-card {
  padding: 14px;
  border-radius: 34px;
  background: #fff;
  box-shadow: var(--store-shadow);
  border: 1px solid var(--store-line);
}

.timeline-item {
  position: relative;
  padding: 26px 28px 26px 94px;
  border-radius: 24px;
}

.timeline-item + .timeline-item {
  margin-top: 8px;
}

.timeline-item:nth-child(odd) {
  background: #f7faf8;
}

.timeline-item span {
  position: absolute;
  left: 24px;
  top: 24px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--store-green);
  color: #f2e4bd;
  font-size: 13px;
  font-weight: 800;
}

.timeline-item p {
  margin: 0;
  color: var(--store-muted);
  line-height: 1.8;
}

.unmanned-flow-section {
  background: #ffffff;
}

.flow-map {
  display: grid;
  grid-template-columns: 1fr 36px 1fr 36px 1fr 36px 1fr 36px 1fr;
  align-items: stretch;
}

.flow-node {
  min-height: 210px;
  padding: 24px;
  border-radius: 30px;
  background: #fff;
  border: 1px solid var(--store-line);
  box-shadow: 0 18px 48px rgba(21,63,50,.06);
}

.flow-node span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 22px;
  border-radius: 15px;
  background: var(--store-green);
  color: #f2e4bd;
  font-weight: 900;
}

.flow-map i {
  position: relative;
  display: block;
}

.flow-map i::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  top: 50%;
  height: 2px;
  background: rgba(21, 63, 50, .28);
}

.flow-map i::after {
  content: "";
  position: absolute;
  right: 6px;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-top: 2px solid rgba(21, 63, 50, .34);
  border-right: 2px solid rgba(21, 63, 50, .34);
  transform: rotate(45deg);
}

.system-section {
  padding: 110px 0;
  background:
    radial-gradient(circle at 85% 18%, rgba(242,228,189,.22), transparent 28%),
    linear-gradient(135deg, #0f3128, #173e32 48%, #102820);
}

.system-panel {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 42px;
  align-items: center;
  min-height: 660px;
  padding: 42px;
  border-radius: 42px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  box-shadow: 0 34px 100px rgba(0,0,0,.22);
}

.system-copy h2 {
  color: #fff;
}

.system-copy p {
  color: rgba(255,255,255,.72);
}

.system-copy .eyebrow {
  color: #f2e4bd;
}

.system-copy .eyebrow::before {
  background: #f2e4bd;
}

.system-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.system-badges span {
  padding: 9px 13px;
  border-radius: 999px;
  color: #f2e4bd;
  background: rgba(242,228,189,.1);
  border: 1px solid rgba(242,228,189,.2);
  font-size: 13px;
  font-weight: 800;
}

.system-loop {
  position: relative;
  min-height: 560px;
  border-radius: 38px;
  background:
    radial-gradient(circle at 50% 50%, rgba(242,228,189,.15), transparent 25%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 46%);
}

.system-loop::before,
.system-loop::after {
  content: "";
  position: absolute;
  inset: 82px;
  border: 1px dashed rgba(242,228,189,.35);
  border-radius: 50%;
}

.system-loop::after {
  inset: 148px;
  border-color: rgba(255,255,255,.16);
}

.loop-center {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 178px;
  height: 178px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #f2e4bd, #fff5d6);
  color: #153f32;
  box-shadow: 0 20px 50px rgba(0,0,0,.24);
}

.loop-center strong {
  font-size: 22px;
  line-height: 1.25;
}

.loop-center span {
  display: block;
  margin-top: -34px;
  color: rgba(21,63,50,.62);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.loop-item {
  position: absolute;
  width: 178px;
  min-height: 86px;
  padding: 16px;
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  color: #153f32;
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}

.loop-item b,
.loop-item em {
  display: block;
}

.loop-item b {
  font-size: 16px;
}

.loop-item em {
  margin-top: 6px;
  color: #68776f;
  font-size: 12px;
  line-height: 1.5;
  font-style: normal;
}

.loop-1 { left: 50%; top: 0; transform: translateX(-50%); }
.loop-2 { right: 24px; top: 78px; }
.loop-3 { right: 0; top: 238px; }
.loop-4 { right: 74px; bottom: 42px; }
.loop-5 { left: 50%; bottom: 0; transform: translateX(-50%); }
.loop-6 { left: 74px; bottom: 42px; }
.loop-7 { left: 0; top: 238px; }
.loop-8 { left: 24px; top: 78px; }

.mode-switch-card {
  padding: 18px;
  border-radius: 36px;
  background: #fff;
  box-shadow: var(--store-shadow);
  border: 1px solid var(--store-line);
}

.switch-row {
  padding: 28px;
  border-radius: 28px;
  background: #f7faf8;
  border: 1px solid rgba(21,63,50,.08);
}

.switch-row + .switch-row {
  margin-top: 12px;
}

.switch-row.active {
  background: linear-gradient(135deg, #153f32, #236048);
  color: #fff;
}

.switch-row span,
.switch-row strong {
  display: block;
}

.switch-row span {
  font-size: 13px;
  font-weight: 800;
  color: var(--store-green-2);
}

.switch-row.active span {
  color: #f2e4bd;
}

.switch-row strong {
  margin-top: 8px;
  font-size: 24px;
}

.switch-row p {
  margin: 12px 0 0;
  color: var(--store-muted);
  line-height: 1.8;
}

.switch-row.active p {
  color: rgba(255,255,255,.72);
}

.switch-console {
  margin-top: 14px;
  padding: 18px 22px;
  border-radius: 22px;
  background: #f3f8f5;
  color: var(--store-green);
}

.switch-console b,
.switch-console em {
  display: block;
}

.switch-console em {
  margin-top: 5px;
  color: var(--store-muted);
  font-style: normal;
  font-size: 13px;
}

.config-section {
  background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.config-layout {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 48px;
  align-items: start;
}

.config-board {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.config-board article {
  min-height: 190px;
  padding: 28px;
  border-radius: 30px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--store-line);
  box-shadow: 0 18px 48px rgba(21,63,50,.05);
}

.backend-strip {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  border: 1px solid var(--store-line);
  border-radius: 34px;
  background: #fff;
  box-shadow: var(--store-shadow);
}

.backend-strip div {
  min-height: 188px;
  padding: 28px 22px;
  border-right: 1px solid var(--store-line);
}

.backend-strip div:last-child {
  border-right: 0;
}

.backend-strip b {
  display: block;
  color: var(--store-green);
  font-size: 18px;
}

.backend-strip span {
  display: block;
  margin-top: 14px;
  color: var(--store-muted);
  font-size: 14px;
  line-height: 1.75;
}

.risk-section {
  background: #ffffff;
}

.risk-card {
  padding: 34px;
  border-radius: 34px;
  background: #fff;
  border: 1px solid var(--store-line);
  box-shadow: var(--store-shadow);
}

.risk-card ul {
  margin: 0;
}

.risk-card li strong {
  color: var(--store-green);
}

.store-cta {
  padding: 28px 0 42px;
  background: #ffffff;
}

.cta-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  padding: 42px;
  border-radius: 38px;
  background: linear-gradient(135deg, #153f32, #236048);
  color: #fff;
  box-shadow: 0 22px 54px rgba(21,63,50,.14);
}

.cta-panel h2 {
  color: #fff;
}

.cta-panel p {
  max-width: 720px;
  color: rgba(255,255,255,.72);
}

@media (max-width: 1080px) {
  .hero-grid,
  .system-panel,
  .two-col,
  .two-col.reverse,
  .config-layout,
  .split-head {
    grid-template-columns: 1fr;
  }

  .role-grid,
  .model-compare {
    grid-template-columns: repeat(2, 1fr);
  }

  .flow-map {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .flow-map i {
    display: none;
  }

  .backend-strip {
    grid-template-columns: repeat(2, 1fr);
  }

  .backend-strip div {
    border-right: 0;
    border-bottom: 1px solid var(--store-line);
  }

  .system-loop {
    min-height: 760px;
  }

  .loop-item {
    position: relative;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto;
    margin: 12px 0;
  }

  .loop-center {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin: 0 auto 24px;
  }

  .system-loop::before,
  .system-loop::after {
    display: none;
  }
}

@media (max-width: 760px) {
  .store-shell {
    width: min(100% - 28px, 1180px);
  }

  .store-hero {
    padding: 112px 0 64px;
  }

  .store-section {
    padding: 64px 0;
  }

  .hero-metrics,
  .role-grid,
  .model-compare,
  .config-board,
  .backend-strip {
    grid-template-columns: 1fr;
  }

  .storefront-window {
    grid-template-columns: 1fr;
  }

  .storefront-sign {
    height: 74px;
  }

  .system-panel,
  .cta-panel {
    padding: 24px;
    border-radius: 28px;
  }

  .cta-panel {
    align-items: flex-start;
    flex-direction: column;
  }

  .timeline-item {
    padding-left: 28px;
  }

  .timeline-item span {
    position: static;
    margin-bottom: 14px;
  }
}


/* store page footer spacing fix */
.store-page + .site-footer,
.store-page + footer,
.site-footer {
  margin-top: 0;
}


/* hide old temporary storefront styles if old class remains somewhere */
.storefront-card {
  display: none;
}

@media (max-width: 1080px) {
  .store-hero {
    min-height: auto;
  }

  .hero-grid {
    gap: 44px;
  }

  .hero-store-card {
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .hero-copy h1 {
    font-size: clamp(42px, 12vw, 56px);
  }

  .hero-store-body {
    grid-template-columns: 1fr;
  }

  .hero-store-sign {
    height: 72px;
  }

  .hero-store-bottom {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* ===== Store hero banner transplanted from products 2026-05-26 ===== */
.store-hero {
  position: relative;
  min-height: 760px;
  padding: 0;
  overflow: hidden;
  background: #123d31;
}

.store-hero-bg,
.store-hero-overlay {
  position: absolute;
  inset: 0;
}

.store-hero-bg {
  background: url('/assets/store/store-hero-bg-swap.webp') center center / cover no-repeat;
}

.store-hero-overlay {
  background:
    linear-gradient(90deg,
      rgba(10, 28, 23, 0.06) 0%,
      rgba(10, 28, 23, 0.08) 28%,
      rgba(10, 28, 23, 0.10) 100%);
}

.store-hero-layout {
  position: relative;
  z-index: 2;
  min-height: 760px;
  display: flex;
  align-items: center;
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
  padding: 110px 0 70px;
}

.store-hero-card {
  width: min(520px, 100%);
  padding: 42px 36px 34px;
  border-radius: 34px;
  background: rgba(242, 244, 240, 0.78);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.58);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.14);
}

.store-hero-card .eyebrow {
  color: #376453;
}

.store-hero-card .eyebrow::before {
  background: #376453;
}

.store-hero-card h1 {
  margin: 0;
  color: #103f32;
  font-size: clamp(52px, 5.2vw, 76px);
  line-height: 0.96;
  letter-spacing: -0.06em;
}

.store-hero-subtitle {
  margin: 22px 0 0;
  color: #244b3d;
  font-size: 18px;
  line-height: 1.8;
}

.store-hero-desc {
  margin: 16px 0 0;
  color: #51675f;
  font-size: 16px;
  line-height: 1.9;
}

.hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.btn-primary,
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.btn-primary {
  color: #fff;
  background: #104736;
  box-shadow: 0 14px 34px rgba(16,71,54,.18);
}

.btn-secondary {
  color: #104736;
  border: 1px solid rgba(16,71,54,.18);
  background: rgba(255,255,255,.56);
}

.btn-primary:hover,
.btn-secondary:hover {
  transform: translateY(-2px);
}

.store-hero-divider {
  height: 1px;
  margin: 30px 0 20px;
  background: rgba(16,71,54,.12);
}

.store-hero-meta-title {
  color: #376453;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
}

.store-hero-meta p {
  margin: 10px 0 0;
  color: #6c7f77;
  font-size: 14px;
  line-height: 1.8;
}

.store-hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.store-hero-tags span {
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(16,71,54,.08);
  color: #24503f;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 1080px) {
  .store-hero,
  .store-hero-layout {
    min-height: auto;
  }

  .store-hero-layout {
    padding: 112px 0 70px;
  }
}

@media (max-width: 760px) {
  .store-hero-layout {
    width: min(100% - 28px, 1200px);
    padding: 100px 0 54px;
  }

  .store-hero-card {
    padding: 28px 22px 24px;
    border-radius: 24px;
  }

  .store-hero-card h1 {
    font-size: clamp(40px, 12vw, 56px);
  }

  .store-hero-subtitle {
    font-size: 16px;
  }

  .store-hero-desc {
    font-size: 15px;
  }
}


/* ===== Store hero card polish 2026-05-26 ===== */
.store-hero {
  min-height: 790px !important;
}

.store-hero-layout {
  min-height: 790px !important;
  padding: 104px 0 72px !important;
  align-items: center !important;
}

.store-hero-card {
  width: min(500px, 100%) !important;
  padding: 38px 34px 30px !important;
  border-radius: 30px !important;
  background: rgba(242, 245, 241, 0.74) !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(16px) saturate(1.04) !important;
  box-shadow:
    0 26px 76px rgba(0, 0, 0, 0.13),
    inset 0 0 0 1px rgba(255, 255, 255, 0.22) !important;
}

.store-hero-card .eyebrow {
  margin-bottom: 16px !important;
  color: #255c48 !important;
  font-size: 13px !important;
  letter-spacing: 0.11em !important;
}

.store-hero-card .eyebrow::before {
  background: #255c48 !important;
}

.store-hero-card h1 {
  max-width: 420px !important;
  color: #0f4736 !important;
  font-size: clamp(48px, 4.45vw, 66px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.062em !important;
}

.store-hero-subtitle {
  margin-top: 24px !important;
  max-width: 420px !important;
  color: #245343 !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
}

.store-hero-desc {
  margin-top: 14px !important;
  max-width: 430px !important;
  color: rgba(36, 75, 61, 0.76) !important;
  font-size: 15.5px !important;
  line-height: 1.88 !important;
}

.store-hero .hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 28px !important;
  position: relative !important;
  z-index: 3 !important;
}

.store-hero .hero-actions a,
.store-hero .btn-primary,
.store-hero .btn-secondary {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    background .24s ease,
    color .24s ease,
    border-color .24s ease !important;
}

.store-hero .btn-primary,
.store-hero .hero-actions a:first-child {
  color: #ffffff !important;
  background: #0f4736 !important;
  border: 1px solid rgba(15, 71, 54, 0.78) !important;
  box-shadow: 0 14px 30px rgba(15, 71, 54, 0.18) !important;
}

.store-hero .btn-primary:hover,
.store-hero .hero-actions a:first-child:hover {
  color: #0f4736 !important;
  background: #f2e4bd !important;
  border-color: rgba(242, 228, 189, 0.78) !important;
  box-shadow: 0 18px 38px rgba(15, 71, 54, 0.22) !important;
  transform: translateY(-2px) !important;
}

.store-hero .btn-secondary,
.store-hero .hero-actions a:nth-child(2) {
  color: #0f4736 !important;
  background: rgba(255, 255, 255, 0.48) !important;
  border: 1px solid rgba(15, 71, 54, 0.14) !important;
  box-shadow: 0 12px 26px rgba(15, 71, 54, 0.08) !important;
}

.store-hero .btn-secondary:hover,
.store-hero .hero-actions a:nth-child(2):hover {
  color: #ffffff !important;
  background: #0f4736 !important;
  border-color: rgba(15, 71, 54, 0.55) !important;
  box-shadow: 0 16px 34px rgba(15, 71, 54, 0.18) !important;
  transform: translateY(-2px) !important;
}

.store-hero .hero-actions a::before,
.store-hero .btn-primary::before,
.store-hero .btn-secondary::before {
  display: none !important;
}

.store-hero-divider {
  margin: 28px 0 18px !important;
  background: rgba(15, 71, 54, 0.12) !important;
}

.store-hero-meta-title {
  color: #255c48 !important;
  font-size: 12px !important;
  letter-spacing: .18em !important;
}

.store-hero-meta p {
  margin-top: 9px !important;
  color: rgba(70, 92, 84, 0.76) !important;
  font-size: 13.5px !important;
  line-height: 1.75 !important;
}

.store-hero-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 16px !important;
}

.store-hero-tags span {
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: rgba(15, 71, 54, 0.075) !important;
  color: #255c48 !important;
  border: 1px solid rgba(15, 71, 54, 0.055) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease !important;
}

.store-hero-tags span:hover {
  transform: translateY(-2px) !important;
  background: #0f4736 !important;
  color: #f2e4bd !important;
  border-color: rgba(242, 228, 189, 0.32) !important;
}

.store-hero-overlay {
  background:
    linear-gradient(90deg,
      rgba(8, 35, 28, 0.02) 0%,
      rgba(8, 35, 28, 0.03) 30%,
      rgba(8, 35, 28, 0.05) 100%) !important;
}

@media (max-width: 1080px) {
  .store-hero,
  .store-hero-layout {
    min-height: auto !important;
  }

  .store-hero-layout {
    padding: 112px 0 70px !important;
  }
}

@media (max-width: 760px) {
  .store-hero-layout {
    width: min(100% - 28px, 1200px) !important;
    padding: 102px 0 56px !important;
  }

  .store-hero-card {
    width: 100% !important;
    padding: 30px 22px 24px !important;
    border-radius: 24px !important;
  }

  .store-hero-card h1 {
    font-size: clamp(40px, 11vw, 54px) !important;
  }

  .store-hero-subtitle {
    font-size: 16px !important;
  }

  .store-hero-desc {
    font-size: 15px !important;
  }

  .store-hero .hero-actions a,
  .store-hero .btn-primary,
  .store-hero .btn-secondary {
    width: 100% !important;
  }
}

/* ===== Store hero copy + white hover polish 2026-05-26 ===== */
.store-hero-subtitle {
  color: #214f40 !important;
  font-weight: 500 !important;
}

.store-hero-desc {
  color: rgba(34, 73, 59, 0.74) !important;
}

.store-hero .btn-primary,
.store-hero .hero-actions a:first-child {
  color: #ffffff !important;
  background: #0f4736 !important;
  border: 1px solid rgba(15, 71, 54, 0.78) !important;
}

.store-hero .btn-primary:hover,
.store-hero .hero-actions a:first-child:hover {
  color: #0f4736 !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.16) !important;
  box-shadow: 0 18px 38px rgba(15, 71, 54, 0.16) !important;
  transform: translateY(-2px) !important;
}

.store-hero .btn-secondary,
.store-hero .hero-actions a:nth-child(2) {
  color: #0f4736 !important;
  background: rgba(255, 255, 255, 0.54) !important;
  border: 1px solid rgba(15, 71, 54, 0.12) !important;
}

.store-hero .btn-secondary:hover,
.store-hero .hero-actions a:nth-child(2):hover {
  color: #0f4736 !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.18) !important;
  box-shadow: 0 16px 34px rgba(15, 71, 54, 0.13) !important;
  transform: translateY(-2px) !important;
}

.store-hero-tags span {
  background: rgba(15, 71, 54, 0.07) !important;
  color: #255c48 !important;
  border: 1px solid rgba(15, 71, 54, 0.06) !important;
}

.store-hero-tags span:hover {
  transform: translateY(-2px) !important;
  background: #ffffff !important;
  color: #0f4736 !important;
  border-color: rgba(15, 71, 54, 0.14) !important;
  box-shadow: 0 10px 24px rgba(15, 71, 54, 0.08) !important;
}

/* ===== Store hero final trim 2026-05-26 ===== */
.store-hero-card {
  width: min(480px, 100%) !important;
  padding: 34px 32px 26px !important;
  border-radius: 28px !important;
}

.store-hero-card h1 {
  max-width: 400px !important;
  font-size: clamp(46px, 4.15vw, 62px) !important;
  line-height: 0.99 !important;
}

.store-hero-subtitle {
  margin-top: 21px !important;
  max-width: 400px !important;
  font-size: 16.5px !important;
  line-height: 1.76 !important;
}

.store-hero-desc {
  margin-top: 13px !important;
  max-width: 410px !important;
  font-size: 15px !important;
  line-height: 1.84 !important;
}

.store-hero .hero-actions {
  margin-top: 25px !important;
}

.store-hero-divider {
  margin: 24px 0 16px !important;
}

.store-hero-meta p {
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.68 !important;
}

.store-hero-tags {
  margin-top: 14px !important;
  gap: 8px !important;
}

.store-hero-tags span {
  padding: 8px 12px !important;
  font-size: 13px !important;
}

@media (max-width: 760px) {
  .store-hero-card {
    width: 100% !important;
    padding: 28px 22px 22px !important;
  }

  .store-hero-card h1 {
    font-size: clamp(38px, 10vw, 52px) !important;
  }
}

/* ===== Large unified subpage banner visual height 2026-05-27 ===== */
@media (min-width: 1081px) {
  .store-hero {
    height: clamp(820px, calc(100vh - 72px), 920px) !important;
    min-height: 820px !important;
    max-height: 920px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .store-hero-layout {
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding-top: 118px !important;
    padding-bottom: 86px !important;
  }
}

/* ===== Store role section background refine 2026-05-27 ===== */
.store-role {
  position: relative !important;
  padding: 112px 0 104px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(217, 235, 224, 0.68), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(231, 243, 235, 0.58), transparent 28%),
    linear-gradient(180deg, #f6faf7 0%, #fbfdfb 46%, #ffffff 100%) !important;
  overflow: hidden !important;
}

.store-role::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(1180px, calc(100% - 48px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(15, 71, 54, 0.16), transparent);
}

.store-role::after {
  content: "";
  position: absolute;
  right: -180px;
  top: 80px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(15, 71, 54, 0.045);
  filter: blur(10px);
  pointer-events: none;
}

.store-role .store-shell {
  position: relative !important;
  z-index: 1 !important;
}

.store-role .section-head {
  max-width: 820px !important;
  margin-bottom: 46px !important;
}

.store-role .section-head .eyebrow {
  color: #0f5a43 !important;
}

.store-role .section-head .eyebrow::before {
  background: #0f5a43 !important;
}

.store-role .section-head h2 {
  color: #0f4736 !important;
  letter-spacing: -0.045em !important;
}

.store-role .section-head p {
  max-width: 760px !important;
  color: rgba(35, 72, 58, 0.62) !important;
}

.store-role .role-grid {
  gap: 18px !important;
}

.store-role .role-grid article {
  position: relative !important;
  overflow: hidden !important;
  min-height: 190px !important;
  padding: 30px 30px 28px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(250,253,251,0.88)) !important;
  border: 1px solid rgba(15, 71, 54, 0.105) !important;
  box-shadow: 0 18px 46px rgba(15, 71, 54, 0.065) !important;
  transition:
    transform .26s ease,
    box-shadow .26s ease,
    border-color .26s ease,
    background .26s ease !important;
}

.store-role .role-grid article::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background:
    radial-gradient(circle at 86% 16%, rgba(15, 71, 54, 0.08), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,0.2), rgba(15,71,54,0.02));
  transition: opacity .26s ease !important;
  pointer-events: none;
}

.store-role .role-grid article:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(15, 71, 54, 0.18) !important;
  box-shadow: 0 28px 66px rgba(15, 71, 54, 0.105) !important;
  background: rgba(255,255,255,0.96) !important;
}

.store-role .role-grid article:hover::before {
  opacity: 1;
}

.store-role .role-grid article span,
.store-role .role-grid article h3,
.store-role .role-grid article p {
  position: relative !important;
  z-index: 1 !important;
}

.store-role .role-grid article span {
  margin-bottom: 20px !important;
  color: #0f5a43 !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
}

.store-role .role-grid article h3 {
  color: #0f4736 !important;
  font-size: 22px !important;
}

.store-role .role-grid article p {
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

@media (max-width: 1080px) {
  .store-role {
    padding: 82px 0 78px !important;
  }
}

@media (max-width: 760px) {
  .store-role {
    padding: 64px 0 62px !important;
  }

  .store-role .role-grid article {
    min-height: auto !important;
    padding: 26px 24px !important;
  }
}

/* ===== Store role restore pure white 2026-05-27 ===== */
.store-role {
  position: relative !important;
  background: #ffffff !important;
  overflow: visible !important;
}

.store-role::before,
.store-role::after {
  display: none !important;
}

.store-role .role-grid article {
  background: #ffffff !important;
  border: 1px solid rgba(15, 71, 54, 0.10) !important;
  box-shadow: 0 18px 46px rgba(15, 71, 54, 0.045) !important;
}

.store-role .role-grid article::before {
  display: none !important;
}

.store-role .role-grid article:hover {
  transform: translateY(-4px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.16) !important;
  box-shadow: 0 24px 58px rgba(15, 71, 54, 0.08) !important;
}







/* ===== Store models safe refine 2026-05-27 ===== */
#store-models.model-section {
  padding: 108px 0 112px !important;
  background: #ffffff !important;
}

#store-models .section-head.split-head {
  display: grid !important;
  grid-template-columns: minmax(520px, 0.58fr) minmax(360px, 0.42fr) !important;
  gap: 64px !important;
  align-items: end !important;
  margin-bottom: 46px !important;
}

#store-models .section-head h2 {
  color: #0f4736 !important;
  font-size: clamp(42px, 4.1vw, 60px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.055em !important;
}

#store-models .section-head p {
  max-width: 430px !important;
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

#store-models .model-compare {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

#store-models .model-card {
  position: relative !important;
  overflow: hidden !important;
  min-height: 420px !important;
  padding: 32px 30px 30px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 71, 54, 0.105) !important;
  box-shadow: 0 20px 52px rgba(15, 71, 54, 0.055) !important;
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease !important;
}

/* 去掉原始 .model-card::after 的右下角半圆 */
#store-models .model-card::after,
#store-models .model-card::before {
  content: none !important;
  display: none !important;
}

/* 中间卡保留重点，但降低压迫感 */
#store-models .model-card.unmanned {
  background: linear-gradient(180deg, #15523f 0%, #0f4736 100%) !important;
  border-color: rgba(15, 71, 54, 0.20) !important;
  box-shadow:
    0 24px 64px rgba(15, 71, 54, 0.12),
    inset 0 0 0 1px rgba(255,255,255,0.045) !important;
}

/* hover 统一成品牌金轻光边 */
#store-models .model-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(242, 228, 189, 0.58) !important;
  box-shadow:
    0 28px 68px rgba(15, 71, 54, 0.09),
    0 14px 34px rgba(242, 228, 189, 0.16) !important;
}

#store-models .model-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 30px !important;
}

#store-models .model-tag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(15, 71, 54, 0.08) !important;
  color: #0f5a43 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#store-models .model-card.unmanned .model-tag {
  background: #f2e4bd !important;
  color: #0f4736 !important;
}

#store-models .model-top strong {
  color: #0f5a43 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

#store-models .model-card.unmanned .model-top strong {
  color: rgba(255, 255, 255, 0.86) !important;
}

#store-models .model-card h3 {
  margin: 0 !important;
  color: #0f4736 !important;
  font-size: 23px !important;
  line-height: 1.36 !important;
  letter-spacing: -0.035em !important;
}

#store-models .model-card p {
  margin-top: 18px !important;
  color: rgba(35, 72, 58, 0.64) !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

#store-models .model-card ul {
  margin-top: 26px !important;
  padding-left: 0 !important;
  list-style: none !important;
}

#store-models .model-card li {
  position: relative !important;
  margin-top: 14px !important;
  padding-left: 22px !important;
  color: rgba(35, 72, 58, 0.70) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

#store-models .model-card li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.72em !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #0f5a43 !important;
}

#store-models .model-card.unmanned h3 {
  color: #ffffff !important;
}

#store-models .model-card.unmanned p,
#store-models .model-card.unmanned li {
  color: rgba(255, 255, 255, 0.82) !important;
}

#store-models .model-card.unmanned li::before {
  background: #f2e4bd !important;
}

@media (max-width: 1080px) {
  #store-models.model-section {
    padding: 86px 0 88px !important;
  }

  #store-models .section-head.split-head {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  #store-models .model-compare {
    grid-template-columns: 1fr !important;
  }

  #store-models .model-card {
    min-height: auto !important;
  }
}

/* ===== Store models title trim 2026-05-27 ===== */
#store-models .section-head.split-head {
  grid-template-columns: minmax(620px, 0.60fr) minmax(360px, 0.40fr) !important;
  gap: 56px !important;
  align-items: end !important;
}

#store-models .section-head h2 {
  max-width: 760px !important;
  font-size: clamp(40px, 3.65vw, 54px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.052em !important;
}

#store-models .section-head p {
  max-width: 430px !important;
}

@media (max-width: 1080px) {
  #store-models .section-head.split-head {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  #store-models .section-head h2 {
    max-width: 760px !important;
  }
}

/* ===== Store models card height restore 2026-05-27 ===== */
#store-models.model-section {
  padding-top: 118px !important;
  padding-bottom: 126px !important;
}

#store-models .section-head.split-head {
  margin-bottom: 54px !important;
}

#store-models .model-compare {
  gap: 22px !important;
  align-items: stretch !important;
}

#store-models .model-card {
  min-height: 500px !important;
  padding: 38px 36px 36px !important;
  border-radius: 34px !important;
  display: flex !important;
  flex-direction: column !important;
}

#store-models .model-top {
  margin-bottom: 34px !important;
}

#store-models .model-card h3 {
  font-size: 25px !important;
  line-height: 1.38 !important;
}

#store-models .model-card p {
  margin-top: 22px !important;
  font-size: 15.5px !important;
  line-height: 1.9 !important;
}

#store-models .model-card ul {
  margin-top: auto !important;
  padding-top: 34px !important;
}

#store-models .model-card li {
  margin-top: 17px !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
}

#store-models .model-card li::before {
  top: 0.78em !important;
}

#store-models .model-card.unmanned {
  box-shadow:
    0 30px 76px rgba(15, 71, 54, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.045) !important;
}

#store-models .model-card:hover {
  transform: translateY(-7px) !important;
}

@media (max-width: 1080px) {
  #store-models.model-section {
    padding-top: 86px !important;
    padding-bottom: 88px !important;
  }

  #store-models .model-card {
    min-height: auto !important;
    padding: 32px 28px !important;
  }

  #store-models .model-card ul {
    margin-top: 26px !important;
    padding-top: 0 !important;
  }
}

/* ===== Store revenue dark value band 2026-05-27 ===== */
.revenue-dark-band {
  position: relative;
  padding: 118px 0 122px;
  background:
    radial-gradient(circle at 18% 18%, rgba(242, 228, 189, 0.12), transparent 30%),
    radial-gradient(circle at 86% 82%, rgba(255, 255, 255, 0.08), transparent 32%),
    linear-gradient(135deg, #0f4736 0%, #123f32 46%, #0b3128 100%);
  overflow: hidden;
}

.revenue-dark-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,0.028) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%);
  pointer-events: none;
}

.revenue-dark-band::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -180px;
  width: 720px;
  height: 320px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(242, 228, 189, 0.08);
  filter: blur(18px);
  pointer-events: none;
}

.revenue-dark-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(360px, 0.38fr) minmax(620px, 0.62fr);
  gap: 64px;
  align-items: center;
}

.revenue-dark-copy .eyebrow {
  color: rgba(242, 228, 189, 0.92);
}

.revenue-dark-copy .eyebrow::before {
  background: #f2e4bd;
}

.revenue-dark-copy h2 {
  margin: 0;
  max-width: 560px;
  color: #ffffff;
  font-size: clamp(46px, 4.4vw, 66px);
  line-height: 1.06;
  letter-spacing: -0.058em;
}

.revenue-dark-copy p {
  margin: 24px 0 0;
  max-width: 560px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 16px;
  line-height: 1.96;
}

.revenue-dark-note {
  margin-top: 34px;
  padding: 24px 26px;
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(242, 228, 189, 0.22);
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(18px);
}

.revenue-dark-note span {
  display: block;
  color: rgba(242, 228, 189, 0.86);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.revenue-dark-note strong {
  display: block;
  margin-top: 10px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.72;
  font-weight: 800;
}

.revenue-path-board {
  position: relative;
  padding: 34px;
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(242, 228, 189, 0.18);
  box-shadow:
    0 32px 78px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(255,255,255,0.035);
  backdrop-filter: blur(18px);
}

.revenue-path-title {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-end;
  margin-bottom: 24px;
}

.revenue-path-title span {
  color: rgba(242, 228, 189, 0.80);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.revenue-path-title strong {
  max-width: 360px;
  color: rgba(255,255,255,0.86);
  font-size: 15px;
  line-height: 1.6;
  text-align: right;
}

.revenue-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.revenue-flow article {
  position: relative;
  min-height: 174px;
  padding: 22px 22px 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(242, 228, 189, 0.20);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.10);
  transition:
    transform .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.revenue-flow article::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  width: 22px;
  height: 1px;
  background: rgba(242, 228, 189, 0.54);
  transform: translateY(-50%);
}

.revenue-flow article:nth-child(3)::after,
.revenue-flow article:nth-child(6)::after {
  display: none;
}

.revenue-flow article:hover {
  transform: translateY(-6px);
  background: #ffffff;
  border-color: rgba(242, 228, 189, 0.72);
  box-shadow:
    0 26px 58px rgba(0, 0, 0, 0.15),
    0 12px 30px rgba(242, 228, 189, 0.16);
}

.revenue-flow article span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 26px;
  margin-bottom: 18px;
  border-radius: 999px;
  background: #f2e4bd;
  color: #0f4736;
  font-size: 13px;
  font-weight: 900;
}

.revenue-flow article h3 {
  margin: 0;
  color: #0f4736;
  font-size: 21px;
  line-height: 1.28;
  letter-spacing: -0.028em;
}

.revenue-flow article p {
  margin: 12px 0 0;
  color: rgba(35, 72, 58, 0.66);
  font-size: 14px;
  line-height: 1.72;
}

.revenue-summary-line {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(242, 228, 189, 0.12);
  border: 1px solid rgba(242, 228, 189, 0.16);
}

.revenue-summary-line span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 1.72;
}

@media (max-width: 1080px) {
  .revenue-dark-band {
    padding: 88px 0 90px;
  }

  .revenue-dark-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .revenue-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .revenue-flow article:nth-child(3)::after {
    display: block;
  }

  .revenue-flow article:nth-child(2)::after,
  .revenue-flow article:nth-child(4)::after,
  .revenue-flow article:nth-child(6)::after {
    display: none;
  }

  .revenue-path-title {
    align-items: flex-start;
    flex-direction: column;
  }

  .revenue-path-title strong {
    text-align: left;
  }
}

@media (max-width: 760px) {
  .revenue-dark-band {
    padding: 68px 0 72px;
  }

  .revenue-path-board {
    padding: 24px;
    border-radius: 28px;
  }

  .revenue-flow {
    grid-template-columns: 1fr;
  }

  .revenue-flow article {
    min-height: auto;
  }

  .revenue-flow article::after {
    display: none !important;
  }
}

/* ===== Store revenue and models rhythm polish 2026-05-27 ===== */

/* 1) 深绿收益版块：保留视觉转折，但降低“独立大页”感 */
.revenue-dark-band {
  padding-top: 96px !important;
  padding-bottom: 98px !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(242, 228, 189, 0.085), transparent 28%),
    radial-gradient(circle at 88% 78%, rgba(255, 255, 255, 0.045), transparent 30%),
    linear-gradient(135deg, #0f4736 0%, #123f32 48%, #0b3128 100%) !important;
}

.revenue-dark-band::before {
  opacity: 0.42 !important;
  background-size: 92px 92px !important;
}

.revenue-dark-band::after {
  opacity: 0.72 !important;
  bottom: -210px !important;
}

.revenue-dark-layout {
  grid-template-columns: minmax(360px, 0.39fr) minmax(620px, 0.61fr) !important;
  gap: 54px !important;
}

.revenue-dark-copy h2 {
  font-size: clamp(44px, 4.05vw, 60px) !important;
  line-height: 1.08 !important;
}

.revenue-dark-copy p {
  margin-top: 22px !important;
  line-height: 1.88 !important;
}

.revenue-dark-note {
  margin-top: 28px !important;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(242, 228, 189, 0.18) !important;
}

.revenue-path-board {
  padding: 30px !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(242, 228, 189, 0.15) !important;
  box-shadow:
    0 26px 64px rgba(0, 0, 0, 0.15),
    inset 0 0 0 1px rgba(255,255,255,0.028) !important;
}

.revenue-path-title {
  margin-bottom: 20px !important;
}

.revenue-flow {
  gap: 12px !important;
}

.revenue-flow article {
  min-height: 158px !important;
  padding: 20px 20px 18px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.085) !important;
}

.revenue-flow article:hover {
  transform: translateY(-5px) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.13),
    0 10px 26px rgba(242, 228, 189, 0.13) !important;
}

.revenue-flow article span {
  margin-bottom: 14px !important;
}

.revenue-flow article h3 {
  font-size: 20px !important;
}

.revenue-flow article p {
  margin-top: 10px !important;
  font-size: 13.8px !important;
  line-height: 1.68 !important;
}

.revenue-summary-line {
  margin-top: 16px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(242, 228, 189, 0.10) !important;
}

/* 2) 三种经营方式：保留大卡片体量，但让内容不显空 */
#store-models.model-section {
  padding-top: 110px !important;
  padding-bottom: 116px !important;
}

#store-models .section-head.split-head {
  margin-bottom: 46px !important;
}

#store-models .model-card {
  min-height: 468px !important;
  padding: 34px 32px 32px !important;
  border-radius: 32px !important;
}

#store-models .model-top {
  margin-bottom: 28px !important;
}

#store-models .model-card h3 {
  font-size: 24px !important;
  line-height: 1.36 !important;
}

#store-models .model-card p {
  margin-top: 18px !important;
  font-size: 15.2px !important;
  line-height: 1.82 !important;
}

#store-models .model-card ul {
  margin-top: 28px !important;
  padding-top: 0 !important;
}

#store-models .model-card li {
  margin-top: 14px !important;
  font-size: 15.2px !important;
  line-height: 1.68 !important;
}

/* 中间深绿卡保留重点，但略降厚重阴影 */
#store-models .model-card.unmanned {
  box-shadow:
    0 26px 66px rgba(15, 71, 54, 0.13),
    inset 0 0 0 1px rgba(255,255,255,0.045) !important;
}

@media (max-width: 1080px) {
  .revenue-dark-band {
    padding-top: 82px !important;
    padding-bottom: 84px !important;
  }

  .revenue-dark-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .revenue-flow article {
    min-height: auto !important;
  }

  #store-models.model-section {
    padding-top: 86px !important;
    padding-bottom: 88px !important;
  }

  #store-models .model-card {
    min-height: auto !important;
    padding: 32px 28px !important;
  }
}

/* ===== Store section hover polish 2026-05-27 ===== */

/* ---------------------------------
   A. 六件事版块：拉高一点，别太扁
---------------------------------- */
.store-role {
  padding-top: 126px !important;
  padding-bottom: 124px !important;
}

.store-role .section-head {
  margin-bottom: 46px !important;
}

.store-role .section-head h2 {
  font-size: clamp(46px, 4.1vw, 64px) !important;
  line-height: 1.12 !important;
}

.store-role .section-head p {
  max-width: 1040px !important;
  font-size: 15.8px !important;
  line-height: 1.88 !important;
}

.store-role .role-grid {
  gap: 20px !important;
}

.store-role .role-grid article {
  min-height: 180px !important;
  padding: 34px 30px 30px !important;
  border-radius: 28px !important;
}

.store-role .role-grid article span {
  margin-bottom: 20px !important;
}

.store-role .role-grid article h3 {
  font-size: 21px !important;
  line-height: 1.35 !important;
  margin-bottom: 14px !important;
}

.store-role .role-grid article p {
  font-size: 14.8px !important;
  line-height: 1.82 !important;
}

/* ---------------------------------
   B. 收益结构版块：恢复体量 + 鼠标光效显底纹
---------------------------------- */
.revenue-dark-band {
  position: relative !important;
  overflow: hidden !important;
  --mx: 50%;
  --my: 50%;
  padding-top: 118px !important;
  padding-bottom: 122px !important;
  background:
    radial-gradient(420px circle at var(--mx) var(--my), rgba(242, 228, 189, 0.12), transparent 58%),
    radial-gradient(220px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.07), transparent 48%),
    linear-gradient(135deg, #0f4736 0%, #123f32 48%, #0b3128 100%) !important;
}

.revenue-dark-band::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px) !important;
  background-size: 74px 74px, 74px 74px !important;
  opacity: 0.11 !important;
  transition: opacity 240ms ease, filter 240ms ease !important;
}

.revenue-dark-band::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(520px circle at var(--mx) var(--my), rgba(255,255,255,0.07), transparent 58%),
    radial-gradient(360px circle at var(--mx) var(--my), rgba(242,228,189,0.10), transparent 54%) !important;
  opacity: 0 !important;
  transition: opacity 240ms ease !important;
}

.revenue-dark-band.is-pointer-active::before,
.revenue-dark-band:hover::before {
  opacity: 0.26 !important;
  filter: saturate(1.08) !important;
}

.revenue-dark-band.is-pointer-active::after,
.revenue-dark-band:hover::after {
  opacity: 1 !important;
}

.revenue-dark-layout {
  grid-template-columns: minmax(380px, 0.4fr) minmax(660px, 0.6fr) !important;
  gap: 56px !important;
}

.revenue-dark-copy h2 {
  font-size: clamp(52px, 4.6vw, 72px) !important;
  line-height: 1.04 !important;
}

.revenue-dark-copy p {
  margin-top: 22px !important;
  font-size: 15.8px !important;
  line-height: 1.9 !important;
}

.revenue-dark-note {
  margin-top: 30px !important;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(242, 228, 189, 0.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

.revenue-path-board {
  padding: 30px !important;
  border-radius: 34px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.02) !important;
  backdrop-filter: blur(4px) !important;
}

.revenue-path-title {
  margin-bottom: 22px !important;
}

.revenue-flow {
  gap: 14px !important;
}

.revenue-flow article {
  min-height: 170px !important;
  padding: 22px 20px 18px !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08) !important;
}

.revenue-flow article h3 {
  font-size: 19px !important;
  line-height: 1.35 !important;
}

.revenue-flow article p {
  font-size: 13.8px !important;
  line-height: 1.72 !important;
}

.revenue-summary-line {
  margin-top: 18px !important;
  padding: 15px 16px !important;
  border-radius: 18px !important;
}

/* ---------------------------------
   C. 三种经营方式：卡片别太扁，和前面衔接更自然
---------------------------------- */
#store-models.model-section {
  padding-top: 118px !important;
  padding-bottom: 124px !important;
}

#store-models .section-head.split-head {
  margin-bottom: 46px !important;
}

#store-models .section-head h2 {
  font-size: clamp(50px, 4.4vw, 68px) !important;
  line-height: 1.08 !important;
}

#store-models .section-head p {
  font-size: 15.8px !important;
  line-height: 1.9 !important;
}

#store-models .model-grid {
  gap: 18px !important;
  align-items: stretch !important;
}

#store-models .model-card {
  min-height: 442px !important;
  padding: 32px 30px 30px !important;
  border-radius: 30px !important;
}

#store-models .model-top {
  margin-bottom: 28px !important;
}

#store-models .model-card h3 {
  font-size: 22px !important;
  line-height: 1.4 !important;
}

#store-models .model-card p {
  margin-top: 16px !important;
  font-size: 15px !important;
  line-height: 1.86 !important;
}

#store-models .model-card ul {
  margin-top: 28px !important;
}

#store-models .model-card li {
  margin-top: 14px !important;
  font-size: 14.8px !important;
  line-height: 1.72 !important;
}

@media (max-width: 1080px) {
  .store-role {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }

  .store-role .role-grid article {
    min-height: auto !important;
  }

  .revenue-dark-band {
    padding-top: 88px !important;
    padding-bottom: 92px !important;
  }

  .revenue-dark-layout {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .revenue-flow article {
    min-height: auto !important;
  }

  #store-models.model-section {
    padding-top: 92px !important;
    padding-bottom: 96px !important;
  }

  #store-models .model-card {
    min-height: auto !important;
  }
}

/* ===== Revenue hover light scope fix 2026-05-27 ===== */

/* 深绿大区只保留稳定底色和轻底纹，不再在左侧文字区追踪大光斑 */
.revenue-dark-band {
  background:
    radial-gradient(circle at 18% 18%, rgba(242, 228, 189, 0.07), transparent 30%),
    radial-gradient(circle at 88% 78%, rgba(255, 255, 255, 0.035), transparent 32%),
    linear-gradient(135deg, #0f4736 0%, #123f32 48%, #0b3128 100%) !important;
}

.revenue-dark-band::before {
  opacity: 0.16 !important;
}

.revenue-dark-band::after {
  opacity: 0 !important;
  display: none !important;
}

/* 取消整个深绿版块 hover 时增强底纹，避免左侧文字区出现额外光斑 */
.revenue-dark-band.is-pointer-active::before,
.revenue-dark-band:hover::before {
  opacity: 0.18 !important;
  filter: none !important;
}

.revenue-dark-band.is-pointer-active::after,
.revenue-dark-band:hover::after {
  opacity: 0 !important;
}

/* 光效只给右侧收益路径面板 */
.revenue-path-board {
  position: relative !important;
  overflow: hidden !important;
  --mx: 50%;
  --my: 50%;
}

.revenue-path-board::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(420px circle at var(--mx) var(--my), rgba(242, 228, 189, 0.16), transparent 58%),
    radial-gradient(260px circle at var(--mx) var(--my), rgba(255, 255, 255, 0.10), transparent 52%) !important;
  opacity: 0 !important;
  transition: opacity 220ms ease !important;
  z-index: 0 !important;
}

.revenue-path-board.is-pointer-active::before,
.revenue-path-board:hover::before {
  opacity: 1 !important;
}

/* 保证右侧面板内容压在光效上方 */
.revenue-path-board > * {
  position: relative !important;
  z-index: 1 !important;
}

/* ===== Store models title safe fix 2026-05-27 ===== */
#store-models .section-head.split-head {
  grid-template-columns: minmax(760px, 0.68fr) minmax(320px, 0.32fr) !important;
  gap: 42px !important;
  align-items: end !important;
  margin-bottom: 48px !important;
}

#store-models .section-head h2 {
  max-width: 860px !important;
  font-size: clamp(42px, 3.45vw, 56px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.052em !important;
}

#store-models .section-head p {
  max-width: 390px !important;
  font-size: 15.5px !important;
  line-height: 1.88 !important;
}

/* 大屏尽量保持标题完整，不让“懂差异”单独掉行 */
@media (min-width: 1280px) {
  #store-models .section-head h2 {
    white-space: nowrap !important;
  }
}

/* 中小屏恢复自然换行 */
@media (max-width: 1279px) {
  #store-models .section-head.split-head {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  #store-models .section-head h2 {
    white-space: normal !important;
    max-width: 760px !important;
  }
}

/* ===== Human store section refine 2026-05-27 ===== */
.human-store {
  position: relative !important;
  padding-top: 96px !important;
  padding-bottom: 104px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(15, 71, 54, 0.045), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
  overflow: hidden !important;
}

.human-store .two-col {
  grid-template-columns: minmax(420px, 0.42fr) minmax(620px, 0.58fr) !important;
  gap: 72px !important;
  align-items: center !important;
}

.human-store .section-text .eyebrow {
  color: #0f5a43 !important;
}

.human-store .section-text .eyebrow::before {
  background: #0f5a43 !important;
}

.human-store .section-text h2 {
  max-width: 560px !important;
  color: #0f4736 !important;
  font-size: clamp(42px, 3.9vw, 58px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.052em !important;
}

.human-store .section-text p {
  max-width: 540px !important;
  margin-top: 22px !important;
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 16px !important;
  line-height: 1.92 !important;
}

.human-store .timeline-card {
  position: relative !important;
  padding: 18px !important;
  border-radius: 34px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(15, 71, 54, 0.10) !important;
  box-shadow:
    0 30px 76px rgba(15, 71, 54, 0.075),
    inset 0 0 0 1px rgba(255,255,255,0.45) !important;
  overflow: hidden !important;
}

.human-store .timeline-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 18px auto 18px 72px !important;
  width: 1px !important;
  background: linear-gradient(
    180deg,
    rgba(15, 71, 54, 0),
    rgba(15, 71, 54, 0.16),
    rgba(15, 71, 54, 0)
  ) !important;
  pointer-events: none !important;
}

.human-store .timeline-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: center !important;
  min-height: 82px !important;
  padding: 20px 26px !important;
  border-radius: 24px !important;
  background: rgba(247, 250, 248, 0.76) !important;
  transition:
    transform .26s ease,
    background .26s ease,
    box-shadow .26s ease !important;
}

.human-store .timeline-item:nth-child(odd) {
  background: rgba(247, 250, 248, 0.86) !important;
}

.human-store .timeline-item:nth-child(even) {
  background: rgba(255, 255, 255, 0.72) !important;
}

.human-store .timeline-item + .timeline-item {
  margin-top: 10px !important;
}

.human-store .timeline-item:hover {
  transform: translateX(6px) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(15, 71, 54, 0.065) !important;
}

.human-store .timeline-item span {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  min-width: 86px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #0f4736 !important;
  color: #f2e4bd !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 8px 18px rgba(15, 71, 54, 0.12) !important;
  white-space: nowrap !important;
}

.human-store .timeline-item p {
  margin: 0 !important;
  color: rgba(35, 72, 58, 0.68) !important;
  font-size: 15.5px !important;
  line-height: 1.82 !important;
}

/* 和下一段无人租赁之间保持完整段落感 */
.human-store + .unmanned-flow-section {
  padding-top: 108px !important;
}

@media (max-width: 1080px) {
  .human-store {
    padding-top: 82px !important;
    padding-bottom: 86px !important;
  }

  .human-store .two-col {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .human-store .timeline-card::before {
    display: none !important;
  }

  .human-store .timeline-item {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }

  .human-store .timeline-item span {
    justify-self: start !important;
  }
}

/* ===== Human store spacing polish 2026-05-27 ===== */
.human-store {
  padding-top: 72px !important;
  padding-bottom: 100px !important;
}

.human-store .two-col {
  align-items: center !important;
  gap: 68px !important;
}

.human-store .section-text h2 {
  font-size: clamp(42px, 3.75vw, 56px) !important;
  line-height: 1.1 !important;
}

.human-store .section-text p {
  margin-top: 20px !important;
  line-height: 1.88 !important;
}

.human-store .timeline-card {
  padding: 20px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(251,253,251,0.96)) !important;
  border-color: rgba(15, 71, 54, 0.12) !important;
  box-shadow:
    0 32px 82px rgba(15, 71, 54, 0.085),
    inset 0 0 0 1px rgba(255,255,255,0.55) !important;
}

.human-store .timeline-card::before {
  left: 74px !important;
  background: linear-gradient(
    180deg,
    rgba(15, 71, 54, 0),
    rgba(15, 71, 54, 0.22),
    rgba(15, 71, 54, 0)
  ) !important;
}

.human-store .timeline-item {
  min-height: 86px !important;
  padding: 20px 28px !important;
  background: rgba(247, 250, 248, 0.70) !important;
}

.human-store .timeline-item:nth-child(odd) {
  background: rgba(247, 250, 248, 0.90) !important;
}

.human-store .timeline-item:hover {
  transform: translateX(7px) !important;
  background: #ffffff !important;
  box-shadow:
    0 16px 36px rgba(15, 71, 54, 0.075),
    inset 3px 0 0 rgba(242, 228, 189, 0.82) !important;
}

.human-store .timeline-item span {
  min-width: 92px !important;
  height: 38px !important;
  border-radius: 999px !important;
}

.human-store .timeline-item p {
  font-size: 15.6px !important;
  line-height: 1.84 !important;
}

.human-store + .unmanned-flow-section {
  padding-top: 96px !important;
}

@media (max-width: 1080px) {
  .human-store {
    padding-top: 70px !important;
    padding-bottom: 82px !important;
  }

  .human-store .two-col {
    gap: 34px !important;
  }
}

/* ===== Human store final spacing title 2026-05-27 ===== */
.human-store {
  padding-top: 52px !important;
  padding-bottom: 92px !important;
}

.human-store .two-col {
  grid-template-columns: minmax(390px, 0.40fr) minmax(650px, 0.60fr) !important;
  gap: 72px !important;
  align-items: center !important;
}

.human-store .section-text h2 {
  max-width: 460px !important;
  font-size: clamp(40px, 3.45vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.05em !important;
}

.human-store .section-text p {
  max-width: 470px !important;
  margin-top: 22px !important;
  font-size: 15.8px !important;
  line-height: 1.9 !important;
}

/* 右侧卡片更像“经营流程” */
.human-store .timeline-card {
  padding: 22px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,253,251,0.97)) !important;
  box-shadow:
    0 34px 84px rgba(15, 71, 54, 0.09),
    inset 0 0 0 1px rgba(255,255,255,0.6) !important;
}

/* 时间轴竖线更清晰，但不抢 */
.human-store .timeline-card::before {
  left: 78px !important;
  top: 44px !important;
  bottom: 44px !important;
  width: 1px !important;
  background: linear-gradient(
    180deg,
    rgba(15, 71, 54, 0.02),
    rgba(15, 71, 54, 0.24),
    rgba(15, 71, 54, 0.02)
  ) !important;
}

.human-store .timeline-item {
  grid-template-columns: 112px minmax(0, 1fr) !important;
  min-height: 84px !important;
  padding: 19px 28px !important;
  border-radius: 24px !important;
}

.human-store .timeline-item span {
  min-width: 94px !important;
  height: 38px !important;
  font-size: 13px !important;
  color: #ffffff !important;
  background: #0f4736 !important;
}

.human-store .timeline-item:hover span {
  background: #0f4736 !important;
  color: #f2e4bd !important;
}

.human-store .timeline-item p {
  font-size: 15.5px !important;
  line-height: 1.82 !important;
}

.human-store + .unmanned-flow-section {
  padding-top: 88px !important;
}

@media (max-width: 1080px) {
  .human-store {
    padding-top: 62px !important;
    padding-bottom: 82px !important;
  }

  .human-store .two-col {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .human-store .section-text h2 {
    max-width: 680px !important;
  }

  .human-store .timeline-card::before {
    display: none !important;
  }

  .human-store .timeline-item {
    grid-template-columns: 1fr !important;
  }
}

/* ===== Human store title two line fix 2026-05-27 ===== */
.human-store {
  padding-top: 66px !important;
  padding-bottom: 118px !important;
}

.human-store .two-col {
  grid-template-columns: minmax(400px, 0.39fr) minmax(660px, 0.61fr) !important;
  gap: 76px !important;
  align-items: center !important;
}

.human-store .section-text {
  transform: translateY(8px) !important;
}

.human-store .section-text h2 {
  max-width: 520px !important;
  font-size: clamp(42px, 3.65vw, 56px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.052em !important;
}

.human-store .section-text h2 br {
  display: block !important;
}

.human-store .section-text p {
  max-width: 500px !important;
  margin-top: 24px !important;
  font-size: 15.8px !important;
  line-height: 1.92 !important;
}

.human-store .timeline-card {
  transform: translateY(2px) !important;
  min-height: 430px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 24px !important;
}

.human-store .timeline-item {
  min-height: 88px !important;
}

.human-store .timeline-item + .timeline-item {
  margin-top: 12px !important;
}

.human-store + .unmanned-flow-section {
  padding-top: 112px !important;
}

@media (max-width: 1080px) {
  .human-store {
    padding-top: 68px !important;
    padding-bottom: 92px !important;
  }

  .human-store .two-col {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .human-store .section-text {
    transform: none !important;
  }

  .human-store .timeline-card {
    min-height: auto !important;
    display: block !important;
    transform: none !important;
  }
}

/* ===== Unmanned flow section refine 2026-05-27 ===== */
.unmanned-flow-section {
  position: relative !important;
  padding-top: 104px !important;
  padding-bottom: 118px !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(15, 71, 54, 0.035), transparent 30%),
    radial-gradient(circle at 82% 82%, rgba(242, 228, 189, 0.08), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
  overflow: hidden !important;
}

.unmanned-flow-section::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: min(1180px, calc(100% - 48px)) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(15, 71, 54, 0.08), transparent) !important;
  pointer-events: none !important;
}

.unmanned-flow-section .section-head {
  max-width: 960px !important;
  margin-bottom: 48px !important;
}

.unmanned-flow-section .section-head .eyebrow {
  color: #0f5a43 !important;
}

.unmanned-flow-section .section-head .eyebrow::before {
  background: #0f5a43 !important;
}

.unmanned-flow-section .section-head h2 {
  max-width: 760px !important;
  color: #0f4736 !important;
  font-size: clamp(42px, 3.7vw, 58px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.052em !important;
}

.unmanned-flow-section .section-head p {
  max-width: 860px !important;
  margin-top: 18px !important;
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

.unmanned-flow-section .flow-map {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  padding: 10px 0 4px !important;
}

.unmanned-flow-section .flow-node {
  position: relative !important;
  min-height: 246px !important;
  padding: 30px 24px 26px !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(251,253,251,0.96)) !important;
  border: 1px solid rgba(15, 71, 54, 0.11) !important;
  box-shadow:
    0 24px 58px rgba(15, 71, 54, 0.07),
    inset 0 0 0 1px rgba(255,255,255,0.62) !important;
  overflow: hidden !important;
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease !important;
}

.unmanned-flow-section .flow-node::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(242, 228, 189, 0.24), transparent 34%),
    linear-gradient(135deg, rgba(15, 71, 54, 0.035), transparent 46%) !important;
  opacity: 0 !important;
  transition: opacity .28s ease !important;
  pointer-events: none !important;
}

.unmanned-flow-section .flow-node::after {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  top: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #f2e4bd, rgba(242, 228, 189, 0)) !important;
  opacity: 0 !important;
  transition: opacity .28s ease !important;
}

.unmanned-flow-section .flow-node:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(242, 228, 189, 0.70) !important;
  box-shadow:
    0 34px 76px rgba(15, 71, 54, 0.11),
    0 12px 30px rgba(242, 228, 189, 0.15),
    inset 0 0 0 1px rgba(255,255,255,0.75) !important;
}

.unmanned-flow-section .flow-node:hover::before,
.unmanned-flow-section .flow-node:hover::after {
  opacity: 1 !important;
}

.unmanned-flow-section .flow-node span {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  margin-bottom: 34px !important;
  border-radius: 14px !important;
  background: #0f4736 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  box-shadow:
    0 12px 24px rgba(15, 71, 54, 0.18),
    inset 0 0 0 1px rgba(255,255,255,0.08) !important;
  transition:
    background .28s ease,
    color .28s ease,
    transform .28s ease !important;
}

.unmanned-flow-section .flow-node:hover span {
  background: #f2e4bd !important;
  color: #0f4736 !important;
  transform: translateY(-2px) !important;
}

.unmanned-flow-section .flow-node h3,
.unmanned-flow-section .flow-node p {
  position: relative !important;
  z-index: 1 !important;
}

.unmanned-flow-section .flow-node h3 {
  margin: 0 !important;
  color: #0f4736 !important;
  font-size: 23px !important;
  line-height: 1.28 !important;
  letter-spacing: -0.03em !important;
}

.unmanned-flow-section .flow-node p {
  margin: 16px 0 0 !important;
  color: rgba(35, 72, 58, 0.64) !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

/* 箭头：从弱说明变成明显流程连接 */
.unmanned-flow-section .flow-map i {
  position: absolute !important;
  top: 50% !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.94) !important;
  border: 1px solid rgba(15, 71, 54, 0.12) !important;
  box-shadow: 0 12px 28px rgba(15, 71, 54, 0.08) !important;
  z-index: 3 !important;
}

.unmanned-flow-section .flow-map i:nth-of-type(1) { left: calc(20% - 17px) !important; }
.unmanned-flow-section .flow-map i:nth-of-type(2) { left: calc(40% - 17px) !important; }
.unmanned-flow-section .flow-map i:nth-of-type(3) { left: calc(60% - 17px) !important; }
.unmanned-flow-section .flow-map i:nth-of-type(4) { left: calc(80% - 17px) !important; }

.unmanned-flow-section .flow-map i::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: 16px !important;
  width: 13px !important;
  height: 2px !important;
  background: #0f4736 !important;
  border-radius: 999px !important;
}

.unmanned-flow-section .flow-map i::after {
  content: "" !important;
  position: absolute !important;
  right: 10px !important;
  top: 12px !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #0f4736 !important;
  border-right: 2px solid #0f4736 !important;
  transform: rotate(45deg) !important;
}

/* 底部和自研系统版块保持自然衔接 */
.unmanned-flow-section + .system-section {
  margin-top: 0 !important;
}

@media (max-width: 1180px) {
  .unmanned-flow-section .flow-map {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .unmanned-flow-section .flow-map i {
    display: none !important;
  }

  .unmanned-flow-section .flow-node {
    min-height: auto !important;
  }
}

@media (max-width: 760px) {
  .unmanned-flow-section {
    padding-top: 76px !important;
    padding-bottom: 82px !important;
  }

  .unmanned-flow-section .flow-map {
    grid-template-columns: 1fr !important;
  }

  .unmanned-flow-section .flow-node {
    padding: 26px 22px 24px !important;
    border-radius: 26px !important;
  }
}

/* ===== Unmanned flow spacing fix 2026-05-27 ===== */

/* 收掉上一段到无人租赁之间的过大空白 */
.human-store + .unmanned-flow-section {
  padding-top: 72px !important;
}

/* 无人租赁自身顶部不要再叠加过大 */
.unmanned-flow-section {
  padding-top: 78px !important;
  padding-bottom: 112px !important;
}

/* 标题区和流程卡之间更紧凑 */
.unmanned-flow-section .section-head {
  margin-bottom: 40px !important;
}

.unmanned-flow-section .section-head h2 {
  font-size: clamp(42px, 3.55vw, 56px) !important;
  line-height: 1.1 !important;
}

.unmanned-flow-section .section-head p {
  margin-top: 16px !important;
  line-height: 1.86 !important;
}

/* 流程卡保持系统感，但略微放松高度，避免显得过窄过竖 */
.unmanned-flow-section .flow-node {
  min-height: 232px !important;
  padding: 28px 24px 24px !important;
}

.unmanned-flow-section .flow-node span {
  margin-bottom: 30px !important;
}

.unmanned-flow-section .flow-node h3 {
  font-size: 22px !important;
}

.unmanned-flow-section .flow-node p {
  margin-top: 14px !important;
  line-height: 1.78 !important;
}

/* 和下方深绿系统版块自然接上 */
.unmanned-flow-section + .system-section {
  margin-top: 0 !important;
}

@media (max-width: 1080px) {
  .human-store + .unmanned-flow-section {
    padding-top: 64px !important;
  }

  .unmanned-flow-section {
    padding-top: 68px !important;
    padding-bottom: 84px !important;
  }
}

/* ===== Unmanned flow spacing fix 2026-05-27 ===== */

/* 收掉上一段到无人租赁之间的过大空白 */
.human-store + .unmanned-flow-section {
  padding-top: 72px !important;
}

/* 无人租赁自身顶部不要再叠加过大 */
.unmanned-flow-section {
  padding-top: 78px !important;
  padding-bottom: 112px !important;
}

/* 标题区和流程卡之间更紧凑 */
.unmanned-flow-section .section-head {
  margin-bottom: 40px !important;
}

.unmanned-flow-section .section-head h2 {
  font-size: clamp(42px, 3.55vw, 56px) !important;
  line-height: 1.1 !important;
}

.unmanned-flow-section .section-head p {
  margin-top: 16px !important;
  line-height: 1.86 !important;
}

/* 流程卡保持系统感，但略微放松高度，避免显得过窄过竖 */
.unmanned-flow-section .flow-node {
  min-height: 232px !important;
  padding: 28px 24px 24px !important;
}

.unmanned-flow-section .flow-node span {
  margin-bottom: 30px !important;
}

.unmanned-flow-section .flow-node h3 {
  font-size: 22px !important;
}

.unmanned-flow-section .flow-node p {
  margin-top: 14px !important;
  line-height: 1.78 !important;
}

/* 和下方深绿系统版块自然接上 */
.unmanned-flow-section + .system-section {
  margin-top: 0 !important;
}

@media (max-width: 1080px) {
  .human-store + .unmanned-flow-section {
    padding-top: 64px !important;
  }

  .unmanned-flow-section {
    padding-top: 68px !important;
    padding-bottom: 84px !important;
  }
}

/* ===== System section loop refine 2026-05-27 ===== */
.system-section {
  position: relative !important;
  padding: 116px 0 122px !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(242, 228, 189, 0.10), transparent 28%),
    radial-gradient(circle at 86% 24%, rgba(255, 255, 255, 0.08), transparent 32%),
    linear-gradient(135deg, #0f4736 0%, #123f32 48%, #0b3128 100%) !important;
  overflow: hidden !important;
}

.system-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px) !important;
  background-size: 78px 78px, 78px 78px !important;
  opacity: 0.12 !important;
}

.system-section::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -180px !important;
  width: 720px !important;
  height: 420px !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  background: radial-gradient(circle, rgba(242, 228, 189, 0.16), transparent 64%) !important;
  opacity: 0.55 !important;
}

.system-section .store-shell {
  position: relative !important;
  z-index: 1 !important;
}

.system-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 0.38fr) minmax(660px, 0.62fr) !important;
  gap: 54px !important;
  align-items: center !important;
  min-height: 640px !important;
  padding: 64px 70px !important;
  border-radius: 42px !important;
  background:
    radial-gradient(circle at 67% 50%, rgba(242, 228, 189, 0.10), transparent 33%),
    linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.045)) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow:
    0 36px 88px rgba(0,0,0,0.16),
    inset 0 0 0 1px rgba(255,255,255,0.025) !important;
  overflow: hidden !important;
}

.system-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 22px !important;
  border-radius: 32px !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  pointer-events: none !important;
}

.system-copy {
  position: relative !important;
  z-index: 2 !important;
}

.system-copy .eyebrow {
  color: #f2e4bd !important;
}

.system-copy .eyebrow::before {
  background: #f2e4bd !important;
}

.system-copy h2 {
  max-width: 420px !important;
  margin-top: 34px !important;
  color: #ffffff !important;
  font-size: clamp(34px, 2.55vw, 46px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.045em !important;
}

.system-copy p {
  max-width: 455px !important;
  margin-top: 24px !important;
  color: rgba(255,255,255,0.72) !important;
  font-size: 15.8px !important;
  line-height: 1.92 !important;
}

.system-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
}

.system-badges span {
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: #f2e4bd !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(242, 228, 189, 0.22) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02) !important;
}

/* 右侧闭环系统图 */
.system-loop {
  position: relative !important;
  z-index: 2 !important;
  width: min(680px, 100%) !important;
  min-height: 550px !important;
  margin-left: auto !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(242, 228, 189, 0.18), transparent 20%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.075), transparent 46%) !important;
}

/* 外环 / 内环 */
.system-loop::before,
.system-loop::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.system-loop::before {
  width: 440px !important;
  height: 440px !important;
  border: 1px dashed rgba(242, 228, 189, 0.28) !important;
}

.system-loop::after {
  width: 295px !important;
  height: 295px !important;
  border: 1px dashed rgba(255,255,255,0.14) !important;
}

.loop-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 168px !important;
  height: 168px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 35% 20%, #fff6d7, #f2e4bd 72%) !important;
  color: #0f4736 !important;
  box-shadow:
    0 26px 62px rgba(0,0,0,0.18),
    0 0 0 14px rgba(242, 228, 189, 0.055),
    0 0 0 1px rgba(255,255,255,0.32) inset !important;
  z-index: 5 !important;
}

.loop-center strong {
  font-size: 22px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.035em !important;
}

.loop-center span {
  display: block !important;
  margin-top: 14px !important;
  color: rgba(15, 71, 54, 0.62) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
}

/* 节点统一尺寸，彻底避免底部重叠 */
.loop-item {
  position: absolute !important;
  width: 178px !important;
  min-height: 78px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.94) !important;
  border: 1px solid rgba(255,255,255,0.48) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.12),
    inset 0 0 0 1px rgba(255,255,255,0.45) !important;
  backdrop-filter: blur(8px) !important;
  z-index: 4 !important;
  transition:
    transform .26s ease,
    box-shadow .26s ease,
    border-color .26s ease,
    background .26s ease !important;
}

.loop-item:hover {
  background: #ffffff !important;
  border-color: rgba(242, 228, 189, 0.72) !important;
  box-shadow:
    0 24px 48px rgba(0,0,0,0.16),
    0 10px 26px rgba(242, 228, 189, 0.13),
    inset 0 0 0 1px rgba(255,255,255,0.7) !important;
}

.loop-item b {
  display: block !important;
  color: #0f4736 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

.loop-item em {
  display: block !important;
  margin-top: 8px !important;
  color: rgba(35, 72, 58, 0.58) !important;
  font-style: normal !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

/* 8 个节点重新排位：不重叠、形成清晰环形 */
.loop-1 {
  left: 50% !important;
  top: 8px !important;
  transform: translateX(-50%) !important;
}

.loop-1:hover {
  transform: translateX(-50%) translateY(-6px) !important;
}

.loop-2 {
  right: 34px !important;
  top: 92px !important;
}

.loop-2:hover {
  transform: translateY(-6px) !important;
}

.loop-3 {
  right: 8px !important;
  top: 238px !important;
}

.loop-3:hover {
  transform: translateY(-6px) !important;
}

.loop-4 {
  right: 74px !important;
  bottom: 78px !important;
}

.loop-4:hover {
  transform: translateY(-6px) !important;
}

.loop-5 {
  left: 50% !important;
  bottom: 8px !important;
  transform: translateX(-50%) !important;
}

.loop-5:hover {
  transform: translateX(-50%) translateY(-6px) !important;
}

.loop-6 {
  left: 74px !important;
  bottom: 78px !important;
}

.loop-6:hover {
  transform: translateY(-6px) !important;
}

.loop-7 {
  left: 8px !important;
  top: 238px !important;
}

.loop-7:hover {
  transform: translateY(-6px) !important;
}

.loop-8 {
  left: 34px !important;
  top: 92px !important;
}

.loop-8:hover {
  transform: translateY(-6px) !important;
}

/* 节点之间的轻连接线，增强闭环感 */
.system-loop .loop-item::before {
  content: "" !important;
  position: absolute !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #f2e4bd !important;
  box-shadow: 0 0 0 6px rgba(242, 228, 189, 0.10) !important;
}

.loop-1::before { left: 50% !important; bottom: -16px !important; transform: translateX(-50%) !important; }
.loop-2::before { left: -16px !important; top: 50% !important; transform: translateY(-50%) !important; }
.loop-3::before { left: -16px !important; top: 50% !important; transform: translateY(-50%) !important; }
.loop-4::before { left: -14px !important; top: 20px !important; }
.loop-5::before { left: 50% !important; top: -16px !important; transform: translateX(-50%) !important; }
.loop-6::before { right: -14px !important; top: 20px !important; }
.loop-7::before { right: -16px !important; top: 50% !important; transform: translateY(-50%) !important; }
.loop-8::before { right: -16px !important; top: 50% !important; transform: translateY(-50%) !important; }

/* 响应式：小屏不使用绝对环形，自动变列表 */
@media (max-width: 1080px) {
  .system-section {
    padding: 88px 0 92px !important;
  }

  .system-panel {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 40px 28px !important;
    gap: 36px !important;
  }

  .system-loop {
    width: 100% !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .system-loop::before,
  .system-loop::after,
  .loop-center {
    display: none !important;
  }

  .loop-item {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    min-height: auto !important;
  }

  .loop-item:hover {
    transform: translateY(-4px) !important;
  }

  .loop-item::before {
    display: none !important;
  }
}

@media (max-width: 680px) {
  .system-loop {
    grid-template-columns: 1fr !important;
  }
}

/* ===== System glass orbit refine 2026-05-27 ===== */

/* 大背景：深绿科技氛围，但不做花哨科幻 */
.system-section {
  position: relative !important;
  padding: 118px 0 126px !important;
  background:
    radial-gradient(circle at 22% 20%, rgba(242, 228, 189, 0.10), transparent 28%),
    radial-gradient(circle at 74% 46%, rgba(255, 255, 255, 0.075), transparent 32%),
    radial-gradient(circle at 50% 86%, rgba(242, 228, 189, 0.08), transparent 34%),
    linear-gradient(135deg, #0f4736 0%, #123f32 48%, #0b3128 100%) !important;
  overflow: hidden !important;
}

.system-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px) !important;
  background-size: 76px 76px, 76px 76px !important;
  opacity: 0.12 !important;
}

.system-section::after {
  content: "" !important;
  position: absolute !important;
  left: 64% !important;
  top: 50% !important;
  width: 760px !important;
  height: 760px !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle, rgba(242, 228, 189, 0.16), transparent 18%),
    radial-gradient(circle, rgba(255, 255, 255, 0.065), transparent 45%) !important;
  opacity: 0.72 !important;
  filter: blur(2px) !important;
}

.system-panel {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 0.36fr) minmax(710px, 0.64fr) !important;
  gap: 56px !important;
  align-items: center !important;
  min-height: 660px !important;
  padding: 62px 66px !important;
  border-radius: 44px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.105), rgba(255,255,255,0.045)) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  box-shadow:
    0 38px 92px rgba(0,0,0,0.18),
    inset 0 0 0 1px rgba(255,255,255,0.035) !important;
  overflow: hidden !important;
  backdrop-filter: blur(10px) saturate(1.05) !important;
}

.system-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 20px !important;
  border-radius: 34px !important;
  border: 1px solid rgba(255,255,255,0.055) !important;
  pointer-events: none !important;
}

.system-panel::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: 68% !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(242,228,189,0.34), transparent) !important;
  pointer-events: none !important;
}

.system-copy {
  position: relative !important;
  z-index: 3 !important;
}

.system-copy .eyebrow {
  color: #f2e4bd !important;
}

.system-copy .eyebrow::before {
  background: #f2e4bd !important;
}

.system-copy h2 {
  max-width: 440px !important;
  margin-top: 34px !important;
  color: #ffffff !important;
  font-size: clamp(36px, 2.65vw, 48px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.045em !important;
}

.system-copy p {
  max-width: 470px !important;
  margin-top: 24px !important;
  color: rgba(255,255,255,0.74) !important;
  font-size: 15.8px !important;
  line-height: 1.92 !important;
}

.system-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
}

.system-badges span {
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: #f2e4bd !important;
  background: rgba(255,255,255,0.085) !important;
  border: 1px solid rgba(242,228,189,0.24) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.025),
    0 10px 24px rgba(0,0,0,0.075) !important;
}

/* 右侧系统闭环图：重新均匀分布 */
.system-loop {
  position: relative !important;
  z-index: 3 !important;
  width: min(720px, 100%) !important;
  min-height: 570px !important;
  margin-left: auto !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(242,228,189,0.18), transparent 19%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,0.10), transparent 43%),
    radial-gradient(circle at 50% 50%, rgba(15,71,54,0.10), transparent 58%) !important;
}

/* 外圈、内圈、能量环 */
.system-loop::before,
.system-loop::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.system-loop::before {
  width: 462px !important;
  height: 462px !important;
  border: 1px dashed rgba(242,228,189,0.32) !important;
  box-shadow:
    0 0 54px rgba(242,228,189,0.055),
    inset 0 0 42px rgba(255,255,255,0.035) !important;
}

.system-loop::after {
  width: 302px !important;
  height: 302px !important;
  border: 1px dashed rgba(255,255,255,0.17) !important;
}

/* 中心系统圆 */
.loop-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 168px !important;
  height: 168px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 34% 22%, #fff7dc, #f2e4bd 72%) !important;
  color: #0f4736 !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,0.20),
    0 0 0 16px rgba(242,228,189,0.055),
    0 0 70px rgba(242,228,189,0.18),
    inset 0 0 0 1px rgba(255,255,255,0.42) !important;
  z-index: 8 !important;
}

.loop-center strong {
  font-size: 22px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.035em !important;
}

.loop-center span {
  display: block !important;
  margin-top: 14px !important;
  color: rgba(15,71,54,0.62) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
}

/* 外围玻璃卡：不是纯白卡，而是磨砂玻璃 */
.loop-item {
  position: absolute !important;
  width: 184px !important;
  min-height: 82px !important;
  padding: 16px 18px !important;
  border-radius: 19px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.74), rgba(255,255,255,0.52)) !important;
  border: 1px solid rgba(255,255,255,0.52) !important;
  box-shadow:
    0 20px 42px rgba(0,0,0,0.13),
    inset 0 1px 0 rgba(255,255,255,0.72),
    inset 0 -1px 0 rgba(15,71,54,0.035) !important;
  backdrop-filter: blur(14px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
  z-index: 5 !important;
  overflow: hidden !important;
  transition:
    transform .26s ease,
    box-shadow .26s ease,
    border-color .26s ease,
    background .26s ease !important;
}

.loop-item::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent) !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
}

.loop-item:hover {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.86), rgba(255,255,255,0.62)) !important;
  border-color: rgba(242,228,189,0.78) !important;
  box-shadow:
    0 26px 58px rgba(0,0,0,0.18),
    0 10px 30px rgba(242,228,189,0.15),
    inset 0 1px 0 rgba(255,255,255,0.84) !important;
}

.loop-item b {
  display: block !important;
  color: #0f4736 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

.loop-item em {
  display: block !important;
  margin-top: 8px !important;
  color: rgba(35,72,58,0.58) !important;
  font-style: normal !important;
  font-size: 12.5px !important;
  line-height: 1.38 !important;
}

/* 发光小节点：统一成为环路锚点 */
.system-loop .loop-item::before {
  content: "" !important;
  position: absolute !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #f2e4bd !important;
  box-shadow:
    0 0 0 6px rgba(242,228,189,0.10),
    0 0 18px rgba(242,228,189,0.34) !important;
  z-index: 2 !important;
}

/* 8 点重新均匀排布：上、右上、右、右下、下、左下、左、左上 */
.loop-1 {
  left: 50% !important;
  top: 4px !important;
  transform: translateX(-50%) !important;
}
.loop-1:hover { transform: translateX(-50%) translateY(-6px) !important; }
.loop-1::before { left: 50% !important; bottom: -18px !important; transform: translateX(-50%) !important; }

.loop-2 {
  right: 22px !important;
  top: 82px !important;
}
.loop-2:hover { transform: translateY(-6px) !important; }
.loop-2::before { left: -18px !important; top: 50% !important; transform: translateY(-50%) !important; }

.loop-3 {
  right: 0 !important;
  top: 244px !important;
}
.loop-3:hover { transform: translateY(-6px) !important; }
.loop-3::before { left: -18px !important; top: 50% !important; transform: translateY(-50%) !important; }

.loop-4 {
  right: 42px !important;
  bottom: 82px !important;
}
.loop-4:hover { transform: translateY(-6px) !important; }
.loop-4::before { left: -16px !important; top: 22px !important; }

.loop-5 {
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
}
.loop-5:hover { transform: translateX(-50%) translateY(-6px) !important; }
.loop-5::before { left: 50% !important; top: -18px !important; transform: translateX(-50%) !important; }

.loop-6 {
  left: 42px !important;
  bottom: 82px !important;
}
.loop-6:hover { transform: translateY(-6px) !important; }
.loop-6::before { right: -16px !important; top: 22px !important; }

.loop-7 {
  left: 0 !important;
  top: 244px !important;
}
.loop-7:hover { transform: translateY(-6px) !important; }
.loop-7::before { right: -18px !important; top: 50% !important; transform: translateY(-50%) !important; }

.loop-8 {
  left: 22px !important;
  top: 82px !important;
}
.loop-8:hover { transform: translateY(-6px) !important; }
.loop-8::before { right: -18px !important; top: 50% !important; transform: translateY(-50%) !important; }

/* 小屏回到列表，避免绝对定位挤压 */
@media (max-width: 1080px) {
  .system-section {
    padding: 88px 0 94px !important;
  }

  .system-panel {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 42px 28px !important;
    gap: 38px !important;
  }

  .system-loop {
    width: 100% !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .system-loop::before,
  .system-loop::after,
  .loop-center {
    display: none !important;
  }

  .loop-item {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    min-height: auto !important;
  }

  .loop-item:hover {
    transform: translateY(-4px) !important;
  }

  .loop-item::before {
    display: none !important;
  }
}

@media (max-width: 680px) {
  .system-loop {
    grid-template-columns: 1fr !important;
  }
}

/* ===== System loop position glass fix 2026-05-27 ===== */

/* 右侧系统图不要顶到面板右边，整体略往左收 */
.system-loop {
  width: min(660px, 100%) !important;
  min-height: 560px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  transform: translateX(-18px) !important;
}

/* 环线同步缩小，避免节点贴边 */
.system-loop::before {
  width: 430px !important;
  height: 430px !important;
}

.system-loop::after {
  width: 286px !important;
  height: 286px !important;
}

/* 外围玻璃卡略缩，增强安全边距 */
.loop-item {
  width: 170px !important;
  min-height: 80px !important;
  padding: 15px 17px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.80), rgba(255,255,255,0.58)) !important;
  border-color: rgba(255,255,255,0.58) !important;
  box-shadow:
    0 20px 44px rgba(0,0,0,0.13),
    inset 0 1px 0 rgba(255,255,255,0.82),
    inset 0 -1px 0 rgba(15,71,54,0.035) !important;
}

.loop-item:hover {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.90), rgba(255,255,255,0.66)) !important;
}

/* 字号略收，卡片缩小后不拥挤 */
.loop-item b {
  font-size: 15.5px !important;
}

.loop-item em {
  font-size: 12.2px !important;
  line-height: 1.36 !important;
}

/* 重新压一下 8 个节点坐标，保证不贴边、不重叠 */
.loop-1 {
  left: 50% !important;
  top: 6px !important;
  transform: translateX(-50%) !important;
}

.loop-1:hover {
  transform: translateX(-50%) translateY(-6px) !important;
}

.loop-2 {
  right: 38px !important;
  top: 84px !important;
}

.loop-3 {
  right: 28px !important;
  top: 240px !important;
}

.loop-4 {
  right: 54px !important;
  bottom: 86px !important;
}

.loop-5 {
  left: 50% !important;
  bottom: 4px !important;
  transform: translateX(-50%) !important;
}

.loop-5:hover {
  transform: translateX(-50%) translateY(-6px) !important;
}

.loop-6 {
  left: 54px !important;
  bottom: 86px !important;
}

.loop-7 {
  left: 28px !important;
  top: 240px !important;
}

.loop-8 {
  left: 38px !important;
  top: 84px !important;
}

/* 中心圆略收，外围卡更有呼吸 */
.loop-center {
  width: 158px !important;
  height: 158px !important;
}

.loop-center strong {
  font-size: 21px !important;
}

/* 大面板右侧空间更均衡 */
.system-panel {
  grid-template-columns: minmax(360px, 0.37fr) minmax(680px, 0.63fr) !important;
  gap: 48px !important;
}

/* 小屏取消位移 */
@media (max-width: 1080px) {
  .system-loop {
    transform: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
}

/* ===== Store system clean final 2026-05-28 ===== */

.scene-module-section {
  padding: 0 !important;
  background: #071f1a !important;
  overflow: hidden !important;
}

.scene-module-stage {
  position: relative !important;
  height: 900px !important;
  min-height: 860px !important;
  overflow: hidden !important;
  background: #071f1a !important;
  isolation: isolate !important;
}

/* 原图层：不加滤镜、不加渐变、不改色 */
.scene-module-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* 只在左侧文字区域做局部暗场，不碰右侧人物、手机、门禁 */
.scene-module-stage::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 43% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(
    90deg,
    rgba(4, 24, 20, 0.78) 0%,
    rgba(4, 24, 20, 0.64) 42%,
    rgba(4, 24, 20, 0.28) 76%,
    rgba(4, 24, 20, 0.00) 100%
  ) !important;
}

/* 只压底部切换条区域，不往上污染主体图 */
.scene-module-stage::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 150px !important;
  z-index: 7 !important;
  pointer-events: none !important;
  background: linear-gradient(
    180deg,
    rgba(4, 24, 20, 0.00) 0%,
    rgba(4, 24, 20, 0.46) 46%,
    rgba(4, 24, 20, 0.86) 100%
  ) !important;
}

/* 六张背景图 */
.scene-module-stage.scene-bg-index-0 .scene-module-bg {
  background-image: url("/assets/images/store-system-door-bg.webp?v=20260528") !important;
}

.scene-module-stage.scene-bg-index-1 .scene-module-bg {
  background-image: url("/assets/images/store-system-scan-bg.webp?v=20260528144945") !important;
}

.scene-module-stage.scene-bg-index-2 .scene-module-bg {
  background-image: url("/assets/images/store-system-order-bg.webp?v=20260528152925") !important;
}

.scene-module-stage.scene-bg-index-3 .scene-module-bg {
  background-image: url("/assets/images/store-system-inventory-bg.webp?v=20260528161421") !important;
}

.scene-module-stage.scene-bg-index-4 .scene-module-bg {
  background-image: url("/assets/images/store-risk-anomaly-bg.webp?v=20260528183044") !important;
  background-size: 100% auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.scene-module-stage.scene-bg-index-5 .scene-module-bg {
  background-image: url("/assets/images/store-system-admin-bg.webp?v=20260528174706") !important;
}

/* 禁止旧 CSS 自绘组件出现，右侧只靠底图表达 */
.scene-visual,
.store-front,
.access-phone,
.access-device,
.access-ring,
.access-line,
.gear-shelf,
.scan-phone,
.scan-light,
.time-hero,
.order-panel,
.inventory-scene,
.inventory-number,
.risk-ai,
.risk-wave,
.risk-chip,
.dashboard-screen {
  display: none !important;
}

/* slide 透明，只承载文字 */
.scene-module-slide {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  transition: opacity .42s ease !important;
}

.scene-module-slide.is-active {
  z-index: 5 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 左侧文字排版 */
.scene-copy {
  position: absolute !important;
  left: max(76px, calc((100vw - 1320px) / 2)) !important;
  top: 300px !important;
  max-width: 520px !important;
  z-index: 6 !important;
}

.scene-copy::before {
  display: none !important;
  content: none !important;
}

.scene-copy .eyebrow {
  margin-bottom: 22px !important;
  color: #f2e4bd !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-shadow: none !important;
}

.scene-copy .eyebrow::before {
  width: 28px !important;
  height: 2px !important;
  margin-right: 12px !important;
  background: #f2e4bd !important;
}

.scene-copy h2 {
  margin: 0 !important;
  max-width: 520px !important;
  color: #ffffff !important;
  font-size: clamp(38px, 2.95vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.045em !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.scene-copy p {
  margin: 22px 0 0 !important;
  max-width: 500px !important;
  color: rgba(255, 255, 255, 0.86) !important;
  font-size: 15.5px !important;
  line-height: 1.9 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

/* 底部切换条 */
.scene-module-nav {
  position: absolute !important;
  left: 50% !important;
  bottom: 30px !important;
  width: min(1180px, calc(100% - 128px)) !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  z-index: 9 !important;
  background: transparent !important;
}

.scene-module-nav button {
  position: relative !important;
  height: 70px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.38) !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.62) !important;
  text-align: center !important;
  cursor: pointer !important;
}

.scene-module-nav button::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: -1px !important;
  width: 0 !important;
  height: 2px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: none !important;
  transition: width .34s ease !important;
}

.scene-module-nav button.is-active::before {
  width: 100% !important;
}

.scene-module-nav button.is-active {
  color: #ffffff !important;
}

.scene-module-nav strong {
  display: block !important;
  margin-top: 20px !important;
  color: currentColor !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
}

.scene-module-nav span {
  display: none !important;
}

@media (max-width: 1100px) {
  .scene-module-stage {
    height: 780px !important;
    min-height: 740px !important;
  }

  .scene-module-stage::before {
    width: 72% !important;
  }

  .scene-copy {
    left: 36px !important;
    right: 36px !important;
    top: 150px !important;
    max-width: 520px !important;
  }

  .scene-copy h2 {
    font-size: 44px !important;
  }

  .scene-module-nav {
    width: calc(100% - 48px) !important;
    grid-template-columns: repeat(3, 1fr) !important;
    bottom: 28px !important;
  }
}

/* 自研无人门店系统标准网格布局 START */
/* 目标：
   1. 左侧文案更大
   2. 右侧卡片区更收敛
   3. 去掉右侧前面的两个光点
*/

.store-section.system-section.store-os-lite-section {
  background: transparent !important;
  background-image: none !important;
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.store-section.system-section.store-os-lite-section::before,
.store-section.system-section.store-os-lite-section::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

.store-os-lite-section .store-shell {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  background: transparent !important;
  background-image: none !important;
}

.store-os-lite-section .system-panel {
  display: grid !important;
  grid-template-columns: minmax(420px, 1.08fr) minmax(480px, 0.92fr) !important;
  gap: 56px !important;
  align-items: start !important;
  min-height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.store-os-lite-section .system-panel::before,
.store-os-lite-section .system-panel::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 左侧放大 */
.store-os-lite-section .system-copy {
  max-width: 560px !important;
  padding-top: 18px !important;
}

.store-os-lite-section .system-copy .eyebrow {
  color: #174f3d !important;
  letter-spacing: 0.08em !important;
}

.store-os-lite-section .system-copy .eyebrow::before {
  background: #174f3d !important;
}

.store-os-lite-section .system-copy h2 {
  color: #0c4031 !important;
  font-size: 64px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
  margin-bottom: 28px !important;
}

.store-os-lite-section .system-copy p {
  color: rgba(12, 64, 49, 0.72) !important;
  font-size: 16px !important;
  line-height: 2.0 !important;
  max-width: 540px !important;
  text-shadow: none !important;
}

.store-os-lite-section .system-badges {
  gap: 10px !important;
  margin-top: 26px !important;
}

.store-os-lite-section .system-badges span {
  color: #174f3d !important;
  background: rgba(23, 79, 61, 0.06) !important;
  border: 1px solid rgba(23, 79, 61, 0.22) !important;
  box-shadow: none !important;
}

/* 右侧缩小一点 */
.store-os-lite-section .system-loop {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  min-height: auto !important;
  width: 100% !important;
  max-width: 580px !important;
  margin-left: auto !important;
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* 去掉环形残留、装饰点、无用节点 */
.store-os-lite-section .system-loop::before,
.store-os-lite-section .system-loop::after,
.store-os-lite-section .system-loop > *:not(.loop-center):not(.loop-item) {
  display: none !important;
  content: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* 顶部主卡片 */
.store-os-lite-section .loop-center {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  grid-column: 1 / -1 !important;
  width: auto !important;
  height: auto !important;
  min-height: 116px !important;
  padding: 24px 28px !important;
  border-radius: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  background: linear-gradient(135deg, #155441 0%, #0d3f31 100%) !important;
  border: 1px solid rgba(23, 79, 61, 0.16) !important;
  box-shadow: none !important;
}

.store-os-lite-section .loop-center strong {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
}

.store-os-lite-section .loop-center span {
  color: rgba(255, 255, 255, 0.66) !important;
  margin-top: 8px !important;
}

/* 功能卡片 */
.store-os-lite-section .loop-item {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
  min-height: 104px !important;
  padding: 20px 20px !important;
  border-radius: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(23, 79, 61, 0.13) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.store-os-lite-section .loop-item b {
  color: #104735 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

.store-os-lite-section .loop-item em {
  color: rgba(16, 71, 53, 0.48) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-top: 8px !important;
}

.store-os-lite-section .loop-item:hover {
  background: rgba(242, 248, 239, 0.92) !important;
  border-color: rgba(23, 79, 61, 0.22) !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 1100px) {
  .store-os-lite-section .system-copy h2 {
    font-size: 56px !important;
  }
}

@media (max-width: 900px) {
  .store-os-lite-section .system-panel {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .store-os-lite-section .system-copy {
    max-width: none !important;
    padding-top: 0 !important;
  }

  .store-os-lite-section .system-copy h2 {
    font-size: 44px !important;
  }

  .store-os-lite-section .system-loop {
    grid-template-columns: 1fr !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 768px) {
  .store-section.system-section.store-os-lite-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .store-os-lite-section .store-shell {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* 自研无人门店系统标准网格布局 END */

/* 自研无人门店系统残留光点清理 START */
/* 清理旧环形图残留的黄色小圆点，不动当前网格布局 */
.store-os-lite-section .system-loop::before,
.store-os-lite-section .system-loop::after,
.store-os-lite-section .loop-center::before,
.store-os-lite-section .loop-center::after,
.store-os-lite-section .loop-item::before,
.store-os-lite-section .loop-item::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 兜底：如果旧装饰点是额外 i/span/b 绝对定位元素，也隐藏掉非业务元素 */
.store-os-lite-section .system-loop > i,
.store-os-lite-section .system-loop > .dot,
.store-os-lite-section .system-loop > .glow,
.store-os-lite-section .system-loop > .halo,
.store-os-lite-section .system-loop > .orbit-dot {
  display: none !important;
}
/* 自研无人门店系统残留光点清理 END */

/* 有人无人切换店版块精修 START */
/* 改成：上方说明 + 下方三段横向流程卡，不再回到左右分栏 */

.hybrid-mode-tune-section {
  background: transparent !important;
  background-image: none !important;
  padding-top: 96px !important;
  padding-bottom: 104px !important;
}

.hybrid-mode-tune-section::before,
.hybrid-mode-tune-section::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* 主容器改为单列：标题在上，卡片在下 */
.hybrid-mode-tune-section .store-shell.two-col.reverse {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 46px !important;
  align-items: start !important;
}

/* 右侧文字区移动到上方，做成版块标题区 */
.hybrid-mode-tune-section .section-text {
  order: 1 !important;
  max-width: 780px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  position: relative !important;
  z-index: 2 !important;
}

.hybrid-mode-tune-section .section-text .eyebrow {
  color: #174f3d !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 18px !important;
}

.hybrid-mode-tune-section .section-text .eyebrow::before {
  background: #174f3d !important;
}

.hybrid-mode-tune-section .section-text h2 {
  color: #0c4031 !important;
  text-shadow: none !important;
  margin-bottom: 22px !important;
  max-width: 760px !important;
}

.hybrid-mode-tune-section .section-text p {
  color: rgba(12, 64, 49, 0.66) !important;
  max-width: 720px !important;
  text-shadow: none !important;
}

/* bullet 改成三列机制点，放在标题说明下面 */
.hybrid-mode-tune-section .section-text .check-list {
  margin-top: 28px !important;
  padding-left: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  max-width: 980px !important;
}

.hybrid-mode-tune-section .section-text .check-list li {
  position: relative !important;
  padding: 16px 18px 16px 34px !important;
  border-radius: 18px !important;
  background: rgba(23, 79, 61, 0.055) !important;
  border: 1px solid rgba(23, 79, 61, 0.11) !important;
  color: rgba(12, 64, 49, 0.70) !important;
  line-height: 1.75 !important;
}

.hybrid-mode-tune-section .section-text .check-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 25px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #174f3d !important;
  box-shadow: none !important;
}

/* 左侧模式卡组移动到下方，变成横向三段流程 */
.hybrid-mode-tune-section .mode-switch-card {
  order: 2 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* 三张卡统一基础样式 */
.hybrid-mode-tune-section .mode-switch-card .switch-row,
.hybrid-mode-tune-section .mode-switch-card .switch-console {
  position: relative !important;
  min-height: 178px !important;
  border-radius: 28px !important;
  padding: 28px 30px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* 第 1 张：有人服务 */
.hybrid-mode-tune-section .mode-switch-card .switch-row.active {
  background: linear-gradient(135deg, #155441 0%, #0d3f31 100%) !important;
  border: 1px solid rgba(21, 84, 65, 0.24) !important;
}

/* 第 2 张：无人自助 */
.hybrid-mode-tune-section .mode-switch-card .switch-row:not(.active) {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(22, 78, 59, 0.13) !important;
}

/* 第 3 张：后台切换 */
.hybrid-mode-tune-section .mode-switch-card .switch-console {
  background: rgba(22, 78, 59, 0.07) !important;
  border: 1px dashed rgba(22, 78, 59, 0.22) !important;
}

/* 文字 */
.hybrid-mode-tune-section .mode-switch-card .switch-row span,
.hybrid-mode-tune-section .mode-switch-card .switch-console b {
  color: #174f3d !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-row strong {
  color: #0d4233 !important;
  display: block !important;
  margin-top: 12px !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-row p,
.hybrid-mode-tune-section .mode-switch-card .switch-console em {
  color: rgba(13, 66, 51, 0.58) !important;
  line-height: 1.75 !important;
  display: block !important;
  margin-top: 14px !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-row.active span,
.hybrid-mode-tune-section .mode-switch-card .switch-row.active strong,
.hybrid-mode-tune-section .mode-switch-card .switch-row.active p {
  color: #ffffff !important;
}

/* 加一个很轻的序号感，区别于普通卡片 */
.hybrid-mode-tune-section .mode-switch-card .switch-row.active::before {
  content: "01" !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-row:not(.active)::before {
  content: "02" !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-console::before {
  content: "03" !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-row::before,
.hybrid-mode-tune-section .mode-switch-card .switch-console::before {
  position: absolute !important;
  right: 24px !important;
  top: 22px !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  opacity: 0.12 !important;
  color: #174f3d !important;
  background: none !important;
  box-shadow: none !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-row.active::before {
  color: #ffffff !important;
  opacity: 0.16 !important;
}

/* 移动端 */
@media (max-width: 980px) {
  .hybrid-mode-tune-section .section-text .check-list,
  .hybrid-mode-tune-section .mode-switch-card {
    grid-template-columns: 1fr !important;
  }

  .hybrid-mode-tune-section .mode-switch-card .switch-row,
  .hybrid-mode-tune-section .mode-switch-card .switch-console {
    min-height: auto !important;
  }
}

@media (max-width: 768px) {
  .hybrid-mode-tune-section {
    padding-top: 72px !important;
    padding-bottom: 76px !important;
  }

  .hybrid-mode-tune-section .store-shell.two-col.reverse {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* 有人无人切换店版块精修 END */

/* 有人无人切换店动效对齐标准有人店 START */
/* 参考标准有人店：不做整屏进场，不做 blur，不做弹出；只做稳定展示 + 轻微 hover */

/* 背景保持干净白底，和标准有人店统一 */
.hybrid-mode-tune-section {
  background: #ffffff !important;
  background-image: none !important;
}

/* 清掉进场动画残留 */
.hybrid-mode-tune-section .section-text .eyebrow,
.hybrid-mode-tune-section .section-text h2,
.hybrid-mode-tune-section .section-text p,
.hybrid-mode-tune-section .section-text .check-list li,
.hybrid-mode-tune-section .mode-switch-card .switch-row,
.hybrid-mode-tune-section .mode-switch-card .switch-console {
  opacity: 1 !important;
  animation: none !important;
  filter: none !important;
}

/* 三个机制点：参考有人店的柔和卡片反馈 */
.hybrid-mode-tune-section .section-text .check-list li {
  transition:
    transform .26s ease,
    background .26s ease,
    border-color .26s ease,
    box-shadow .26s ease !important;
}

.hybrid-mode-tune-section .section-text .check-list li:hover {
  transform: translateX(6px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.16) !important;
  box-shadow:
    0 14px 34px rgba(15, 71, 54, 0.065),
    inset 3px 0 0 rgba(242, 228, 189, 0.82) !important;
}

/* 三张流程卡：对齐标准有人店 hover 逻辑 */
.hybrid-mode-tune-section .mode-switch-card .switch-row,
.hybrid-mode-tune-section .mode-switch-card .switch-console {
  transition:
    transform .26s ease,
    background .26s ease,
    border-color .26s ease,
    box-shadow .26s ease !important;
}

/* 非深绿卡 hover：白底增强 + 左侧金色线 */
.hybrid-mode-tune-section .mode-switch-card .switch-row:not(.active):hover,
.hybrid-mode-tune-section .mode-switch-card .switch-console:hover {
  transform: translateY(-4px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.16) !important;
  box-shadow:
    0 16px 36px rgba(15, 71, 54, 0.075),
    inset 3px 0 0 rgba(242, 228, 189, 0.82) !important;
}

/* 深绿主卡 hover：只轻微上浮，不闪、不呼吸 */
.hybrid-mode-tune-section .mode-switch-card .switch-row.active:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(242, 228, 189, 0.34) !important;
  box-shadow:
    0 18px 42px rgba(15, 71, 54, 0.13),
    inset 3px 0 0 rgba(242, 228, 189, 0.86) !important;
}

/* 序号保持稳定，不参与动画 */
.hybrid-mode-tune-section .mode-switch-card .switch-row::before,
.hybrid-mode-tune-section .mode-switch-card .switch-console::before {
  transition: opacity .26s ease !important;
}

.hybrid-mode-tune-section .mode-switch-card .switch-row:hover::before,
.hybrid-mode-tune-section .mode-switch-card .switch-console:hover::before {
  opacity: 0.18 !important;
}

/* 移动端不做横移，避免页面晃动 */
@media (max-width: 768px) {
  .hybrid-mode-tune-section .section-text .check-list li:hover,
  .hybrid-mode-tune-section .mode-switch-card .switch-row:not(.active):hover,
  .hybrid-mode-tune-section .mode-switch-card .switch-console:hover,
  .hybrid-mode-tune-section .mode-switch-card .switch-row.active:hover {
    transform: none !important;
  }
}
/* 有人无人切换店动效对齐标准有人店 END */

/* 门店基础配置清单化 START */
/* 目标：从普通白卡网格改成“开店配置清单”，和前后版块拉开层级 */

.config-section {
  position: relative !important;
  padding-top: 104px !important;
  padding-bottom: 112px !important;
  background: #ffffff !important;
  background-image: none !important;
  overflow: hidden !important;
}

/* 顶部轻分隔，避免和上一个版块粘住 */
.config-section::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: min(1120px, calc(100% - 48px)) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(15, 71, 54, 0.10), transparent) !important;
  pointer-events: none !important;
}

.config-section::after {
  display: none !important;
  content: none !important;
}

.config-section .config-layout {
  display: grid !important;
  grid-template-columns: minmax(340px, 0.36fr) minmax(650px, 0.64fr) !important;
  gap: 76px !important;
  align-items: start !important;
}

/* 左侧标题区 */
.config-section .config-title {
  position: sticky !important;
  top: 120px !important;
  align-self: start !important;
  max-width: 430px !important;
}

.config-section .config-title .eyebrow {
  color: #0f5a43 !important;
  letter-spacing: 0.08em !important;
}

.config-section .config-title .eyebrow::before {
  background: #0f5a43 !important;
}

.config-section .config-title h2 {
  max-width: 420px !important;
  color: #0f4736 !important;
  font-size: clamp(42px, 3.55vw, 56px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.052em !important;
}

.config-section .config-title p {
  max-width: 420px !important;
  margin-top: 22px !important;
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 15.8px !important;
  line-height: 1.92 !important;
}

/* 右侧配置清单面板 */
.config-section .config-board {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 26px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg, rgba(248, 251, 248, 0.92), rgba(255, 255, 255, 0.96)) !important;
  border: 1px solid rgba(15, 71, 54, 0.10) !important;
  box-shadow:
    0 28px 72px rgba(15, 71, 54, 0.065),
    inset 0 0 0 1px rgba(255, 255, 255, 0.58) !important;
}

/* 面板顶部清单说明，不改 HTML，用伪元素补视觉标签 */
.config-section .config-board::before {
  content: "开店配置清单" !important;
  grid-column: 1 / -1 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  height: 36px !important;
  padding: 0 16px !important;
  margin-bottom: 4px !important;
  border-radius: 999px !important;
  background: #0f4736 !important;
  color: #f2e4bd !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
}

/* 四张配置卡 */
.config-section .config-board article {
  position: relative !important;
  min-height: 188px !important;
  padding: 34px 28px 28px !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  border: 1px solid rgba(15, 71, 54, 0.105) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition:
    transform .26s ease,
    background .26s ease,
    border-color .26s ease,
    box-shadow .26s ease !important;
}

/* 卡片编号 */
.config-section .config-board article::before {
  position: absolute !important;
  right: 24px !important;
  top: 22px !important;
  color: rgba(15, 71, 54, 0.10) !important;
  font-size: 38px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  pointer-events: none !important;
}

.config-section .config-board article:nth-child(1)::before {
  content: "01" !important;
}

.config-section .config-board article:nth-child(2)::before {
  content: "02" !important;
}

.config-section .config-board article:nth-child(3)::before {
  content: "03" !important;
}

.config-section .config-board article:nth-child(4)::before {
  content: "04" !important;
}

/* 因为 config-board::before 占了第一个 grid item，真实 article 是第 2-5 个子元素时的兜底编号 */
.config-section .config-board article:nth-of-type(1)::before {
  content: "01" !important;
}

.config-section .config-board article:nth-of-type(2)::before {
  content: "02" !important;
}

.config-section .config-board article:nth-of-type(3)::before {
  content: "03" !important;
}

.config-section .config-board article:nth-of-type(4)::before {
  content: "04" !important;
}

/* 卡片标题与正文 */
.config-section .config-board article h3 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  max-width: 220px !important;
  color: #0f4736 !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.03em !important;
}

.config-section .config-board article p {
  position: relative !important;
  z-index: 1 !important;
  margin: 16px 0 0 !important;
  max-width: 330px !important;
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

/* hover 对齐标准有人店：轻微上移 + 金色左边线 */
.config-section .config-board article:hover {
  transform: translateY(-5px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.16) !important;
  box-shadow:
    0 16px 36px rgba(15, 71, 54, 0.075),
    inset 3px 0 0 rgba(242, 228, 189, 0.82) !important;
}

.config-section .config-board article:hover::before {
  color: rgba(15, 71, 54, 0.14) !important;
}

/* 移动端 */
@media (max-width: 1080px) {
  .config-section {
    padding-top: 82px !important;
    padding-bottom: 88px !important;
  }

  .config-section .config-layout {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .config-section .config-title {
    position: relative !important;
    top: auto !important;
    max-width: 720px !important;
  }

  .config-section .config-title h2,
  .config-section .config-title p {
    max-width: 720px !important;
  }
}

@media (max-width: 760px) {
  .config-section {
    padding-top: 68px !important;
    padding-bottom: 72px !important;
  }

  .config-section .config-board {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
    border-radius: 28px !important;
  }

  .config-section .config-board article {
    min-height: auto !important;
    padding: 28px 24px 24px !important;
  }

  .config-section .config-board article:hover {
    transform: none !important;
  }
}
/* 门店基础配置清单化 END */

/* 门店基础配置清单微调 START */
/* 只做轻量收口：降低右侧面板重量、左侧标题上提、hover 对齐标准有人店 */

.config-section {
  padding-top: 96px !important;
  padding-bottom: 104px !important;
}

.config-section .config-layout {
  align-items: center !important;
}

/* 左侧标题区略上提，视觉中心对齐右侧面板 */
.config-section .config-title {
  transform: translateY(-10px) !important;
}

/* 右侧外层面板降低重量 */
.config-section .config-board {
  background:
    linear-gradient(180deg, rgba(250, 252, 250, 0.68), rgba(255, 255, 255, 0.82)) !important;
  border-color: rgba(15, 71, 54, 0.075) !important;
  box-shadow:
    0 22px 58px rgba(15, 71, 54, 0.045),
    inset 0 0 0 1px rgba(255, 255, 255, 0.62) !important;
}

/* 顶部标签更轻一点 */
.config-section .config-board::before {
  height: 34px !important;
  padding: 0 15px !important;
  background: #0f4736 !important;
  color: #f2e4bd !important;
  box-shadow: none !important;
}

/* 内部卡片降低边框和灰感 */
.config-section .config-board article {
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: rgba(15, 71, 54, 0.085) !important;
}

.config-section .config-board article h3 {
  color: #0f4736 !important;
}

.config-section .config-board article p {
  color: rgba(35, 72, 58, 0.58) !important;
}

/* 编号降低存在感 */
.config-section .config-board article::before {
  color: rgba(15, 71, 54, 0.085) !important;
}

/* hover 对齐标准有人店：轻上浮 + 左侧金线 */
.config-section .config-board article:hover {
  transform: translateY(-4px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.15) !important;
  box-shadow:
    0 14px 34px rgba(15, 71, 54, 0.06),
    inset 3px 0 0 rgba(242, 228, 189, 0.82) !important;
}

.config-section .config-board article:hover::before {
  color: rgba(15, 71, 54, 0.13) !important;
}

@media (max-width: 1080px) {
  .config-section .config-title {
    transform: none !important;
  }
}
/* 门店基础配置清单微调 END */

/* 后台系统能力面板化 START */
/* 目标：把原来的横向表格式 backend-strip 改成后台运营中枢面板 */

.backend-panel-section {
  position: relative !important;
  padding-top: 106px !important;
  padding-bottom: 112px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(15, 71, 54, 0.035), transparent 28%),
    linear-gradient(180deg, #fbfcf8 0%, #ffffff 100%) !important;
  overflow: hidden !important;
}

.backend-panel-section::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: min(1120px, calc(100% - 48px)) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(15, 71, 54, 0.10), transparent) !important;
  pointer-events: none !important;
}

.backend-panel-section::after {
  display: none !important;
  content: none !important;
}

/* 标题区：保持左右信息，但拉开层级 */
.backend-panel-section .section-head.split-head {
  display: grid !important;
  grid-template-columns: minmax(420px, 0.46fr) minmax(520px, 0.54fr) !important;
  gap: 76px !important;
  align-items: end !important;
  margin-bottom: 42px !important;
}

.backend-panel-section .section-head .eyebrow {
  color: #0f5a43 !important;
  letter-spacing: 0.08em !important;
}

.backend-panel-section .section-head .eyebrow::before {
  background: #0f5a43 !important;
}

.backend-panel-section .section-head h2 {
  max-width: 520px !important;
  color: #0f4736 !important;
  font-size: clamp(42px, 3.55vw, 56px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.052em !important;
}

.backend-panel-section .section-head p {
  max-width: 560px !important;
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 15.8px !important;
  line-height: 1.92 !important;
}

/* 外层后台面板 */
.backend-panel-section .backend-strip {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  overflow: visible !important;
  padding: 72px 24px 24px !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg, rgba(250, 252, 250, 0.74), rgba(255, 255, 255, 0.92)) !important;
  border: 1px solid rgba(15, 71, 54, 0.09) !important;
  box-shadow:
    0 26px 68px rgba(15, 71, 54, 0.055),
    inset 0 0 0 1px rgba(255, 255, 255, 0.62) !important;
}

/* 面板标题条 */
.backend-panel-section .backend-strip::before {
  content: "懒树后台运营中枢" !important;
  position: absolute !important;
  left: 24px !important;
  top: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: #0f4736 !important;
  color: #f2e4bd !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
}

/* 右上角说明 */
.backend-panel-section .backend-strip::after {
  content: "门店 · 设备 · 订单 · 客户 · 风险统一沉淀" !important;
  position: absolute !important;
  right: 26px !important;
  top: 31px !important;
  color: rgba(35, 72, 58, 0.50) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
}

/* 五个后台能力卡片 */
.backend-panel-section .backend-strip div {
  position: relative !important;
  min-height: 170px !important;
  padding: 28px 22px 24px !important;
  border-right: 0 !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(15, 71, 54, 0.095) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition:
    transform .26s ease,
    background .26s ease,
    border-color .26s ease,
    box-shadow .26s ease !important;
}

/* 编号 */
.backend-panel-section .backend-strip div::before {
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  color: rgba(15, 71, 54, 0.085) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
  pointer-events: none !important;
}

.backend-panel-section .backend-strip div:nth-child(1)::before {
  content: "01" !important;
}

.backend-panel-section .backend-strip div:nth-child(2)::before {
  content: "02" !important;
}

.backend-panel-section .backend-strip div:nth-child(3)::before {
  content: "03" !important;
}

.backend-panel-section .backend-strip div:nth-child(4)::before {
  content: "04" !important;
}

.backend-panel-section .backend-strip div:nth-child(5)::before {
  content: "05" !important;
}

/* 标题和说明 */
.backend-panel-section .backend-strip b {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  max-width: 150px !important;
  color: #0f4736 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.03em !important;
}

.backend-panel-section .backend-strip span {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin-top: 16px !important;
  color: rgba(35, 72, 58, 0.60) !important;
  font-size: 14.5px !important;
  line-height: 1.78 !important;
}

/* 风险处理略微强调，但不做重色 */
.backend-panel-section .backend-strip div:nth-child(5) {
  background:
    linear-gradient(180deg, rgba(246, 250, 247, 0.96), rgba(255, 255, 255, 0.84)) !important;
  border-style: dashed !important;
}

/* hover 对齐标准有人店：轻微上移 + 左侧金线 */
.backend-panel-section .backend-strip div:hover {
  transform: translateY(-5px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.16) !important;
  box-shadow:
    0 14px 34px rgba(15, 71, 54, 0.06),
    inset 3px 0 0 rgba(242, 228, 189, 0.82) !important;
}

.backend-panel-section .backend-strip div:hover::before {
  color: rgba(15, 71, 54, 0.13) !important;
}

/* 响应式 */
@media (max-width: 1180px) {
  .backend-panel-section .backend-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .backend-panel-section {
    padding-top: 82px !important;
    padding-bottom: 88px !important;
  }

  .backend-panel-section .section-head.split-head {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .backend-panel-section .backend-strip::after {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .backend-panel-section {
    padding-top: 68px !important;
    padding-bottom: 72px !important;
  }

  .backend-panel-section .backend-strip {
    grid-template-columns: 1fr !important;
    padding: 68px 18px 18px !important;
    border-radius: 28px !important;
  }

  .backend-panel-section .backend-strip div {
    min-height: auto !important;
    padding: 26px 22px 22px !important;
  }

  .backend-panel-section .backend-strip div:hover {
    transform: none !important;
  }
}
/* 后台系统能力面板化 END */

/* 后台系统能力去背景与文案修正 START */
/* 去掉浅绿灰背景，去掉生硬伪文案，只保留干净后台能力卡片 */

.backend-panel-section {
  background: #ffffff !important;
  background-image: none !important;
}

/* 不要这条浅绿背景层，也不要额外装饰 */
.backend-panel-section::before,
.backend-panel-section::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

/* 面板不再像一块浅绿底板 */
.backend-panel-section .backend-strip {
  padding: 24px !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 去掉我之前加的“懒树后台运营中枢”和右上角说明 */
.backend-panel-section .backend-strip::before,
.backend-panel-section .backend-strip::after {
  display: none !important;
  content: none !important;
}

/* 五张卡片保留，但更干净 */
.backend-panel-section .backend-strip div {
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(15, 71, 54, 0.10) !important;
  box-shadow: none !important;
}

/* 风险处理不要虚线得太突兀 */
.backend-panel-section .backend-strip div:nth-child(5) {
  background: rgba(255, 255, 255, 0.88) !important;
  border-style: solid !important;
}

/* hover 轻一点 */
.backend-panel-section .backend-strip div:hover {
  transform: translateY(-4px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.16) !important;
  box-shadow:
    0 14px 34px rgba(15, 71, 54, 0.055),
    inset 3px 0 0 rgba(242, 228, 189, 0.82) !important;
}

/* 文字说明颜色稍微提高清晰度 */
.backend-panel-section .section-head p {
  color: rgba(35, 72, 58, 0.64) !important;
}

.backend-panel-section .backend-strip span {
  color: rgba(35, 72, 58, 0.58) !important;
}
/* 后台系统能力去背景与文案修正 END */

/* 风险与边界小版块 START */
/* 目标：作为 CTA 前的轻量提醒，不再做大版块 */

.risk-section {
  background: #ffffff !important;
  background-image: none !important;
  padding-top: 72px !important;
  padding-bottom: 42px !important;
}

/* 去掉可能残留的大背景和装饰 */
.risk-section::before,
.risk-section::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 从大两栏改成轻量提示区 */
.risk-section .store-shell.two-col {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 0.42fr) minmax(520px, 0.58fr) !important;
  gap: 56px !important;
  align-items: center !important;
}

/* 左侧标题弱化，不抢 CTA */
.risk-section .section-text {
  max-width: 430px !important;
}

.risk-section .section-text .eyebrow {
  color: #0f5a43 !important;
  letter-spacing: 0.08em !important;
}

.risk-section .section-text .eyebrow::before {
  background: #0f5a43 !important;
}

.risk-section .section-text h2 {
  color: #0f4736 !important;
  font-size: clamp(30px, 2.6vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.045em !important;
  margin-bottom: 18px !important;
}

.risk-section .section-text p {
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 15.5px !important;
  line-height: 1.9 !important;
}

/* 右侧从大白卡改成轻量标签组 */
.risk-section .risk-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* 列表变成 2x2 轻提示 */
.risk-section .risk-card ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.risk-section .risk-card li {
  position: relative !important;
  margin: 0 !important;
  padding: 16px 18px 16px 38px !important;
  min-height: 82px !important;
  border-radius: 18px !important;
  background: rgba(15, 71, 54, 0.045) !important;
  border: 1px solid rgba(15, 71, 54, 0.09) !important;
  color: rgba(35, 72, 58, 0.62) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  box-shadow: none !important;
  transition:
    transform .24s ease,
    background .24s ease,
    border-color .24s ease,
    box-shadow .24s ease !important;
}

/* 小圆点 */
.risk-section .risk-card li::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 23px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #0f5a43 !important;
  box-shadow: none !important;
}

/* 关键词更清晰，但不过分强调 */
.risk-section .risk-card li strong {
  color: #0f4736 !important;
  font-weight: 800 !important;
}

/* hover 对齐前面轻动效 */
.risk-section .risk-card li:hover {
  transform: translateY(-3px) !important;
  background: #ffffff !important;
  border-color: rgba(15, 71, 54, 0.15) !important;
  box-shadow:
    0 12px 28px rgba(15, 71, 54, 0.045),
    inset 3px 0 0 rgba(242, 228, 189, 0.78) !important;
}

/* 缩短与 CTA 的距离 */
.risk-section + .store-cta {
  padding-top: 34px !important;
}

/* 移动端 */
@media (max-width: 900px) {
  .risk-section .store-shell.two-col {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .risk-section .section-text {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  .risk-section {
    padding-top: 56px !important;
    padding-bottom: 32px !important;
  }

  .risk-section .store-shell.two-col {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .risk-section .risk-card ul {
    grid-template-columns: 1fr !important;
  }

  .risk-section .risk-card li {
    min-height: auto !important;
  }
}
/* 风险与边界小版块 END */

/* 后台系统能力版块放大 START */
/* 目标：增强后台系统能力版块体量，让下方风险提示更像小版块 */

.backend-panel-section {
  padding-top: 128px !important;
  padding-bottom: 148px !important;
}

/* 标题区拉大一点 */
.backend-panel-section .section-head.split-head {
  margin-bottom: 58px !important;
  align-items: center !important;
}

.backend-panel-section .section-head h2 {
  font-size: clamp(52px, 4.25vw, 72px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.058em !important;
}

.backend-panel-section .section-head p {
  max-width: 620px !important;
  font-size: 16.2px !important;
  line-height: 2.02 !important;
}

/* 卡片区整体更有存在感 */
.backend-panel-section .backend-strip {
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 18px !important;
  padding: 0 8px !important;
}

/* 五张卡片加高、加宽、文字更稳 */
.backend-panel-section .backend-strip div {
  min-height: 210px !important;
  padding: 34px 26px 30px !important;
  border-radius: 26px !important;
}

.backend-panel-section .backend-strip b {
  font-size: 22px !important;
  line-height: 1.34 !important;
  max-width: 170px !important;
}

.backend-panel-section .backend-strip span {
  margin-top: 18px !important;
  font-size: 15px !important;
  line-height: 1.86 !important;
}

/* 编号稍微加大，但仍然保持浅 */
.backend-panel-section .backend-strip div::before {
  right: 20px !important;
  top: 20px !important;
  font-size: 38px !important;
}

/* hover 保持轻，不要变重 */
.backend-panel-section .backend-strip div:hover {
  transform: translateY(-5px) !important;
}

/* 让风险版块与后台版块之间留出呼吸感，但不把风险做大 */
.backend-panel-section + .risk-section {
  padding-top: 54px !important;
}

/* 响应式 */
@media (max-width: 1180px) {
  .backend-panel-section .backend-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .backend-panel-section .backend-strip div {
    min-height: 190px !important;
  }
}

@media (max-width: 760px) {
  .backend-panel-section {
    padding-top: 78px !important;
    padding-bottom: 88px !important;
  }

  .backend-panel-section .section-head h2 {
    font-size: 42px !important;
  }

  .backend-panel-section .backend-strip {
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  .backend-panel-section .backend-strip div {
    min-height: auto !important;
    padding: 28px 24px 24px !important;
  }
}
/* 后台系统能力版块放大 END */


/* ===== Human staffed store large scene card 2026-05-29 START ===== */

.human-scene-section {
  position: relative !important;
  padding-top: 112px !important;
  padding-bottom: 126px !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(242, 228, 189, 0.10), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(15, 71, 54, 0.045), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
  overflow: hidden !important;
}

.human-scene-section::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: min(1180px, calc(100% - 48px)) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(15, 71, 54, 0.10), transparent) !important;
  pointer-events: none !important;
}

.human-scene-section .store-shell {
  position: relative !important;
  z-index: 1 !important;
}

.human-scene-head {
  display: grid !important;
  grid-template-columns: minmax(560px, 0.58fr) minmax(360px, 0.42fr) !important;
  gap: 64px !important;
  align-items: end !important;
  margin-bottom: 46px !important;
}

.human-scene-head .eyebrow {
  color: #174f3d !important;
}

.human-scene-head .eyebrow::before {
  background: #174f3d !important;
}

.human-scene-head h2 {
  margin: 0 !important;
  max-width: 760px !important;
  color: #0f4736 !important;
  font-size: clamp(44px, 4.15vw, 64px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.055em !important;
}

.human-scene-head p {
  margin: 0 !important;
  max-width: 460px !important;
  color: rgba(35, 72, 58, 0.64) !important;
  font-size: 16px !important;
  line-height: 1.92 !important;
}

.human-scene-card {
  position: relative !important;
  min-height: 650px !important;
  border-radius: 42px !important;
  overflow: hidden !important;
  background: #0f4736 !important;
  border: 1px solid rgba(15, 71, 54, 0.12) !important;
  box-shadow:
    0 34px 92px rgba(15, 71, 54, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.10) !important;
  isolation: isolate !important;
}

.human-scene-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background-image: url('/assets/store/store-hero-bg-swap.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  transform: scale(1.02) !important;
  transition:
    transform .7s ease,
    filter .7s ease,
    opacity .7s ease !important;
}

/* 用色温变化模拟不同经营场景，避免没有新图时出现缺图 */
.human-scene-card[data-scene="0"] .human-scene-bg {
  filter: saturate(1.02) contrast(1.02) brightness(.94) !important;
}

.human-scene-card[data-scene="1"] .human-scene-bg {
  filter: saturate(1.08) contrast(1.04) brightness(.90) hue-rotate(-4deg) !important;
  transform: scale(1.045) translateX(-8px) !important;
}

.human-scene-card[data-scene="2"] .human-scene-bg {
  filter: saturate(1.04) contrast(1.03) brightness(.88) hue-rotate(5deg) !important;
  transform: scale(1.04) translateX(8px) !important;
}

.human-scene-card[data-scene="3"] .human-scene-bg {
  filter: saturate(.98) contrast(1.05) brightness(.86) !important;
  transform: scale(1.035) translateY(-6px) !important;
}

.human-scene-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(5, 25, 20, 0.20) 0%,
      rgba(5, 25, 20, 0.16) 38%,
      rgba(5, 25, 20, 0.38) 64%,
      rgba(5, 25, 20, 0.72) 100%),
    linear-gradient(180deg,
      rgba(5, 25, 20, 0.10) 0%,
      rgba(5, 25, 20, 0.04) 42%,
      rgba(5, 25, 20, 0.72) 100%) !important;
}

.human-scene-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 22px !important;
  z-index: 2 !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  pointer-events: none !important;
}

.human-scene-card::after {
  content: "LAZYTREE STAFFED STORE" !important;
  position: absolute !important;
  left: 44px !important;
  bottom: 126px !important;
  z-index: 3 !important;
  color: rgba(255, 255, 255, 0.42) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  pointer-events: none !important;
}

.human-scene-slide {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .42s ease !important;
}

.human-scene-slide.is-active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.human-scene-copy {
  position: absolute !important;
  right: 54px !important;
  top: 72px !important;
  width: min(460px, calc(100% - 108px)) !important;
  padding: 34px 34px 32px !important;
  border-radius: 30px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.66)) !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  transform: translateY(14px) !important;
  transition: transform .42s ease !important;
}

.human-scene-slide.is-active .human-scene-copy {
  transform: translateY(0) !important;
}

.human-scene-index {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 36px !important;
  margin-bottom: 24px !important;
  border-radius: 999px !important;
  color: #0f4736 !important;
  background: #f2e4bd !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.human-scene-copy h3 {
  margin: 0 !important;
  color: #0f4736 !important;
  font-size: 31px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.045em !important;
}

.human-scene-copy p {
  margin: 18px 0 0 !important;
  color: rgba(35, 72, 58, 0.68) !important;
  font-size: 15.5px !important;
  line-height: 1.86 !important;
}

.human-scene-copy ul {
  margin: 24px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.human-scene-copy li {
  position: relative !important;
  margin-top: 13px !important;
  padding-left: 22px !important;
  color: rgba(35, 72, 58, 0.72) !important;
  font-size: 14.5px !important;
  line-height: 1.68 !important;
}

.human-scene-copy li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.72em !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #174f3d !important;
}

.human-scene-nav {
  position: absolute !important;
  left: 38px !important;
  right: 38px !important;
  bottom: 34px !important;
  z-index: 8 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.human-scene-nav button {
  position: relative !important;
  min-height: 92px !important;
  padding: 18px 18px 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  text-align: left !important;
  cursor: pointer !important;
  overflow: hidden !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
  transition:
    transform .26s ease,
    background .26s ease,
    border-color .26s ease,
    color .26s ease,
    box-shadow .26s ease !important;
}

.human-scene-nav button::before {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  top: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #f2e4bd !important;
  opacity: 0 !important;
  transition: opacity .26s ease !important;
}

.human-scene-nav button:hover {
  transform: translateY(-4px) !important;
  color: #ffffff !important;
  border-color: rgba(242, 228, 189, 0.36) !important;
  background: rgba(255, 255, 255, 0.18) !important;
}

.human-scene-nav button.is-active {
  color: #0f4736 !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

.human-scene-nav button.is-active::before {
  opacity: 1 !important;
}

.human-scene-nav strong {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
}

.human-scene-nav span {
  display: block !important;
  margin-top: 8px !important;
  color: currentColor !important;
  opacity: 0.70 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* 与下方无人租赁版块衔接 */
.human-scene-section + .unmanned-flow-section {
  padding-top: 88px !important;
}

@media (max-width: 1080px) {
  .human-scene-section {
    padding-top: 86px !important;
    padding-bottom: 96px !important;
  }

  .human-scene-head {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .human-scene-head p {
    max-width: 780px !important;
  }

  .human-scene-card {
    min-height: 760px !important;
    border-radius: 34px !important;
  }

  .human-scene-copy {
    left: 34px !important;
    right: 34px !important;
    top: 42px !important;
    width: auto !important;
  }

  .human-scene-card::after {
    display: none !important;
  }

  .human-scene-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    left: 28px !important;
    right: 28px !important;
    bottom: 28px !important;
  }
}

@media (max-width: 680px) {
  .human-scene-section {
    padding-top: 70px !important;
    padding-bottom: 78px !important;
  }

  .human-scene-head h2 {
    font-size: clamp(38px, 10vw, 50px) !important;
  }

  .human-scene-card {
    min-height: 920px !important;
    border-radius: 28px !important;
  }

  .human-scene-copy {
    left: 18px !important;
    right: 18px !important;
    top: 24px !important;
    padding: 26px 22px 24px !important;
    border-radius: 24px !important;
  }

  .human-scene-copy h3 {
    font-size: 26px !important;
  }

  .human-scene-nav {
    grid-template-columns: 1fr !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    gap: 10px !important;
  }

  .human-scene-nav button {
    min-height: 76px !important;
  }
}

/* ===== Human staffed store large scene card 2026-05-29 END ===== */

/* ===== Human staffed store multi-image refine 2026-05-29 START ===== */

/* 标题区与大卡片之间更紧凑 */
.human-scene-section {
  padding-top: 96px !important;
  padding-bottom: 118px !important;
}

.human-scene-head {
  margin-bottom: 30px !important;
  grid-template-columns: minmax(580px, 0.60fr) minmax(320px, 0.40fr) !important;
  gap: 42px !important;
}

.human-scene-head h2 {
  font-size: clamp(42px, 4vw, 60px) !important;
}

.human-scene-head p {
  max-width: 440px !important;
  color: rgba(35, 72, 58, 0.56) !important;
  line-height: 1.86 !important;
}

/* 大卡片整体更明亮一点 */
.human-scene-card {
  min-height: 610px !important;
  border-radius: 38px !important;
  box-shadow:
    0 28px 82px rgba(15, 71, 54, 0.12),
    inset 0 0 0 1px rgba(255,255,255,0.12) !important;
}

/* 4 个场景使用 4 张不同图；第一张缺失时回退到原 hero 图 */
.human-scene-bg {
  background-image:
    url('/assets/images/human-store-scene-01.webp'),
    url('/assets/store/store-hero-bg-swap.webp') !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  transition:
    transform .6s ease,
    filter .6s ease,
    opacity .6s ease,
    background-image .2s ease !important;
}

/* 不同 tab 对应不同图片 */
.human-scene-card[data-scene="0"] .human-scene-bg {
  background-image:
    url('/assets/images/human-store-scene-01.webp'),
    url('/assets/store/store-hero-bg-swap.webp') !important;
  filter: saturate(1.02) contrast(1.02) brightness(0.99) !important;
  transform: scale(1.01) !important;
}

.human-scene-card[data-scene="1"] .human-scene-bg {
  background-image:
    url('/assets/images/human-store-scene-02.webp'),
    url('/assets/store/store-hero-bg-swap.webp') !important;
  filter: saturate(1.03) contrast(1.03) brightness(0.985) !important;
  transform: scale(1.015) !important;
}

.human-scene-card[data-scene="2"] .human-scene-bg {
  background-image:
    url('/assets/images/human-store-scene-03.webp'),
    url('/assets/store/store-hero-bg-swap.webp') !important;
  filter: saturate(1.02) contrast(1.02) brightness(0.98) !important;
  transform: scale(1.015) !important;
}

.human-scene-card[data-scene="3"] .human-scene-bg {
  background-image:
    url('/assets/images/human-store-scene-04.webp'),
    url('/assets/store/store-hero-bg-swap.webp') !important;
  filter: saturate(1.01) contrast(1.02) brightness(0.975) !important;
  transform: scale(1.012) !important;
}

/* 遮罩大幅减轻，避免底图发灰 */
.human-scene-shade {
  background:
    linear-gradient(90deg,
      rgba(8, 32, 26, 0.06) 0%,
      rgba(8, 32, 26, 0.04) 34%,
      rgba(8, 32, 26, 0.14) 62%,
      rgba(8, 32, 26, 0.38) 100%),
    linear-gradient(180deg,
      rgba(8, 32, 26, 0.02) 0%,
      rgba(8, 32, 26, 0.02) 60%,
      rgba(8, 32, 26, 0.28) 100%) !important;
}

/* 外边框别太抢 */
.human-scene-card::before {
  inset: 20px !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
}

.human-scene-card::after {
  left: 40px !important;
  bottom: 116px !important;
  color: rgba(255,255,255,0.52) !important;
}

/* 右侧玻璃卡：更轻、更透、略往右上移动，别挡主体 */
.human-scene-copy {
  right: 42px !important;
  top: 54px !important;
  width: min(420px, calc(100% - 84px)) !important;
  padding: 30px 30px 28px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.76), rgba(255,255,255,0.62)) !important;
  border: 1px solid rgba(255,255,255,0.58) !important;
  box-shadow:
    0 22px 56px rgba(0,0,0,0.14),
    inset 0 1px 0 rgba(255,255,255,0.76) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

.human-scene-index {
  width: 48px !important;
  height: 34px !important;
  margin-bottom: 20px !important;
}

.human-scene-copy h3 {
  font-size: 27px !important;
  line-height: 1.24 !important;
}

.human-scene-copy p {
  margin-top: 16px !important;
  color: rgba(35, 72, 58, 0.64) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

.human-scene-copy ul {
  margin-top: 20px !important;
}

.human-scene-copy li {
  margin-top: 11px !important;
  color: rgba(35, 72, 58, 0.66) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

/* 底部 tabs 更轻，不要像系统模块按钮 */
.human-scene-nav {
  left: 32px !important;
  right: 32px !important;
  bottom: 28px !important;
  gap: 10px !important;
}

.human-scene-nav button {
  min-height: 82px !important;
  padding: 16px 16px 14px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.74) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
}

.human-scene-nav button::before {
  left: 16px !important;
  right: 16px !important;
  top: 0 !important;
  height: 2px !important;
  background: #f2e4bd !important;
}

.human-scene-nav button:hover {
  transform: translateY(-2px) !important;
  background: rgba(255,255,255,0.16) !important;
  border-color: rgba(255,255,255,0.22) !important;
}

.human-scene-nav button.is-active {
  background: rgba(255,255,255,0.88) !important;
  border-color: rgba(255,255,255,0.66) !important;
  color: #0f4736 !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,0.72) !important;
}

.human-scene-nav strong {
  font-size: 15px !important;
}

.human-scene-nav span {
  margin-top: 7px !important;
  font-size: 12.5px !important;
  opacity: 0.72 !important;
}

/* 与下方版块间距 */
.human-scene-section + .unmanned-flow-section {
  padding-top: 78px !important;
}

@media (max-width: 1080px) {
  .human-scene-section {
    padding-top: 80px !important;
    padding-bottom: 88px !important;
  }

  .human-scene-head {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-bottom: 24px !important;
  }

  .human-scene-card {
    min-height: 720px !important;
  }

  .human-scene-copy {
    right: 28px !important;
    left: 28px !important;
    top: 32px !important;
    width: auto !important;
  }

  .human-scene-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
  }
}

@media (max-width: 680px) {
  .human-scene-card {
    min-height: 880px !important;
    border-radius: 26px !important;
  }

  .human-scene-copy {
    left: 16px !important;
    right: 16px !important;
    top: 20px !important;
    padding: 24px 20px 22px !important;
    border-radius: 22px !important;
  }

  .human-scene-copy h3 {
    font-size: 24px !important;
  }

  .human-scene-nav {
    grid-template-columns: 1fr !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
  }

  .human-scene-nav button {
    min-height: 72px !important;
  }
}

/* ===== Human staffed store multi-image refine 2026-05-29 END ===== */

/* ===== Human scene image flash + size lock fix 2026-05-29 START ===== */

/*
  解决两个问题：
  1. 新图加载前闪出旧 hero 图
  2. 切换 tab 时背景图缩放/位移不一致
*/

.human-scene-card {
  background: #102f28 !important;
}

/* 所有场景统一底图容器行为，不再每个 tab 单独缩放 */
.human-scene-bg {
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
  filter: saturate(1.02) contrast(1.02) brightness(0.98) !important;
  transition: opacity .34s ease, filter .34s ease !important;
  will-change: opacity !important;
}

/* 彻底去掉旧图 fallback，只保留当前 4 张正式图 */
.human-scene-card[data-scene="0"] .human-scene-bg {
  background-image: url('/assets/images/human-store-scene-01.webp?v=20260529') !important;
  background-size: cover !important;
  background-position: center center !important;
  transform: none !important;
  filter: saturate(1.02) contrast(1.02) brightness(0.99) !important;
}

.human-scene-card[data-scene="1"] .human-scene-bg {
  background-image: url('/assets/images/human-store-scene-02.webp?v=20260529') !important;
  background-size: cover !important;
  background-position: center center !important;
  transform: none !important;
  filter: saturate(1.02) contrast(1.02) brightness(0.99) !important;
}

.human-scene-card[data-scene="2"] .human-scene-bg {
  background-image: url('/assets/images/human-store-scene-03.webp?v=20260529') !important;
  background-size: cover !important;
  background-position: center center !important;
  transform: none !important;
  filter: saturate(1.02) contrast(1.02) brightness(0.99) !important;
}

.human-scene-card[data-scene="3"] .human-scene-bg {
  background-image: url('/assets/images/human-store-scene-04.webp?v=20260529') !important;
  background-size: cover !important;
  background-position: center center !important;
  transform: none !important;
  filter: saturate(1.02) contrast(1.02) brightness(0.99) !important;
}

/* 不同图片只允许轻微调位置，不允许再调尺寸 */
.human-scene-card[data-scene="0"] .human-scene-bg {
  background-position: center center !important;
}

.human-scene-card[data-scene="1"] .human-scene-bg {
  background-position: center center !important;
}

.human-scene-card[data-scene="2"] .human-scene-bg {
  background-position: center center !important;
}

.human-scene-card[data-scene="3"] .human-scene-bg {
  background-position: center center !important;
}

/* 遮罩保持统一，避免切换时明暗跳动太大 */
.human-scene-shade {
  background:
    linear-gradient(90deg,
      rgba(8, 32, 26, 0.05) 0%,
      rgba(8, 32, 26, 0.04) 34%,
      rgba(8, 32, 26, 0.14) 62%,
      rgba(8, 32, 26, 0.36) 100%),
    linear-gradient(180deg,
      rgba(8, 32, 26, 0.01) 0%,
      rgba(8, 32, 26, 0.02) 60%,
      rgba(8, 32, 26, 0.30) 100%) !important;
}

/* 切换时只切文字和背景图，不再做背景运动 */
.human-scene-slide {
  transition: opacity .28s ease !important;
}

.human-scene-slide.is-active .human-scene-copy {
  transform: translateY(0) !important;
}

/* 兜底覆盖：旧 CSS 里如果还有 scale/translate，也全部压掉 */
.human-scene-card[data-scene] .human-scene-bg {
  transform: none !important;
  background-size: cover !important;
}

/* ===== Human scene image flash + size lock fix 2026-05-29 END ===== */

/* ===== Store final CTA footer gap unify 2026-05-29 START ===== */

/*
  门店服务页底部 CTA 与 footer 收口。
  覆盖前面多轮 store-cta padding/margin 叠加规则。
*/

.store-page .store-cta,
body.store-page .store-cta,
main .store-cta {
  margin-bottom: 0 !important;
  padding-bottom: 56px !important;
}

.store-page .store-cta .store-shell,
.store-page .store-cta .cta-panel,
.store-page .store-cta > div {
  margin-bottom: 0 !important;
}

@media (max-width: 760px) {
  .store-page .store-cta,
  body.store-page .store-cta,
  main .store-cta {
    padding-bottom: 44px !important;
  }
}

/* ===== Store final CTA footer gap unify 2026-05-29 END ===== */

/* ===== Store real footer margin fix 2026-05-29 START ===== */

.store-page .store-cta,
body.store-page .store-cta,
main .store-cta {
  margin-bottom: 0 !important;
  padding-bottom: 56px !important;
}

body:has(.store-page) .footer {
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  .store-page .store-cta,
  body.store-page .store-cta,
  main .store-cta {
    padding-bottom: 44px !important;
  }
}

/* ===== Store real footer margin fix 2026-05-29 END ===== */

/* ===== Store mobile full adapt v1 2026-05-30 START ===== */

@media (max-width: 820px) {
  .store-page {
    overflow-x: hidden !important;
  }

  .store-hero {
    min-height: auto !important;
    padding: 104px 0 72px !important;
  }

  .store-hero-inner,
  .store-hero-layout,
  .store-layout,
  .store-split,
  .store-section-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .store-hero h1,
  .store-hero-title {
    max-width: 100% !important;
    white-space: normal !important;
  }

  .store-hero p {
    max-width: 100% !important;
  }

  .store-section,
  .store-role,
  .store-revenue,
  .model-section,
  .human-store,
  .unmanned-flow-section,
  .system-section,
  .system-modules-section,
  .hybrid-section,
  .config-section,
  .backend-section,
  .risk-section,
  .store-cta {
    padding-top: 68px !important;
    padding-bottom: 70px !important;
  }

  .store-section .section-head,
  .store-head,
  .store-section-head {
    max-width: calc(100vw - 28px) !important;
    margin-bottom: 28px !important;
  }

  .store-grid,
  .role-grid,
  .revenue-grid,
  .model-grid,
  .human-grid,
  .unmanned-grid,
  .system-grid,
  .module-grid,
  .hybrid-grid,
  .config-grid,
  .backend-grid,
  .risk-grid,
  .store-card-grid,
  .store-flow-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    max-width: calc(100vw - 28px) !important;
  }

  .store-grid > *,
  .role-grid > *,
  .revenue-grid > *,
  .model-grid > *,
  .human-grid > *,
  .unmanned-grid > *,
  .system-grid > *,
  .module-grid > *,
  .hybrid-grid > *,
  .config-grid > *,
  .backend-grid > *,
  .risk-grid > *,
  .store-card,
  .store-flow-card {
    min-height: auto !important;
    padding: 24px 22px !important;
    border-radius: 24px !important;
    transform: none !important;
  }

  .store-cta .cta-panel,
  .store-cta-inner,
  .store-cta-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 28px 24px !important;
    border-radius: 28px !important;
  }

  .store-cta a,
  .store-cta .btn-primary {
    width: 100% !important;
    justify-content: center !important;
  }

  .loop-card,
  .flow-node,
  .system-node {
    transform: none !important;
  }
}

/* ===== Store mobile full adapt v1 2026-05-30 END ===== */

/* ===== Store mobile refine v1 2026-05-30 START ===== */

/*
  门店服务页手机端重排 V1：
  1. 首屏降低桌面大图压迫感
  2. 门店模式、服务能力、系统能力改成手机端卡片节奏
  3. 图片卡高度收短，减少长页面滑动压力
  4. 风险/异常/基础配置类内容弱化为轻量说明卡
  5. 只影响移动端，不影响桌面端
*/

@media (max-width: 820px) {
  body,
  .store-page,
  .store-service-page,
  main {
    overflow-x: hidden !important;
  }

  /* Hero：手机端不再沿用桌面大首屏 */
  .store-hero,
  .store-page .hero,
  .store-service-hero,
  .store-v2-hero {
    min-height: auto !important;
    height: auto !important;
    padding: 46px 0 38px !important;
    display: block !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .store-hero-inner,
  .store-hero-layout,
  .store-page .hero-inner,
  .store-service-hero-inner,
  .store-v2-hero-inner,
  .store-v2-hero-layout {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    transform: none !important;
  }

  .store-hero h1,
  .store-page .hero h1,
  .store-service-hero h1,
  .store-v2-hero h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(30px, 8.2vw, 42px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.06em !important;
    white-space: normal !important;
  }

  .store-hero p,
  .store-page .hero p,
  .store-service-hero p,
  .store-v2-hero p {
    max-width: 100% !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.68 !important;
  }

  .store-hero-card,
  .store-hero-panel,
  .store-v2-hero-card,
  .store-v2-hero-panel,
  .store-service-hero-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
    transform: none !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.64)) !important;
    box-shadow:
      0 18px 48px rgba(0, 0, 0, 0.12),
      inset 0 1px 0 rgba(255,255,255,0.78) !important;
  }

  /* 全页版块节奏 */
  .store-section,
  .store-service-section,
  .store-v2-section,
  .store-mode-section,
  .store-system-section,
  .store-config-section,
  .store-risk-section,
  .store-flow-section,
  .store-cta {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .store-section-head,
  .store-service-section-head,
  .store-v2-section-head,
  .store-head,
  .store-title-block,
  .section-head {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto 18px !important;
    text-align: left !important;
  }

  .store-section-head h2,
  .store-service-section-head h2,
  .store-v2-section-head h2,
  .store-head h2,
  .store-title-block h2,
  .section-head h2 {
    font-size: clamp(25px, 7.2vw, 34px) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.055em !important;
  }

  .store-section-head p,
  .store-service-section-head p,
  .store-v2-section-head p,
  .store-head p,
  .store-title-block p,
  .section-head p {
    margin-top: 10px !important;
    font-size: 12.8px !important;
    line-height: 1.65 !important;
  }

  /* 门店模式 / 服务能力 / 系统能力：统一手机端卡片 */
  .store-grid,
  .store-card-grid,
  .store-mode-grid,
  .store-service-grid,
  .store-system-grid,
  .store-config-grid,
  .store-risk-grid,
  .store-flow-grid,
  .store-feature-grid,
  .store-capability-grid {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .store-card,
  .store-mode-card,
  .store-service-card,
  .store-system-card,
  .store-config-card,
  .store-risk-card,
  .store-flow-card,
  .store-feature-card,
  .store-capability-card,
  .store-grid > *,
  .store-card-grid > *,
  .store-mode-grid > *,
  .store-service-grid > *,
  .store-system-grid > *,
  .store-config-grid > *,
  .store-risk-grid > *,
  .store-flow-grid > *,
  .store-feature-grid > *,
  .store-capability-grid > * {
    min-height: auto !important;
    padding: 18px 16px !important;
    border-radius: 18px !important;
    transform: none !important;
    box-shadow:
      0 14px 36px rgba(15, 71, 54, 0.05),
      inset 0 1px 0 rgba(255,255,255,0.92) !important;
  }

  .store-card h3,
  .store-mode-card h3,
  .store-service-card h3,
  .store-system-card h3,
  .store-config-card h3,
  .store-risk-card h3,
  .store-flow-card h3,
  .store-feature-card h3,
  .store-capability-card h3,
  .store-grid h3,
  .store-card-grid h3,
  .store-mode-grid h3,
  .store-service-grid h3,
  .store-system-grid h3 {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.035em !important;
  }

  .store-card p,
  .store-mode-card p,
  .store-service-card p,
  .store-system-card p,
  .store-config-card p,
  .store-risk-card p,
  .store-flow-card p,
  .store-feature-card p,
  .store-capability-card p,
  .store-grid p,
  .store-card-grid p,
  .store-mode-grid p,
  .store-service-grid p,
  .store-system-grid p {
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: rgba(35, 72, 58, 0.62) !important;
  }

  /* 如果卡片带图标，改成 App 设置项风格 */
  .store-card .icon,
  .store-mode-card .icon,
  .store-service-card .icon,
  .store-system-card .icon,
  .store-feature-card .icon,
  .store-capability-card .icon,
  .store-card [class*="icon"],
  .store-mode-card [class*="icon"],
  .store-service-card [class*="icon"],
  .store-system-card [class*="icon"] {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    margin: 0 0 10px !important;
  }

  /* 图片/门店场景卡：保留抓眼，但高度收短 */
  .store-image-card,
  .store-photo-card,
  .store-visual-card,
  .store-scene-card,
  .store-case-card,
  .store-media-card,
  .store-system-image,
  .store-equipment-image {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .store-image-card img,
  .store-photo-card img,
  .store-visual-card img,
  .store-scene-card img,
  .store-case-card img,
  .store-media-card img,
  .store-system-image img,
  .store-equipment-image img {
    width: 100% !important;
    height: 190px !important;
    display: block !important;
    object-fit: cover !important;
  }

  .store-image-card .card-body,
  .store-photo-card .card-body,
  .store-visual-card .card-body,
  .store-scene-card .card-body,
  .store-case-card .card-body,
  .store-media-card .card-body {
    padding: 14px 14px !important;
  }

  /* 分栏结构一律单列，避免出现桌面残留空白 */
  .store-layout,
  .store-split,
  .store-two-col,
  .store-columns,
  .store-panel-layout,
  .store-system-layout,
  .store-config-layout,
  .store-risk-layout {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .store-layout > *,
  .store-split > *,
  .store-two-col > *,
  .store-columns > *,
  .store-panel-layout > *,
  .store-system-layout > *,
  .store-config-layout > *,
  .store-risk-layout > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    box-sizing: border-box !important;
  }

  /* 风险、异常、配置这类版块弱化，不要太压迫 */
  .store-risk-section,
  .store-config-section,
  .store-exception-section,
  .store-warning-section {
    background: #ffffff !important;
  }

  .store-risk-card,
  .store-config-card,
  .store-exception-card,
  .store-warning-card {
    background:
      radial-gradient(circle at 92% 8%, rgba(242, 228, 189, 0.10), transparent 34%),
      rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(15, 71, 54, 0.08) !important;
  }

  /* 表格/参数/配置项在手机端改成块状 */
  table,
  .store-table,
  .store-config-table,
  .store-compare-table {
    width: 100% !important;
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .store-list,
  .store-feature-list,
  .store-config-list,
  .store-risk-list {
    gap: 8px !important;
  }

  .store-list li,
  .store-feature-list li,
  .store-config-list li,
  .store-risk-list li {
    padding: 11px 0 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  /* CTA */
  .store-cta-inner,
  .store-cta-card {
    width: calc(100% - 34px) !important;
    max-width: calc(100vw - 34px) !important;
    margin: 0 auto !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .store-cta h2 {
    font-size: clamp(23px, 6.8vw, 31px) !important;
    line-height: 1.18 !important;
  }

  .store-cta p {
    font-size: 12.5px !important;
    line-height: 1.62 !important;
  }

  .store-cta a,
  .store-cta .btn-primary {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 390px) {
  .store-hero-inner,
  .store-hero-layout,
  .store-page .hero-inner,
  .store-service-hero-inner,
  .store-v2-hero-inner,
  .store-v2-hero-layout,
  .store-section-head,
  .store-service-section-head,
  .store-v2-section-head,
  .store-head,
  .store-title-block,
  .store-grid,
  .store-card-grid,
  .store-mode-grid,
  .store-service-grid,
  .store-system-grid,
  .store-config-grid,
  .store-risk-grid,
  .store-flow-grid,
  .store-feature-grid,
  .store-capability-grid {
    width: calc(100% - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .store-hero h1,
  .store-page .hero h1,
  .store-service-hero h1,
  .store-v2-hero h1 {
    font-size: clamp(28px, 8vw, 36px) !important;
  }

  .store-image-card img,
  .store-photo-card img,
  .store-visual-card img,
  .store-scene-card img,
  .store-case-card img,
  .store-media-card img,
  .store-system-image img,
  .store-equipment-image img {
    height: 170px !important;
  }
}

/* ===== Store mobile refine v1 2026-05-30 END ===== */

/* ===== Store mobile refine v2 2026-05-30 START ===== */

/*
  门店服务页手机端 V2：
  - 首屏降低 H5 投流感
  - 深绿色成本/表单类版块弱化
  - 门店模式和系统能力卡片统一成 App 信息卡
  - 图片说明卡统一
*/

@media (max-width: 820px) {
  /* 首屏继续压短，降低背景图+表单堆叠感 */
  .store-hero,
  .store-page .hero,
  .store-service-hero,
  .store-v2-hero {
    padding-top: 34px !important;
    padding-bottom: 30px !important;
    min-height: auto !important;
  }

  .store-hero h1,
  .store-page .hero h1,
  .store-service-hero h1,
  .store-v2-hero h1 {
    font-size: clamp(28px, 7.8vw, 38px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.055em !important;
  }

  .store-hero p,
  .store-page .hero p,
  .store-service-hero p,
  .store-v2-hero p {
    font-size: 12.5px !important;
    line-height: 1.62 !important;
  }

  .store-hero-card,
  .store-hero-panel,
  .store-v2-hero-card,
  .store-v2-hero-panel,
  .store-service-hero-card {
    padding: 15px 14px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.10) !important;
  }

  /* 大版块节奏再收紧 */
  .store-section,
  .store-service-section,
  .store-v2-section,
  .store-mode-section,
  .store-system-section,
  .store-config-section,
  .store-risk-section,
  .store-flow-section,
  .store-cta {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  .store-section-head,
  .store-service-section-head,
  .store-v2-section-head,
  .store-head,
  .store-title-block,
  .section-head {
    margin-bottom: 15px !important;
  }

  .store-section-head h2,
  .store-service-section-head h2,
  .store-v2-section-head h2,
  .store-head h2,
  .store-title-block h2,
  .section-head h2 {
    font-size: clamp(23px, 6.8vw, 31px) !important;
    line-height: 1.16 !important;
  }

  .store-section-head p,
  .store-service-section-head p,
  .store-v2-section-head p,
  .store-head p,
  .store-title-block p,
  .section-head p {
    font-size: 12.3px !important;
    line-height: 1.62 !important;
  }

  /* 卡片统一成更轻的 App 信息卡 */
  .store-card,
  .store-mode-card,
  .store-service-card,
  .store-system-card,
  .store-config-card,
  .store-risk-card,
  .store-flow-card,
  .store-feature-card,
  .store-capability-card,
  .store-grid > *,
  .store-card-grid > *,
  .store-mode-grid > *,
  .store-service-grid > *,
  .store-system-grid > *,
  .store-config-grid > *,
  .store-risk-grid > *,
  .store-flow-grid > *,
  .store-feature-grid > *,
  .store-capability-grid > * {
    padding: 15px 14px !important;
    border-radius: 16px !important;
    box-shadow:
      0 10px 28px rgba(15, 71, 54, 0.04),
      inset 0 1px 0 rgba(255,255,255,0.92) !important;
  }

  .store-card h3,
  .store-mode-card h3,
  .store-service-card h3,
  .store-system-card h3,
  .store-config-card h3,
  .store-risk-card h3,
  .store-flow-card h3,
  .store-feature-card h3,
  .store-capability-card h3,
  .store-grid h3,
  .store-card-grid h3,
  .store-mode-grid h3,
  .store-service-grid h3,
  .store-system-grid h3 {
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .store-card p,
  .store-mode-card p,
  .store-service-card p,
  .store-system-card p,
  .store-config-card p,
  .store-risk-card p,
  .store-flow-card p,
  .store-feature-card p,
  .store-capability-card p,
  .store-grid p,
  .store-card-grid p,
  .store-mode-grid p,
  .store-service-grid p,
  .store-system-grid p {
    font-size: 11.8px !important;
    line-height: 1.55 !important;
  }

  /* 深绿色大块弱化：不要像招商投流页 */
  .store-page section[class*="dark"],
  .store-page section[class*="cost"],
  .store-page section[class*="price"],
  .store-page section[class*="invest"],
  .store-page .store-dark-section,
  .store-page .store-cost-section,
  .store-page .store-invest-section {
    background: #ffffff !important;
    color: #0f4736 !important;
  }

  .store-page section[class*="dark"] *,
  .store-page section[class*="cost"] *,
  .store-page section[class*="price"] *,
  .store-page section[class*="invest"] *,
  .store-page .store-dark-section *,
  .store-page .store-cost-section *,
  .store-page .store-invest-section * {
    color: inherit !important;
  }

  .store-page section[class*="dark"] .store-card,
  .store-page section[class*="cost"] .store-card,
  .store-page section[class*="price"] .store-card,
  .store-page section[class*="invest"] .store-card,
  .store-page .store-dark-section .store-card,
  .store-page .store-cost-section .store-card,
  .store-page .store-invest-section .store-card {
    background:
      radial-gradient(circle at 92% 8%, rgba(242, 228, 189, 0.12), transparent 34%),
      rgba(255, 255, 255, 0.97) !important;
    border: 1px solid rgba(15, 71, 54, 0.08) !important;
  }

  /* 图片卡统一：图短一点，下面说明卡更清楚 */
  .store-image-card img,
  .store-photo-card img,
  .store-visual-card img,
  .store-scene-card img,
  .store-case-card img,
  .store-media-card img,
  .store-system-image img,
  .store-equipment-image img {
    height: 168px !important;
    object-fit: cover !important;
  }

  .store-image-card .card-body,
  .store-photo-card .card-body,
  .store-visual-card .card-body,
  .store-scene-card .card-body,
  .store-case-card .card-body,
  .store-media-card .card-body {
    padding: 13px 13px !important;
    background: rgba(255, 255, 255, 0.96) !important;
  }

  /* 配置/风险/异常信息压缩，不要一屏全是小卡 */
  .store-risk-grid,
  .store-config-grid,
  .store-flow-grid,
  .store-feature-grid {
    gap: 9px !important;
  }

  .store-risk-card,
  .store-config-card,
  .store-flow-card,
  .store-feature-card {
    padding: 13px 13px !important;
  }

  /* CTA 收口 */
  .store-cta-inner,
  .store-cta-card {
    padding: 22px 18px !important;
    border-radius: 22px !important;
  }

  .store-cta h2 {
    font-size: clamp(22px, 6.5vw, 30px) !important;
  }

  .store-cta p {
    font-size: 12.3px !important;
  }
}

@media (max-width: 390px) {
  .store-hero,
  .store-page .hero,
  .store-service-hero,
  .store-v2-hero {
    padding-top: 30px !important;
  }

  .store-image-card img,
  .store-photo-card img,
  .store-visual-card img,
  .store-scene-card img,
  .store-case-card img,
  .store-media-card img,
  .store-system-image img,
  .store-equipment-image img {
    height: 155px !important;
  }
}

/* ===== Store mobile refine v2 2026-05-30 END ===== */

/* ===== Store mobile refine v3 doc feel reduce 2026-05-30 START ===== */

/*
  门店服务页手机端 V3：
  1. 减少“说明文档感”
  2. 压缩中后段大量白卡高度
  3. 配置/风险/异常类内容弱化成轻清单
  4. 保留核心图片与关键模式说明
*/

@media (max-width: 820px) {
  /* 全页再降低纵向拖拽压力 */
  .store-section,
  .store-service-section,
  .store-v2-section,
  .store-mode-section,
  .store-system-section,
  .store-config-section,
  .store-risk-section,
  .store-flow-section,
  .store-cta {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  /* 小标题与说明收紧 */
  .store-section-head,
  .store-service-section-head,
  .store-v2-section-head,
  .store-head,
  .store-title-block,
  .section-head {
    margin-bottom: 12px !important;
  }

  .store-section-head h2,
  .store-service-section-head h2,
  .store-v2-section-head h2,
  .store-head h2,
  .store-title-block h2,
  .section-head h2 {
    font-size: clamp(22px, 6.4vw, 29px) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.05em !important;
  }

  .store-section-head p,
  .store-service-section-head p,
  .store-v2-section-head p,
  .store-head p,
  .store-title-block p,
  .section-head p {
    font-size: 12px !important;
    line-height: 1.58 !important;
    color: rgba(35, 72, 58, 0.62) !important;
  }

  /*
    卡片整体再轻一点：
    门店页内容多，不能每张卡都像主视觉卡。
  */
  .store-card,
  .store-mode-card,
  .store-service-card,
  .store-system-card,
  .store-config-card,
  .store-risk-card,
  .store-flow-card,
  .store-feature-card,
  .store-capability-card,
  .store-grid > *,
  .store-card-grid > *,
  .store-mode-grid > *,
  .store-service-grid > *,
  .store-system-grid > *,
  .store-config-grid > *,
  .store-risk-grid > *,
  .store-flow-grid > *,
  .store-feature-grid > *,
  .store-capability-grid > * {
    padding: 12px 12px !important;
    border-radius: 14px !important;
    box-shadow:
      0 8px 22px rgba(15, 71, 54, 0.035),
      inset 0 1px 0 rgba(255,255,255,0.90) !important;
  }

  .store-card h3,
  .store-mode-card h3,
  .store-service-card h3,
  .store-system-card h3,
  .store-config-card h3,
  .store-risk-card h3,
  .store-flow-card h3,
  .store-feature-card h3,
  .store-capability-card h3,
  .store-grid h3,
  .store-card-grid h3,
  .store-mode-grid h3,
  .store-service-grid h3,
  .store-system-grid h3 {
    font-size: 14.2px !important;
    line-height: 1.34 !important;
  }

  .store-card p,
  .store-mode-card p,
  .store-service-card p,
  .store-system-card p,
  .store-config-card p,
  .store-risk-card p,
  .store-flow-card p,
  .store-feature-card p,
  .store-capability-card p,
  .store-grid p,
  .store-card-grid p,
  .store-mode-grid p,
  .store-service-grid p,
  .store-system-grid p {
    margin-top: 5px !important;
    font-size: 11.2px !important;
    line-height: 1.5 !important;
  }

  /*
    风险/配置/异常/规则类版块：
    不再做成大卡片堆叠，改成轻量列表感。
  */
  .store-config-section .store-grid,
  .store-config-section .store-card-grid,
  .store-config-section .store-config-grid,
  .store-risk-section .store-grid,
  .store-risk-section .store-card-grid,
  .store-risk-section .store-risk-grid,
  .store-exception-section .store-grid,
  .store-warning-section .store-grid {
    gap: 7px !important;
  }

  .store-config-section .store-card,
  .store-config-section .store-config-card,
  .store-config-section .store-grid > *,
  .store-config-section .store-card-grid > *,
  .store-config-section .store-config-grid > *,
  .store-risk-section .store-card,
  .store-risk-section .store-risk-card,
  .store-risk-section .store-grid > *,
  .store-risk-section .store-card-grid > *,
  .store-risk-section .store-risk-grid > *,
  .store-exception-section .store-card,
  .store-warning-section .store-card {
    padding: 11px 12px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.94) !important;
    border: 1px solid rgba(15, 71, 54, 0.06) !important;
    box-shadow: none !important;
  }

  /*
    图片卡略微放大一点点，负责页面节奏；
    说明卡负责信息，不要所有模块都一样重。
  */
  .store-image-card img,
  .store-photo-card img,
  .store-visual-card img,
  .store-scene-card img,
  .store-case-card img,
  .store-media-card img,
  .store-system-image img,
  .store-equipment-image img {
    height: 178px !important;
  }

  .store-image-card,
  .store-photo-card,
  .store-visual-card,
  .store-scene-card,
  .store-case-card,
  .store-media-card,
  .store-system-image,
  .store-equipment-image {
    border-radius: 18px !important;
  }

  /*
    深绿色内容块保留品牌感，但降低压迫：
    只保留 CTA 类深绿，普通说明深绿降级。
  */
  .store-page section[class*="dark"]:not(.store-cta),
  .store-page section[class*="cost"]:not(.store-cta),
  .store-page section[class*="invest"]:not(.store-cta) {
    background: #ffffff !important;
  }

  .store-page section[class*="dark"]:not(.store-cta) .store-card,
  .store-page section[class*="cost"]:not(.store-cta) .store-card,
  .store-page section[class*="invest"]:not(.store-cta) .store-card {
    background: rgba(255,255,255,0.96) !important;
    color: #0f4736 !important;
  }

  /*
    底部前最后几个说明版块，给底部 Tab 留空间，
    避免标题被底部 Tab 压住。
  */
  .store-page main > section:last-of-type,
  .store-cta {
    padding-bottom: 86px !important;
  }
}

@media (max-width: 390px) {
  .store-section,
  .store-service-section,
  .store-v2-section,
  .store-mode-section,
  .store-system-section,
  .store-config-section,
  .store-risk-section,
  .store-flow-section,
  .store-cta {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .store-image-card img,
  .store-photo-card img,
  .store-visual-card img,
  .store-scene-card img,
  .store-case-card img,
  .store-media-card img,
  .store-system-image img,
  .store-equipment-image img {
    height: 162px !important;
  }
}

/* ===== Store mobile refine v3 doc feel reduce 2026-05-30 END ===== */