/* 星智工具箱首页 v6：结果导向叙事 + 产品能力地图 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home-v6 {
  --home-navy: #090d1b;
  --home-blue: #2463eb;
  --home-cyan: #15a8d8;
  --home-orange: #ff5a1f;
  --home-surface: #f5f7fb;
  --home-border: #e4e9f2;
  --home-copy: #526071;
}

.home-v6 .section {
  padding: 104px 0;
}

.home-v6 .section-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--home-orange);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

.home-v6 .section-head {
  max-width: 760px;
  margin: 0 auto 54px;
}

.home-v6 .section-head h2,
.home-v6 .narrative-copy h2 {
  color: #111827;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.18;
  letter-spacing: 0;
}

.home-v6 .section-head p,
.home-v6 .narrative-copy > p {
  color: var(--home-copy);
  font-size: 17px;
  line-height: 1.85;
}

.home-v6 :where(a, button, input, summary):focus-visible {
  outline: 3px solid rgba(36, 99, 235, 0.45);
  outline-offset: 3px;
}

/* 首屏 */
.home-v6 .hero.hero-dark {
  min-height: 860px;
  padding: 148px 0 92px;
  background:
    radial-gradient(ellipse 58% 52% at 80% 24%, rgba(69, 89, 220, 0.3), transparent 70%),
    radial-gradient(ellipse 52% 44% at 12% 86%, rgba(255, 90, 31, 0.12), transparent 72%),
    linear-gradient(148deg, #080b16 0%, #0b1022 48%, #11183a 100%);
}

.home-v6 .hero.hero-dark::after {
  height: 92px;
  background: linear-gradient(180deg, transparent, #fff);
}

.home-v6 .hero.hero-dark .hero-grid {
  display: block;
  opacity: 0.45;
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, #000 0%, transparent 78%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 78%);
}

.home-v6 .hero.hero-dark .aurora,
.home-v6 .hero.hero-dark .hero-orb,
.home-v6 .hero.hero-dark .shooting-star {
  opacity: 0.22;
}

.home-v6 .hero.hero-dark .hero-noise { opacity: 0.025; }

.home-v6 .hero-inner {
  display: grid;
  grid-template-columns: minmax(560px, 1fr) 500px;
  align-items: center;
  column-gap: 48px;
  text-align: left;
}

.home-v6 .hero-copy {
  max-width: 620px;
}

.home-v6 .hero.hero-dark .hero-badge {
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-v6 .hero.hero-dark h1 {
  margin-top: 24px;
  color: #f8fafc;
  font-size: clamp(46px, 4.2vw, 60px);
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: 0;
}

.home-v6 .hero.hero-dark h1 span,
.home-v6 .hero.hero-dark h1 em {
  display: block;
  white-space: nowrap;
}

.home-v6 .hero.hero-dark h1 em {
  color: #ff8a4f;
  background: none;
  filter: none;
  -webkit-text-fill-color: currentColor;
  font-style: normal;
}

.home-v6 .hero.hero-dark .hero-sub {
  max-width: 36em;
  margin-top: 26px;
  color: rgba(232, 237, 249, 0.78);
  font-size: 17px;
  line-height: 1.9;
}

.home-v6 .hero.hero-dark .hero-ctas {
  justify-content: flex-start;
  margin-top: 32px;
}

.home-v6 .hero-ctas .btn {
  min-height: 52px;
  border-radius: 10px;
}

.home-v6 .hero-benefit {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: rgba(232, 237, 249, 0.62);
  font-size: 13.5px;
}

.home-v6 .hero-benefit .icon { color: #65d9a6; }

/* 首屏能力地图 */
.capability-stage {
  position: relative;
  width: min(100%, 560px);
  aspect-ratio: 1 / 0.82;
  justify-self: end;
  isolation: isolate;
}

.capability-stage::before {
  content: "";
  position: absolute;
  inset: 9% 7%;
  z-index: -2;
  border-radius: 42%;
  background: radial-gradient(circle, rgba(74, 101, 226, 0.22), transparent 68%);
  filter: blur(18px);
}

.stage-orbit {
  position: absolute;
  left: 50%;
  top: 48%;
  border: 1px solid rgba(153, 168, 255, 0.22);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-10deg);
}

.stage-orbit-a { width: 72%; height: 72%; }
.stage-orbit-b { width: 98%; height: 52%; transform: translate(-50%, -50%) rotate(20deg); }

.stage-core {
  position: absolute;
  left: 50%;
  top: 48%;
  display: flex;
  width: 196px;
  height: 196px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: #fff;
  background: rgba(13, 20, 49, 0.84);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.4), inset 0 0 40px rgba(95, 117, 255, 0.12);
}

.stage-core img {
  width: 62px;
  height: 62px;
  margin-bottom: 12px;
  border-radius: 15px;
  box-shadow: 0 12px 28px rgba(255, 77, 0, 0.25);
}

.stage-core strong { font-size: 18px; }
.stage-core span { margin-top: 3px; color: rgba(255, 255, 255, 0.55); font-size: 12px; }

.stage-node {
  position: absolute;
  display: flex;
  min-width: 132px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  color: #f4f7ff;
  background: rgba(18, 25, 56, 0.9);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

.stage-node img { width: 36px; height: 36px; }
.stage-node span { font-size: 14px; font-weight: 700; }
.node-store { left: 2%; top: 12%; }
.node-batch { right: 0; top: 10%; }
.node-data { left: 0; bottom: 11%; }
.node-ai { right: 2%; bottom: 10%; }

.stage-status {
  position: absolute;
  left: 50%;
  bottom: -2px;
  display: flex;
  align-items: center;
  gap: 8px;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.62);
  font-size: 12.5px;
  white-space: nowrap;
}

.stage-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #43d79a;
  box-shadow: 0 0 12px rgba(67, 215, 154, 0.7);
}

.home-v6 .hero-stats {
  grid-column: 1 / -1;
  margin-top: 68px;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.11);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-v6 .hero-stats .stat-num {
  color: #fff;
  background: none;
  -webkit-text-fill-color: currentColor;
}

/* 痛点叙事 */
.section-pains { background: #fff; }

.narrative-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 88px;
  align-items: start;
}

.narrative-copy {
  position: sticky;
  top: 112px;
}

.narrative-copy > p { margin-top: 22px; }

.pain-list {
  border-top: 1px solid var(--home-border);
}

.pain-list article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 22px;
  padding: 28px 0;
  border-bottom: 1px solid var(--home-border);
}

.pain-list article > span {
  padding-top: 3px;
  color: #9aa6b8;
  font-size: 13px;
  font-weight: 700;
}

.pain-list h3 {
  color: #182230;
  font-size: 20px;
  letter-spacing: 0;
}

.pain-list p {
  max-width: 46em;
  margin-top: 7px;
  color: #667085;
  font-size: 15px;
}

/* 运营模块解决方案 */
.section-solutions {
  background: var(--home-surface);
}

.solution-list {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.solution-row {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  gap: 68px;
  align-items: center;
  min-height: 520px;
  padding: 68px;
  overflow: hidden;
  border: 1px solid #e0e6f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(16, 24, 40, 0.06);
}

.solution-row-reverse .solution-copy { order: 2; }
.solution-row-reverse .solution-visual { order: 1; }

.solution-label {
  color: var(--home-blue);
  font-size: 13px;
  font-weight: 800;
}

.solution-copy h3 {
  margin-top: 14px;
  color: #111827;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.22;
  letter-spacing: 0;
}

.solution-copy > p {
  margin-top: 18px;
  color: var(--home-copy);
  font-size: 16px;
}

.solution-copy ul {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-top: 26px;
}

.solution-copy li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #344054;
  font-size: 14.5px;
}

.solution-copy li .icon { color: #20a875; }

.solution-visual {
  position: relative;
  min-height: 344px;
  overflow: hidden;
  border: 1px solid #dbe3f0;
  border-radius: 14px;
  background: #f8faff;
  box-shadow: 0 24px 54px rgba(36, 99, 235, 0.12);
}

.visual-toolbar {
  display: flex;
  height: 46px;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  border-bottom: 1px solid #e6ebf4;
  background: #fff;
}

.visual-toolbar i { width: 7px; height: 7px; border-radius: 50%; background: #d6dce8; }
.visual-toolbar i:first-child { background: #ff8563; }
.visual-toolbar span { margin-left: 8px; color: #7a8699; font-size: 12px; }

.store-stack { display: flex; flex-direction: column; gap: 12px; padding: 26px; }
.store-stack > div,
.ai-result {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px;
  border: 1px solid #e4eaf3;
  border-radius: 10px;
  background: #fff;
}
.store-stack img,
.ai-result img {
  width: 40px;
  height: 40px;
  padding: 6px;
  flex: none;
  border: 1px solid #e7ebf1;
  border-radius: 9px;
  background: #fff;
  box-sizing: border-box;
  object-fit: contain;
}
.store-stack span,
.ai-result span { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.store-stack b,
.ai-result b { color: #253044; font-size: 14px; }
.store-stack small,
.ai-result small { margin-top: 2px; color: #8a95a8; font-size: 11.5px; }
.store-stack em,
.ai-result em { color: #16845f; font-size: 11px; font-style: normal; font-weight: 700; }

.task-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 30px 30px 14px;
}
.task-head strong { color: #182230; font-size: 20px; }
.task-head span { color: #7a8699; font-size: 12px; }
.task-progress { height: 7px; margin: 0 30px; overflow: hidden; border-radius: 5px; background: #e8edf6; }
.task-progress i { display: block; width: 72%; height: 100%; border-radius: inherit; background: #2463eb; }
.task-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 28px 30px 22px; }
.task-grid span { display: flex; flex-direction: column; align-items: center; gap: 8px; color: #4d5b70; font-size: 12px; }
.task-grid img {
  width: 40px;
  height: 40px;
  padding: 6px;
  border: 1px solid #e7ebf1;
  border-radius: 9px;
  background: #fff;
  box-sizing: border-box;
  object-fit: contain;
}
.visual-batch > p { margin: 0 30px; padding-top: 18px; border-top: 1px solid #e5eaf2; color: #6f7c90; font-size: 13px; }
.visual-batch > p b { margin-right: 5px; color: #182230; font-size: 22px; }
.visual-batch > p em { float: right; color: var(--home-blue); font-style: normal; }

.metric-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 25px 26px 18px; }
.metric-strip span { padding: 15px; border: 1px solid #e5eaf3; border-radius: 10px; color: #7a8699; background: #fff; font-size: 11px; }
.metric-strip b { display: block; margin-top: 6px; color: #182230; font-size: 22px; }
.chart-bars { display: flex; height: 94px; align-items: flex-end; gap: 11px; margin: 0 26px; padding: 12px 18px 0; border-bottom: 1px solid #dfe5ef; background: linear-gradient(180deg, rgba(36, 99, 235, 0.03), transparent); }
.chart-bars i { flex: 1; min-width: 8px; border-radius: 5px 5px 0 0; background: #5d86ef; }
.chart-bars i:nth-child(1) { height: 28%; }
.chart-bars i:nth-child(2) { height: 48%; }
.chart-bars i:nth-child(3) { height: 42%; }
.chart-bars i:nth-child(4) { height: 68%; }
.chart-bars i:nth-child(5) { height: 87%; background: #ff7b42; }
.chart-bars i:nth-child(6) { height: 66%; }
.chart-bars i:nth-child(7) { height: 78%; }
.chart-bars i:nth-child(8) { height: 94%; }
.ai-result { margin: 18px 26px; padding: 12px 14px; }

/* 三步上手 */
.section-steps { background: #fff; }
.steps-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--home-border);
  border-bottom: 1px solid var(--home-border);
}
.steps-list li {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  padding: 34px 30px;
  border-right: 1px solid var(--home-border);
}
.steps-list li:last-child { border-right: 0; }
.steps-list li > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #fff; background: #182230; font-weight: 800; }
.steps-list h3 { color: #182230; font-size: 18px; letter-spacing: 0; }
.steps-list p { margin-top: 7px; color: #667085; font-size: 14px; }
.steps-actions { display: flex; align-items: center; justify-content: center; gap: 28px; margin-top: 34px; }
.steps-actions .btn { border-radius: 10px; }
.text-link { color: var(--home-blue); font-size: 14px; font-weight: 700; }
.text-link:hover { text-decoration: underline; }

/* 功能与转化区收敛 */
.home-v6 .section-features {
  background: var(--home-surface);
}
.home-v6 .finder {
  max-width: 1080px;
}
.home-v6 .finder-search {
  border: 1px solid #dfe5ef;
  background: #fff;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.home-v6 .finder-nav,
.home-v6 .feature-card {
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.home-v6 .feature-card { border-color: #e4e9f2; }
.home-v6 .section-services { background: #fff; }
.home-v6 .service-card { background: #fff; border-color: #e4e9f2; backdrop-filter: none; -webkit-backdrop-filter: none; }
.home-v6 .section-register { padding: 88px 0; background: #0b1021; }
.home-v6 .trial-band { border-radius: 16px; box-shadow: none; }
.home-v6 .trial-qr { grid-template-columns: 1fr; width: min(100%, 220px); justify-self: center; }
.home-v6 .qr-primary { border-color: rgba(255, 90, 31, 0.35); box-shadow: 0 18px 42px rgba(3, 6, 20, 0.34); }
.home-v6 .trial-help { color: rgba(255, 255, 255, 0.48); font-size: 12.5px; }
.home-v6 .qr-item small { display: block; margin-top: 5px; color: #7b8495; font-size: 10.5px; line-height: 1.5; }

@media (max-width: 1080px) {
  .home-v6 .hero-inner { grid-template-columns: minmax(470px, 1fr) 420px; column-gap: 28px; }
  .capability-stage { max-width: 450px; }
  .stage-core { width: 170px; height: 170px; }
  .stage-node { min-width: 118px; padding: 10px 12px; }
  .stage-node img { width: 31px; height: 31px; }
  .solution-row { gap: 42px; padding: 48px; }
}

@media (min-width: 769px) and (max-width: 1320px) {
  .home-v6 .float-contact { right: 4px; }
  .home-v6 .fc-btn em { display: none; }
  .home-v6 .fc-popup { right: 64px; }
  .home-v6 .fc-popup[data-popup="kf"] { bottom: 64px; }
}

@media (max-width: 900px) {
  .home-v6 .hero.hero-dark { padding-top: 130px; }
  .home-v6 .hero-inner { grid-template-columns: 1fr; }
  .home-v6 .hero-copy { max-width: 680px; text-align: left; }
  .capability-stage { width: min(100%, 600px); margin: 58px auto 0; justify-self: center; }
  .home-v6 .hero-stats { margin-top: 54px; }
  .narrative-grid { grid-template-columns: 1fr; gap: 48px; }
  .narrative-copy { position: static; }
  .solution-row { grid-template-columns: 1fr; min-height: 0; }
  .solution-row-reverse .solution-copy,
  .solution-row-reverse .solution-visual { order: initial; }
  .solution-visual { min-height: 350px; }
}

@media (max-width: 768px) {
  .home-v6 .section { padding: 76px 0; }
  .home-v6 .header-inner { gap: 6px; }
  .home-v6 .site-header .btn-sm { display: inline-flex; padding: 8px 10px; font-size: 12px; }
  .home-v6 .site-header .btn-sm .icon { display: none; }
  .home-v6 .header-actions { margin-left: auto; gap: 4px; }
  .home-v6 .nav-toggle { width: 44px; height: 44px; align-items: center; justify-content: center; padding: 9px; }
  .home-v6 .main-nav { top: 68px; }
  .home-v6 .hero.hero-dark { min-height: 0; padding: 116px 0 82px; }
  .home-v6 .hero.hero-dark h1 { font-size: clamp(30px, 9.6vw, 42px); }
  .home-v6 .hero.hero-dark .hero-sub { font-size: 16px; line-height: 1.8; }
  .home-v6 .hero.hero-dark .hero-ctas { display: grid; width: 100%; grid-template-columns: 1fr; gap: 11px; }
  .home-v6 .hero-ctas .btn { width: 100%; min-width: 0; justify-content: center; padding: 13px 18px; white-space: normal; text-align: center; }
  .home-v6 .hero-benefit { align-items: flex-start; }
  .capability-stage { margin-top: 42px; }
  .stage-node { min-width: 112px; }
  .stage-core { width: 156px; height: 156px; }
  .home-v6 .hero-stats { grid-template-columns: repeat(2, 1fr); }
  .home-v6 .section-head { margin-bottom: 38px; text-align: left; }
  .home-v6 .section-head h2,
  .home-v6 .narrative-copy h2 { font-size: 32px; }
  .home-v6 .section-head p,
  .home-v6 .narrative-copy > p { font-size: 15.5px; }
  .pain-list article { grid-template-columns: 40px 1fr; gap: 10px; padding: 22px 0; }
  .solution-list { gap: 22px; }
  .solution-row { gap: 36px; padding: 34px 24px; border-radius: 12px; }
  .solution-copy h3 { font-size: 28px; }
  .solution-visual { min-height: 322px; }
  .task-grid { padding-inline: 18px; }
  .task-head,
  .metric-strip { padding-inline: 20px; }
  .task-progress,
  .visual-batch > p,
  .chart-bars { margin-inline: 20px; }
  .ai-result { margin-inline: 20px; }
  .steps-list { grid-template-columns: 1fr; }
  .steps-list li { padding: 25px 0; border-right: 0; border-bottom: 1px solid var(--home-border); }
  .steps-list li:last-child { border-bottom: 0; }
  .steps-actions { flex-direction: column; gap: 18px; }
  .steps-actions .btn { width: 100%; justify-content: center; white-space: normal; }
  .home-v6 .trial-band { padding: 36px 22px; }
}

@media (max-width: 480px) {
  .home-v6 .container { width: min(100% - 30px, 1180px); }
  .home-v6 .brand-text strong { font-size: 15px; }
  .home-v6 .brand-text small { font-size: 8.5px; }
  .home-v6 .hero.hero-dark h1 { font-size: clamp(30px, 9.6vw, 38px); }
  .home-v6 .hero.hero-dark .hero-badge { max-width: 100%; font-size: 12px; }
  .capability-stage { aspect-ratio: 1 / 1; }
  .stage-orbit-a { width: 70%; height: 70%; }
  .stage-orbit-b { width: 96%; height: 52%; }
  .stage-core { top: 49%; width: 132px; height: 132px; }
  .stage-core img { width: 48px; height: 48px; margin-bottom: 8px; }
  .stage-core strong { font-size: 14px; }
  .stage-core span { font-size: 10px; }
  .stage-node { min-width: 0; width: 104px; gap: 6px; padding: 9px; }
  .stage-node img { width: 27px; height: 27px; }
  .stage-node span { font-size: 11px; }
  .node-store { left: 0; top: 9%; }
  .node-batch { right: 0; top: 8%; }
  .node-data { left: 0; bottom: 12%; }
  .node-ai { right: 0; bottom: 11%; }
  .stage-status { bottom: -8px; font-size: 11px; }
  .home-v6 .hero-stats { margin-top: 48px; }
  .home-v6 .hero-stats li { padding-inline: 6px; }
  .solution-row { padding: 30px 18px; }
  .solution-visual { min-height: 300px; }
  .store-stack { padding: 18px 14px; }
  .store-stack small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .task-grid { gap: 3px; }
  .task-grid img { width: 36px; height: 36px; }
  .metric-strip b { font-size: 18px; }
  .home-v6 .finder-search { padding: 12px 16px; }
  .home-v6 .finder-search input { min-width: 0; font-size: 14px; }
  .home-v6 .trial-qr { max-width: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .capability-stage *,
  .home-v6 .solution-visual * { animation: none !important; transition: none !important; }
}

/* 首页 v7：动态运营中枢、接入主视觉与稳定功能导航 */
.home-v6 .hero.hero-dark { min-height: 0; padding: 118px 0 62px; }
.home-v6 .hero-stats { margin-top: 42px; }

.home-v6 .capability-stage {
  width: min(100%, 540px);
  height: 510px;
  aspect-ratio: auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  background: rgba(7, 11, 25, 0.42);
}

.home-v6 .capability-stage::before {
  inset: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.012);
  filter: none;
}

.category-rail {
  position: absolute;
  left: -8%;
  width: 116%;
  overflow: hidden;
  opacity: 0.72;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.rail-top { top: 26px; transform: rotate(-2deg); }
.rail-bottom { bottom: 34px; transform: rotate(2deg); }

.category-track {
  display: flex;
  width: max-content;
  gap: 10px;
  animation: categoryFlow 24s linear infinite;
}

.rail-bottom .category-track { animation-direction: reverse; animation-duration: 27s; }

.category-track span {
  display: inline-flex;
  height: 36px;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  color: rgba(238, 243, 255, 0.72);
  background: rgba(14, 21, 45, 0.88);
  font-size: 12px;
  white-space: nowrap;
}

.category-track img { width: 18px; height: 18px; object-fit: contain; }

@keyframes categoryFlow {
  to { transform: translateX(calc(-50% - 5px)); }
}

.command-surface {
  position: absolute;
  inset: 82px 28px 86px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  background: rgba(12, 18, 38, 0.96);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.36);
  animation: commandFloat 7s ease-in-out infinite;
}

@keyframes commandFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

.command-topbar {
  display: grid;
  height: 46px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.54);
  font-size: 11px;
}

.command-topbar > span { display: flex; gap: 5px; }
.command-topbar > span i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); }
.command-topbar b { color: rgba(255, 255, 255, 0.82); font-size: 12px; font-weight: 650; }
.command-topbar em { justify-self: end; color: #91ddbc; font-style: normal; }
.command-topbar em i,
.command-activity span i,
.stage-status i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #42d59b; box-shadow: 0 0 10px rgba(66, 213, 155, 0.5); }

.command-body { display: grid; height: calc(100% - 46px); grid-template-columns: 54px 1fr; }
.command-nav { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 18px; border-right: 1px solid rgba(255, 255, 255, 0.08); }
.command-nav span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 7px; color: rgba(255, 255, 255, 0.36); }
.command-nav span.active { color: #fff; background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
.command-nav img { width: 21px; height: 21px; object-fit: contain; }
.command-main { min-width: 0; padding: 20px 21px 17px; }
.command-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.command-heading > span { color: #fff; font-size: 15px; font-weight: 700; }
.command-heading > span small { display: block; margin-top: 2px; color: rgba(255, 255, 255, 0.38); font-size: 10px; font-weight: 400; }
.command-heading > strong { color: #fff; font-size: 26px; line-height: 1; }
.command-heading > strong small { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.58); font-size: 10px; text-align: right; }
.command-focus { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; margin-top: 18px; padding: 15px 0; border-top: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.focus-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; color: #ff8a4f; background: rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }
.focus-icon img { width: 28px; height: 28px; object-fit: contain; }
.command-focus div { min-width: 0; }
.command-focus small { display: block; color: rgba(255, 255, 255, 0.6); font-size: 10px; }
.command-focus strong { display: block; color: #fff; font-size: 14px; }
.command-focus p { overflow: hidden; margin-top: 1px; color: rgba(255, 255, 255, 0.45); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.command-focus em { color: #9fb8ff; font-size: 10px; font-style: normal; white-space: nowrap; }
.command-activity { display: flex; align-items: center; justify-content: space-between; margin-top: 17px; color: rgba(255, 255, 255, 0.52); font-size: 10px; }
.command-activity span { display: flex; align-items: center; gap: 6px; }
.command-activity b { color: rgba(255, 255, 255, 0.78); font-weight: 600; }
.command-progress { height: 5px; margin-top: 9px; overflow: hidden; border-radius: 5px; background: rgba(255, 255, 255, 0.08); }
.command-progress i { display: block; width: 72%; height: 100%; border-radius: inherit; background: #ff6b32; animation: taskProgress 4.2s ease-in-out infinite; }
@keyframes taskProgress { 0%, 100% { width: 56%; } 50% { width: 84%; } }
.command-foot { display: flex; gap: 15px; margin-top: 14px; color: rgba(255, 255, 255, 0.6); font-size: 10px; }
.command-foot span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background: #5f84f2; vertical-align: 1px; }
.home-v6 .stage-status { bottom: 12px; }

/* 三步接入：视觉占位 + 激活路径 */
.home-v6 .section-steps { overflow: hidden; background: #0b101b; }
.steps-layout { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, 0.96fr); gap: 82px; align-items: center; }
.steps-content .section-head { margin: 0 0 28px; text-align: left; }
.steps-content .section-head h2 { color: #f7f9fc; font-size: clamp(34px, 4vw, 50px); }
.steps-content .section-head p { max-width: 38em; color: rgba(225, 232, 244, 0.62); }
.steps-content .section-kicker { color: #ff9868; }

.onboarding-visual { position: relative; min-height: 560px; padding: 46px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: #101827; }
.onboarding-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255, 90, 31, 0.08), transparent 40%, rgba(62, 94, 210, 0.08)); pointer-events: none; }
.onboarding-window { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 12px; background: #0b111e; box-shadow: 0 28px 60px rgba(0, 0, 0, 0.28); }
.onboarding-topbar { display: grid; height: 48px; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.46); font-size: 10px; }
.onboarding-topbar > span { display: flex; gap: 5px; }
.onboarding-topbar > span i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.17); }
.onboarding-topbar b { color: rgba(255, 255, 255, 0.76); font-size: 11px; }
.onboarding-topbar em { justify-self: end; font-style: normal; }
.onboarding-flow { display: grid; grid-template-columns: 1fr 34px 1fr 34px 1fr; align-items: center; padding: 46px 24px 38px; }
.flow-node { display: flex; min-width: 0; flex-direction: column; align-items: center; text-align: center; }
.flow-node > span { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; color: rgba(255, 255, 255, 0.54); background: rgba(255, 255, 255, 0.035); animation: flowNode 6s ease-in-out infinite; }
.flow-node-2 > span { animation-delay: 2s; }
.flow-node-3 > span { animation-delay: 4s; }
@keyframes flowNode { 0%, 24%, 100% { color: rgba(255, 255, 255, 0.48); border-color: rgba(255, 255, 255, 0.12); } 8%, 16% { color: #fff; border-color: #ff7842; background: rgba(255, 90, 31, 0.14); transform: translateY(-4px); } }
.flow-node .icon { width: 24px; height: 24px; }
.flow-node b { margin-top: 12px; color: rgba(255, 255, 255, 0.82); font-size: 12px; }
.flow-node small { color: rgba(255, 255, 255, 0.62); font-size: 10px; }
.flow-line { height: 1px; overflow: hidden; background: rgba(255, 255, 255, 0.1); }
.flow-line i { display: block; width: 40%; height: 100%; background: #ff7842; animation: flowLine 3s linear infinite; }
@keyframes flowLine { from { transform: translateX(-120%); } to { transform: translateX(360%); } }
.onboarding-result { margin: 0 24px 26px; padding: 18px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.onboarding-result > span { display: flex; align-items: center; gap: 6px; color: #7dd7ae; font-size: 10px; }
.onboarding-result > span i { width: 6px; height: 6px; border-radius: 50%; background: #43d79a; }
.onboarding-result strong { display: flex; justify-content: space-between; margin-top: 10px; color: rgba(255, 255, 255, 0.82); font-size: 13px; }
.onboarding-result strong em { color: rgba(255, 255, 255, 0.42); font-size: 10px; font-style: normal; font-weight: 400; }
.onboarding-result > div { height: 5px; margin-top: 10px; overflow: hidden; border-radius: 5px; background: rgba(255, 255, 255, 0.08); }
.onboarding-result > div i { display: block; width: 78%; height: 100%; border-radius: inherit; background: #ff6b32; }
.onboarding-caption { position: relative; margin-top: 26px; }
.onboarding-caption span { color: #ff9868; font-size: 11px; font-weight: 700; }
.onboarding-caption strong { display: block; max-width: 18em; margin-top: 5px; color: rgba(255, 255, 255, 0.86); font-size: 18px; line-height: 1.45; }

.home-v6 .steps-list { display: flex; flex-direction: column; border-top-color: rgba(255, 255, 255, 0.11); border-bottom-color: rgba(255, 255, 255, 0.11); }
.home-v6 .steps-list li { grid-template-columns: 42px 1fr; gap: 16px; padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
.home-v6 .steps-list li:last-child { border-bottom: 0; }
.home-v6 .steps-list li > span { width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, 0.13); color: #ff9868; background: rgba(255, 255, 255, 0.04); font-size: 12px; }
.home-v6 .steps-list h3 { color: rgba(255, 255, 255, 0.9); }
.home-v6 .steps-list p { color: rgba(225, 232, 244, 0.5); }
.home-v6 .steps-actions { justify-content: flex-start; }
.home-v6 .steps-actions .text-link { color: rgba(255, 255, 255, 0.68); }

/* 功能速查：一个完整工具面板，左侧固定，右侧切换 */
.home-v6 .section-features { overflow: clip; background: #f3f5f8; }
.home-v6 .section-features .section-head { max-width: 820px; }
.home-v6 .finder { max-width: 1120px; overflow: hidden; border: 1px solid #dfe4eb; border-radius: 16px; background: #fff; }
.finder-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 24px 28px; background: #10151f; }
.finder-proof { display: flex; align-items: center; gap: 13px; color: #fff; }
.finder-proof strong { font-size: 34px; line-height: 1; }
.finder-proof span { color: rgba(255, 255, 255, 0.72); font-size: 11px; line-height: 1.45; }
.home-v6 .finder-search { width: min(100%, 530px); max-width: none; margin: 0; padding: 12px 17px; border-color: rgba(255, 255, 255, 0.13); border-radius: 9px; color: #fff; background: rgba(255, 255, 255, 0.07); }
.home-v6 .finder-search:focus-within { border-color: rgba(255, 138, 79, 0.72); box-shadow: 0 0 0 3px rgba(255, 90, 31, 0.14); }
.home-v6 .finder-search .icon { color: rgba(255, 255, 255, 0.48); }
.home-v6 .finder-search input { color: #fff; }
.home-v6 .finder-search input::placeholder { color: rgba(255, 255, 255, 0.66); }
.home-v6 .finder-body { grid-template-columns: 230px 1fr; gap: 0; }
.home-v6 .finder-nav { top: 84px; gap: 3px; padding: 18px 14px; border: 0; border-right: 1px solid #e6e9ee; border-radius: 0; background: #f7f8fa; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.home-v6 .finder-nav .chip { min-height: 42px; padding: 9px 12px; border-radius: 8px; color: #4d5868; }
.home-v6 .finder-nav .category-icon { width: 24px; height: 24px; flex: none; object-fit: contain; }
.home-v6 .finder-nav .chip:hover { color: #182230; background: #eceff3; }
.home-v6 .finder-nav .chip.active { border-color: #202b3a; color: #fff; background: #202b3a; }
.home-v6 .finder-nav .chip.active::before { display: none; }
.home-v6 .finder-nav .chip.active em { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.1); }
.home-v6 .finder-panel { min-width: 0; min-height: 560px; padding: 34px 38px 40px; }
.home-v6 .fg-head { padding-bottom: 23px; border-bottom: 1px solid #e7eaf0; }
.home-v6 .fg-icon { width: 44px; height: 44px; border: 1px solid #e3e7ed; border-radius: 10px; color: #273243 !important; background: #fff !important; box-shadow: none; }
.home-v6 .fg-icon .category-icon { width: 34px; height: 34px; object-fit: contain; }
.home-v6 .fg-head h3 { letter-spacing: 0; }
.home-v6 .fg-head > div { min-width: 0; flex: 1; }
.home-v6 .fg-count { color: #7a8492; font-size: 12px; font-style: normal; white-space: nowrap; }
.home-v6 .fg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.home-v6 .feature-card { min-width: 0; padding: 19px 4px; border: 0; border-bottom: 1px solid #e9ecf1; border-radius: 0; background: transparent; box-shadow: none; }
.home-v6 .feature-card:hover { transform: none; border-color: #d9dee7; background: transparent; box-shadow: none; }
.home-v6 .feature-card h4 { margin-bottom: 5px; }
.home-v6 .feature-card .f-icon {
  width: 32px;
  height: 32px;
  padding: 4px;
  border: 1px solid #e5e9ef;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  filter: none;
  object-fit: contain;
  opacity: 1;
}
.home-v6 .feature-card:hover .f-icon { transform: translateY(-1px); filter: none; opacity: 1; }
.home-v6 .feature-card p { color: #596579; line-height: 1.55; }
.home-v6 .tag { color: #5f6876; background: #eef0f3; letter-spacing: 0; }
.home-v6 .finder-hint { padding-bottom: 17px; border-bottom: 1px solid #e7eaf0; }

/* 图标尺寸与背景统一 */
.home-v6 .service-card { border-color: #e7e9ee; border-radius: 12px; box-shadow: none; }
.home-v6 .service-icon { width: 42px; height: 42px; border: 1px solid #e3e6eb; border-radius: 9px; color: #273243; background: #f6f7f9; }
.home-v6 .service-icon .icon { width: 20px; height: 20px; }
.home-v6 .solution-visual { border-color: #dfe3ea; background: #f7f8fa; box-shadow: 0 20px 46px rgba(17, 24, 39, 0.08); }
.home-v6 .solution-visual img { filter: none; }
.home-v6 .fc-circle { background: #202b3a; box-shadow: 0 10px 28px rgba(9, 15, 27, 0.24); }
.home-v6 .fc-btn:last-child .fc-circle { background: #ff5a1f; }

@media (max-width: 1080px) {
  .home-v6 .capability-stage { max-width: 440px; height: 470px; }
  .command-surface { inset: 76px 20px 82px; }
  .steps-layout { gap: 48px; }
  .onboarding-visual { padding: 34px 28px; }
}

@media (max-width: 900px) {
  .home-v6 .capability-stage { width: min(100%, 600px); max-width: none; height: 500px; }
  .steps-layout { grid-template-columns: 1fr; }
  .steps-content { max-width: 680px; }
  .home-v6 .finder-body { grid-template-columns: 1fr; }
  .home-v6 .finder-nav { position: static; flex-direction: row; overflow-x: auto; padding: 11px 14px; border-right: 0; border-bottom: 1px solid #e6e9ee; border-radius: 0; mask-image: linear-gradient(90deg, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); }
  .home-v6 .finder-nav .chip { flex: none; min-height: 38px; padding: 8px 13px; border-radius: 7px; }
}

@media (max-width: 768px) {
  .home-v6 .capability-stage { height: 440px; margin-top: 54px; }
  .command-surface { inset: 69px 12px 74px; }
  .command-main { padding-inline: 17px; }
  .home-v6 .section-steps { padding-block: 84px; }
  .onboarding-visual { min-height: 480px; padding: 30px 20px; }
  .onboarding-flow { padding-inline: 15px; }
  .steps-content .section-head h2 { font-size: 34px; }
  .finder-toolbar { align-items: stretch; flex-direction: column; gap: 18px; padding: 22px 20px; }
  .home-v6 .finder-search { width: 100%; }
  .home-v6 .finder-panel { min-height: 440px; padding: 28px 22px 34px; }
}

@media (max-width: 480px) {
  .home-v6 .capability-stage { height: 390px; aspect-ratio: auto; }
  .category-track span { height: 32px; padding-inline: 10px; font-size: 10px; }
  .rail-top { top: 18px; }
  .rail-bottom { bottom: 22px; }
  .command-surface { inset: 59px 7px 63px; }
  .command-body { grid-template-columns: 1fr; }
  .command-nav { display: none; }
  .command-main { padding: 16px 15px; }
  .command-heading > strong { font-size: 22px; }
  .command-focus { grid-template-columns: 36px 1fr auto; gap: 9px; padding-block: 12px; }
  .focus-icon { width: 34px; height: 34px; }
  .command-foot { gap: 9px; }
  .home-v6 .stage-status { bottom: 5px; }
  .onboarding-visual { min-height: 420px; padding: 22px 12px; }
  .onboarding-flow { grid-template-columns: 1fr 18px 1fr 18px 1fr; padding: 34px 8px 30px; }
  .flow-node > span { width: 44px; height: 44px; }
  .flow-node b { font-size: 10.5px; }
  .flow-node small { font-size: 9px; }
  .onboarding-result { margin-inline: 15px; }
  .onboarding-caption { padding-inline: 5px; }
  .steps-content .section-head h2 { font-size: 31px; }
  .home-v6 .fg-grid { grid-template-columns: 1fr; }
  .home-v6 .finder-panel { padding-inline: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .category-track,
  .command-surface,
  .command-progress i,
  .flow-node > span,
  .flow-line i { animation: none !important; }
}

/* 首页 v8：十大模块逐类讲清楚 */
.home-v6 .section-solutions .section-head {
  max-width: 820px;
}

.module-jump {
  position: sticky;
  top: 80px;
  z-index: 24;
  display: flex;
  max-width: 1120px;
  margin: -18px auto 34px;
  overflow: hidden;
  border: 1px solid #dfe4eb;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.08);
}

.module-jump a {
  display: flex;
  min-width: 0;
  min-height: 52px;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  border-right: 1px solid #e8ebf0;
  color: #596579;
  font-size: 12px;
  white-space: nowrap;
  transition: color 0.18s ease, background 0.18s ease;
}

.module-jump a:last-child { border-right: 0; }
.module-jump a:hover { color: #162033; background: #f2f4f7; }
.module-jump img { width: 23px; height: 23px; flex: none; object-fit: contain; }
.module-jump a.active,
.module-jump a[aria-current="true"] {
  color: #b9380b;
  background: #fff3ed;
  box-shadow: inset 0 -2px 0 #ff5a1f;
  font-weight: 700;
}

.home-v6 .solution-list { gap: 26px; }
.home-v6 .solution-row {
  min-height: 460px;
  padding: 58px;
  scroll-margin-top: 148px;
}

.module-console {
  background: #f6f8fb;
}

.module-summary {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 14px;
  margin: 24px 25px 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e2e7ef;
}

.module-summary > span {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 10px;
  background: #fff;
}

.module-summary img { width: 28px; height: 28px; object-fit: contain; filter: none; }
.module-summary div { min-width: 0; }
.module-summary small { display: block; color: #667085; font-size: 10.5px; }
.module-summary strong { display: block; color: #1d2939; font-size: 17px; }
.module-summary > em { color: #4b6fc7; font-size: 10.5px; font-style: normal; font-weight: 700; white-space: nowrap; }

.module-tool-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 0 25px 24px;
}

.module-tool-list > div,
.video-queue > div {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  border: 1px solid #e2e7ef;
  border-radius: 9px;
  background: #fff;
}

.module-tool-list img {
  width: 36px;
  height: 36px;
  padding: 4px;
  border: 1px solid #e7ebf1;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  object-fit: contain;
  filter: none;
}
.module-tool-list span,
.video-queue > div > span:nth-child(2) { min-width: 0; }
.module-tool-list b,
.video-queue b { display: block; color: #263244; font-size: 12.5px; }
.module-tool-list small,
.video-queue small { display: block; overflow: hidden; color: #667085; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.module-tool-list em,
.video-queue em { color: #15704f; font-size: 10px; font-style: normal; white-space: nowrap; }

.monitor-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  padding: 0 25px 20px;
}

.monitor-strip span {
  padding: 12px;
  border: 1px solid #e2e7ef;
  border-radius: 9px;
  color: #8a95a7;
  background: #fff;
  font-size: 10px;
}

.monitor-strip b { display: block; margin-top: 4px; color: #1d2939; font-size: 15px; }

.module-note {
  display: grid;
  grid-template-columns: 7px 1fr auto;
  align-items: center;
  gap: 10px;
  margin: 0 25px 22px;
  padding: 13px 14px;
  border-radius: 9px;
  background: #eaf0fc;
}

.module-note > i { width: 7px; height: 7px; border-radius: 50%; background: #2e67dc; }
.module-note span { min-width: 0; }
.module-note b { display: block; color: #263244; font-size: 11.5px; }
.module-note small { display: block; overflow: hidden; color: #637086; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.module-note em { color: #365fb8; font-size: 10px; font-style: normal; white-space: nowrap; }

.data-foot {
  display: flex;
  justify-content: space-between;
  margin: 16px 26px 0;
  color: #748196;
  font-size: 10px;
}

.data-foot em { color: #3f68c5; font-style: normal; }

.finance-total {
  margin: 25px 26px 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e7ef;
}

.finance-total small { display: block; color: #8591a4; font-size: 10px; }
.finance-total strong { display: block; margin-top: 3px; color: #152033; font-size: 28px; }
.finance-total span { color: #19815f; font-size: 10px; }
.finance-lines { padding: 0 26px 22px; }
.finance-lines div { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e7ebf1; color: #6f7b8d; font-size: 11px; }
.finance-lines b { color: #263244; font-weight: 650; }

.ops-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 24px 25px 17px;
}

.ops-grid span {
  display: grid;
  grid-template-columns: 36px 1fr;
  grid-template-rows: auto auto;
  column-gap: 10px;
  padding: 13px;
  border: 1px solid #e2e7ef;
  border-radius: 9px;
  background: #fff;
}

.ops-grid img {
  grid-row: 1 / 3;
  width: 36px;
  height: 36px;
  padding: 4px;
  border: 1px solid #e7ebf1;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
  object-fit: contain;
  filter: none;
}
.ops-grid b { color: #273244; font-size: 11.5px; }
.ops-grid small { color: #667085; font-size: 10px; }

.video-queue { display: flex; flex-direction: column; gap: 11px; padding: 26px; }
.video-thumb { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 8px; color: #4269bf; background: #e9effb; }
.video-thumb .icon { width: 19px; height: 19px; }

.appeal-case {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 12px;
  margin: 25px;
  padding: 18px;
  border: 1px solid #e2e7ef;
  border-radius: 10px;
  background: #fff;
}

.appeal-case > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; background: #fff; border: 1px solid #e7ebf1; }
.appeal-case img { width: 28px; height: 28px; object-fit: contain; filter: none; }
.appeal-case div { min-width: 0; }
.appeal-case small { color: #667085; font-size: 10px; }
.appeal-case strong { display: block; color: #263244; font-size: 12.5px; }
.appeal-case p { overflow: hidden; color: #637086; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.appeal-case em { color: #15704f; font-size: 10px; font-style: normal; white-space: nowrap; }

.appeal-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 3px 22px 22px;
}

.appeal-steps span { color: #697586; font-size: 10px; white-space: nowrap; }
.appeal-steps span.done { color: #18815f; }
.appeal-steps span.active { color: #2e67dc; font-weight: 700; }
.appeal-steps i { width: 14px; height: 1px; background: #d5dbe4; }

.calculator-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 26px 26px 18px;
}

.calculator-grid label {
  padding: 12px 14px;
  border: 1px solid #e2e7ef;
  border-radius: 9px;
  color: #8a95a7;
  background: #fff;
  font-size: 10px;
}

.calculator-grid strong { display: block; margin-top: 3px; color: #263244; font-size: 14px; }
.calculator-result { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 26px 23px; padding-top: 18px; border-top: 1px solid #e2e7ef; }
.calculator-result span small { display: block; color: #667085; font-size: 10px; }
.calculator-result span strong { color: #152033; font-size: 21px; }
.calculator-result em { grid-column: 1 / -1; padding: 7px 10px; border-radius: 7px; color: #187356; background: #e7f5ef; font-size: 10px; font-style: normal; text-align: center; }

@media (max-width: 1080px) {
  .module-jump {
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 90%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 90%, transparent 100%);
  }
  .module-jump::-webkit-scrollbar { display: none; }
  .module-jump a { min-width: 88px; flex: none; }
  .home-v6 .solution-row { padding: 46px; }
}

@media (max-width: 900px) {
  .module-jump { top: 76px; justify-content: flex-start; margin-bottom: 24px; border-radius: 10px; }
  .home-v6 .solution-row { padding: 40px; scroll-margin-top: 142px; }
}

@media (max-width: 768px) {
  .module-jump { margin-top: -10px; }
  .module-jump a { min-width: 82px; min-height: 48px; }
  .home-v6 .site-header .btn-sm { min-height: 44px; }
  .home-v6 .finder-nav .chip { min-height: 44px; }
  .home-v6 .solution-row { padding: 34px 24px; }
  .module-summary { margin-inline: 19px; }
  .module-tool-list,
  .video-queue { padding-inline: 19px; }
  .monitor-strip { padding-inline: 19px; }
  .module-note { margin-inline: 19px; }
  .finance-total { margin-inline: 20px; }
  .finance-lines { padding-inline: 20px; }
  .ops-grid { padding-inline: 19px; }
  .appeal-case { margin-inline: 19px; }
  .calculator-grid { padding-inline: 20px; }
  .calculator-result { margin-inline: 20px; }
}

@media (max-width: 480px) {
  .home-v6 .solution-row { gap: 30px; padding: 30px 18px; }
  .home-v6 .solution-copy h3 { font-size: 26px; line-height: 1.28; }
  .module-summary { grid-template-columns: 42px 1fr; }
  .module-summary > em { grid-column: 2; }
  .monitor-strip { grid-template-columns: 1fr 1fr; }
  .monitor-strip span:last-child { grid-column: 1 / -1; }
  .ops-grid { grid-template-columns: 1fr; }
  .appeal-case { grid-template-columns: 42px 1fr; }
  .appeal-case > em { grid-column: 2; }
  .appeal-steps { gap: 4px; padding-inline: 10px; }
  .appeal-steps i { width: 7px; }
  .appeal-steps span { font-size: 9px; }
}

/* 首页 v11：客户端分类图标与悬浮转化入口 */
.home-v6 .float-contact {
  right: 16px;
  gap: 9px;
}

.home-v6 .fc-btn {
  display: flex;
  width: 124px;
  height: 52px;
  padding: 7px 10px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border: 1px solid #dfe4eb;
  border-radius: 12px;
  color: #263244;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12);
  animation: none;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.home-v6 .fc-btn:hover {
  transform: translateX(-3px);
  border-color: #cfd5de;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.16);
}

.home-v6 .fc-btn:focus-visible {
  outline: 3px solid rgba(255, 90, 31, 0.24);
  outline-offset: 3px;
}

.home-v6 .fc-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: none;
  place-items: center;
  border-radius: 9px;
  color: #263244;
  background: #f0f2f5;
}

.home-v6 .fc-icon .icon { width: 19px; height: 19px; }
.home-v6 .fc-copy { min-width: 0; text-align: left; }
.home-v6 .fc-copy strong { display: block; color: inherit; font-size: 13px; line-height: 1.25; }
.home-v6 .fc-copy small { display: block; margin-top: 2px; color: #7a8492; font-size: 10px; line-height: 1.2; }

.home-v6 .fc-btn-trial {
  border-color: #ff5a1f;
  color: #fff;
  background: #ff5a1f;
  box-shadow: 0 9px 24px rgba(219, 65, 13, 0.25);
}

.home-v6 .fc-btn-trial:hover {
  border-color: #e94b13;
  background: #ed4e16;
  box-shadow: 0 12px 30px rgba(219, 65, 13, 0.3);
}

.home-v6 .fc-btn-trial .fc-icon { color: #fff; background: rgba(255, 255, 255, 0.15); }
.home-v6 .fc-btn-trial .fc-copy small { color: rgba(255, 255, 255, 0.76); }
.home-v6 .fc-popup { right: 138px; }
.home-v6 .fc-popup[data-popup="mp"] { bottom: 0; }
.home-v6 .fc-popup[data-popup="kf"] { bottom: 61px; }

@media (min-width: 769px) and (max-width: 1320px) {
  .home-v6 .float-contact { right: 12px; }
  .home-v6 .fc-btn {
    width: 48px;
    height: 48px;
    padding: 0;
    justify-content: center;
  }
  .home-v6 .fc-copy { display: none; }
  .home-v6 .fc-icon { width: 34px; height: 34px; }
  .home-v6 .fc-popup { right: 60px; }
  .home-v6 .fc-popup[data-popup="kf"] { bottom: 57px; }
}

@media (max-width: 768px) {
  .home-v6 .float-contact { display: none; }
}

/* 首页 v12：能力流、场景轮播与图标精修 */
.home-v6 .hero.hero-dark {
  padding-bottom: 92px;
  background:
    radial-gradient(ellipse 72% 66% at 86% 18%, rgba(62, 79, 196, 0.34), transparent 66%),
    linear-gradient(156deg, #060914 0%, #0a1129 46%, #282b53 76%, #aeb8df 100%);
}

.home-v6 .hero.hero-dark::after {
  height: 190px;
  background: linear-gradient(180deg, transparent 0%, rgba(231, 235, 250, 0.32) 46%, #fff 100%);
}

.home-v6 .hero-copy { padding-block: 18px 34px; }

.home-v6 .hero.hero-dark .hero-badge {
  gap: 9px;
  padding: 7px 13px;
  color: rgba(255, 255, 255, 0.76);
  background: rgba(8, 13, 30, 0.42);
}

.home-v6 .hero.hero-dark .hero-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: none;
  border-radius: 50%;
  background: #ff7a3d;
  box-shadow: 0 0 0 4px rgba(255, 122, 61, 0.12);
}

.home-v6 .hero-ctas { margin-top: 36px; }

.home-v6 .hero-ctas .btn-primary {
  min-width: 196px;
  justify-content: center;
}

/* 首屏分类图标统一使用明确的实色底，避免透明素材在深色背景上发灰。 */
.home-v6 .category-track { will-change: transform; }

.home-v6 .category-track span {
  height: 40px;
  padding-inline: 11px 14px;
  color: rgba(246, 248, 255, 0.78);
  background: rgba(9, 15, 34, 0.88);
}

.home-v6 .category-track img,
.home-v6 .command-nav img,
.home-v6 .focus-icon img {
  padding: 2px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(3, 8, 24, 0.28);
  box-sizing: border-box;
}

.home-v6 .category-track img { width: 24px; height: 24px; }
.home-v6 .command-nav span { background: rgba(255, 255, 255, 0.04); }
.home-v6 .command-nav span.active { background: rgba(255, 122, 61, 0.16); }
.home-v6 .command-nav img { width: 23px; height: 23px; }
.home-v6 .focus-icon { background: #fff; box-shadow: 0 8px 20px rgba(3, 8, 24, 0.24); }
.home-v6 .focus-icon img { width: 32px; height: 32px; box-shadow: none; }

.home-v6 .command-main.is-switching .command-focus,
.home-v6 .command-main.is-switching .command-activity {
  opacity: 0.24;
  transform: translateY(7px);
}

.home-v6 .command-focus,
.home-v6 .command-activity {
  transition: opacity 0.22s ease, transform 0.22s ease;
}

/* 三排全部功能流 */
.feature-stream {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 108px 0 118px;
  background: linear-gradient(180deg, #fff 0%, #f5f7ff 34%, #eef2ff 66%, #fff 100%);
}

.feature-stream-head {
  max-width: 860px;
  margin-bottom: 62px;
  text-align: center;
}

.feature-stream-head > span {
  color: #e94712;
  font-size: 13px;
  font-weight: 800;
}

.feature-stream-head h2 {
  margin-top: 12px;
  color: #111827;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.16;
  letter-spacing: 0;
}

.feature-stream-head p {
  max-width: 42em;
  margin: 18px auto 0;
  color: #667085;
  font-size: 17px;
}

.feature-marquee {
  display: flex;
  flex-direction: column;
  gap: 28px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%);
}

.feature-marquee-row { overflow: hidden; }

.feature-marquee-track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 52px;
  animation: featureStreamLeft 62s linear infinite;
  will-change: transform;
}

.feature-marquee-row:nth-child(2) .feature-marquee-track {
  animation-name: featureStreamRight;
  animation-duration: 68s;
}

.feature-marquee-row:nth-child(3) .feature-marquee-track { animation-duration: 74s; }

.feature-stream-item {
  display: inline-flex;
  min-width: 168px;
  align-items: center;
  gap: 13px;
  color: #273244;
  white-space: nowrap;
}

.feature-stream-item img,
.feature-stream-item .icon {
  width: 42px;
  height: 42px;
  padding: 7px;
  flex: none;
  border: 1px solid rgba(203, 211, 224, 0.82);
  border-radius: 11px;
  color: #ff5a1f;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 20px rgba(31, 41, 55, 0.08);
  box-sizing: border-box;
  object-fit: contain;
}

.feature-stream-item span { font-size: 15px; font-weight: 700; }
.feature-stream-item small { display: block; color: #8a94a5; font-size: 10px; font-weight: 500; }

@keyframes featureStreamLeft {
  to { transform: translateX(calc(-50% - 26px)); }
}

@keyframes featureStreamRight {
  from { transform: translateX(calc(-50% - 26px)); }
  to { transform: translateX(0); }
}

/* 每个模块的界面示意只在进入视口时运行。 */
.solution-visual { isolation: isolate; }

.solution-visual::after {
  content: "";
  position: absolute;
  inset: 46px 0 auto;
  z-index: 4;
  height: 1px;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(36, 99, 235, 0.7), transparent);
  pointer-events: none;
}

.solution-row.demo-active .solution-visual::after { animation: demoScan 4.8s ease-in-out infinite; }
.solution-row.demo-active .store-stack > div,
.solution-row.demo-active .module-tool-list > div,
.solution-row.demo-active .video-queue > div,
.solution-row.demo-active .finance-lines > div,
.solution-row.demo-active .ops-grid > span,
.solution-row.demo-active .calculator-grid > label,
.solution-row.demo-active .monitor-strip > span {
  animation: demoRowSignal 6s ease-in-out infinite;
}

.solution-row.demo-active :is(.store-stack, .module-tool-list, .video-queue, .finance-lines) > :nth-child(2),
.solution-row.demo-active :is(.ops-grid, .calculator-grid, .monitor-strip) > :nth-child(2) { animation-delay: -4s; }
.solution-row.demo-active :is(.store-stack, .module-tool-list, .video-queue, .finance-lines) > :nth-child(3),
.solution-row.demo-active :is(.ops-grid, .calculator-grid, .monitor-strip) > :nth-child(3) { animation-delay: -2s; }
.solution-row.demo-active :is(.ops-grid, .calculator-grid) > :nth-child(4) { animation-delay: -1s; }

.solution-row.demo-active .task-progress i { animation: demoTaskProgress 4.2s cubic-bezier(0.16, 1, 0.3, 1) infinite; }
.solution-row.demo-active .task-grid span { animation: demoToolPulse 4.8s ease-in-out infinite; }
.solution-row.demo-active .task-grid span:nth-child(2) { animation-delay: -3.6s; }
.solution-row.demo-active .task-grid span:nth-child(3) { animation-delay: -2.4s; }
.solution-row.demo-active .task-grid span:nth-child(4) { animation-delay: -1.2s; }
.solution-row.demo-active .chart-bars i { transform-origin: bottom; animation: demoBar 3.8s ease-in-out infinite alternate; }
.solution-row.demo-active .chart-bars i:nth-child(2n) { animation-delay: -1.7s; }
.solution-row.demo-active .chart-bars i:nth-child(3n) { animation-delay: -2.8s; }
.solution-row.demo-active .appeal-steps .active { animation: demoAppeal 2.8s ease-in-out infinite; }
.solution-row.demo-active .calculator-result em,
.solution-row.demo-active .module-note { animation: demoNotice 4s ease-in-out infinite; }

@keyframes demoScan {
  0%, 18%, 100% { opacity: 0; transform: translateY(0); }
  30% { opacity: 0.7; }
  68% { opacity: 0.15; transform: translateY(260px); }
}

@keyframes demoRowSignal {
  0%, 20%, 100% { transform: translateY(0); border-color: #e2e7ef; box-shadow: none; }
  7%, 13% { transform: translateY(-3px); border-color: #a9bce9; box-shadow: 0 10px 24px rgba(36, 99, 235, 0.12); }
}

@keyframes demoTaskProgress {
  0%, 100% { width: 38%; }
  62% { width: 88%; }
}

@keyframes demoToolPulse {
  0%, 18%, 100% { transform: translateY(0); color: #4d5b70; }
  7%, 12% { transform: translateY(-4px); color: #1554e8; }
}

@keyframes demoBar {
  from { transform: scaleY(0.68); opacity: 0.72; }
  to { transform: scaleY(1); opacity: 1; }
}

@keyframes demoAppeal {
  0%, 100% { color: #2e67dc; text-shadow: none; }
  50% { color: #ff5a1f; text-shadow: 0 8px 18px rgba(255, 90, 31, 0.22); }
}

@keyframes demoNotice {
  0%, 100% { transform: translateY(0); filter: saturate(1); }
  50% { transform: translateY(-3px); filter: saturate(1.18); }
}

/* 服务区使用客户端真实图标，取消普通线框图标的工具感。 */
.home-v6 .service-cards {
  gap: 0;
  border-top: 1px solid #e4e8ef;
  border-bottom: 1px solid #e4e8ef;
}

.home-v6 .service-card {
  padding: 34px 22px 32px;
  border: 0;
  border-right: 1px solid #e4e8ef;
  border-radius: 0;
  background: transparent;
}

.home-v6 .service-card:last-child { border-right: 0; }
.home-v6 .service-card:hover { transform: none; background: #f8f9fb; box-shadow: none; }

.home-v6 .service-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 18px;
  border: 0;
  border-radius: 13px;
  background: #f3f5f8;
}

.home-v6 .service-icon img { width: 44px; height: 44px; padding: 5px; object-fit: contain; }

.home-v6 .res-more .more-arrow {
  display: inline-grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #ff5a1f;
  font-size: 15px;
  line-height: 1;
  transition: transform 0.2s ease;
}

.home-v6 .res-card:hover .more-arrow { transform: translateX(4px); }

/* 恢复圆形悬浮入口，用高对比实色强化图标。 */
.home-v6 .float-contact { right: 22px; gap: 14px; }

.home-v6 .fc-btn,
.home-v6 .fc-btn-trial {
  display: flex;
  width: auto;
  height: auto;
  padding: 0;
  flex-direction: column;
  gap: 0;
  border: 0;
  border-radius: 0;
  color: #273244;
  background: transparent;
  box-shadow: none;
  animation: none;
}

.home-v6 .fc-btn:hover,
.home-v6 .fc-btn-trial:hover { transform: none; border: 0; background: transparent; box-shadow: none; }

.home-v6 .fc-circle {
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: #fff;
  background: #1554e8;
  box-shadow: 0 12px 28px rgba(21, 84, 232, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.34);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home-v6 .fc-btn-trial .fc-circle {
  background: #ff5a1f;
  box-shadow: 0 12px 28px rgba(229, 67, 16, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.home-v6 .fc-circle .icon { width: 27px; height: 27px; stroke-width: 2.4; }
.home-v6 .fc-btn:hover .fc-circle { transform: translateY(-3px) scale(1.05); }
.home-v6 .fc-btn em { color: #273244; }
.home-v6 .fc-popup { right: 82px; }
.home-v6 .fc-popup[data-popup="mp"] { bottom: -4px; }
.home-v6 .fc-popup[data-popup="kf"] { bottom: 82px; }

.home-v6 .back-to-top {
  width: 44px;
  height: 44px;
  color: #fff;
  background: #182230;
  box-shadow: 0 10px 26px rgba(17, 24, 39, 0.22);
}

.home-v6 .back-to-top span { font-size: 23px; font-weight: 600; line-height: 1; }
.home-v6 .back-to-top:hover { color: #fff; background: #ff5a1f; }

@media (min-width: 769px) and (max-width: 1320px) {
  .home-v6 .float-contact { right: 14px; }
  .home-v6 .fc-btn { width: auto; height: auto; padding: 0; }
  .home-v6 .fc-circle { width: 54px; height: 54px; }
  .home-v6 .fc-circle .icon { width: 24px; height: 24px; }
  .home-v6 .fc-popup { right: 74px; }
  .home-v6 .fc-popup[data-popup="kf"] { bottom: 78px; }
}

@media (max-width: 900px) {
  .feature-stream { padding-block: 86px 94px; }
  .feature-stream-head { margin-bottom: 48px; }
  .feature-marquee { gap: 22px; }
  .feature-marquee-track { gap: 34px; animation-duration: 50s; }
  .feature-stream-item { min-width: 150px; }
  .home-v6 .service-card { border-right: 0; border-bottom: 1px solid #e4e8ef; }
  .home-v6 .service-card:last-child { border-bottom: 0; }
}

@media (max-width: 480px) {
  .home-v6 .hero.hero-dark { padding-bottom: 72px; }
  .home-v6 .hero-copy { padding-block: 8px 0; }
  .feature-stream { padding-block: 72px 80px; }
  .feature-stream-head { margin-bottom: 38px; }
  .feature-stream-head h2 { font-size: 32px; }
  .feature-stream-head p { font-size: 15px; }
  .feature-marquee { gap: 18px; }
  .feature-marquee-track { gap: 26px; }
  .feature-stream-item { min-width: 138px; gap: 10px; }
  .feature-stream-item img,
  .feature-stream-item .icon { width: 36px; height: 36px; padding: 6px; border-radius: 9px; }
  .feature-stream-item span { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .feature-marquee-track,
  .solution-row.demo-active .solution-visual::after,
  .solution-row.demo-active .solution-visual * { animation: none !important; }
  .feature-marquee-row { overflow-x: auto; scrollbar-width: none; }
  .feature-marquee-row::-webkit-scrollbar { display: none; }
}

/* 首页 v13：降低装饰噪音，强化经营结果与任务完成感。 */
@media (min-width: 1181px) {
  .home-v6 .hero-inner { width: min(1480px, 94%); grid-template-columns: minmax(600px, 1.06fr) minmax(560px, 0.94fr); column-gap: 72px; }
  .home-v6 .hero-copy { max-width: 700px; }
  .home-v6 .capability-stage { width: min(100%, 620px); }
}

/* 首屏分类图标直接使用透明原图，不再叠白色底板。 */
.home-v6 .category-track img,
.home-v6 .command-nav img,
.home-v6 .focus-icon img {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.home-v6 .category-track span {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(9, 15, 34, 0.68);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.home-v6 .command-nav span { background: transparent; }
.home-v6 .command-nav span.active { background: rgba(255, 90, 31, 0.14); }
.home-v6 .focus-icon { background: rgba(255, 255, 255, 0.06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); }

/* 功能流只保留一个主标题，图标无容器并降低滚动速度。 */
.feature-stream { padding-block: 92px 108px; }
.feature-stream-head { margin-bottom: 54px; }
.feature-stream-head h2 { margin-top: 0; }
.feature-marquee-track { animation-duration: 110s; }
.feature-marquee-row:nth-child(2) .feature-marquee-track { animation-duration: 124s; }
.feature-marquee-row:nth-child(3) .feature-marquee-track { animation-duration: 136s; }
.feature-stream-item { min-width: 154px; gap: 12px; }
.feature-stream-item img,
.feature-stream-item .icon {
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.feature-stream-item span { color: #303b4d; font-size: 14px; font-weight: 700; }

.visual-toolbar { position: relative; }
.demo-data-label { margin-left: auto; color: #9aa4b3; font-size: 9px; font-style: normal; }

/* 数据分析：三项核心指标 + 近七日趋势。 */
.data-kpis { display: grid; grid-template-columns: 1.2fr 1fr 0.9fr; gap: 8px; padding: 18px 22px 12px; }
.data-kpis > span { min-width: 0; padding: 10px 11px; border: 1px solid #e4e8ef; border-radius: 8px; background: #fff; }
.data-kpis small { display: block; color: #7a8698; font-size: 9px; }
.data-kpis b { display: block; overflow: hidden; margin-top: 3px; color: #192438; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
.data-kpis em { color: #17815c; font-size: 8.5px; font-style: normal; }
.data-trend { margin: 0 22px; padding: 12px 14px 8px; border: 1px solid #e3e8f0; border-radius: 9px; background: #fff; }
.data-trend > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.data-trend > div strong { color: #364154; font-size: 10px; }
.data-trend > div > span { display: inline-flex; align-items: center; gap: 5px; color: #657187; font-size: 8px; }
.data-trend > div > span i,
.data-foot span i { width: 5px; height: 5px; border-radius: 50%; background: #27b47e; box-shadow: 0 0 0 3px rgba(39, 180, 126, 0.11); }
.data-trend svg { width: 100%; height: 84px; margin-top: 6px; overflow: visible; }
.data-area { fill: url(#dataArea); }
.data-line { fill: none; stroke: #3f6fe5; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.data-trend circle { fill: #fff; stroke: #ff6a2b; stroke-width: 3; vector-effect: non-scaling-stroke; }
.data-axis { display: flex; justify-content: space-between; color: #9aa4b3; font-size: 7.5px; }
.data-foot { display: flex; align-items: center; justify-content: space-between; padding: 10px 23px 0; color: #69768a; font-size: 9px; }
.data-foot span { display: inline-flex; align-items: center; gap: 7px; }

/* 财务算账：用横向构成图呈现利润是怎么算出来的。 */
.finance-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 20px 24px 14px; }
.finance-head small { display: block; color: #8591a4; font-size: 9px; }
.finance-head strong { display: block; margin-top: 2px; color: #152033; font-size: 25px; }
.finance-head > em { padding: 5px 8px; border-radius: 6px; color: #147451; background: #e9f6f0; font-size: 9px; font-style: normal; }
.finance-waterfall { display: flex; flex-direction: column; gap: 9px; padding: 0 24px 14px; }
.finance-waterfall > div { display: grid; grid-template-columns: 76px minmax(80px, 1fr) 82px; align-items: center; gap: 9px; color: #677386; font-size: 9px; }
.finance-waterfall > div > i { height: 9px; overflow: hidden; border-radius: 2px; background: #edf0f5; }
.finance-waterfall > div > i b { display: block; width: var(--bar); height: 100%; border-radius: inherit; background: var(--bar-color); }
.finance-waterfall .income { --bar: 100%; --bar-color: #3e6ee4; }
.finance-waterfall .cost { --bar: 58%; --bar-color: #f2a35c; }
.finance-waterfall .promotion { --bar: 37%; --bar-color: #8f9bae; }
.finance-waterfall .profit { --bar: 46%; --bar-color: #24a879; }
.finance-waterfall strong { color: #364154; font-size: 9px; text-align: right; }
.finance-waterfall .profit strong { color: #15805b; font-weight: 800; }
.finance-foot { display: flex; align-items: center; justify-content: space-between; margin: 0 24px; padding-top: 12px; border-top: 1px solid #e3e7ee; color: #69768a; font-size: 9px; }
.finance-foot span { display: inline-flex; align-items: center; gap: 7px; }
.finance-foot span i { width: 6px; height: 6px; border-radius: 50%; background: #24a879; }
.finance-foot em { color: #24705b; font-style: normal; }

/* 多多视频：先展示自动发布带来的数量与时间价值。 */
.video-impact,
.appeal-impact { display: grid; grid-template-columns: 1.25fr 0.85fr 0.9fr; gap: 8px; padding: 18px 22px 12px; }
.video-impact > span,
.appeal-impact > span { min-width: 0; padding: 11px; border: 1px solid #e3e8f0; border-radius: 9px; background: #fff; }
.video-impact > span.primary,
.appeal-impact > span.primary { border-color: rgba(255, 90, 31, 0.22); background: #fff7f3; }
.video-impact small,
.appeal-impact small { display: block; color: #778397; font-size: 8.5px; }
.video-impact strong,
.appeal-impact strong { display: inline-block; margin-top: 2px; color: #182337; font-size: 20px; }
.video-impact .primary strong,
.appeal-impact .primary strong { color: #df4d19; }
.video-impact span > em,
.appeal-impact span > em { margin-left: 3px; color: #778397; font-size: 8px; font-style: normal; }
.video-task { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 10px; margin: 0 22px 10px; padding: 10px 12px; border: 1px solid #e0e6ef; border-radius: 9px; background: #fff; }
.video-task > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 8px; background: #eef3ff; }
.video-task img { width: 27px; height: 27px; object-fit: contain; }
.video-task div { min-width: 0; }
.video-task small { display: block; color: #7a8699; font-size: 8px; }
.video-task strong { display: block; color: #2b3649; font-size: 10px; }
.video-task p { height: 4px; margin-top: 6px; overflow: hidden; border-radius: 4px; background: #e8ecf2; }
.video-task p i { display: block; width: 80%; height: 100%; border-radius: inherit; background: #ff682d; }
.video-task > em { color: #df4d19; font-size: 9px; font-style: normal; }
.video-queue.compact { gap: 7px; padding: 0 22px 16px; }
.video-queue.compact > div { padding-block: 8px; }

/* AI 申诉：把追回金额、成功率与店铺恢复结果放在首位。 */
.appeal-impact { grid-template-columns: 1.25fr 0.85fr 0.85fr; }
.appeal-case.compact { margin: 0 22px 10px; padding: 10px 12px; }
.appeal-result-note { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 22px; padding-top: 10px; border-top: 1px solid #e3e7ee; }
.appeal-result-note span { display: flex; align-items: center; gap: 7px; color: #364154; font-size: 9px; }
.appeal-result-note span i { width: 6px; height: 6px; border-radius: 50%; background: #25aa79; }
.appeal-result-note em { color: #df4d19; font-size: 8.5px; font-style: normal; }

/* 免费测算：输入、利润结果、利润构成和建议形成完整闭环。 */
.calculator-inputs { display: flex; gap: 7px; padding: 16px 22px 10px; }
.calculator-inputs span { flex: 1; padding: 8px 9px; border: 1px solid #e1e6ee; border-radius: 7px; color: #7b8798; background: #fff; font-size: 8.5px; }
.calculator-inputs b { display: block; margin-top: 2px; color: #293548; font-size: 11px; }
.calculator-hero { display: grid; grid-template-columns: 1.5fr 0.8fr; gap: 8px; margin: 0 22px 10px; }
.calculator-hero > span,
.calculator-hero > div { padding: 11px 13px; border-radius: 9px; background: #182235; }
.calculator-hero > div { background: #eef2fa; }
.calculator-hero small { display: block; color: rgba(255, 255, 255, 0.58); font-size: 8px; }
.calculator-hero > div small { color: #7b8798; }
.calculator-hero strong { color: #fff; font-size: 23px; }
.calculator-hero span em { margin-left: 7px; color: #79ddb7; font-size: 8px; font-style: normal; }
.calculator-hero > div b { display: block; margin-top: 2px; color: #284fa8; font-size: 20px; }
.profit-compose { margin: 0 22px 10px; }
.profit-compose > div { display: flex; height: 8px; overflow: hidden; border-radius: 5px; background: #e8ebf0; }
.profit-compose > div i.goods { width: 40%; background: #7d8ba1; }
.profit-compose > div i.ads { width: 18%; background: #f3a561; }
.profit-compose > div i.fee { width: 12%; background: #b8c0cd; }
.profit-compose > div i.net { width: 30%; background: #28a97a; }
.profit-compose p { display: flex; justify-content: space-between; gap: 5px; margin-top: 5px; color: #788497; font-size: 7.5px; }
.profit-compose p span { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
.profit-compose p i { width: 5px; height: 5px; border-radius: 50%; }
.profit-compose p i.goods { background: #7d8ba1; }
.profit-compose p i.ads { background: #f3a561; }
.profit-compose p i.fee { background: #b8c0cd; }
.profit-compose p i.net { background: #28a97a; }
.calculator-advice { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; margin: 0 22px; padding: 8px 11px; border: 1px solid #dce8e3; border-radius: 8px; background: #edf8f3; }
.calculator-advice img { width: 27px; height: 27px; object-fit: contain; }
.calculator-advice small { display: block; color: #668076; font-size: 7.5px; }
.calculator-advice b { display: block; color: #285748; font-size: 9px; }
.calculator-advice em { color: #19805d; font-size: 8px; font-style: normal; }

/* 三步接入：左侧进度、右侧实时任务，减少无意义装饰。 */
.onboarding-visual { min-height: 570px; padding: 38px; }
.onboarding-topbar > span { display: flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, 0.64); font-size: 10px; }
.onboarding-topbar > span img { width: 20px; height: 20px; border-radius: 5px; }
.onboarding-topbar > em { display: inline-flex; align-items: center; gap: 6px; color: #8ddfbe; }
.onboarding-topbar > em i { width: 5px; height: 5px; border-radius: 50%; background: #42d59b; box-shadow: 0 0 9px rgba(66, 213, 155, 0.52); }
.activation-body { display: grid; grid-template-columns: 118px 1fr; min-height: 340px; }
.activation-nav { display: flex; flex-direction: column; gap: 8px; padding: 22px 12px; border-right: 1px solid rgba(255, 255, 255, 0.08); }
.activation-nav > span { display: grid; grid-template-columns: 17px 25px 1fr; align-items: center; gap: 5px; padding: 9px 7px; border: 1px solid transparent; border-radius: 8px; color: rgba(255, 255, 255, 0.47); }
.activation-nav > span.active { border-color: rgba(255, 106, 45, 0.3); background: rgba(255, 90, 31, 0.1); color: #fff; }
.activation-nav > span > i { display: grid; width: 15px; height: 15px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; font-size: 7px; font-style: normal; }
.activation-nav > span.done > i { border-color: #43ca98; color: #072d21; background: #43ca98; }
.activation-nav img { width: 23px; height: 23px; object-fit: contain; }
.activation-nav b { font-size: 8.5px; white-space: nowrap; }
.activation-nav em { grid-column: 3; color: rgba(255, 255, 255, 0.34); font-size: 7px; font-style: normal; }
.activation-main { min-width: 0; padding: 22px 18px; }
.activation-success { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid rgba(66, 213, 155, 0.18); border-radius: 8px; background: rgba(66, 213, 155, 0.06); }
.activation-success > span { display: grid; grid-template-columns: 7px 1fr; align-items: center; column-gap: 7px; }
.activation-success > span i { grid-row: 1 / 3; width: 6px; height: 6px; border-radius: 50%; background: #43d79a; }
.activation-success small { color: rgba(255, 255, 255, 0.42); font-size: 7px; }
.activation-success strong { color: rgba(255, 255, 255, 0.86); font-size: 10px; }
.activation-success > em { color: #7ed9b2; font-size: 8px; font-style: normal; }
.activation-task { margin-top: 12px; padding: 13px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 9px; background: rgba(255, 255, 255, 0.035); }
.activation-task-head { display: flex; align-items: center; justify-content: space-between; }
.activation-task-head > span { display: flex; align-items: center; gap: 8px; }
.activation-task-head img { width: 31px; height: 31px; object-fit: contain; }
.activation-task-head small { display: block; color: rgba(255, 255, 255, 0.38); font-size: 7px; }
.activation-task-head b { display: block; color: rgba(255, 255, 255, 0.88); font-size: 10px; }
.activation-task-head > em { padding: 4px 7px; border-radius: 5px; color: #ff9868; background: rgba(255, 90, 31, 0.12); font-size: 7px; font-style: normal; }
.activation-task > strong { display: block; margin-top: 13px; color: rgba(255, 255, 255, 0.43); font-size: 9px; font-weight: 500; }
.activation-task > strong b { color: #fff; font-size: 22px; }
.activation-progress { height: 6px; margin-top: 7px; overflow: hidden; border-radius: 5px; background: rgba(255, 255, 255, 0.09); }
.activation-progress i { display: block; width: 87%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #ff5a1f, #ff9868); }
.activation-task > p { display: flex; justify-content: space-between; margin-top: 9px; color: rgba(255, 255, 255, 0.4); font-size: 7px; }
.activation-task > p span { display: inline-flex; align-items: center; gap: 5px; }
.activation-task > p i { width: 4px; height: 4px; border-radius: 50%; background: #5b80e9; }
.activation-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 12px; }
.activation-metrics span { padding: 9px 8px; border-radius: 7px; background: rgba(255, 255, 255, 0.04); }
.activation-metrics b { display: block; color: rgba(255, 255, 255, 0.85); font-size: 12px; }
.activation-metrics small { color: rgba(255, 255, 255, 0.34); font-size: 7px; }
.solution-row.demo-active .finance-waterfall > div > i b { animation: demoFinanceBar 3.8s ease-in-out infinite alternate; transform-origin: left; }
.solution-row.demo-active .data-line { stroke-dasharray: 640; animation: demoDataLine 4s ease-in-out infinite; }
.solution-row.demo-active .video-task p i,
.onboarding-visual.visible .activation-progress i { animation: demoProgressResult 4.5s ease-in-out infinite; transform-origin: left; }
@keyframes demoFinanceBar { from { transform: scaleX(.48); } to { transform: scaleX(1); } }
@keyframes demoDataLine { 0% { stroke-dashoffset: 640; } 48%, 100% { stroke-dashoffset: 0; } }
@keyframes demoProgressResult { 0%, 100% { transform: scaleX(.62); } 55% { transform: scaleX(1); } }

/* 两个悬浮入口统一品牌橙。 */
.home-v6 .fc-circle,
.home-v6 .fc-btn-trial .fc-circle {
  background: #ff5a1f;
  box-shadow: 0 12px 28px rgba(229, 67, 16, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

@media (max-width: 900px) {
  .feature-marquee-track { animation-duration: 92s; }
  .feature-marquee-row:nth-child(2) .feature-marquee-track { animation-duration: 104s; }
  .feature-marquee-row:nth-child(3) .feature-marquee-track { animation-duration: 116s; }
  .onboarding-visual { min-height: 540px; }
}

@media (max-width: 480px) {
  .feature-stream { padding-block: 66px 76px; }
  .feature-stream-head h2 { font-size: 30px; }
  .feature-stream-item { min-width: 128px; }
  .feature-stream-item img,
  .feature-stream-item .icon { width: 32px; height: 32px; padding: 0; }
  .data-kpis,
  .video-impact,
  .appeal-impact { grid-template-columns: 1.2fr 1fr; padding-inline: 14px; }
  .data-kpis > span:last-child,
  .video-impact > span:last-child,
  .appeal-impact > span:last-child { grid-column: 1 / -1; }
  .data-trend,
  .video-task,
  .appeal-case.compact,
  .appeal-result-note,
  .calculator-hero,
  .profit-compose,
  .calculator-advice { margin-inline: 14px; }
  .data-foot { padding-inline: 15px; }
  .finance-head,
  .finance-waterfall { padding-inline: 15px; }
  .finance-head strong { font-size: 21px; }
  .finance-waterfall > div { grid-template-columns: 67px minmax(60px, 1fr) 70px; gap: 6px; }
  .finance-foot { margin-inline: 15px; }
  .video-queue.compact { padding-inline: 14px; }
  .appeal-result-note { align-items: flex-start; flex-direction: column; gap: 4px; }
  .calculator-inputs { padding-inline: 14px; }
  .calculator-inputs span:last-child { display: none; }
  .calculator-advice { grid-template-columns: 27px 1fr; }
  .calculator-advice > em { grid-column: 2; }
  .profit-compose p { flex-wrap: wrap; justify-content: flex-start; gap: 4px 10px; }
  .onboarding-visual { min-height: 510px; padding: 18px 10px; }
  .onboarding-topbar { padding-inline: 10px; }
  .onboarding-topbar > span { font-size: 0; }
  .activation-body { grid-template-columns: 1fr; min-height: 370px; }
  .activation-nav { flex-direction: row; padding: 12px 8px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  .activation-nav > span { flex: 1; grid-template-columns: 15px 1fr; padding: 7px 5px; }
  .activation-nav img { display: none; }
  .activation-nav b { font-size: 7.5px; }
  .activation-nav em { grid-column: 2; font-size: 6.5px; }
  .activation-main { padding: 14px 10px; }
  .activation-metrics b { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .solution-row.demo-active .finance-waterfall > div > i b,
  .solution-row.demo-active .data-line,
  .solution-row.demo-active .video-task p i,
  .onboarding-visual.visible .activation-progress i { animation: none !important; }
}

/* 首页 v14：光带首屏、四维运营阻力图与聚焦式模块舞台。 */
.home-v6 .hero.hero-dark {
  background: #07101f;
}

/* 底部过渡由 .hero-bg 承担，避免外层伪元素覆盖数据带。 */
.home-v6 .hero.hero-dark::after {
  display: none;
}

.home-v6 .hero-bg {
  background: #07101f url("../assets/hero-aurora-flow-v14.png") center top / cover no-repeat;
}

.home-v6 .hero-bg > * { display: none; }

.home-v6 .hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 10, 24, 0.54) 0%, rgba(4, 10, 24, 0.16) 47%, rgba(4, 10, 24, 0.08) 100%),
    linear-gradient(180deg, rgba(5, 10, 22, 0.12) 0%, rgba(5, 10, 22, 0.04) 68%, rgba(242, 246, 255, 0.9) 98%, #fff 100%);
  pointer-events: none;
}

@media (min-width: 1181px) {
  .home-v6 .hero-inner {
    width: min(1360px, 92%);
    grid-template-columns: minmax(560px, 1fr) minmax(520px, 0.94fr);
    column-gap: 68px;
  }
  .home-v6 .hero-copy { max-width: 640px; }
  .home-v6 .capability-stage { width: min(100%, 570px); }
}

.home-v6 .hero-copy { position: relative; z-index: 2; }
.home-v6 .capability-stage { z-index: 2; }
.home-v6 .command-surface { box-shadow: 0 36px 88px rgba(1, 5, 18, 0.48), 0 0 0 1px rgba(114, 158, 255, 0.08); }

.home-v6 .hero-stats {
  position: relative;
  z-index: 2;
  margin-top: 54px;
  border-color: rgba(202, 220, 255, 0.17);
  background: rgba(9, 18, 40, 0.44);
  box-shadow: 0 22px 54px rgba(2, 7, 20, 0.22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.home-v6 .hero-stats li:nth-child(1) .stat-num,
.home-v6 .hero-stats li:nth-child(1) .stat-unit { color: #ff9a68; }
.home-v6 .hero-stats li:nth-child(2) .stat-num,
.home-v6 .hero-stats li:nth-child(2) .stat-unit { color: #8bc5ff; }
.home-v6 .hero-stats li:nth-child(3) .stat-num,
.home-v6 .hero-stats li:nth-child(3) .stat-unit { color: #aebcff; }
.home-v6 .hero-stats li:nth-child(4) .stat-num,
.home-v6 .hero-stats li:nth-child(4) .stat-unit { color: #73ddb5; }

html.js .home-v6 .hero-copy { animation: heroMaterialIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) both; }
html.js .home-v6 .capability-stage { animation: heroStageIn 0.9s 0.08s cubic-bezier(0.16, 1, 0.3, 1) both; }
@keyframes heroMaterialIn {
  from { opacity: 0.38; transform: translateY(20px); filter: blur(7px); }
  to { opacity: 1; transform: none; filter: none; }
}
@keyframes heroStageIn {
  from { opacity: 0.3; transform: translate3d(36px, 12px, 0) scale(0.975); filter: blur(9px); }
  to { opacity: 1; transform: none; filter: none; }
}

/* 合作伙伴式稳定画幅：功能流不再铺满超宽屏。 */
.feature-stream-head,
.feature-marquee {
  width: min(1360px, 92%);
  margin-inline: auto;
}

.feature-marquee {
  padding-block: 8px;
  border-top: 1px solid rgba(107, 126, 166, 0.12);
  border-bottom: 1px solid rgba(107, 126, 166, 0.12);
}

/* 四类运营阻力：选择左侧维度，中央显示当前问题，右侧给出统一答案。 */
.home-v6 .section-pains {
  overflow: hidden;
  padding-block: 130px 142px;
  background: linear-gradient(180deg, #fff 0%, #f5f8ff 48%, #fff 100%);
}

.pain-intro {
  max-width: 820px;
  margin: 0 auto 68px;
  text-align: center;
}

.pain-intro h2 {
  margin-top: 14px;
  color: #111827;
  font-size: clamp(38px, 4vw, 56px);
  line-height: 1.16;
  letter-spacing: 0;
}

.pain-intro p {
  max-width: 48em;
  margin: 20px auto 0;
  color: #657086;
  font-size: 16px;
}

.pain-map {
  display: grid;
  grid-template-columns: minmax(250px, 0.88fr) minmax(360px, 1.18fr) minmax(250px, 0.88fr);
  gap: 54px;
  align-items: center;
  min-height: 470px;
}

.pain-axis-list { border-top: 1px solid #dfe5ef; }

.pain-axis {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr auto;
  gap: 5px 16px;
  padding: 22px 4px;
  border: 0;
  border-bottom: 1px solid #dfe5ef;
  color: #68758a;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: color 0.22s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.pain-axis span { color: #78859a; font-size: 11px; font-weight: 700; }
.pain-axis strong { grid-column: 1; color: #293548; font-size: 17px; }
.pain-axis em { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #a6afbd; font-size: 12px; font-style: normal; }
.pain-axis:hover,
.pain-axis.active { color: #ff5a1f; transform: translateX(8px); }
.pain-axis.active span,
.pain-axis.active strong { color: #d94814; }
.pain-axis.active em { color: #ff6b32; font-weight: 800; }

.pain-core {
  position: relative;
  min-height: 420px;
  padding: 52px 42px 38px;
  overflow: hidden;
  border-radius: 16px;
  color: #fff;
  background: #0a1327;
  box-shadow: 0 32px 72px rgba(17, 37, 79, 0.18);
  text-align: center;
}

.pain-core::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.62;
  background: url("../assets/hero-aurora-flow-v14.png") 72% 35% / 165% auto no-repeat;
  pointer-events: none;
}

.pain-core::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 15, 34, 0.18), rgba(7, 15, 34, 0.92));
  pointer-events: none;
}

.pain-core > * { position: relative; z-index: 1; }
.pain-core-visual { position: relative; width: 132px; height: 112px; margin: 0 auto 24px; }
.pain-core-visual i { position: absolute; inset: 6px 18px; border: 1px solid rgba(139, 197, 255, 0.34); transform: skewY(-8deg) rotate(45deg); }
.pain-core-visual i:nth-child(2) { inset: 22px 34px; border-color: rgba(255, 145, 92, 0.52); transform: skewY(8deg) rotate(45deg); }
.pain-core-visual img { position: absolute; inset: 33px auto auto 50%; width: 48px; height: 48px; border-radius: 11px; transform: translateX(-50%); box-shadow: 0 14px 34px rgba(255, 90, 31, 0.26); }
.pain-core > span { color: #8bc5ff; font-size: 12px; font-weight: 750; }
.pain-core > strong { display: block; margin-top: 7px; font-size: 30px; letter-spacing: 0; }
.pain-core > p { min-height: 48px; margin: 13px auto 0; color: rgba(226, 234, 249, 0.7); font-size: 13px; line-height: 1.75; }
.pain-core-meter { display: flex; gap: 6px; margin-top: 27px; }
.pain-core-meter i { height: 4px; flex: 1; border-radius: 4px; background: rgba(255, 255, 255, 0.12); }
.pain-core-meter i:first-child { background: #ff6b32; }

.pain-core.is-switching > span,
.pain-core.is-switching > strong,
.pain-core.is-switching > p { opacity: 0.2; transform: translateY(8px); }
.pain-core > span,
.pain-core > strong,
.pain-core > p { transition: opacity 0.2s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); }

.pain-answer { padding-left: 34px; border-left: 1px solid #dce4f0; }
.pain-answer span { color: #ff5a1f; font-size: 11px; font-weight: 800; }
.pain-answer strong { display: block; max-width: 9em; margin-top: 10px; color: #172237; font-size: 30px; line-height: 1.25; }
.pain-answer p { margin-top: 18px; color: #68758a; font-size: 14px; line-height: 1.8; }

html.js .pain-map.reveal {
  opacity: 0.4;
  filter: blur(8px);
  clip-path: inset(0 8% 0 8% round 20px);
  transform: translateY(26px);
  transition: opacity 0.75s ease, filter 0.75s ease, clip-path 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}
html.js .pain-map.reveal.visible { opacity: 1; filter: none; clip-path: inset(0 round 0); transform: none; }

/* 十大模块聚焦舞台：一次讲清一个大类，保留全部真实功能内容。 */
.home-v6 .section-solutions {
  overflow: hidden;
  padding-block: 128px 142px;
  background: #f4f7fc;
}

.home-v6 .section-solutions .section-head { max-width: 760px; margin-bottom: 62px; }

.home-v6 .module-jump {
  position: relative;
  top: auto;
  z-index: 5;
  max-width: 1180px;
  margin: 0 auto 30px;
  border-color: #dce3ee;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 38px rgba(27, 49, 91, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.home-v6 .module-jump a { min-height: 58px; }
.home-v6 .module-jump img { width: 25px; height: 25px; }

.solution-stage {
  position: relative;
  min-height: 570px;
  padding: 0 62px 48px;
}

.home-v6 .solution-list { display: block; min-height: 500px; }
html.js .home-v6 .solution-list .solution-row { display: none; }
html.js .home-v6 .solution-list .solution-row.is-active { display: grid; }

.home-v6 .solution-row,
.home-v6 .solution-row.is-active {
  min-height: 500px;
  padding: 62px;
  border: 1px solid transparent;
  border-radius: 16px;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(125deg, rgba(76, 130, 245, 0.42), rgba(255, 255, 255, 0.7) 48%, rgba(255, 105, 49, 0.34)) border-box;
  box-shadow: 0 30px 70px rgba(31, 52, 92, 0.11);
  scroll-margin-top: 118px;
}

html.js .home-v6 .solution-row.is-active {
  animation: modulePanelIn 0.72s cubic-bezier(0.16, 1, 0.3, 1) both;
}

html.js .home-v6 .solution-row.is-active .solution-copy { animation: moduleCopyIn 0.64s 0.08s cubic-bezier(0.16, 1, 0.3, 1) both; }
html.js .home-v6 .solution-row.is-active .solution-visual { animation: moduleVisualIn 0.7s 0.05s cubic-bezier(0.16, 1, 0.3, 1) both; }

@keyframes modulePanelIn {
  from { opacity: 0.32; filter: blur(8px); clip-path: inset(0 6% 0 6% round 16px); transform: scale(0.985); }
  to { opacity: 1; filter: none; clip-path: inset(0 round 16px); transform: none; }
}
@keyframes moduleCopyIn { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }
@keyframes moduleVisualIn { from { opacity: 0; transform: translateX(28px) scale(0.98); } to { opacity: 1; transform: none; } }

.module-arrow {
  position: absolute;
  top: 220px;
  z-index: 6;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid #d8e0ec;
  border-radius: 50%;
  color: #fff;
  background: #172237;
  box-shadow: 0 12px 28px rgba(17, 34, 66, 0.17);
  font-size: 22px;
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.module-arrow:hover { color: #fff; background: #ff5a1f; transform: scale(1.06); }
.module-arrow-prev { left: 0; }
.module-arrow-next { right: 0; }

.module-carousel-meta {
  display: grid;
  grid-template-columns: auto minmax(120px, 1fr) auto;
  align-items: center;
  gap: 16px;
  max-width: 620px;
  margin: 22px auto 0;
}
.module-carousel-meta > span { color: #293548; font-size: 12px; font-weight: 800; }
.module-carousel-meta > em { color: #8a95a6; font-size: 10px; font-style: normal; }
.module-carousel-progress { height: 3px; overflow: hidden; border-radius: 3px; background: #dfe5ee; }
.module-carousel-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4676e8, #ff6a2d); }
.solution-stage.is-playing .module-carousel-progress i { animation: moduleTimer 6.4s linear forwards; }
@keyframes moduleTimer { to { width: 100%; } }

@media (max-width: 1080px) {
  .pain-map { grid-template-columns: minmax(220px, 0.9fr) minmax(340px, 1.2fr); gap: 36px; }
  .pain-answer { grid-column: 1 / -1; max-width: 660px; margin: 0 auto; padding: 28px 0 0; border-top: 1px solid #dce4f0; border-left: 0; text-align: center; }
  .pain-answer strong { max-width: none; }
  .solution-stage { padding-inline: 52px; }
}

@media (max-width: 900px) {
  .home-v6 .hero-bg { background-position: 64% top; }
  .feature-stream-head,
  .feature-marquee { width: 100%; }
  .pain-map { grid-template-columns: 1fr; }
  .pain-axis-list { display: grid; grid-template-columns: 1fr 1fr; }
  .pain-axis:nth-child(odd) { padding-right: 18px; border-right: 1px solid #dfe5ef; }
  .pain-axis:nth-child(even) { padding-left: 18px; }
  .pain-axis:nth-child(3),
  .pain-axis:nth-child(4) { border-bottom: 0; }
  .pain-axis:nth-child(even):hover,
  .pain-axis:nth-child(even).active { transform: translateX(8px); }
  .pain-core { width: min(560px, 100%); min-height: 380px; margin: 0 auto; }
  .home-v6 .module-jump { margin-inline: -4%; border-right: 0; border-left: 0; border-radius: 0; }
  .solution-stage { min-height: 0; padding-inline: 48px; }
  .home-v6 .solution-list { min-height: 0; }
  html.js .home-v6 .solution-list .solution-row.is-active { display: grid; }
  .home-v6 .solution-row,
  .home-v6 .solution-row.is-active { min-height: 0; padding: 42px 34px; }
  .module-arrow { top: 50%; width: 42px; height: 42px; transform: translateY(-50%); }
  .module-arrow:hover { transform: translateY(-50%) scale(1.04); }
}

@media (max-width: 560px) {
  .home-v6 .hero-bg { background-position: 66% top; }
  .home-v6 .section-pains { padding-block: 92px 100px; }
  .pain-intro { margin-bottom: 44px; text-align: left; }
  .pain-intro h2 { font-size: 34px; }
  .pain-intro p { font-size: 15px; }
  .pain-map { gap: 30px; }
  .pain-axis { grid-template-columns: 1fr; padding: 16px 8px; }
  .pain-axis strong { font-size: 14px; }
  .pain-axis em { display: none; }
  .pain-axis:hover,
  .pain-axis.active { transform: translateX(6px); }
  .pain-axis:nth-child(even):hover,
  .pain-axis:nth-child(even).active { transform: translateX(6px); }
  .pain-core { min-height: 360px; padding: 38px 24px 30px; }
  .pain-core > strong { font-size: 27px; }
  .pain-answer { text-align: left; }
  .pain-answer strong { font-size: 26px; }
  .home-v6 .section-solutions { padding-block: 96px 108px; }
  .home-v6 .section-solutions .section-head { margin-bottom: 44px; }
  .solution-stage { padding: 0 0 76px; }
  .home-v6 .solution-row,
  .home-v6 .solution-row.is-active { padding: 30px 18px; }
  .module-arrow { top: auto; bottom: 7px; transform: none; }
  .module-arrow:hover { transform: scale(1.04); }
  .module-arrow-prev { left: 0; }
  .module-arrow-next { right: 0; }
  .module-carousel-meta { grid-template-columns: auto 1fr; margin: 20px 52px 0; }
  .module-carousel-meta > em { display: none; }
  .home-v6 .back-to-top { display: none; }
}

@media (min-width: 769px) and (max-width: 1320px) {
  .home-v6 .float-contact { right: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  html.js .home-v6 .hero-copy,
  html.js .home-v6 .capability-stage,
  html.js .home-v6 .solution-row.is-active,
  html.js .home-v6 .solution-row.is-active .solution-copy,
  html.js .home-v6 .solution-row.is-active .solution-visual,
  .solution-stage.is-playing .module-carousel-progress i { animation: none !important; }
  html.js .pain-map.reveal { opacity: 1; filter: none; clip-path: none; transform: none; transition: none; }
}

/* ============================================================
   首页 v15：单一首屏中枢、五维协同、产品能力横向舞台
   ============================================================ */

/* 首屏不再依赖装饰背景图，产品中枢本身就是主视觉。 */
.home-v6 .hero.hero-dark {
  min-height: 820px;
  padding: 152px 0 92px;
  background: #070d19;
}

.home-v6 .hero-bg { background: #070d19; }
.home-v6 .hero-bg::after {
  background: linear-gradient(180deg, rgba(7, 13, 25, 0) 70%, rgba(19, 31, 52, 0.78) 90%, #f8faff 100%);
}

@media (min-width: 1181px) {
  .home-v6 .hero-inner {
    width: min(1360px, 92%);
    grid-template-columns: minmax(520px, 0.9fr) minmax(620px, 1.1fr);
    column-gap: 76px;
  }
  .home-v6 .hero-copy { max-width: 610px; }
  .home-v6 .capability-stage { width: min(100%, 660px); }
}

.home-v6 .capability-stage {
  height: 520px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.home-v6 .capability-stage::before,
.home-v6 .capability-stage::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(132, 164, 226, 0.16);
  border-radius: 16px;
  background: rgba(17, 29, 52, 0.38);
  pointer-events: none;
}

.home-v6 .capability-stage::before {
  inset: 48px 6px 54px 42px;
  transform: translate(28px, -18px);
}

.home-v6 .capability-stage::after {
  inset: 48px 28px 54px 18px;
  opacity: 0.72;
  transform: translate(-18px, 20px);
}

.home-v6 .command-surface {
  inset: 18px 14px 50px 0;
  z-index: 2;
  border-color: rgba(151, 180, 237, 0.22);
  border-radius: 16px;
  background: #0d1629;
  box-shadow: 0 36px 88px rgba(0, 0, 0, 0.42);
  animation: none;
}

.home-v6 .command-topbar { height: 50px; padding-inline: 20px; }
.home-v6 .command-body { height: calc(100% - 50px); grid-template-columns: 64px 1fr; }
.home-v6 .command-nav { gap: 15px; padding-top: 24px; }
.home-v6 .command-nav span { width: 36px; height: 36px; }
.home-v6 .command-nav img { width: 25px; height: 25px; }
.home-v6 .command-main { padding: 24px 28px 22px; }
.home-v6 .command-heading > span { font-size: 17px; }
.home-v6 .command-heading > strong { color: #8fc7ff; font-size: 31px; }
.home-v6 .command-focus { margin-top: 20px; padding: 17px 0; }
.home-v6 .focus-icon { width: 46px; height: 46px; }
.home-v6 .focus-icon img { width: 34px; height: 34px; }
.home-v6 .command-focus strong { font-size: 17px; }
.home-v6 .command-focus p { margin-top: 3px; font-size: 11px; }
.home-v6 .command-progress { height: 6px; }
.home-v6 .command-foot { margin-top: 12px; }

.command-insights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.command-insights span { padding: 14px 10px 13px; border-right: 1px solid rgba(255, 255, 255, 0.08); }
.command-insights span:last-child { border-right: 0; }
.command-insights small { display: block; color: rgba(221, 231, 248, 0.45); font-size: 9px; }
.command-insights b { color: #fff; font-size: 21px; }
.command-insights em { margin-left: 3px; color: #7fdcb8; font-size: 9px; font-style: normal; }
.home-v6 .stage-status { bottom: 7px; color: rgba(222, 232, 249, 0.62); }

/* 功能流：标题退居辅助层，真实图标与功能名成为主角。 */
.feature-stream {
  padding: 70px 0 92px;
  background: #f8faff;
}

.feature-stream-head { margin-bottom: 42px; }
.feature-stream-head h2 { font-size: clamp(24px, 2.2vw, 30px); font-weight: 750; }
.feature-marquee {
  gap: 30px;
  padding-block: 0;
  border: 0;
  mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}
.feature-marquee-track { gap: 68px; }
.feature-stream-item { min-width: 210px; gap: 16px; }
.feature-stream-item img,
.feature-stream-item .icon { width: 48px; height: 48px; }
.feature-stream-item span { color: #202b3d; font-size: 17px; font-weight: 720; }

/* 五维一体：五类运营问题围绕统一工作台，底部用结果建立信任。 */
.home-v6 .section-pains {
  padding-block: 126px 136px;
  background: #fff;
}

.pain-intro { margin-bottom: 76px; }
.pain-intro h2 { font-size: clamp(38px, 3.6vw, 52px); }

.pain-map {
  display: grid;
  max-width: 1180px;
  min-height: 690px;
  grid-template-columns: minmax(220px, 1fr) 400px minmax(220px, 1fr);
  grid-template-rows: 132px 132px 120px auto;
  gap: 18px 42px;
  align-items: center;
  margin: 0 auto;
}

.pain-axis-list { display: contents; }

.pain-axis {
  display: grid;
  width: min(100%, 270px);
  grid-template-columns: 44px 1fr;
  gap: 2px 13px;
  align-items: center;
  justify-self: center;
  padding: 14px 8px;
  border: 0;
  background: transparent;
  transform: none;
}

.pain-axis > img {
  display: grid;
  width: 42px;
  height: 42px;
  grid-row: 1 / 3;
  padding: 5px;
  object-fit: contain;
}

.pain-axis span { color: #748198; font-size: 12px; }
.pain-axis strong { grid-column: 2; color: #202b3d; font-size: 19px; }
.pain-axis em { display: none; }
.pain-axis:hover,
.pain-axis.active { color: inherit; transform: translateY(-3px); }
.pain-axis.active > img { transform: scale(1.08); }
.pain-axis.active span { color: #e94f18; }
.pain-axis.active strong { color: #c93f0d; }

.pain-axis:nth-child(1) { grid-column: 1; grid-row: 1; }
.pain-axis:nth-child(2) { grid-column: 3; grid-row: 1; }
.pain-axis:nth-child(3) { grid-column: 1; grid-row: 2; }
.pain-axis:nth-child(4) { grid-column: 3; grid-row: 2; }
.pain-axis:nth-child(5) { grid-column: 2; grid-row: 3; }

.pain-core {
  width: 400px;
  min-height: 350px;
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  padding: 46px 44px 34px;
  border-radius: 0;
  color: #172237;
  background: transparent;
  box-shadow: none;
}
.pain-core::before,
.pain-core::after { display: none; }
.pain-core-visual { width: 174px; height: 142px; margin-bottom: 24px; }
.pain-core-visual i { inset: 14px 28px; border-color: rgba(79, 118, 220, 0.24); transform: rotate(30deg) skewY(-8deg); }
.pain-core-visual i:nth-child(2) { inset: 30px 44px; border-color: rgba(255, 90, 31, 0.38); transform: rotate(60deg) skewY(8deg); }
.pain-core-visual img { inset: 46px auto auto 50%; width: 58px; height: 58px; border-radius: 13px; }
.pain-core > span { color: #4b70d5; }
.pain-core > strong { color: #121c2d; font-size: 34px; }
.pain-core > p { min-height: 46px; color: #6a7689; }
.pain-core-meter { max-width: 220px; margin: 28px auto 0; }
.pain-core-meter i { background: #e6eaf1; }
.pain-core-meter i:first-child,
.pain-core-meter i.active { background: #ff6b32; }

.pain-answer {
  grid-column: 1 / -1;
  grid-row: 4;
  padding: 34px 0 0;
  border: 0;
  border-top: 1px solid #e3e8f0;
  text-align: center;
}
.pain-answer span { color: #5572c7; }
.pain-answer strong { max-width: none; margin-top: 8px; font-size: 34px; }
.pain-answer p { margin-top: 10px; }
.pain-proof {
  display: grid;
  max-width: 760px;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 30px auto 0;
  position: relative;
}
.pain-proof > span { padding: 0 24px; border-right: 1px solid #e1e6ee; }
.pain-proof > span:last-of-type { border-right: 0; }
.pain-proof b { display: block; color: #172237; font-size: 27px; }
.pain-proof small { display: block; margin-top: 3px; color: #778397; font-size: 11px; }
.pain-proof em { position: absolute; right: 0; bottom: -24px; color: #a0a8b5; font-size: 9px; font-style: normal; }

/* 产品能力：中央主卡讲清一个模块，两侧预览建立连续浏览感。 */
.home-v6 .section-solutions {
  padding-block: 124px 144px;
  background: #f7f9fd;
}
.home-v6 .section-solutions > .container { width: min(1360px, 92%); max-width: none; }
.home-v6 .section-solutions .section-head { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.home-v6 .section-solutions .section-head h2 { font-size: clamp(40px, 4vw, 54px); }
.home-v6 .module-jump {
  max-width: 980px;
  margin-bottom: 34px;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.home-v6 .module-jump a { min-height: 48px; border-radius: 8px; }
.home-v6 .module-jump a.active { background: #fff; box-shadow: 0 8px 24px rgba(31, 48, 83, 0.08); }
.home-v6 .module-jump img { width: 23px; height: 23px; }

.solution-stage { min-height: 650px; padding: 0 0 50px; overflow: visible; }
.home-v6 .solution-list { position: relative; z-index: 3; width: min(920px, calc(100% - 180px)); min-height: 548px; margin: 0 auto; }
.home-v6 .solution-row,
.home-v6 .solution-row.is-active {
  min-height: 548px;
  padding: 58px 42px;
  border: 12px solid transparent;
  border-radius: 16px;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #d7e4ff, #f3d8ea 52%, #ffe0d2) border-box;
  box-shadow: none;
}

.module-peek {
  position: absolute;
  top: 42px;
  z-index: 1;
  display: flex;
  width: 350px;
  height: 454px;
  flex-direction: column;
  justify-content: center;
  padding: 46px;
  border: 12px solid #e1e8f8;
  border-radius: 16px;
  color: #243147;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.72;
  pointer-events: none;
}
.module-peek-prev { left: -38px; transform: perspective(900px) rotateY(8deg) rotate(-3deg); }
.module-peek-next { right: -38px; transform: perspective(900px) rotateY(-8deg) rotate(3deg); }
.module-peek-icon { display: grid; width: 54px; height: 54px; place-items: center; }
.module-peek-icon img { width: 48px; height: 48px; object-fit: contain; }
.module-peek small { margin-top: 26px; color: #8792a3; font-size: 11px; }
.module-peek strong { margin-top: 8px; font-size: 28px; }
.module-peek em { max-width: 12em; margin-top: 14px; color: #68758a; font-size: 14px; font-style: normal; line-height: 1.7; }

.module-arrow { top: 252px; z-index: 5; }
.module-arrow-prev { left: 164px; }
.module-arrow-next { right: 164px; }
.module-carousel-meta { max-width: 650px; margin-top: 26px; }

@media (max-width: 1180px) {
  .home-v6 .hero.hero-dark { padding-top: 132px; }
  .home-v6 .capability-stage { width: min(100%, 620px); max-width: none; }
  .pain-map { grid-template-columns: minmax(180px, 1fr) 360px minmax(180px, 1fr); gap-inline: 20px; }
  .pain-core { width: 360px; }
  .module-peek-prev { left: -124px; }
  .module-peek-next { right: -124px; }
  .module-arrow-prev { left: 48px; }
  .module-arrow-next { right: 48px; }
}

@media (max-width: 900px) {
  .home-v6 .hero.hero-dark { min-height: 0; }
  .home-v6 .capability-stage { height: 500px; }
  .home-v6 .command-surface { inset: 20px 0 48px; }
  .feature-stream-item { min-width: 180px; }
  .pain-map {
    min-height: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 16px 20px;
  }
  .pain-axis-list { display: contents; }
  .pain-axis:nth-child(n) { grid-column: auto; grid-row: auto; }
  .pain-axis:nth-child(5) { grid-column: 1 / -1; width: min(270px, 100%); }
  .pain-core { width: min(520px, 100%); min-height: 360px; grid-column: 1 / -1; grid-row: auto; margin: 18px auto 0; }
  .pain-answer { grid-column: 1 / -1; grid-row: auto; }
  .module-peek { display: none; }
  .home-v6 .solution-list { width: calc(100% - 96px); }
  .module-arrow-prev { left: 0; }
  .module-arrow-next { right: 0; }
}

@media (max-width: 560px) {
  .home-v6 .hero.hero-dark { padding-top: 118px; }
  .home-v6 .capability-stage { height: 470px; margin-top: 46px; }
  .home-v6 .capability-stage::before,
  .home-v6 .capability-stage::after { display: none; }
  .home-v6 .command-surface { inset: 0 0 42px; }
  .home-v6 .command-body { grid-template-columns: 1fr; }
  .home-v6 .command-main { padding: 20px 18px; }
  .command-insights span { padding-inline: 5px; }
  .command-insights b { font-size: 17px; }
  .feature-stream { padding-block: 58px 72px; }
  .feature-stream-head { margin-bottom: 32px; }
  .feature-stream-head h2 { font-size: 24px; }
  .feature-marquee { gap: 22px; }
  .feature-marquee-track { gap: 36px; }
  .feature-stream-item { min-width: 158px; gap: 12px; }
  .feature-stream-item img,
  .feature-stream-item .icon { width: 42px; height: 42px; }
  .feature-stream-item span { font-size: 15px; }
  .home-v6 .section-pains { padding-block: 92px 100px; }
  .pain-intro { margin-bottom: 42px; }
  .pain-map { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; }
  .pain-axis:nth-child(n) { grid-column: auto; }
  .pain-axis:nth-child(5) { grid-column: 1 / -1; justify-self: center; width: min(170px, 100%); }
  .pain-axis,
  .pain-axis:nth-child(odd),
  .pain-axis:nth-child(even) {
    width: 100%;
    min-height: 74px;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 1px 6px;
    justify-self: stretch;
    padding: 8px 2px;
    border: 0;
  }
  .pain-axis > img { width: 32px; height: 32px; padding: 2px; }
  .pain-axis span { font-size: 10px; }
  .pain-axis strong { font-size: 14px; line-height: 1.3; }
  .pain-core { grid-column: 1 / -1; padding-inline: 18px; }
  .pain-answer { grid-column: 1 / -1; text-align: center; }
  .pain-proof { grid-template-columns: 1fr; gap: 18px; }
  .pain-proof > span { padding: 0; border-right: 0; }
  .pain-proof em { position: static; margin-top: 2px; }
  .home-v6 .section-solutions { padding-block: 96px 108px; }
  .home-v6 .section-solutions .section-head h2 { font-size: 36px; }
  .solution-stage { min-height: 0; padding-bottom: 76px; }
  .home-v6 .solution-list { width: 100%; }
  .home-v6 .solution-row,
  .home-v6 .solution-row.is-active { min-height: 0; padding: 28px 16px; border-width: 7px; }
  .module-arrow { top: auto; bottom: 7px; }
  .module-arrow-prev { left: 0; }
  .module-arrow-next { right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .module-peek { transform: none; }
}

/* ============================================================
   首页 v16：连续首屏、店群痛点中心、整卡横向轮播
   ============================================================ */

/* 首屏以冷暖光晕衔接数值区和白色内容区，避免深色背景硬切。 */
.home-v6 .hero.hero-dark {
  background:
    radial-gradient(ellipse at 18% 18%, rgba(255, 91, 46, 0.16), transparent 35%),
    radial-gradient(ellipse at 82% 24%, rgba(76, 118, 231, 0.18), transparent 38%),
    linear-gradient(180deg, #070d19 0%, #0a1324 70%, #16223a 86%, #f8faff 100%);
}

.home-v6 .hero-bg {
  background:
    radial-gradient(circle at 28% 26%, rgba(255, 113, 69, 0.08), transparent 28%),
    radial-gradient(circle at 76% 34%, rgba(104, 142, 246, 0.1), transparent 30%);
}

.home-v6 .hero-bg::after {
  background: linear-gradient(180deg, transparent 62%, rgba(16, 29, 51, 0.62) 82%, #f8faff 100%);
}

.home-v6 .hero-stats li {
  border-color: rgba(179, 198, 231, 0.2);
  background: linear-gradient(180deg, rgba(17, 29, 51, 0.78), rgba(247, 250, 255, 0.1));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* 功能流与痛点区共用一张白色画布。 */
.feature-stream {
  padding-bottom: 72px;
  background: #fff;
}

.home-v6 .section-pains {
  padding-block: 76px 132px;
  background: #fff;
}

.pain-intro {
  margin-bottom: 66px;
  text-align: center;
}

.pain-intro .section-kicker {
  color: #182235;
  font-size: clamp(34px, 3.6vw, 52px);
  font-weight: 780;
  line-height: 1.16;
}

.pain-map {
  max-width: 1120px;
  min-height: 650px;
  grid-template-columns: minmax(230px, 1fr) 470px minmax(230px, 1fr);
  grid-template-rows: repeat(3, 142px) 118px;
  gap: 14px 32px;
}

.pain-axis {
  position: relative;
  width: min(100%, 284px);
  min-height: 92px;
  padding: 15px 12px;
  border-bottom: 1px solid #e9edf4;
  text-align: left;
}

.pain-axis::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 44px;
  height: 1px;
  background: linear-gradient(90deg, #dfe5ef, transparent);
  opacity: 0.7;
}

.pain-axis:nth-child(1)::after,
.pain-axis:nth-child(3)::after { right: -44px; }
.pain-axis:nth-child(2)::after,
.pain-axis:nth-child(4)::after { left: -44px; transform: rotate(180deg); }
.pain-axis:nth-child(5)::after { display: none; }

.pain-axis > img {
  width: 46px;
  height: 46px;
  padding: 3px;
  filter: saturate(0.82);
}

.pain-axis span { font-size: 12px; }
.pain-axis strong { font-size: 18px; line-height: 1.35; }
.pain-axis.active { transform: translateY(-2px); }
.pain-axis.active > img { filter: saturate(1.12); transform: scale(1.08); }

.pain-axis:nth-child(1) { grid-column: 1; grid-row: 1; }
.pain-axis:nth-child(2) { grid-column: 3; grid-row: 1; }
.pain-axis:nth-child(3) { grid-column: 1; grid-row: 2; }
.pain-axis:nth-child(4) { grid-column: 3; grid-row: 2; }
.pain-axis:nth-child(5) { grid-column: 2; grid-row: 4; align-self: start; }

.pain-core {
  width: 470px;
  min-height: 550px;
  grid-column: 2;
  grid-row: 1 / 4;
  padding: 0 34px 24px;
}

.pain-core-visual {
  width: 320px;
  height: 286px;
  margin: -16px auto 4px;
}

.pain-core-visual img {
  position: static;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: contain;
  mix-blend-mode: multiply;
  transform: none;
  box-shadow: none;
}

.pain-core > span { color: #60708b; font-size: 12px; }
.pain-core > strong { margin-top: 6px; font-size: 30px; }
.pain-core > p { min-height: 0; margin-top: 10px; font-size: 14px; }

.pain-core-solve {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 17px;
  color: #c74314;
  font-size: 13px;
}

.pain-core-solve span {
  padding: 5px 8px;
  border-radius: 5px;
  color: #fff;
  background: #ec5a24;
  font-size: 10px;
  font-weight: 750;
}

.pain-core-solve b { font-weight: 750; }
.pain-core-meter { margin-top: 22px; }
.pain-core.is-switching .pain-core-solve { opacity: 0.18; transform: translateY(8px); }
.pain-core-solve { transition: opacity 0.2s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); }

/* 三个完整模块卡片共用同一视觉结构，并在切换时沿水平方向整体移动。 */
.home-v6 .section-solutions { overflow: hidden; padding-bottom: 94px; }
.solution-stage { min-height: 650px; }

html.js .home-v6 .solution-list .solution-row.is-active,
html.js .home-v6 .solution-list .solution-row.is-active .solution-copy,
html.js .home-v6 .solution-list .solution-row.is-active .solution-visual {
  animation: none;
}

.module-peek {
  top: 0;
  left: 50%;
  z-index: 1;
  display: block;
  width: min(920px, calc(100% - 180px));
  height: 548px;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  opacity: 0.48;
  transform-origin: center center;
  will-change: transform, opacity;
}

.module-peek-prev {
  right: auto;
  transform: translate3d(-110%, 24px, 0) scale(0.78) rotate(-1.5deg);
}

.module-peek-next {
  right: auto;
  transform: translate3d(10%, 24px, 0) scale(0.78) rotate(1.5deg);
}

.module-peek-card {
  display: grid;
  width: 100%;
  min-height: 548px;
  grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
  gap: 68px;
  align-items: center;
  padding: 58px 42px;
  overflow: hidden;
  border: 12px solid transparent;
  border-radius: 16px;
  color: #243147;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #d7e4ff, #f3d8ea 52%, #ffe0d2) border-box;
}

.module-peek-card .solution-copy,
.module-peek-card .solution-visual { animation: none !important; }

html.js .home-v6 .slide-next .solution-list .solution-row.is-active { animation: moduleCardToLeft 0.72s cubic-bezier(0.22, 0.78, 0.2, 1) both; }
html.js .home-v6 .slide-next .module-peek-next.is-incoming { animation: moduleCardFromRight 0.72s cubic-bezier(0.22, 0.78, 0.2, 1) both; }
html.js .home-v6 .slide-prev .solution-list .solution-row.is-active { animation: moduleCardToRight 0.72s cubic-bezier(0.22, 0.78, 0.2, 1) both; }
html.js .home-v6 .slide-prev .module-peek-prev.is-incoming { animation: moduleCardFromLeft 0.72s cubic-bezier(0.22, 0.78, 0.2, 1) both; }
.slide-next .module-peek-prev,
.slide-prev .module-peek-next { opacity: 0.08; transition: opacity 0.32s ease; }

@keyframes moduleCardToLeft {
  from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  to { opacity: 0.48; transform: translate3d(-70%, 24px, 0) scale(0.78) rotate(-1.5deg); }
}

@keyframes moduleCardToRight {
  from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  to { opacity: 0.48; transform: translate3d(70%, 24px, 0) scale(0.78) rotate(1.5deg); }
}

@keyframes moduleCardFromRight {
  from { opacity: 0.48; transform: translate3d(10%, 24px, 0) scale(0.78) rotate(1.5deg); }
  to { opacity: 1; transform: translate3d(-50%, 0, 0) scale(1); }
}

@keyframes moduleCardFromLeft {
  from { opacity: 0.48; transform: translate3d(-110%, 24px, 0) scale(0.78) rotate(-1.5deg); }
  to { opacity: 1; transform: translate3d(-50%, 0, 0) scale(1); }
}

/* 接入流程只保留三步与执行反馈。 */
.onboarding-visual { min-height: 470px; padding: 34px; }
.activation-metrics { grid-template-columns: repeat(2, 1fr); }
.steps-content .section-head { margin-bottom: 22px; }
.home-v6 .steps-list li { min-height: 68px; padding: 16px 0; }
.home-v6 .steps-list h3 { font-size: 17px; }
.home-v6 .steps-actions { margin-top: 28px; }

@media (max-width: 1180px) {
  .pain-map { grid-template-columns: minmax(190px, 1fr) 410px minmax(190px, 1fr); gap-inline: 18px; }
  .pain-core { width: 410px; }
  .pain-core-visual { width: 290px; }
}

@media (max-width: 900px) {
  .pain-intro { margin-bottom: 46px; }
  .pain-map { min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; }
  .pain-axis:nth-child(n) { grid-column: auto; grid-row: auto; }
  .pain-axis:nth-child(5) { grid-column: 1 / -1; }
  .pain-axis::after { display: none; }
  .pain-core { width: min(560px, 100%); min-height: 0; grid-column: 1 / -1; grid-row: auto; }
  .module-peek { display: none; }
}

@media (max-width: 560px) {
  .feature-stream { padding-bottom: 54px; }
  .home-v6 .section-pains { padding-block: 58px 94px; }
  .pain-intro .section-kicker { font-size: 31px; }
  .pain-core { padding: 10px 6px 22px; }
  .pain-core-visual { width: min(290px, 94vw); height: 250px; }
  .pain-core > strong { font-size: 26px; }
  .pain-core-solve { align-items: flex-start; font-size: 12px; text-align: left; }
  .onboarding-visual { min-height: 430px; padding: 18px 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .slide-next .solution-list .solution-row.is-active,
  .slide-next .module-peek-next.is-incoming,
  .slide-prev .solution-list .solution-row.is-active,
  .slide-prev .module-peek-prev.is-incoming { animation: none !important; }
}

/* ============================================================
   首页 v17：品牌光场、五类问题装置、稳定尺寸的能力轮播
   ============================================================ */

/* 首屏只保留低对比度流动光场，视觉焦点仍然是标题和产品中枢。 */
.home-v6 .hero.hero-dark {
  background: #07101f;
}

.home-v6 .hero-bg {
  overflow: hidden;
  background:
    radial-gradient(ellipse at 18% 26%, rgba(255, 91, 46, 0.12), transparent 34%),
    radial-gradient(ellipse at 82% 22%, rgba(73, 117, 226, 0.17), transparent 38%),
    linear-gradient(135deg, #080b16 0%, #081426 48%, #0c1c34 100%);
}

.home-v6 .hero-bg::before {
  content: "";
  position: absolute;
  inset: -18%;
  display: block;
  background:
    radial-gradient(circle at 30% 42%, rgba(255, 104, 59, 0.12), transparent 19%),
    radial-gradient(circle at 70% 36%, rgba(92, 137, 244, 0.15), transparent 22%);
  opacity: 0.78;
  transform: translate3d(-2%, 0, 0) scale(1.04);
  animation: heroAmbientDrift 14s ease-in-out infinite alternate;
  pointer-events: none;
}

.home-v6 .hero-bg::after {
  background: linear-gradient(180deg, transparent 65%, rgba(12, 28, 52, 0.72) 84%, #fff 100%);
}

@keyframes heroAmbientDrift {
  from { opacity: 0.62; transform: translate3d(-2%, 0, 0) scale(1.04); }
  to { opacity: 0.9; transform: translate3d(2%, -1.5%, 0) scale(1.08); }
}

.home-v6 .hero.hero-dark .hero-stats {
  overflow: hidden;
  border: 1px solid rgba(162, 188, 232, 0.2);
  background: linear-gradient(180deg, #152640 0%, #0d1b30 100%);
  box-shadow: 0 22px 54px rgba(1, 8, 22, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-v6 .hero-stats li {
  border-color: rgba(180, 202, 240, 0.14);
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-v6 .hero-stats li > span:last-child { color: rgba(226, 235, 250, 0.58); }
.home-v6 .hero-stats li:nth-child(1) .stat-num,
.home-v6 .hero-stats li:nth-child(1) .stat-unit { color: #ff8657; }
.home-v6 .hero-stats li:nth-child(2) .stat-num,
.home-v6 .hero-stats li:nth-child(2) .stat-unit { color: #8ecbff; }
.home-v6 .hero-stats li:nth-child(3) .stat-num,
.home-v6 .hero-stats li:nth-child(3) .stat-unit { color: #b8c5ff; }
.home-v6 .hero-stats li:nth-child(4) .stat-num,
.home-v6 .hero-stats li:nth-child(4) .stat-unit { color: #72dfb6; }

/* 五类问题：复用参考站的大留白与中心装置构图，替换为星智品牌内容。 */
.home-v6 .section-pains {
  padding-block: 118px 126px;
  background: #fff;
}

.pain-intro { margin-bottom: 24px; }
.pain-intro .section-kicker { font-size: clamp(38px, 4vw, 56px); }

.pain-map {
  position: relative;
  display: block;
  width: min(1120px, 100%);
  min-height: 720px;
  margin: 0 auto;
}

.pain-ghost {
  position: absolute;
  top: 38px;
  left: 50%;
  color: #eef3fb;
  font-size: clamp(54px, 6vw, 82px);
  font-weight: 800;
  line-height: 1;
  transform: translateX(-50%);
}

.pain-axis-list { display: contents; }

.pain-axis {
  position: absolute;
  display: grid;
  width: 292px;
  min-height: 82px;
  grid-template-columns: 50px 1fr;
  gap: 2px 14px;
  align-items: center;
  padding: 12px 8px;
  border: 0;
  border-bottom: 1px solid #e9edf4;
  background: transparent;
  cursor: default;
  text-align: left;
  transform: none;
}

.pain-axis::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 78px;
  height: 1px;
  background: linear-gradient(90deg, #dde4ef, transparent);
}

.pain-axis > img {
  width: 46px;
  height: 46px;
  grid-row: 1 / 3;
  padding: 3px;
  object-fit: contain;
  filter: none;
  transition: transform 0.35s ease, filter 0.35s ease;
}

.pain-axis span { color: #77849a; font-size: 12px; }
.pain-axis strong { grid-column: 2; color: #1c273a; font-size: 18px; line-height: 1.35; }
.pain-axis:hover,
.pain-axis.active { transform: translateY(-3px); }
.pain-axis:hover > img,
.pain-axis.active > img { filter: saturate(1.08) contrast(1.04); transform: scale(1.08); }
.pain-axis:hover span,
.pain-axis.active span { color: #e6501a; }
.pain-axis:hover strong,
.pain-axis.active strong { color: #bc3d12; }

.pain-axis:nth-child(1) { top: 212px; left: 0; }
.pain-axis:nth-child(2) { top: 212px; right: 0; }
.pain-axis:nth-child(3) { top: 422px; left: 74px; }
.pain-axis:nth-child(4) { top: 422px; right: 74px; }
.pain-axis:nth-child(5) { top: 612px; left: 50%; width: 270px; transform: translateX(-50%); }
.pain-axis:nth-child(1)::after,
.pain-axis:nth-child(3)::after { right: -78px; }
.pain-axis:nth-child(2)::after,
.pain-axis:nth-child(4)::after { left: -78px; transform: rotate(180deg); }
.pain-axis:nth-child(5)::after { display: none; }
.pain-axis:nth-child(5):hover,
.pain-axis:nth-child(5).active { transform: translateX(-50%) translateY(-3px); }

.pain-core {
  position: absolute;
  top: 108px;
  left: 50%;
  width: 390px;
  min-height: 390px;
  padding: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  transform: translateX(-50%);
}

.pain-core-visual {
  width: 390px;
  height: 390px;
  margin: 0;
}

.pain-core-visual img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
  transform: none;
  filter: drop-shadow(0 28px 34px rgba(79, 105, 146, 0.12));
  box-shadow: none;
}

.pain-conclusion {
  position: absolute;
  top: 512px;
  left: 50%;
  margin: 0;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
}

.pain-conclusion span { display: block; color: #8793a5; font-size: 12px; }
.pain-conclusion strong { display: block; margin-top: 7px; color: #172237; font-size: 23px; }

/* 能力轮播：主卡固定尺寸，左右卡只提供图标、模块名和一句价值。 */
.home-v6 .section-solutions { padding-bottom: 104px; }
.solution-stage { min-height: 570px; padding-bottom: 0; }
.home-v6 .solution-list { width: min(900px, calc(100% - 230px)); min-height: 520px; }
.home-v6 .solution-row,
.home-v6 .solution-row.is-active {
  min-height: 520px;
  padding: 54px 44px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #dbe6fb, #f0dde9 54%, #f7dfd4) border-box;
  box-shadow: 0 26px 70px rgba(39, 56, 90, 0.09);
}

.module-peek {
  top: 80px;
  z-index: 1;
  display: block;
  width: 304px;
  height: 360px;
  padding: 0;
  border: 1px solid #e4e9f2;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  opacity: 0.7;
  transform: none;
  transition: opacity 0.28s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.module-peek-prev { left: -24px; right: auto; transform: rotate(-1.2deg); }
.module-peek-next { right: -24px; left: auto; transform: rotate(1.2deg); }

.module-peek-summary {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 42px;
}

.module-peek-summary > img { width: 54px; height: 54px; object-fit: contain; }
.module-peek-summary > span { display: block; margin-top: 24px; }
.module-peek-summary small { display: block; color: #8a95a7; font-size: 11px; }
.module-peek-summary strong { display: block; margin-top: 7px; color: #202b3d; font-size: 25px; }
.module-peek-summary em { display: block; max-width: 11em; margin-top: 13px; color: #667389; font-size: 15px; font-style: normal; line-height: 1.6; }

.module-transition-row {
  position: absolute !important;
  inset: 0;
  z-index: 5;
  display: grid !important;
  width: 100%;
  margin: 0;
  pointer-events: none;
  will-change: transform, opacity;
}

.module-transition-row .solution-copy,
.module-transition-row .solution-visual { animation: none !important; }
.solution-stage.is-transitioning .module-peek { opacity: 0.4; }

.module-arrow { top: 238px; }
.module-arrow-prev { left: calc(50% - 478px); }
.module-arrow-next { right: calc(50% - 478px); }
.module-carousel-meta { display: none; }

@media (max-width: 1180px) {
  .pain-map { width: min(1000px, 100%); }
  .pain-axis:nth-child(3) { left: 20px; }
  .pain-axis:nth-child(4) { right: 20px; }
  .module-peek-prev { left: -124px; }
  .module-peek-next { right: -124px; }
  .module-arrow-prev { left: 28px; }
  .module-arrow-next { right: 28px; }
}

@media (max-width: 900px) {
  .pain-map {
    display: grid;
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
  }
  .pain-ghost { position: static; grid-column: 1 / -1; margin-bottom: 20px; text-align: center; transform: none; }
  .pain-axis:nth-child(n) {
    position: static;
    width: 100%;
    transform: none;
  }
  .pain-axis:nth-child(5) { grid-column: 1 / -1; width: min(280px, 100%); justify-self: center; }
  .pain-axis:nth-child(n)::after { display: none; }
  .pain-axis:nth-child(5):hover,
  .pain-axis:nth-child(5).active { transform: translateY(-3px); }
  .pain-core { position: relative; top: auto; left: auto; width: min(390px, 100%); min-height: 340px; grid-column: 1 / -1; justify-self: center; transform: none; }
  .pain-core-visual { width: min(390px, 100%); height: 340px; }
  .pain-conclusion { position: static; grid-column: 1 / -1; margin-top: -18px; transform: none; white-space: normal; }
  .module-peek { display: none; }
  .home-v6 .solution-list { width: calc(100% - 96px); }
  .module-arrow-prev { left: 0; }
  .module-arrow-next { right: 0; }
}

@media (max-width: 560px) {
  .home-v6 .section-pains { padding-block: 80px 92px; }
  .pain-intro .section-kicker { font-size: 31px; }
  .pain-map { gap-inline: 8px; }
  .pain-axis { min-height: 76px; grid-template-columns: 34px 1fr; gap: 1px 7px; padding: 8px 2px; }
  .pain-axis > img { width: 33px; height: 33px; }
  .pain-axis span { font-size: 10px; }
  .pain-axis strong { font-size: 14px; }
  .pain-core { min-height: 300px; }
  .pain-core-visual { height: 300px; }
  .pain-conclusion strong { font-size: 20px; }
  .home-v6 .solution-list { width: 100%; }
  .module-arrow { top: auto; bottom: -60px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .hero-bg::before { animation: none; }
}

/* ============================================================
   首页 v18：粒子光场、品牌五维装置、沉浸式能力轮播
   ============================================================ */

/* Canvas 粒子置于光场和内容之间，保持轻量但在 Chromium 中也清晰可见。 */
.home-v6 .hero-bg > .hero-particles {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.92;
  pointer-events: none;
}

.home-v6 .hero-bg::before {
  z-index: 0;
  background:
    radial-gradient(circle at 27% 38%, rgba(255, 104, 59, 0.18), transparent 22%),
    radial-gradient(circle at 72% 31%, rgba(92, 137, 244, 0.23), transparent 27%),
    linear-gradient(115deg, transparent 30%, rgba(92, 137, 244, 0.06) 48%, transparent 66%);
  animation-duration: 10s;
}

.home-v6 .hero-bg::after { z-index: 2; }

/* 核心数据带：统一深色材质，用四色数据层级取代杂乱背景色。 */
.home-v6 .hero.hero-dark .hero-stats {
  isolation: isolate;
  padding: 0;
  border: 1px solid rgba(169, 198, 246, 0.18);
  background: #10213a;
  box-shadow: 0 28px 76px rgba(0, 7, 20, 0.36), inset 0 1px rgba(255, 255, 255, 0.055);
}

.home-v6 .hero.hero-dark .hero-stats::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -45%;
  bottom: -45%;
  left: -18%;
  width: 15%;
  background: linear-gradient(90deg, transparent, rgba(157, 195, 255, 0.09), transparent);
  transform: skewX(-18deg);
  animation: heroStatScan 8s ease-in-out infinite;
  pointer-events: none;
}

.home-v6 .hero-stats li {
  position: relative;
  min-height: 116px;
  justify-content: center;
  padding: 18px 20px;
  transition: background 0.25s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-v6 .hero-stats li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24%;
  right: 24%;
  height: 2px;
  background: currentColor;
  opacity: 0.72;
  transform: scaleX(0.36);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}

.home-v6 .hero-stats li:hover { background: rgba(255, 255, 255, 0.035); transform: translateY(-3px); }
.home-v6 .hero-stats li:hover::before { opacity: 1; transform: scaleX(1); }
.home-v6 .hero-stats li:nth-child(1) { color: #ff8c5f; }
.home-v6 .hero-stats li:nth-child(2) { color: #86c9ff; }
.home-v6 .hero-stats li:nth-child(3) { color: #b8c5ff; }
.home-v6 .hero-stats li:nth-child(4) { color: #77e0b9; }

@keyframes heroStatScan {
  0%, 18% { transform: translateX(0) skewX(-18deg); opacity: 0; }
  42%, 62% { opacity: 1; }
  82%, 100% { transform: translateX(780%) skewX(-18deg); opacity: 0; }
}

/* 五类问题中心装置：使用品牌标志与五个真实模块图标，不再混用外部插画画风。 */
.pain-core { overflow: visible; }
.pain-core-visual { display: grid; place-items: center; }
.pain-engine {
  position: relative;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 112, 61, 0.075) 0 20%, rgba(98, 146, 230, 0.055) 36%, transparent 66%);
}

.pain-engine::before,
.pain-engine::after {
  content: "";
  position: absolute;
  inset: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.pain-engine::before {
  width: 188px;
  height: 188px;
  border: 1px solid rgba(81, 124, 202, 0.14);
  box-shadow: 0 28px 74px rgba(38, 68, 126, 0.11);
}

.pain-engine::after {
  width: 105px;
  height: 105px;
  border: 1px solid rgba(255, 106, 53, 0.2);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 44px rgba(36, 58, 104, 0.14);
}

.pain-engine-ring {
  position: absolute;
  inset: 30px;
  border: 1px solid rgba(75, 116, 190, 0.16);
  border-radius: 50%;
}

.pain-engine-ring::before,
.pain-engine-ring::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6d9eef;
  box-shadow: 0 0 0 7px rgba(109, 158, 239, 0.08);
}

.pain-engine-ring::before { top: 25px; left: 21px; }
.pain-engine-ring::after { right: 17px; bottom: 35px; background: #ff7545; box-shadow: 0 0 0 7px rgba(255, 117, 69, 0.08); }
.pain-engine-ring.ring-outer { animation: painOrbitSpin 18s linear infinite; }
.pain-engine-ring.ring-inner { inset: 72px; border-style: dashed; animation: painOrbitSpin 13s linear infinite reverse; }
.pain-engine-ring.ring-inner::before { top: -4px; left: 50%; }
.pain-engine-ring.ring-inner::after { right: 9px; bottom: 12px; }

.pain-engine-beam {
  position: absolute;
  top: 50%;
  left: 30px;
  right: 30px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(92, 134, 205, 0.24), transparent);
}

.pain-engine-beam.beam-b { transform: rotate(72deg); }

.pain-engine-core {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: grid;
  width: 74px;
  height: 74px;
  place-items: center;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 54px rgba(32, 53, 102, 0.22), 0 0 0 10px rgba(255, 255, 255, 0.66);
  transform: translate(-50%, -50%);
}

.pain-engine-core img { width: 58px; height: 58px; border-radius: 15px; }

.pain-engine-node {
  position: absolute;
  z-index: 4;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(132, 153, 190, 0.16);
  border-radius: 50%;
  background: rgba(248, 251, 255, 0.88);
  box-shadow: 0 10px 28px rgba(39, 61, 107, 0.08);
  transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}

.pain-engine-node img { width: 32px; height: 32px; object-fit: contain; filter: none; transition: filter 0.3s ease; }
.pain-engine-node.active { border-color: rgba(255, 96, 38, 0.42); box-shadow: 0 15px 36px rgba(255, 91, 31, 0.2); transform: scale(1.16); }
.pain-engine-node.active img { filter: saturate(1.08) contrast(1.04); }
.pain-engine-node.node-shop { top: 7px; left: 141px; }
.pain-engine-node.node-goods { top: 93px; right: 5px; }
.pain-engine-node.node-marketing { right: 56px; bottom: 18px; }
.pain-engine-node.node-data { bottom: 18px; left: 56px; }
.pain-engine-node.node-risk { top: 93px; left: 5px; }

@keyframes painOrbitSpin { to { transform: rotate(360deg); } }

/* 删除中心下方重复总结后，五类问题均匀围绕品牌装置。 */
.pain-map { min-height: 650px; }
.pain-axis:nth-child(5) { top: 552px; }

/* 产品能力舞台：主卡与两侧预览形成同一条横向轨道，切换时整卡滑动。 */
.home-v6 .section-solutions {
  padding-bottom: 126px;
  background: linear-gradient(180deg, #f4f7fc 0%, #eef3fa 58%, #f7f9fc 100%);
}

.solution-stage {
  width: min(1320px, 100%);
  min-height: 620px;
  margin-inline: auto;
  padding: 18px 84px 44px;
  perspective: 1400px;
}

.solution-stage::before {
  content: "";
  position: absolute;
  inset: 80px 3% 34px;
  border-radius: 16px;
  background: rgba(217, 226, 241, 0.42);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.82);
  pointer-events: none;
}

.home-v6 .solution-list {
  position: relative;
  z-index: 3;
  width: min(880px, calc(100% - 260px));
  min-height: 540px;
}

.home-v6 .solution-row,
.home-v6 .solution-row.is-active {
  min-height: 540px;
  padding: 58px 50px;
  border: 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 34px 92px rgba(30, 48, 82, 0.16), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.home-v6 .solution-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 48px;
  width: 90px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: #ff6031;
}

.module-peek {
  top: 72px;
  z-index: 2;
  width: 292px;
  height: 410px;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  opacity: 0.92;
  box-shadow: 0 24px 58px rgba(40, 59, 94, 0.11);
  transition: opacity 0.34s ease, transform 0.66s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;
}

.module-peek-prev {
  left: -8px;
  background: #eef4fd;
  transform: translateX(0) rotate(-1deg);
}

.module-peek-next {
  right: -8px;
  background: #fff1eb;
  transform: translateX(0) rotate(1deg);
}

.module-peek-summary { padding: 44px 38px; }
.module-peek-summary > img { width: 66px; height: 66px; }
.module-peek-summary small { color: #77859c; font-size: 12px; }
.module-peek-summary strong { margin-top: 9px; color: #172237; font-size: 28px; }
.module-peek-summary em { margin-top: 17px; color: #5c6a81; font-size: 15px; line-height: 1.75; }

.solution-stage.is-transitioning .module-peek { opacity: 0.26; filter: blur(2px); }
.solution-stage.is-moving-next .module-peek-prev { transform: translateX(-56px) rotate(-3deg); }
.solution-stage.is-moving-next .module-peek-next { transform: translateX(-28px) rotate(0); }
.solution-stage.is-moving-prev .module-peek-prev { transform: translateX(28px) rotate(0); }
.solution-stage.is-moving-prev .module-peek-next { transform: translateX(56px) rotate(3deg); }
.module-transition-row { filter: none; }

.module-arrow {
  top: 256px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: #13233d;
  box-shadow: 0 14px 36px rgba(18, 35, 64, 0.22);
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease;
}
.module-arrow:hover { background: #ff6031; transform: scale(1.08); }
.module-arrow-prev { left: calc(50% - 468px); }
.module-arrow-next { right: calc(50% - 468px); }

@media (max-width: 1180px) {
  .pain-map { min-height: 650px; }
  .module-peek-prev { left: -128px; }
  .module-peek-next { right: -128px; }
  .module-arrow-prev { left: 24px; }
  .module-arrow-next { right: 24px; }
}

@media (max-width: 900px) {
  .pain-map { min-height: 0; }
  .pain-core { min-height: 350px; }
  .pain-core-visual { height: 350px; }
  .pain-engine { transform: scale(0.92); }
  .solution-stage { min-height: 570px; padding-inline: 48px; }
  .solution-stage::before { inset-inline: 24px; }
  .home-v6 .solution-list { width: 100%; }
}

@media (max-width: 560px) {
  .home-v6 .hero-stats li { min-height: 104px; padding: 14px 8px; }
  .pain-core { min-height: 310px; }
  .pain-core-visual { height: 310px; }
  .pain-engine { transform: scale(0.82); }
  .solution-stage { min-height: 540px; padding: 10px 0 70px; }
  .solution-stage::before { inset: 62px 0 62px; }
  .home-v6 .solution-row,
  .home-v6 .solution-row.is-active { min-height: 510px; padding: 38px 20px; }
  .home-v6 .solution-row::before { left: 20px; }
  .module-arrow { top: auto; bottom: 2px; }
  .module-arrow-prev { left: calc(50% - 58px); }
  .module-arrow-next { right: calc(50% - 58px); }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .hero.hero-dark .hero-stats::after,
  .pain-engine-ring { animation: none !important; }
}

/* ============================================================
   首页 v19：产品能力同轨轮播
   五种位置状态同时变换，连续点击直接从当前帧续接。
   ============================================================ */

.home-v6 .section-solutions {
  min-height: 850px;
  overflow: hidden;
  padding-block: 96px 112px;
  background: #fff;
}

.home-v6 .section-solutions .section-head { margin-bottom: 38px; }

.home-v6 .module-jump {
  max-width: 1120px;
  margin-bottom: 34px;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-v6 .module-jump a {
  min-height: 42px;
  border-radius: 8px;
  transition: color 0.22s ease, background 0.22s ease;
}

.home-v6 .module-jump a.active,
.home-v6 .module-jump a:hover { background: #f4f5f8; }

.solution-stage {
  width: 100%;
  min-height: 584px;
  padding: 0;
  perspective: none;
}

.solution-stage::before,
.module-peek { display: none; }

.home-v6 .solution-list {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  min-height: 584px;
  margin: 0;
  overflow: visible;
}

html.js .home-v6 .solution-list .solution-row,
.home-v6 .solution-row,
.home-v6 .solution-row.is-active {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  display: grid;
  box-sizing: border-box;
  width: min(900px, calc(100vw - 220px));
  height: 556px;
  min-height: 556px;
  margin: 0;
  overflow: hidden;
  padding: 58px 50px;
  border: 18px solid transparent;
  border-radius: 20px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(125deg, #c7ecff 0%, #d9c4ff 42%, #ffc9e8 100%) border-box;
  box-shadow: 0 24px 68px rgba(76, 70, 160, 0.12);
  opacity: 0;
  pointer-events: none;
  clip-path: none;
  filter: saturate(0.9);
  transform: translateX(-50%) scale(0.86);
  transition:
    transform 0.62s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.38s ease,
    filter 0.38s ease,
    box-shadow 0.38s ease;
  will-change: transform, opacity;
}

.home-v6 .solution-row::before { display: none; }

html.js .home-v6 .solution-list .solution-row.is-current,
.home-v6 .solution-row.is-current {
  z-index: 3;
  opacity: 1;
  pointer-events: auto;
  filter: none;
  transform: translateX(-50%) rotate(0) scale(1);
}

html.js .home-v6 .solution-list .solution-row.is-previous,
.home-v6 .solution-row.is-previous {
  z-index: 2;
  opacity: 0.78;
  filter: saturate(0.82);
  transform: translateX(calc(-50% - min(73.7vw, 930px))) rotate(-7deg) scale(0.86);
}

html.js .home-v6 .solution-list .solution-row.is-next,
.home-v6 .solution-row.is-next {
  z-index: 2;
  opacity: 0.78;
  filter: saturate(0.82);
  transform: translateX(calc(-50% + min(73.7vw, 930px))) rotate(7deg) scale(0.86);
}

html.js .home-v6 .solution-list .solution-row.is-hidden-previous,
.home-v6 .solution-row.is-hidden-previous {
  transform: translateX(calc(-50% - min(118vw, 1420px))) rotate(-9deg) scale(0.76);
}

html.js .home-v6 .solution-list .solution-row.is-hidden-next,
.home-v6 .solution-row.is-hidden-next {
  transform: translateX(calc(-50% + min(118vw, 1420px))) rotate(9deg) scale(0.76);
}

.home-v6 .solution-row.is-current .solution-copy,
.home-v6 .solution-row.is-current .solution-visual { animation: none; }

.solution-stage.is-transitioning .solution-row { pointer-events: none; }

.module-arrow {
  top: 246px;
  z-index: 20;
  width: 64px;
  height: 64px;
  border: 0;
  color: #171717;
  background: #fff;
  box-shadow: 0 14px 36px rgba(33, 33, 80, 0.14);
  font-size: 24px;
  transition: color 0.22s ease, background 0.22s ease, transform 0.22s ease;
}

.module-arrow-prev { left: calc(50% - min(450px, (100vw - 360px) / 2) - 32px); }
.module-arrow-next { right: calc(50% - min(450px, (100vw - 360px) / 2) - 32px); }
.module-arrow:hover,
.module-arrow:focus-visible {
  color: #fff;
  background: #ff6031;
  transform: scale(1.04);
}
.module-arrow:focus-visible { outline: 3px solid rgba(255, 96, 49, 0.24); outline-offset: 3px; }

@media (max-width: 900px) {
  .home-v6 .section-solutions { min-height: 0; padding-block: 72px 86px; }
  .home-v6 .section-solutions .section-head { margin-bottom: 28px; }
  .solution-stage,
  .home-v6 .solution-list { min-height: 820px; }
  html.js .home-v6 .solution-list .solution-row,
  .home-v6 .solution-row,
  .home-v6 .solution-row.is-active {
    width: 100%;
    height: 760px;
    min-height: 760px;
    border-width: 10px;
    border-radius: 16px;
    opacity: 0;
    transform: translateX(42%) scale(0.94);
  }
  html.js .home-v6 .solution-list .solution-row.is-current,
  .home-v6 .solution-row.is-current { opacity: 1; transform: translateX(-50%) scale(1); }
  html.js .home-v6 .solution-list .solution-row.is-previous,
  html.js .home-v6 .solution-list .solution-row.is-hidden-previous,
  .home-v6 .solution-row.is-previous,
  .home-v6 .solution-row.is-hidden-previous { opacity: 0; transform: translateX(-142%) scale(0.94); }
  html.js .home-v6 .solution-list .solution-row.is-next,
  html.js .home-v6 .solution-list .solution-row.is-hidden-next,
  .home-v6 .solution-row.is-next,
  .home-v6 .solution-row.is-hidden-next { opacity: 0; transform: translateX(42%) scale(0.94); }
  .module-arrow { top: auto; bottom: 0; }
  .module-arrow-prev { left: calc(50% - 70px); }
  .module-arrow-next { right: calc(50% - 70px); }
}

@media (max-width: 560px) {
  .home-v6 .module-jump { margin-bottom: 28px; }
  .solution-stage,
  .home-v6 .solution-list { min-height: 840px; }
  html.js .home-v6 .solution-list .solution-row,
  .home-v6 .solution-row,
  .home-v6 .solution-row.is-active {
    height: 772px;
    min-height: 772px;
    padding: 34px 18px;
  }
  .module-arrow { bottom: 4px; width: 54px; height: 54px; }
  .module-arrow-prev { left: calc(50% - 62px); }
  .module-arrow-next { right: calc(50% - 62px); }
}

@media (prefers-reduced-motion: reduce) {
  html.js .home-v6 .solution-list .solution-row,
  .home-v6 .solution-row { transition: none; }
}

/* ============================================================
   首页 v20：全站品牌动效节奏
   首屏分段登场，中段按内容关系显现，持续动效离屏暂停。
   ============================================================ */

/* 首屏：文案、中枢、数据带依次到位，保留内容优先和低动态回退。 */
html.js .home-v6 .hero-copy { animation: none; }
html.js .home-v6 .hero-copy > * {
  opacity: 0.18;
  filter: blur(10px);
  animation: heroV20CopyIn 0.92s cubic-bezier(0.16, 1, 0.3, 1) both;
}
html.js .home-v6 .hero-copy > *:nth-child(1) { animation-delay: 0.08s; }
html.js .home-v6 .hero-copy > *:nth-child(2) { animation-delay: 0.2s; }
html.js .home-v6 .hero-copy > *:nth-child(3) { animation-delay: 0.34s; }
html.js .home-v6 .hero-copy > *:nth-child(4) { animation-delay: 0.48s; }

html.js .home-v6 .capability-stage {
  animation: heroV20StageIn 1.02s 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
}

html.js .home-v6 .hero-stats {
  animation: heroV20StatsIn 0.88s 0.68s cubic-bezier(0.16, 1, 0.3, 1) both;
}

html.js .home-v6 .hero-stats li {
  animation: heroV20MetricIn 0.62s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(0.78s + var(--metric-index, 0) * 70ms);
}
html.js .home-v6 .hero-stats li:nth-child(1) { --metric-index: 0; }
html.js .home-v6 .hero-stats li:nth-child(2) { --metric-index: 1; }
html.js .home-v6 .hero-stats li:nth-child(3) { --metric-index: 2; }
html.js .home-v6 .hero-stats li:nth-child(4) { --metric-index: 3; }

@keyframes heroV20CopyIn {
  from { opacity: 0.18; filter: blur(10px); transform: translateY(48px); }
  to { opacity: 1; filter: none; transform: none; }
}
@keyframes heroV20StageIn {
  from { opacity: 0.18; filter: blur(12px); transform: translate3d(54px, 22px, 0) scale(0.97); }
  to { opacity: 1; filter: none; transform: none; }
}
@keyframes heroV20StatsIn {
  from { opacity: 0.2; filter: blur(9px); transform: translateY(38px); }
  to { opacity: 1; filter: none; transform: none; }
}
@keyframes heroV20MetricIn {
  from { opacity: 0.35; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}

/* 通用内容显现：仍保持部分可读，脚本异常不会留下整块空白。 */
html.js .home-v6 .reveal:not(.solution-row):not(.pain-map) {
  opacity: 0.34;
  filter: blur(7px);
  transform: translateY(34px);
  transition:
    opacity 0.82s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.82s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.82s cubic-bezier(0.16, 1, 0.3, 1);
}
html.js .home-v6 .reveal.visible:not(.solution-row):not(.pain-map) {
  opacity: 1;
  filter: none;
  transform: none;
}

html.js .home-v6 .stagger > * {
  opacity: 0.32;
  filter: blur(6px);
  transform: translateY(26px) scale(0.99);
  transition:
    opacity 0.68s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.68s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.68s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(var(--i, 0) * 70ms);
}
html.js .home-v6 .stagger.in > * { opacity: 1; filter: none; transform: none; }

/* 100+ 功能流：标题先出现，三排从不同方向汇入，然后保持低速滚动。 */
html.js .feature-stream.motion-ready .feature-stream-head,
html.js .feature-stream.motion-ready .feature-marquee-row {
  opacity: 0.28;
  filter: blur(8px);
  transition: opacity 0.86s cubic-bezier(0.16, 1, 0.3, 1), filter 0.86s cubic-bezier(0.16, 1, 0.3, 1), translate 0.86s cubic-bezier(0.16, 1, 0.3, 1);
}
html.js .feature-stream.motion-ready .feature-stream-head { translate: 0 30px; }
html.js .feature-stream.motion-ready .feature-marquee-row:nth-child(1) { translate: 62px 0; transition-delay: 0.08s; }
html.js .feature-stream.motion-ready .feature-marquee-row:nth-child(2) { translate: -62px 0; transition-delay: 0.16s; }
html.js .feature-stream.motion-ready .feature-marquee-row:nth-child(3) { translate: 62px 0; transition-delay: 0.24s; }
html.js .feature-stream.motion-in .feature-stream-head,
html.js .feature-stream.motion-in .feature-marquee-row { opacity: 1; filter: none; translate: 0 0; }
.feature-stream:not(.motion-active) .feature-marquee-track { animation-play-state: paused; }
.feature-marquee:hover .feature-marquee-track { animation-play-state: paused; }

/* 五类问题：五个业务问题向品牌中枢聚合，中心装置稍后显现。 */
html.js .section-pains.motion-ready .pain-axis {
  opacity: 0.28;
  filter: blur(6px);
  translate: 0 22px;
  transition:
    opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    translate 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.22s ease,
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
html.js .section-pains.motion-ready .pain-axis:nth-child(1) { transition-delay: 0.04s; }
html.js .section-pains.motion-ready .pain-axis:nth-child(2) { transition-delay: 0.11s; }
html.js .section-pains.motion-ready .pain-axis:nth-child(3) { transition-delay: 0.18s; }
html.js .section-pains.motion-ready .pain-axis:nth-child(4) { transition-delay: 0.25s; }
html.js .section-pains.motion-ready .pain-axis:nth-child(5) { transition-delay: 0.32s; }
html.js .section-pains.motion-ready .pain-core-visual {
  opacity: 0.3;
  filter: blur(10px);
  scale: 0.9;
  transition: opacity 0.9s 0.22s cubic-bezier(0.16, 1, 0.3, 1), filter 0.9s 0.22s cubic-bezier(0.16, 1, 0.3, 1), scale 0.9s 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
html.js .section-pains.motion-in .pain-axis { opacity: 1; filter: none; translate: 0 0; }
html.js .section-pains.motion-in .pain-core-visual { opacity: 1; filter: none; scale: 1; }
.pain-engine-core { animation: painCoreBreathe 5.8s ease-in-out infinite; }
@keyframes painCoreBreathe {
  0%, 100% { box-shadow: 0 20px 54px rgba(32, 53, 102, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.66); }
  50% { box-shadow: 0 24px 64px rgba(32, 53, 102, 0.28), 0 0 0 16px rgba(255, 112, 61, 0.06); }
}

/* 产品模块导航像一组能力索引依次落位，轮播本身继续使用 v19 同轨切换。 */
html.js .section-solutions.motion-ready .module-jump a {
  opacity: 0.28;
  filter: blur(5px);
  translate: 0 14px;
  transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1), filter 0.55s cubic-bezier(0.16, 1, 0.3, 1), translate 0.55s cubic-bezier(0.16, 1, 0.3, 1), color 0.22s ease, background 0.22s ease;
  transition-delay: calc(var(--module-index, 0) * 36ms);
}
html.js .section-solutions.motion-ready .module-jump a:nth-child(1) { --module-index: 0; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(2) { --module-index: 1; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(3) { --module-index: 2; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(4) { --module-index: 3; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(5) { --module-index: 4; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(6) { --module-index: 5; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(7) { --module-index: 6; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(8) { --module-index: 7; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(9) { --module-index: 8; }
html.js .section-solutions.motion-ready .module-jump a:nth-child(10) { --module-index: 9; }
html.js .section-solutions.motion-in .module-jump a { opacity: 1; filter: none; translate: 0 0; }

/* 三步接入：界面先从裁切状态展开，右侧步骤再顺序进入。 */
html.js .section-steps.motion-ready .onboarding-visual {
  opacity: 0.36;
  filter: blur(8px);
  clip-path: inset(7% 8% round 16px);
  transform: translateX(-34px) scale(0.985);
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), filter 0.9s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.95s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
html.js .section-steps.motion-in .onboarding-visual { opacity: 1; filter: none; clip-path: inset(0 round 16px); transform: none; }
.section-steps.motion-in .onboarding-window { animation: onboardingEdgeLight 1.15s 0.35s cubic-bezier(0.16, 1, 0.3, 1) both; }
@keyframes onboardingEdgeLight {
  from { box-shadow: 0 0 0 rgba(101, 151, 255, 0), 0 0 0 1px rgba(255, 255, 255, 0.05); }
  to { box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(116, 166, 255, 0.12); }
}

/* 功能工作台、试用横幅和学院卡片采用不同方向，避免全页只有一种上浮。 */
html.js .section-features.motion-ready .finder {
  clip-path: inset(0 6% 0 6% round 16px);
}
html.js .section-features.motion-in .finder { clip-path: inset(0 round 16px); }

html.js .section-register.motion-ready .trial-band {
  opacity: 0.3;
  filter: blur(9px);
  clip-path: inset(0 10% 0 10% round 16px);
  transform: scale(0.985);
  transition: opacity 0.86s cubic-bezier(0.16, 1, 0.3, 1), filter 0.86s cubic-bezier(0.16, 1, 0.3, 1), clip-path 0.92s cubic-bezier(0.16, 1, 0.3, 1), transform 0.86s cubic-bezier(0.16, 1, 0.3, 1);
}
html.js .section-register.motion-in .trial-band { opacity: 1; filter: none; clip-path: inset(0 round 16px); transform: none; }
.section-register:not(.motion-active) .trial-qr { animation-play-state: paused; }

.section-news .res-card { transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease; }
.section-news .res-card:hover { transform: translateY(-6px); }

/* 功能分类切换：用短距离模糊和位移说明内容已经刷新。 */
.finder-panel.swap .feature-card {
  animation-name: finderV20In;
  animation-duration: 0.48s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
.finder-panel.swap.swap-backward .feature-card { animation-name: finderV20InBackward; }
@keyframes finderV20In {
  from { opacity: 0; filter: blur(7px); transform: translateX(24px) scale(0.988); }
  to { opacity: 1; filter: none; transform: none; }
}
@keyframes finderV20InBackward {
  from { opacity: 0; filter: blur(7px); transform: translateX(-24px) scale(0.988); }
  to { opacity: 1; filter: none; transform: none; }
}

@media (max-width: 768px) {
  html.js .home-v6 .hero-copy > * { filter: blur(7px); }
  html.js .home-v6 .capability-stage { animation-delay: 0.36s; }
  html.js .home-v6 .hero-stats { animation-delay: 0.56s; }
  html.js .section-pains.motion-ready .pain-axis { translate: 0 14px; }
  html.js .section-steps.motion-ready .onboarding-visual { transform: translateY(28px) scale(0.985); }
}

@media (prefers-reduced-motion: reduce) {
  html.js .home-v6 .hero-copy > *,
  html.js .home-v6 .capability-stage,
  html.js .home-v6 .hero-stats,
  html.js .home-v6 .hero-stats li,
  html.js .home-v6 .reveal,
  html.js .home-v6 .stagger > *,
  html.js .motion-ready .feature-stream-head,
  html.js .motion-ready .feature-marquee-row,
  html.js .motion-ready .pain-axis,
  html.js .motion-ready .pain-core-visual,
  html.js .motion-ready .module-jump a,
  html.js .motion-ready .onboarding-visual,
  html.js .motion-ready .trial-band,
  .pain-engine-core,
  .section-steps .onboarding-window {
    opacity: 1 !important;
    filter: none !important;
    clip-path: none !important;
    translate: none !important;
    scale: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* ============================================================
   首页 v21：品牌流体主视觉与深浅连续首屏
   右上角装置负责品牌记忆，产品中枢负责证明，数据带连接白色内容区。
   ============================================================ */
.home-v6 .hero.hero-dark {
  min-height: 900px;
  padding: 142px 0 46px;
  overflow: hidden;
  background: #060b16;
}

.home-v6 .hero-bg {
  background:
    radial-gradient(ellipse 62% 58% at 78% 16%, rgba(84, 87, 231, 0.26), transparent 62%),
    radial-gradient(ellipse 46% 42% at 14% 36%, rgba(255, 102, 50, 0.14), transparent 68%),
    linear-gradient(140deg, #060912 0%, #091328 48%, #111b3b 74%, #eaf0ff 100%);
}

.home-v6 .hero-bg::before {
  inset: -12% -8%;
  z-index: 0;
  background:
    radial-gradient(ellipse 40% 32% at 69% 24%, rgba(112, 126, 255, 0.22), transparent 72%),
    radial-gradient(ellipse 34% 28% at 29% 50%, rgba(255, 120, 75, 0.11), transparent 72%),
    linear-gradient(118deg, transparent 34%, rgba(116, 139, 255, 0.06) 53%, transparent 72%);
  filter: blur(2px);
  animation: heroV21Ambient 12s ease-in-out infinite alternate;
}

.home-v6 .hero-bg::after {
  inset: auto 0 0;
  z-index: 2;
  height: 48%;
  background:
    radial-gradient(ellipse 76% 58% at 50% 86%, rgba(255, 255, 255, 0.98) 0%, rgba(247, 249, 255, 0.92) 34%, rgba(213, 224, 255, 0.52) 58%, transparent 79%),
    linear-gradient(180deg, transparent 0%, rgba(118, 145, 220, 0.13) 42%, rgba(242, 246, 255, 0.88) 74%, #fff 100%);
}

@keyframes heroV21Ambient {
  from { opacity: 0.72; transform: translate3d(-1.5%, 1%, 0) scale(1.02); }
  to { opacity: 1; transform: translate3d(1.5%, -1.5%, 0) scale(1.07); }
}

@media (min-width: 1181px) {
  .home-v6 .hero-inner {
    width: min(1420px, 92%);
    grid-template-columns: minmax(520px, 0.87fr) minmax(630px, 1.13fr);
    column-gap: 54px;
  }
  .home-v6 .hero-copy { max-width: 650px; align-self: center; transform: translateY(-28px); }
  .home-v6 .capability-stage { width: min(100%, 680px); justify-self: end; }
}

.home-v6 .hero.hero-dark h1 {
  font-size: clamp(48px, 4.35vw, 66px);
  line-height: 1.08;
}

.home-v6 .hero.hero-dark .hero-sub { max-width: 39em; }

.home-v6 .capability-stage {
  position: relative;
  z-index: 3;
  height: 570px;
  overflow: visible;
  isolation: isolate;
}

.home-v6 .capability-stage::before,
.home-v6 .capability-stage::after {
  display: block;
  border: 0;
  border-radius: 50%;
  background: transparent;
  pointer-events: none;
}

.home-v6 .capability-stage::before {
  inset: 1% -9% 20% 18%;
  z-index: -2;
  background: radial-gradient(circle, rgba(99, 121, 255, 0.2), transparent 68%);
  filter: blur(26px);
  transform: none;
}

.home-v6 .capability-stage::after {
  inset: auto 4% 8% 12%;
  z-index: -1;
  height: 34%;
  background: radial-gradient(ellipse, rgba(6, 13, 29, 0.55), transparent 69%);
  filter: blur(22px);
  opacity: 0.86;
  transform: none;
}

.home-v6 .command-surface {
  inset: auto 22px 42px auto;
  z-index: 4;
  width: 490px;
  height: 346px;
  border: 1px solid rgba(165, 191, 243, 0.19);
  border-radius: 14px;
  background: linear-gradient(150deg, rgba(12, 22, 43, 0.94), rgba(10, 17, 33, 0.88));
  box-shadow: 0 34px 76px rgba(0, 4, 16, 0.46), inset 0 1px rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.home-v6 .command-topbar { height: 42px; padding-inline: 16px; }
.home-v6 .command-body { height: calc(100% - 42px); grid-template-columns: 52px 1fr; }
.home-v6 .command-nav { gap: 10px; padding-top: 16px; }
.home-v6 .command-nav span { width: 32px; height: 32px; }
.home-v6 .command-nav img { width: 22px; height: 22px; }
.home-v6 .command-main { padding: 15px 20px 13px; }
.home-v6 .command-heading > span { font-size: 14px; }
.home-v6 .command-heading > strong { font-size: 25px; }
.home-v6 .command-focus { margin-top: 11px; padding: 10px 0; }
.home-v6 .focus-icon { width: 40px; height: 40px; }
.home-v6 .focus-icon img { width: 30px; height: 30px; }
.home-v6 .command-focus strong { font-size: 15px; }
.home-v6 .command-focus p { margin-top: 1px; }
.home-v6 .command-activity { margin-top: 10px; }
.home-v6 .command-foot { margin-top: 8px; }
.home-v6 .command-insights { margin-top: 11px; }
.home-v6 .command-insights span { padding: 8px 8px 7px; }
.home-v6 .command-insights b { font-size: 17px; }
.home-v6 .stage-status { right: 28px; bottom: 11px; left: auto; transform: none; }

.home-v6 .hero.hero-dark .hero-stats {
  position: relative;
  z-index: 5;
  grid-column: 1 / -1;
  margin-top: 20px;
  overflow: hidden;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 14px;
  color: #172033;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 0 24px 68px rgba(36, 56, 106, 0.12), inset 0 1px rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(22px) saturate(1.12);
  -webkit-backdrop-filter: blur(22px) saturate(1.12);
}

.home-v6 .hero.hero-dark .hero-stats::after {
  top: -60%;
  bottom: -60%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.46), transparent);
}

.home-v6 .hero-stats li {
  min-height: 108px;
  padding: 16px 20px;
  border-color: rgba(76, 91, 127, 0.12);
  background: transparent;
  color: #172033;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-v6 .hero-stats li:hover { background: rgba(255, 255, 255, 0.38); }
.home-v6 .hero-stats li > span:last-child { color: #687389; }
.home-v6 .hero-stats li:nth-child(1) .stat-num,
.home-v6 .hero-stats li:nth-child(1) .stat-unit { color: #f06437; }
.home-v6 .hero-stats li:nth-child(2) .stat-num,
.home-v6 .hero-stats li:nth-child(2) .stat-unit { color: #2878c8; }
.home-v6 .hero-stats li:nth-child(3) .stat-num,
.home-v6 .hero-stats li:nth-child(3) .stat-unit { color: #635fc7; }
.home-v6 .hero-stats li:nth-child(4) .stat-num,
.home-v6 .hero-stats li:nth-child(4) .stat-unit { color: #168966; }

.feature-stream {
  margin-top: 0;
  padding-top: 62px;
  background: #fff;
}

@media (max-width: 1180px) {
  .home-v6 .hero.hero-dark { padding-top: 132px; }
  .home-v6 .hero-copy { transform: none; }
  .home-v6 .capability-stage { width: min(100%, 660px); height: 540px; }
  .home-v6 .command-surface { right: 30px; }
  .home-v6 .hero.hero-dark .hero-stats { margin-top: 10px; }
}

@media (max-width: 768px) {
  .home-v6 .hero.hero-dark {
    padding: 112px 0 40px;
    background: #070d19;
  }
  .home-v6 .hero-bg::after { height: 34%; }
  .home-v6 .capability-stage { height: 450px; margin-top: 34px; }
  .home-v6 .command-surface {
    inset: auto 0 34px;
    width: 100%;
    height: 330px;
  }
  .home-v6 .stage-status { right: 4px; bottom: 3px; }
  .home-v6 .hero.hero-dark .hero-stats {
    margin-top: 16px;
    padding: 0 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
  }
  .home-v6 .hero-stats li { min-height: 96px; padding: 12px 8px; }
  .feature-stream { padding-top: 52px; }
}

@media (max-width: 480px) {
  .home-v6 .hero.hero-dark { min-height: 0; padding: 88px 0 24px; }
  .home-v6 .hero-inner { row-gap: 0; }
  .home-v6 .hero.hero-dark .hero-badge { padding: 6px 10px; }
  .home-v6 .hero.hero-dark h1 { margin-top: 16px; font-size: 40px; line-height: 1.08; }
  .home-v6 .hero.hero-dark .hero-sub { margin-top: 18px; font-size: 14px; line-height: 1.72; }
  .home-v6 .hero.hero-dark .hero-ctas { margin-top: 20px; }
  .home-v6 .hero-ctas .btn { min-height: 50px; }
  .home-v6 .hero.hero-dark h1 span,
  .home-v6 .hero.hero-dark h1 em { white-space: normal; }
  .home-v6 .capability-stage { height: 250px; margin-top: 18px; }
  .home-v6 .command-surface { inset: auto 0 20px; height: 214px; }
  .home-v6 .command-topbar { height: 38px; }
  .home-v6 .command-body { height: calc(100% - 38px); grid-template-columns: 1fr; }
  .home-v6 .command-nav { display: none; }
  .home-v6 .command-main { padding-inline: 14px; }
  .home-v6 .command-heading > span { white-space: nowrap; }
  .home-v6 .command-heading > strong { font-size: 21px; }
  .home-v6 .command-focus { margin-top: 7px; padding: 8px 0; }
  .home-v6 .command-activity { margin-top: 8px; }
  .home-v6 .command-foot,
  .home-v6 .command-insights { display: none; }
  .home-v6 .command-focus > em { font-size: 9px; }
  .home-v6 .stage-status { display: none; }
  .home-v6 .hero.hero-dark .hero-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 6px;
    padding: 0;
  }
  .home-v6 .hero-stats li { min-height: 78px; padding: 9px 3px; }
  .home-v6 .hero-stats li strong { font-size: 20px; }
  .home-v6 .hero-stats .stat-unit { margin-left: 2px; font-size: 9px; }
  .home-v6 .hero-stats li > span:last-child { max-width: 7em; font-size: 9px; line-height: 1.35; text-align: center; }
  .feature-stream { padding-top: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .hero-bg::before,
  .home-v6 .hero.hero-dark .hero-stats::after { animation: none !important; }
}

/* ============================================================
   首页 v22：景深星空与任务聚合粒子
   首屏恢复产品中枢主视觉，星空只负责空间；粒子成像用于五类问题汇聚语义。
   ============================================================ */
.home-v6 .hero-bg > .hero-particles {
  opacity: 0.82;
  mix-blend-mode: screen;
}

.pain-engine-core {
  overflow: hidden;
  isolation: isolate;
}

.pain-engine-core img {
  position: relative;
  z-index: 1;
  inset: auto;
  transform: none;
  transition: opacity 0.24s ease;
}

.pain-engine-core canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

.pain-engine-core.particle-ready img { opacity: 0; }
.pain-engine-core.particle-ready canvas { opacity: 1; }

/* ============================================================
   首页 v23：首屏六项核心数据
   单一玻璃数据带承接首屏光场，统一数字色并采用错峰模糊入场。
   ============================================================ */
.home-v6 .hero.hero-dark .hero-stats {
  display: grid;
  width: min(100%, 1296px);
  min-height: 112px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  justify-self: center;
  margin-top: 20px;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 16px;
  color: #111318;
  background: rgba(255, 255, 255, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.home-v6 .hero.hero-dark .hero-stats::after { display: none; }

.home-v6 .hero-stats li {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 110px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 0 10px;
  border: 0;
  background: transparent;
  color: #111318;
  text-align: center;
  transition: none;
}

.home-v6 .hero-stats li + li::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 70px;
  background: rgba(255, 255, 255, 0.58);
  content: "";
  transform: translateY(-50%);
}

.home-v6 .hero-stats li::before { display: none; }
.home-v6 .hero-stats li:hover { background: transparent; transform: none; }
.home-v6 .hero-stats strong { gap: 2px; }

.home-v6 .hero-stats .stat-num {
  min-width: 0;
  background: linear-gradient(255deg, #5c606b 3.42%, #0c0d10 103.79%);
  background-clip: text;
  color: transparent;
  font-size: 34px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-v6 .hero-stats .stat-unit {
  color: #454a55;
  font-size: 15px;
  font-weight: 650;
  line-height: 36px;
}

.home-v6 .hero-stats li:nth-child(1) .stat-unit,
.home-v6 .hero-stats li:nth-child(2) .stat-unit,
.home-v6 .hero-stats li:nth-child(3) .stat-unit,
.home-v6 .hero-stats li:nth-child(4) .stat-unit,
.home-v6 .hero-stats li:nth-child(5) .stat-unit,
.home-v6 .hero-stats li:nth-child(6) .stat-unit { color: #454a55; }

.home-v6 .hero-stats li > span:last-child {
  color: #6d7380;
  font-size: 15px;
  line-height: 19px;
  white-space: nowrap;
}

html.js .home-v6 .hero-stats {
  animation: heroV23MetricsIn 1.05s cubic-bezier(0.16, 1, 0.3, 1) 0.68s both;
}

html.js .home-v6 .hero-stats li {
  animation: heroV23MetricIn 0.85s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(0.78s + var(--metric-index, 0) * 70ms);
}

.home-v6 .hero-stats li:nth-child(1) { --metric-index: 0; }
.home-v6 .hero-stats li:nth-child(2) { --metric-index: 1; }
.home-v6 .hero-stats li:nth-child(3) { --metric-index: 2; }
.home-v6 .hero-stats li:nth-child(4) { --metric-index: 3; }
.home-v6 .hero-stats li:nth-child(5) { --metric-index: 4; }
.home-v6 .hero-stats li:nth-child(6) { --metric-index: 5; }

@keyframes heroV23MetricsIn {
  from { opacity: 0; filter: blur(10px); transform: translateY(52px); }
  to { opacity: 1; filter: none; transform: none; }
}

@keyframes heroV23MetricIn {
  from { opacity: 0; filter: blur(6px); transform: translateY(20px); }
  to { opacity: 1; filter: none; transform: none; }
}

@media (max-width: 900px) {
  .home-v6 .hero.hero-dark .hero-stats {
    min-height: 206px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .home-v6 .hero-stats li { min-height: 102px; }
  .home-v6 .hero-stats li:nth-child(4)::after { display: none; }
}

@media (max-width: 480px) {
  .home-v6 .hero.hero-dark .hero-stats {
    min-height: 178px;
    margin-top: 8px;
    border-radius: 14px;
  }
  .home-v6 .hero-stats li { min-height: 88px; padding: 0 4px; }
  .home-v6 .hero-stats .stat-num { font-size: 25px; line-height: 30px; }
  .home-v6 .hero-stats .stat-unit { margin-left: 0; font-size: 11px; line-height: 30px; }
  .home-v6 .hero-stats li > span:last-child { max-width: none; font-size: 11px; line-height: 14px; }
  .home-v6 .hero-stats li + li::after { height: 58px; }
}

@media (prefers-reduced-motion: reduce) {
  html.js .home-v6 .hero-stats,
  html.js .home-v6 .hero-stats li {
    opacity: 1;
    filter: none;
    transform: none;
    animation: none;
  }
}

@media (min-width: 769px) {
  .home-v6 .capability-stage { height: 520px; }
  .home-v6 .command-surface {
    inset: 24px 0 52px;
    width: auto;
    height: auto;
    border-radius: 16px;
  }
  .home-v6 .command-topbar { height: 50px; padding-inline: 20px; }
  .home-v6 .command-body { height: calc(100% - 50px); grid-template-columns: 64px 1fr; }
  .home-v6 .command-nav { gap: 15px; padding-top: 24px; }
  .home-v6 .command-nav span { width: 36px; height: 36px; }
  .home-v6 .command-nav img { width: 25px; height: 25px; }
  .home-v6 .command-main { padding: 24px 28px 22px; }
  .home-v6 .command-heading > span { font-size: 17px; }
  .home-v6 .command-heading > strong { font-size: 31px; }
  .home-v6 .command-focus { margin-top: 20px; padding: 17px 0; }
  .home-v6 .focus-icon { width: 46px; height: 46px; }
  .home-v6 .focus-icon img { width: 34px; height: 34px; }
  .home-v6 .command-focus strong { font-size: 17px; }
  .home-v6 .command-focus p { margin-top: 3px; font-size: 11px; }
  .home-v6 .command-activity { margin-top: 15px; }
  .home-v6 .command-foot { margin-top: 12px; }
  .home-v6 .command-insights { margin-top: 18px; }
  .home-v6 .command-insights span { padding: 12px 10px 11px; }
  .home-v6 .command-insights b { font-size: 20px; }
  .home-v6 .stage-status { right: auto; bottom: 7px; left: 50%; transform: translateX(-50%); }
}

@media (min-width: 769px) and (max-width: 1180px) {
  .home-v6 .capability-stage { width: min(100%, 620px); height: 500px; }
  .home-v6 .command-surface { inset: 20px 0 48px; }
}

@media (max-width: 480px) {
  .home-v6 .hero-bg > .hero-particles { opacity: 0.64; }
}

/* ============================================================
   首页 v24：柔和聚焦首屏
   冷蓝与柔紫从两侧汇入中央白光，文字和黑白胶囊按钮形成单一视觉焦点。
   ============================================================ */
.home-v6 .hero.hero-dark {
  min-height: 900px;
  background: #05070e;
}

.home-v6 .hero-bg {
  background:
    radial-gradient(ellipse 76% 68% at 7% 103%, rgba(51, 91, 224, 0.9) 0%, rgba(51, 77, 163, 0.46) 38%, transparent 72%),
    radial-gradient(ellipse 72% 72% at 100% 101%, rgba(215, 207, 234, 0.9) 0%, rgba(124, 110, 156, 0.42) 42%, transparent 76%),
    linear-gradient(180deg, #05070e 0%, #080b16 27%, #101630 54%, #8695cf 81%, #f8f9fd 100%);
}

.home-v6 .hero-bg::before {
  inset: 12% -12% 10%;
  background:
    radial-gradient(ellipse 44% 54% at 24% 72%, rgba(65, 108, 242, 0.22), transparent 72%),
    radial-gradient(ellipse 42% 58% at 82% 70%, rgba(225, 214, 242, 0.18), transparent 72%);
  filter: blur(28px);
  opacity: 0.86;
  animation: heroV24Focus 14s ease-in-out infinite alternate;
}

.home-v6 .hero-bg::after {
  inset: auto 0 0;
  height: 54%;
  background:
    radial-gradient(ellipse 60% 78% at 52% 106%, rgba(255, 255, 255, 0.98) 0%, rgba(244, 246, 255, 0.8) 38%, rgba(202, 212, 246, 0.26) 62%, transparent 79%),
    linear-gradient(180deg, transparent 0%, rgba(231, 235, 252, 0.08) 24%, rgba(247, 248, 253, 0.7) 78%, #fff 100%);
}

.home-v6 .hero-bg > .hero-particles {
  opacity: 0.54;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.84) 64%, transparent 96%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.84) 64%, transparent 96%);
}

@keyframes heroV24Focus {
  from { transform: translate3d(-1.2%, 0.8%, 0) scale(1.02); }
  to { transform: translate3d(1.2%, -0.8%, 0) scale(1.055); }
}

.home-v6 .hero-copy {
  position: relative;
  z-index: 4;
}

.home-v6 .hero-brand-title {
  display: block;
  margin-bottom: 24px;
  color: #fff;
  font-size: clamp(32px, 2.7vw, 42px);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: 0;
}

.home-v6 .hero.hero-dark h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(46px, 4.05vw, 62px);
  font-weight: 540;
  line-height: 1.14;
  letter-spacing: 0;
}

.home-v6 .hero.hero-dark h1 span,
.home-v6 .hero.hero-dark h1 em {
  display: block;
  color: #fff;
  font-style: normal;
  font-weight: inherit;
  white-space: nowrap;
}

.home-v6 .hero.hero-dark .hero-sub {
  max-width: 38em;
  margin-top: 24px;
  color: rgba(245, 247, 255, 0.82);
  font-size: 17px;
  line-height: 1.72;
}

.home-v6 .hero-ctas { margin-top: 30px; }

.home-v6 .hero-ctas .hero-primary-pill {
  min-height: 48px;
  justify-content: flex-start;
  gap: 14px;
  padding: 4px 5px 4px 21px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: #fff;
  background: #050608;
  box-shadow: 0 16px 36px rgba(3, 7, 18, 0.24);
  font-size: 14px;
  font-weight: 650;
}

.home-v6 .hero-ctas .hero-primary-pill .icon {
  width: 36px;
  height: 36px;
  padding: 10px;
  border-radius: 50%;
  color: #090b10;
  background: #fff;
  box-sizing: border-box;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-v6 .hero-ctas .hero-primary-pill:hover {
  color: #fff;
  background: #111319;
  box-shadow: 0 20px 42px rgba(3, 7, 18, 0.3);
  transform: translateY(-2px);
}

.home-v6 .hero-ctas .hero-primary-pill:hover .icon { transform: translateX(2px); }
.home-v6 .hero-ctas .hero-primary-pill:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.72); outline-offset: 4px; }

@media (min-width: 1181px) {
  .home-v6 .hero-copy {
    max-width: 700px;
    transform: translateY(-14px);
  }
}

@media (max-width: 768px) {
  .home-v6 .hero.hero-dark { background: #05070e; }
  .home-v6 .hero-bg {
    background:
      radial-gradient(ellipse 110% 54% at 0% 100%, rgba(51, 91, 224, 0.72), transparent 70%),
      radial-gradient(ellipse 100% 58% at 100% 100%, rgba(203, 193, 225, 0.68), transparent 72%),
      linear-gradient(180deg, #05070e 0%, #0a0e1e 48%, #7d8bc1 82%, #f8f9fd 100%);
  }
  .home-v6 .hero-brand-title { margin-bottom: 18px; font-size: 27px; }
  .home-v6 .hero.hero-dark h1 { font-size: clamp(36px, 10.2vw, 44px); line-height: 1.12; }
  .home-v6 .hero.hero-dark h1 span,
  .home-v6 .hero.hero-dark h1 em { white-space: normal; }
  .home-v6 .hero.hero-dark .hero-sub { margin-top: 20px; font-size: 15px; line-height: 1.68; }
  .home-v6 .hero.hero-dark .hero-ctas { display: flex; width: auto; margin-top: 26px; }
  .home-v6 .hero.hero-dark .hero-ctas .hero-primary-pill {
    width: max-content;
    min-width: 0;
    justify-self: start;
    padding: 4px 5px 4px 18px;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .hero-bg::before { animation: none; }
  .home-v6 .hero-ctas .hero-primary-pill,
  .home-v6 .hero-ctas .hero-primary-pill .icon { transition: none; }
}

/* ============================================================
   首页 v25：强化星空、玻璃中枢与模块主题色
   让首屏动势可感知，功能流无分割，十大模块用稳定多色主题区分。
   ============================================================ */
.home-v6 .hero-bg::after {
  height: 68%;
  background:
    radial-gradient(ellipse 68% 88% at 52% 108%, rgba(255, 255, 255, 0.99) 0%, rgba(246, 247, 255, 0.86) 38%, rgba(203, 213, 247, 0.3) 66%, transparent 82%),
    linear-gradient(180deg, transparent 0%, rgba(223, 229, 250, 0.08) 18%, rgba(243, 245, 253, 0.72) 76%, #fff 100%);
}

.home-v6 .hero-bg > .hero-particles {
  z-index: 3;
  opacity: 0.96;
  mask-image: linear-gradient(180deg, #000 0%, #000 66%, rgba(0, 0, 0, 0.58) 84%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 66%, rgba(0, 0, 0, 0.58) 84%, transparent 100%);
}

.home-v6 .hero-ctas .hero-primary-pill .hero-pill-arrow {
  display: grid;
  width: 36px;
  height: 36px;
  flex: none;
  place-items: center;
  border-radius: 50%;
  color: #090b10;
  background: #fff;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-v6 .hero-ctas .hero-primary-pill:hover .hero-pill-arrow { transform: translateX(2px); }

/* 中枢使用真实透明和背景模糊，内部层级只靠细边界区分。 */
.home-v6 .command-surface {
  border: 1px solid rgba(210, 224, 255, 0.25);
  background:
    linear-gradient(132deg, rgba(29, 44, 78, 0.72) 0%, rgba(11, 20, 41, 0.62) 48%, rgba(7, 13, 29, 0.52) 100%);
  box-shadow:
    0 34px 86px rgba(2, 7, 20, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(104, 139, 207, 0.08);
  backdrop-filter: blur(30px) saturate(1.32);
  -webkit-backdrop-filter: blur(30px) saturate(1.32);
}

.home-v6 .command-topbar {
  border-bottom-color: rgba(214, 226, 255, 0.11);
  background: rgba(255, 255, 255, 0.025);
}

.home-v6 .command-nav {
  border-right-color: rgba(214, 226, 255, 0.1);
  background: rgba(4, 10, 24, 0.14);
}

.home-v6 .command-nav span.active,
.home-v6 .focus-icon {
  border-color: rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.home-v6 .command-focus {
  border-top-color: rgba(214, 226, 255, 0.1);
  border-bottom-color: rgba(214, 226, 255, 0.1);
}

.home-v6 .command-insights span { background: rgba(255, 255, 255, 0.018); }

/* 功能流扩大画幅，并彻底取消上下分割线。 */
.home-v6 .feature-stream {
  padding: 84px 0 108px;
  border: 0;
  background: #fff;
  box-shadow: none;
}

.home-v6 .feature-stream::before,
.home-v6 .feature-stream::after { display: none; }

.home-v6 .feature-stream-head {
  width: min(1480px, 94%);
  margin-bottom: 54px;
  border: 0;
}

.home-v6 .feature-stream-head h2 {
  font-size: clamp(36px, 3.2vw, 46px);
  font-weight: 760;
  line-height: 1.15;
}

.home-v6 .feature-marquee {
  width: min(1540px, 96%);
  gap: 34px;
  padding: 0;
  border: 0;
  box-shadow: none;
}

.home-v6 .feature-marquee-row { border: 0; }
.home-v6 .feature-marquee-track { gap: 78px; }
.home-v6 .feature-stream-item { min-width: 228px; gap: 17px; }
.home-v6 .feature-stream-item img,
.home-v6 .feature-stream-item .icon { width: 52px; height: 52px; }
.home-v6 .feature-stream-item span { font-size: 18px; }

/* 十个模块固定十组主题色；视觉上丰富，切换时不会随机闪烁。 */
.home-v6 .solution-row {
  --module-edge-a: #c7ecff;
  --module-edge-b: #d9c4ff;
  --module-edge-c: #ffc9e8;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(125deg, var(--module-edge-a), var(--module-edge-b) 48%, var(--module-edge-c)) border-box;
}

.home-v6 #module-shop { --module-edge-a: #bfe1ff; --module-edge-b: #cfd7ff; --module-edge-c: #e8d8ff; }
.home-v6 #module-goods { --module-edge-a: #bdebdc; --module-edge-b: #d3e9ff; --module-edge-c: #ffe0bd; }
.home-v6 #module-marketing { --module-edge-a: #ffd2dc; --module-edge-b: #ffe7bd; --module-edge-c: #e4d1ff; }
.home-v6 #module-promotion { --module-edge-a: #c7d8ff; --module-edge-b: #d8c9ff; --module-edge-c: #ffc8eb; }
.home-v6 #module-data { --module-edge-a: #bcecff; --module-edge-b: #c5dcff; --module-edge-c: #d8d0ff; }
.home-v6 #module-finance { --module-edge-a: #c8f0dc; --module-edge-b: #e1edbe; --module-edge-c: #ffe1bf; }
.home-v6 #module-ops { --module-edge-a: #d5ddff; --module-edge-b: #e8d0ff; --module-edge-c: #ffd4d8; }
.home-v6 #module-video { --module-edge-a: #c3e8ff; --module-edge-b: #d7d4ff; --module-edge-c: #f4cfff; }
.home-v6 #module-ai { --module-edge-a: #d9c7ff; --module-edge-b: #f0caff; --module-edge-c: #ffc8da; }
.home-v6 #module-free { --module-edge-a: #c8edd9; --module-edge-b: #dce9bf; --module-edge-c: #ffddbc; }

@media (max-width: 768px) {
  .home-v6 .hero-bg::after { height: 62%; }
  .home-v6 .feature-stream { padding-block: 72px 88px; }
  .home-v6 .feature-stream-head { margin-bottom: 42px; }
  .home-v6 .feature-stream-head h2 { font-size: 34px; }
  .home-v6 .feature-marquee-track { gap: 54px; }
  .home-v6 .feature-stream-item { min-width: 190px; }
  .home-v6 .feature-stream-item img,
  .home-v6 .feature-stream-item .icon { width: 46px; height: 46px; }
  .home-v6 .feature-stream-item span { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .hero-ctas .hero-primary-pill .hero-pill-arrow { transition: none; }
}

/* ============================================================
   首页 v26：首屏衔接、品牌悬浮与模块配色收敛
   消除白场接缝，降低粒子推进感，并建立星智自己的青绿暖橙模块体系。
   ============================================================ */
.home-v6 .hero.hero-dark {
  border-bottom: 0;
}

.home-v6 .hero-bg::after {
  bottom: -3px;
  height: calc(68% + 3px);
}

.home-v6 .feature-stream {
  margin-top: -3px;
  outline: 0;
}

.home-v6 .hero-brand-title {
  width: max-content;
  max-width: 100%;
  color: #68a4ff;
  background: none;
  -webkit-text-fill-color: currentColor;
  filter: drop-shadow(0 8px 22px rgba(113, 151, 226, 0.12));
  transition: filter 0.36s ease;
}

.home-v6 .hero-brand-title:hover {
  filter: drop-shadow(0 10px 25px rgba(117, 210, 191, 0.2));
}

html.js .home-v6 .solution-list .solution-row,
.home-v6 .solution-row,
.home-v6 .solution-row.is-active {
  --module-edge-a: #bde5ec;
  --module-edge-b: #d9ead8;
  --module-edge-c: #ffd4b8;
  border: 14px solid transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(125deg, var(--module-edge-a), var(--module-edge-b) 52%, var(--module-edge-c)) border-box;
  box-shadow: 0 24px 68px rgba(39, 94, 98, 0.11);
}

.home-v6 #module-shop { --module-edge-a: #bde5ec; --module-edge-b: #d9ead8; --module-edge-c: #ffd4b8; }
.home-v6 #module-goods { --module-edge-a: #bce8d6; --module-edge-b: #d8ebea; --module-edge-c: #ffe0b8; }
.home-v6 #module-marketing { --module-edge-a: #ffd2b6; --module-edge-b: #ffe8bc; --module-edge-c: #d4ead8; }
.home-v6 #module-promotion { --module-edge-a: #c5e1f0; --module-edge-b: #d8eadb; --module-edge-c: #ffd0b9; }
.home-v6 #module-data { --module-edge-a: #bce7ee; --module-edge-b: #d4e7ed; --module-edge-c: #dce9cf; }
.home-v6 #module-finance { --module-edge-a: #c5ecd6; --module-edge-b: #e4ebc2; --module-edge-c: #ffdfb7; }
.home-v6 #module-ops { --module-edge-a: #cbe1e8; --module-edge-b: #d7ead8; --module-edge-c: #ffceb7; }
.home-v6 #module-video { --module-edge-a: #bce6ed; --module-edge-b: #d4e9df; --module-edge-c: #ffe0ba; }
.home-v6 #module-ai { --module-edge-a: #cde1e7; --module-edge-b: #e1e8c8; --module-edge-c: #ffd0bc; }
.home-v6 #module-free { --module-edge-a: #c4ead5; --module-edge-b: #e6e5bd; --module-edge-c: #ffd8b6; }

@media (max-width: 768px) {
  .home-v6 .hero-bg::after { height: calc(62% + 3px); }
  html.js .home-v6 .solution-list .solution-row,
  .home-v6 .solution-row,
  .home-v6 .solution-row.is-active { border-width: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .hero-brand-title { transition: none; }
}

/* ============================================================
   首页 v27：墨蓝首屏与粗线 CTA 箭头
   用更明确的墨蓝取代灰黑，保留中央白光；箭头改为稳定的 CSS 粗线图标。
   ============================================================ */
.home-v6 .hero.hero-dark {
  background: #030711;
}

.home-v6 .hero-bg {
  background:
    radial-gradient(ellipse 78% 70% at 5% 102%, rgba(42, 82, 196, 0.88) 0%, rgba(27, 62, 139, 0.5) 40%, transparent 73%),
    radial-gradient(ellipse 72% 72% at 100% 100%, rgba(86, 138, 157, 0.62) 0%, rgba(43, 88, 116, 0.34) 43%, transparent 76%),
    linear-gradient(180deg, #030711 0%, #061126 30%, #0a213e 57%, #7089ad 82%, #f8fafc 100%);
}

.home-v6 .hero-bg::before {
  background:
    radial-gradient(ellipse 44% 54% at 24% 72%, rgba(55, 112, 244, 0.24), transparent 72%),
    radial-gradient(ellipse 42% 58% at 82% 70%, rgba(91, 164, 181, 0.17), transparent 72%);
}

.home-v6 .hero-ctas .hero-primary-pill .hero-pill-arrow {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.home-v6 .hero-ctas .hero-primary-pill .hero-pill-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 15px;
  height: 2.4px;
  border-radius: 2px;
  background: #07101f;
  transform: translateY(-50%);
}

.home-v6 .hero-ctas .hero-primary-pill .hero-pill-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 9px;
  width: 8px;
  height: 8px;
  border-top: 2.4px solid #07101f;
  border-right: 2.4px solid #07101f;
  transform: translateY(-50%) rotate(45deg);
}

@media (max-width: 768px) {
  .home-v6 .hero.hero-dark { background: #030711; }
  .home-v6 .hero-bg {
    background:
      radial-gradient(ellipse 112% 56% at 0% 100%, rgba(42, 82, 196, 0.76), transparent 70%),
      radial-gradient(ellipse 100% 58% at 100% 100%, rgba(83, 137, 158, 0.55), transparent 72%),
      linear-gradient(180deg, #030711 0%, #07142b 48%, #617b9f 82%, #f8fafc 100%);
  }
}

/* 首页 v28：首屏统一为深蓝、钴蓝与浅蓝过渡。 */
.home-v6 .hero.hero-dark {
  background: #020817;
}

.home-v6 .hero-bg {
  background:
    radial-gradient(ellipse 80% 72% at 4% 102%, rgba(30, 91, 235, 0.94) 0%, rgba(20, 65, 166, 0.56) 40%, transparent 73%),
    radial-gradient(ellipse 74% 72% at 100% 100%, rgba(76, 126, 224, 0.72) 0%, rgba(38, 82, 172, 0.38) 44%, transparent 76%),
    linear-gradient(180deg, #020817 0%, #061735 30%, #0a2d68 57%, #6d91cb 82%, #f8faff 100%);
}

.home-v6 .hero-bg::before {
  background:
    radial-gradient(ellipse 46% 56% at 22% 72%, rgba(54, 118, 255, 0.28), transparent 72%),
    radial-gradient(ellipse 44% 58% at 84% 70%, rgba(101, 151, 248, 0.2), transparent 72%);
}

@media (max-width: 768px) {
  .home-v6 .hero.hero-dark { background: #020817; }
  .home-v6 .hero-bg {
    background:
      radial-gradient(ellipse 112% 58% at 0% 100%, rgba(30, 91, 235, 0.84), transparent 70%),
      radial-gradient(ellipse 102% 58% at 100% 100%, rgba(75, 125, 222, 0.64), transparent 72%),
      linear-gradient(180deg, #020817 0%, #071c40 48%, #6489c4 82%, #f8faff 100%);
  }
}

/* 首页 v29：深蓝宇宙星域，银河与星尘由 Canvas 绘制。 */
.home-v6 .hero.hero-dark {
  background: #010513;
}

.home-v6 .hero-bg {
  background:
    radial-gradient(ellipse 84% 74% at 3% 104%, rgba(25, 76, 206, 0.86) 0%, rgba(13, 45, 126, 0.48) 42%, transparent 74%),
    radial-gradient(ellipse 78% 72% at 100% 102%, rgba(53, 101, 207, 0.64) 0%, rgba(27, 63, 145, 0.34) 46%, transparent 78%),
    linear-gradient(180deg, #010513 0%, #04112a 34%, #092556 61%, #5f84bd 82%, #f8faff 100%);
}

.home-v6 .hero-bg::before {
  background:
    linear-gradient(168deg, transparent 12%, rgba(54, 105, 219, 0.08) 36%, rgba(155, 196, 255, 0.1) 48%, rgba(45, 94, 203, 0.06) 60%, transparent 82%);
  filter: blur(34px);
  opacity: 0.78;
}

.home-v6 .hero-bg > .hero-particles {
  opacity: 1;
}

@media (max-width: 768px) {
  .home-v6 .hero.hero-dark { background: #010513; }
  .home-v6 .hero-bg {
    background:
      radial-gradient(ellipse 116% 60% at 0% 102%, rgba(27, 82, 216, 0.78), transparent 72%),
      radial-gradient(ellipse 108% 58% at 100% 102%, rgba(59, 104, 207, 0.58), transparent 74%),
      linear-gradient(180deg, #010513 0%, #051633 50%, #5a7fb8 82%, #f8faff 100%);
  }
}

/* 首页 v30：品牌名使用可交互粒子文字，静态文本作为无脚本回退。 */
.home-v6 .hero-brand-title {
  position: relative;
  display: block;
  width: clamp(232px, 18vw, 292px);
  height: 54px;
  cursor: default;
}

.home-v6 .hero-brand-label {
  display: block;
  width: max-content;
  transition: opacity 0.24s ease;
}

.home-v6 .hero-brand-title canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

.home-v6 .hero-brand-title.particle-ready .hero-brand-label { opacity: 0; }
.home-v6 .hero-brand-title.particle-ready canvas { opacity: 1; }

@media (max-width: 768px) {
  .home-v6 .hero-brand-title {
    width: 198px;
    height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .hero-brand-label,
  .home-v6 .hero-brand-title canvas { transition: none; }
}

/* 首页 v31：加深宇宙底色，品牌粒子收敛为蓝橙双色，并消除区块接缝。 */
.home-v6 .hero.hero-dark {
  background: #00030b;
}

.home-v6 .hero-bg {
  background:
    radial-gradient(ellipse 86% 70% at 2% 106%, rgba(20, 65, 171, 0.64) 0%, rgba(8, 31, 88, 0.36) 43%, transparent 74%),
    radial-gradient(ellipse 78% 68% at 100% 104%, rgba(42, 84, 176, 0.46) 0%, rgba(17, 43, 104, 0.28) 46%, transparent 78%),
    linear-gradient(180deg, #00030b 0%, #020817 38%, #071a39 66%, #3d5f91 85%, #f8faff 100%);
}

.home-v6 .hero-bg::before {
  background: linear-gradient(168deg, transparent 14%, rgba(45, 92, 194, 0.06) 37%, rgba(117, 167, 239, 0.08) 49%, rgba(35, 75, 166, 0.05) 61%, transparent 82%);
  opacity: 0.62;
}

.home-v6 .hero-brand-title {
  background: none;
  -webkit-text-fill-color: currentColor;
  filter: drop-shadow(0 8px 22px rgba(58, 117, 218, 0.16));
}

.home-v6 .hero-brand-label .brand-blue {
  color: #68a4ff;
  -webkit-text-fill-color: currentColor;
}

.home-v6 .hero-brand-label .brand-orange {
  color: #ff7a36;
  -webkit-text-fill-color: currentColor;
}

.home-v6 .feature-stream {
  margin-top: -4px;
  background: linear-gradient(180deg, #f8faff 0%, #ffffff 150px, #ffffff 100%);
}

@media (max-width: 768px) {
  .home-v6 .hero.hero-dark { background: #00030b; }
  .home-v6 .hero-bg {
    background:
      radial-gradient(ellipse 116% 58% at 0% 104%, rgba(20, 68, 180, 0.58), transparent 72%),
      radial-gradient(ellipse 108% 56% at 100% 104%, rgba(43, 87, 183, 0.42), transparent 74%),
      linear-gradient(180deg, #00030b 0%, #02091a 52%, #344f7b 84%, #f8faff 100%);
  }
}

/* 首页 v32：功能总览粒子标题与跨区块柔和衔接。 */
.home-v6 .feature-stream {
  margin-top: -64px;
  padding-top: 148px;
  background: linear-gradient(180deg, rgba(248, 250, 255, 0) 0%, #f8faff 64px, #ffffff 216px, #ffffff 100%);
}

.home-v6 .section-particle-title {
  position: relative;
  display: block;
  width: 100%;
  color: #123a78;
  cursor: default;
}

.home-v6 .section-particle-label {
  display: block;
  color: #123a78;
  font: inherit;
  line-height: inherit;
  transition: opacity 0.24s ease;
}

.home-v6 .section-particle-title canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease;
}

.home-v6 .section-particle-title.particle-ready .section-particle-label { opacity: 0; }
.home-v6 .section-particle-title.particle-ready canvas { opacity: 1; }

.home-v6 .feature-particle-title {
  width: min(680px, 92vw);
  height: 68px;
  margin: 0 auto;
}

.home-v6 .feature-particle-title .section-particle-label { line-height: 68px; }

@media (max-width: 768px) {
  .home-v6 .feature-stream {
    margin-top: -48px;
    padding-top: 120px;
    background: linear-gradient(180deg, rgba(248, 250, 255, 0) 0%, #f8faff 48px, #ffffff 168px, #ffffff 100%);
  }

  .home-v6 .feature-particle-title {
    width: min(360px, 94vw);
    height: 52px;
  }

  .home-v6 .feature-particle-title .section-particle-label { line-height: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v6 .section-particle-label,
  .home-v6 .section-particle-title canvas { transition: none; }
}

/* ============================================================
   首页 v35：深蓝聚焦光场
   中部使用更深、更纯的钴蓝，四周以近黑海军蓝收拢，强化包裹感。
   ============================================================ */
.home-v6 .hero.hero-dark {
  background: #00030c;
}

.home-v6 .hero-bg {
  background:
    radial-gradient(ellipse 58% 60% at 50% 55%, rgba(23, 74, 176, 0.82) 0%, rgba(10, 40, 104, 0.58) 42%, transparent 76%),
    radial-gradient(ellipse 82% 78% at 50% 36%, rgba(8, 28, 73, 0.72) 0%, rgba(1, 8, 25, 0.92) 70%, #00020a 100%),
    linear-gradient(180deg, #00020a 0%, #02091d 38%, #08265a 68%, #3d659d 86%, #f8faff 100%);
  box-shadow:
    inset 15vw 0 18vw -12vw rgba(0, 2, 10, 0.9),
    inset -15vw 0 18vw -12vw rgba(0, 2, 10, 0.9),
    inset 0 14vh 18vh -12vh rgba(0, 1, 8, 0.78);
}

.home-v6 .hero-bg::before {
  background:
    radial-gradient(ellipse 52% 54% at 50% 54%, rgba(36, 101, 225, 0.2), transparent 72%),
    linear-gradient(168deg, transparent 14%, rgba(34, 76, 170, 0.05) 38%, rgba(103, 158, 239, 0.07) 50%, rgba(28, 65, 146, 0.04) 62%, transparent 82%);
  opacity: 0.7;
}

@media (max-width: 768px) {
  .home-v6 .hero.hero-dark { background: #00030c; }
  .home-v6 .hero-bg {
    background:
      radial-gradient(ellipse 100% 58% at 50% 60%, rgba(22, 72, 174, 0.76) 0%, rgba(8, 35, 94, 0.52) 48%, transparent 78%),
      radial-gradient(ellipse 128% 82% at 50% 34%, rgba(7, 25, 67, 0.72) 0%, rgba(0, 5, 18, 0.94) 72%, #00020a 100%),
      linear-gradient(180deg, #00020a 0%, #02091c 50%, #294e84 84%, #f8faff 100%);
    box-shadow:
      inset 14vw 0 16vw -12vw rgba(0, 2, 10, 0.88),
      inset -14vw 0 16vw -12vw rgba(0, 2, 10, 0.88),
      inset 0 10vh 14vh -10vh rgba(0, 1, 8, 0.72);
  }
}

@media (max-width: 480px) {
  .home-v6 .hero.hero-dark h1 {
    font-size: 34px;
    line-height: 1.14;
  }

  .home-v6 .hero.hero-dark h1 span,
  .home-v6 .hero.hero-dark h1 em { white-space: nowrap; }
}

@media (max-width: 360px) {
  .home-v6 .hero.hero-dark h1 { font-size: 28px; }
}