/* ==========================================================================
   新枝商业力 NOVI · 官网设计系统
   Level Up With NOVI
   ========================================================================== */

:root {
  /* ---- 主色：绿色系（新枝 = 新生、成长） ---- */
  --green-900: #0F241A;
  --green-800: #163425;
  --green-700: #2D5A3D;
  --green-600: #3C7050;
  --green-500: #4A8C5F;
  --green-400: #6BB37E;
  --green-300: #93C9A2;
  --green-200: #BEDCC7;
  --green-100: #E0EBE5;
  --green-50: #F1F7F2;

  /* ---- 辅助色：金色（商业力 = 价值） ---- */
  --gold-700: #A94A12;
  --gold-600: #D9621A;
  --gold-500: #F07A2A;
  --gold-300: #F9B98A;
  --gold-100: #FDE0CC;
  --gold-50: #FEF3EA;

  /* ---- 中性 / 背景 ---- */
  --cream: #FAF6F0;
  --surface: #FFFFFF;
  --surface-warm: #FCFBF8;
  --surface-alt: #F3EEE5;
  --ink: #16201A;
  --ink-2: #4A524D;
  --ink-3: #7C857F;
  --ink-4: #A8AFA9;
  --line: #E8E0D5;
  --line-soft: #F0EAE0;

  /* ---- 功能色 ---- */
  --red: #C0483C;
  --amber: #D99A2B;
  --ok: #4A8C5F;

  /* ---- 排版 ---- */
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-num: "SF Pro Display", "Helvetica Neue", Arial, sans-serif;

  /* ---- 尺寸 ---- */
  --wrap: 1200px;
  --wrap-narrow: 860px;
  --wrap-wide: 1320px;

  /* ---- 圆角 ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-full: 999px;

  /* ---- 阴影 ---- */
  --sh-xs: 0 1px 2px rgba(22, 52, 37, 0.05);
  --sh-sm: 0 2px 10px rgba(22, 52, 37, 0.06);
  --sh-md: 0 10px 30px rgba(22, 52, 37, 0.08);
  --sh-lg: 0 24px 60px rgba(22, 52, 37, 0.12);
  --sh-green: 0 14px 36px rgba(45, 90, 61, 0.22);

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========================== Reset ========================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

/* 锚点落到固定导航栏之下（header 实测高 75px） */
[id] {
  scroll-margin-top: 96px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink-2);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img,
svg {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.01em;
}

p {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

::selection {
  background: var(--green-200);
  color: var(--green-900);
}

/* ========================== Layout ========================== */
.wrap {
  width: 100%;
  max-width: var(--wrap);
  margin: 0 auto;
  padding: 0 28px;
}

.wrap--narrow {
  max-width: var(--wrap-narrow);
}

.wrap--wide {
  max-width: var(--wrap-wide);
}

.section {
  padding: 56px 0;
  position: relative;
}

.section--tight {
  padding: 46px 0;
}

.section--cream {
  background: var(--cream);
}

.section--white {
  background: var(--surface-warm);
}

.section--alt {
  background: var(--surface-alt);
}

.section--green {
  background: var(--green-900);
  color: #fff;
}

.section--green h1,
.section--green h2,
.section--green h3,
.section--green h4 {
  color: #fff;
}

/* ========================== Typography helpers ========================== */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-600);
  margin-bottom: 16px;
}

.eyebrow::before {
  content: "";
  width: 22px;
  height: 2px;
  background: var(--gold-500);
  border-radius: 2px;
}

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

.section-head--center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section-head--center .eyebrow {
  justify-content: center;
}

.h-display {
  font-size: clamp(34px, 5vw, 56px);
  font-weight: 800;
  letter-spacing: -0.03em;
}

.h1 {
  font-size: clamp(28px, 3.6vw, 44px);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.h2 {
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 800;
}

.h3 {
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 700;
}

.lead {
  font-size: 17px;
  line-height: 1.8;
  color: var(--ink-2);
}

.muted {
  color: var(--ink-3);
}

.gold {
  color: var(--gold-500);
}

.green {
  color: var(--green-700);
}

.txt-gold {
  color: var(--gold-600);
}

.arrow-down {
  display: inline-block;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: var(--gold-500);
  vertical-align: -3px;
  margin-left: 3px;
}

.nobreak {
  white-space: nowrap;
}

.section--green .lead,
.section--green p {
  color: rgba(255, 255, 255, 0.82);
}

/* ========================== Buttons ========================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 14px 28px;
  border-radius: var(--r-full);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease),
    background-color 0.25s var(--ease), color 0.25s var(--ease), border-color 0.25s var(--ease);
  white-space: nowrap;
}

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

.btn:active {
  transform: translateY(0);
}

.btn--primary {
  background: var(--green-700);
  color: #fff;
  box-shadow: var(--sh-green);
}

.btn--primary:hover {
  background: var(--green-600);
  box-shadow: 0 18px 42px rgba(45, 90, 61, 0.3);
}

.btn--gold {
  background: linear-gradient(135deg, var(--gold-500), var(--gold-600));
  color: #fff;
  box-shadow: 0 14px 34px rgba(217, 98, 26, 0.32);
}

.btn--gold:hover {
  box-shadow: 0 18px 44px rgba(217, 98, 26, 0.4);
}

.btn--ghost {
  background: transparent;
  color: var(--green-700);
  border: 1.5px solid var(--green-200);
}

.btn--ghost:hover {
  border-color: var(--green-500);
  background: var(--green-50);
}

.btn--light {
  background: #fff;
  color: var(--green-800);
  box-shadow: var(--sh-sm);
}

.btn--light:hover {
  box-shadow: var(--sh-md);
}

.btn--outline-light {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.36);
}

.btn--outline-light:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.6);
}

.btn--sm {
  padding: 10px 20px;
  font-size: 14px;
}

.btn--lg {
  padding: 17px 36px;
  font-size: 16px;
}

.btn--block {
  width: 100%;
}

/* ========================== Header / Nav ========================== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 900;
  background: rgba(250, 246, 240, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s var(--ease), box-shadow 0.3s var(--ease),
    background-color 0.3s var(--ease);
}

.site-header.is-scrolled {
  border-bottom-color: var(--line);
  box-shadow: 0 6px 24px rgba(22, 52, 37, 0.05);
}

.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 74px;
  gap: 24px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
}

.brand__mark {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.brand__text {
  display: flex;
  flex-direction: column;
  line-height: 1.12;
}

.brand__name {
  font-size: 17px;
  font-weight: 800;
  color: var(--green-800);
  letter-spacing: 0.02em;
}

.brand__en {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: var(--gold-600);
  text-transform: uppercase;
}

.nav__menu {
  display: flex;
  align-items: center;
  gap: 4px;
}

.nav__link {
  padding: 9px 15px;
  border-radius: var(--r-full);
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink-2);
  transition: color 0.2s var(--ease), background-color 0.2s var(--ease);
  position: relative;
}

.nav__link:hover {
  color: var(--green-700);
  background: var(--green-50);
}

.nav__link.is-active {
  color: var(--green-700);
  font-weight: 700;
}

.nav__link.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 5px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--gold-500);
}

.nav__cta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.nav__toggle {
  display: none;
  width: 42px;
  height: 42px;
  border-radius: var(--r-sm);
  align-items: center;
  justify-content: center;
  color: var(--green-800);
}

.nav__toggle svg {
  width: 24px;
  height: 24px;
}

/* ========================== Hero ========================== */
.hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(120% 120% at 85% 0%, var(--green-50) 0%, var(--cream) 46%),
    var(--cream);
  padding: 76px 0 88px;
}

.hero__grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 56px;
  align-items: center;
}

.hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 16px 7px 9px;
  border-radius: var(--r-full);
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--sh-xs);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--green-700);
  margin-bottom: 26px;
}

.hero__badge .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green-400);
  box-shadow: 0 0 0 4px var(--green-100);
}

.hero h1 {
  font-size: clamp(38px, 5.4vw, 64px);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.1;
  color: var(--ink);
}

.hero h1 .hl {
  color: var(--green-700);
  position: relative;
  white-space: nowrap;
}

.hero h1 .hl::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.06em;
  height: 0.3em;
  background: var(--gold-100);
  border-radius: 4px;
  z-index: -1;
}

/* ---- 商业力定义句（放在大字下方，小小的金色一行）---- */
.hero__define {
  margin-top: 20px;
  font-size: 17px;
  line-height: 1.7;
  color: var(--ink);
  max-width: 540px;
}

.hero__define b {
  color: var(--gold-700);
  font-weight: 700;
}

.hero__define__note {
  display: block;
  margin-top: 3px;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ink-4);
}

@media (max-width: 560px) {
  .hero__define {
    font-size: 15.5px;
  }

  .hero__define__note {
    font-size: 12.5px;
  }
}

.hero__sub {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.75;
  color: var(--ink-2);
  max-width: 540px;
}

/* 注：定义句出现后 Hero 副标语的留白收紧一档，避免整块变高太多
   —— 首页的规则只有下面 .page-home .hero__sub 这一处，改值请改那里，别在这里重复定义 */

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

.hero__stats {
  display: flex;
  gap: 40px;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
}

.stat__num {
  font-family: var(--font-num);
  font-size: 34px;
  font-weight: 800;
  color: var(--green-700);
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.stat__num span {
  font-size: 20px;
  color: var(--green-500);
}

.stat__label {
  font-size: 13.5px;
  color: var(--ink-3);
  margin-top: 5px;
}

/* Hero 视觉卡片 */
.hero__visual {
  position: relative;
  display: flex;
  justify-content: center;
}

.hero-card {
  width: 100%;
  max-width: 430px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-lg);
  padding: 26px 26px 22px;
  position: relative;
  z-index: 2;
}

.hero-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.hero-card__title {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
}

.hero-card__tag {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--gold-600);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
  padding: 3px 9px;
  border-radius: var(--r-full);
}

.hero-card__sub {
  font-size: 12.5px;
  color: var(--ink-3);
  margin-bottom: 8px;
}

.hero-card__chart {
  width: 100%;
  height: auto;
}

.hero-card__foot {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px dashed var(--line);
  font-size: 12.5px;
  color: var(--ink-3);
}

.hero__float {
  position: absolute;
  z-index: 3;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  box-shadow: var(--sh-md);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: floaty 6s ease-in-out infinite;
}

.hero__float--a {
  top: -26px;
  left: -18px;
}

.hero__float--b {
  bottom: 26px;
  right: -18px;
  animation-delay: -3s;
}

.hero__float .fi {
  width: 34px;
  height: 34px;
  border-radius: var(--r-sm);
  display: grid;
  place-items: center;
  background: var(--green-100);
  color: var(--green-700);
  flex-shrink: 0;
}

.hero__float .fi.gold {
  background: var(--gold-50);
  color: var(--gold-600);
}

.hero__float .ft {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.3;
}

.hero__float .fs {
  font-size: 11px;
  color: var(--ink-3);
}

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

.hero__blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  opacity: 0.5;
  z-index: 0;
  pointer-events: none;
}

.hero__blob--1 {
  width: 360px;
  height: 360px;
  background: var(--green-200);
  top: -120px;
  right: -60px;
}

.hero__blob--2 {
  width: 300px;
  height: 300px;
  background: var(--gold-100);
  bottom: -140px;
  left: -80px;
  opacity: 0.6;
}

/* ========================== Cards / Grid ========================== */
.grid {
  display: grid;
  gap: 22px;
}

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

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

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

.grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 28px;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease),
    border-color 0.3s var(--ease);
  position: relative;
  overflow: hidden;
}

.card--hover:hover {
  transform: translateY(-5px);
  box-shadow: var(--sh-md);
  border-color: var(--green-200);
}

/* 痛点卡 */
.pain-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 30px 28px 28px;
  position: relative;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}

.pain-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sh-md);
}

.pain-card__quote {
  font-size: 19px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.5;
  margin-bottom: 12px;
}

.pain-card__desc {
  font-size: 14.5px;
  color: var(--ink-3);
  line-height: 1.75;
}

.pain-card__idx {
  font-family: var(--font-num);
  font-size: 13px;
  font-weight: 700;
  color: var(--gold-500);
  letter-spacing: 0.1em;
  margin-bottom: 16px;
  display: block;
}

.pain-card--hl {
  background: linear-gradient(160deg, var(--green-700), var(--green-800));
  border-color: transparent;
  color: #fff;
}

.pain-card--hl .pain-card__quote {
  color: #fff;
}

.pain-card--hl .pain-card__desc {
  color: rgba(255, 255, 255, 0.78);
}

.pain-card--hl .pain-card__idx {
  color: var(--gold-300);
}

/* ========================== 雷达图区 ========================== */
.radar-layout {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 52px;
  align-items: center;
}

.radar-stage {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 26px;
  box-shadow: var(--sh-md);
}

.radar-stage__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.radar-stage__head .t {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
}

.radar-stage__head .s {
  font-size: 12.5px;
  color: var(--ink-3);
}

.radar-svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.radar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--line);
}

.radar-legend__item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--ink-2);
}

.radar-legend__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.system-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.system-list__item {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 14px 16px;
  border-radius: var(--r-sm);
  background: #fff;
  border: 1px solid var(--line);
  transition: border-color 0.25s var(--ease), transform 0.25s var(--ease);
}

.system-list__item:hover {
  border-color: var(--green-300);
  transform: translateX(4px);
}

.system-list__num {
  font-family: var(--font-num);
  font-size: 12.5px;
  font-weight: 700;
  color: #fff;
  background: var(--green-600);
  width: 24px;
  height: 24px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.system-list__num--gold {
  background: var(--gold-600);
}


.system-list__name {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
}

.system-list__tag {
  font-size: 13px;
  color: var(--ink-3);
}

/* ========================== 产品金字塔 ========================== */
.pyramid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin: 0 auto;
  max-width: 820px;
}

.pyramid__row {
  width: 100%;
  display: flex;
  justify-content: center;
}

.pyr {
  width: var(--w, 100%);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 18px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-shadow: var(--sh-xs);
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
  cursor: default;
  position: relative;
  overflow: hidden;
}

.pyr:hover {
  transform: translateY(-3px) scale(1.012);
  box-shadow: var(--sh-md);
  z-index: 2;
}

.pyr__level {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--ink-4);
  text-transform: uppercase;
}

.pyr__main {
  flex: 1;
  min-width: 0;
}

.pyr__name {
  font-size: 17px;
  font-weight: 700;
  color: var(--ink);
}

.pyr__desc {
  font-size: 13px;
  color: var(--ink-3);
  margin-top: 2px;
}

.pyr__price {
  font-family: var(--font-num);
  font-size: 16px;
  font-weight: 800;
  color: var(--green-700);
  white-space: nowrap;
}

.pyr__price small {
  font-size: 11.5px;
  color: var(--ink-3);
  font-weight: 500;
  display: block;
  text-align: right;
  margin-top: 1px;
}

.pyr--top {
  background: linear-gradient(135deg, var(--green-700), var(--green-800));
  border-color: transparent;
  color: #fff;
}

.pyr--top .pyr__name {
  color: #fff;
}

.pyr--top .pyr__desc,
.pyr--top .pyr__level {
  color: rgba(255, 255, 255, 0.72);
}

.pyr--top .pyr__price {
  color: var(--gold-300);
}

.pyr--top .pyr__price small {
  color: rgba(255, 255, 255, 0.6);
}

.pyr--gold {
  border-color: var(--gold-300);
  background: linear-gradient(135deg, #fff, var(--gold-50));
}

.pyr--gold .pyr__price {
  color: var(--gold-700);
}

/* ========================== 产品详情卡 ========================== */
.product-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 28px 30px 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease),
    border-color 0.3s var(--ease);
  position: relative;
}

.product-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--sh-lg);
  border-color: var(--green-200);
}

.product-card__label {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--green-600);
  background: var(--green-50);
  padding: 5px 11px;
  border-radius: var(--r-full);
  margin-bottom: 14px;
}

.product-card__label.gold {
  color: var(--gold-700);
  background: var(--gold-50);
}

.product-card__name {
  font-size: 23px;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.product-card__slogan {
  font-size: 15px;
  color: var(--green-700);
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 10px;
}

.product-card__price {
  display: flex;
  align-items: baseline;
  gap: 7px;
  margin: 20px 0 18px;
  padding-bottom: 20px;
  border-bottom: 1px dashed var(--line);
}

.product-card__price .n {
  font-family: var(--font-num);
  font-size: 32px;
  font-weight: 800;
  color: var(--green-700);
  letter-spacing: -0.03em;
  line-height: 1;
}

.product-card__price .u {
  font-size: 13.5px;
  color: var(--ink-3);
}

.product-card__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.product-card__list li {
  display: flex;
  gap: 10px;
  font-size: 14px;
  color: var(--ink-2);
  line-height: 1.6;
}

.product-card__list li .ck {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--green-100);
  color: var(--green-700);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.product-card__list li .ck svg {
  width: 11px;
  height: 11px;
}

.product-card__rel {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
  font-size: 13px;
  line-height: 1.72;
  color: var(--ink-3);
  display: block;
  position: relative;
  padding-left: 23px;
}

.product-card__rel > svg {
  position: absolute;
  left: 0;
  top: 4px;
}

.product-card__rel b {
  color: var(--gold-600);
}

/* ========================== 枝宝 IP / 浮窗 ========================== */
.zhizhi-hero {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 52px;
  align-items: center;
}

.ip-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
}

.ip-glow {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--green-100), transparent 68%);
}

.ip-svg {
  width: 240px;
  height: auto;
  position: relative;
  animation: floaty 5.5s ease-in-out infinite;
}

.ip-bubble {
  position: absolute;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 11px 15px;
  font-size: 13px;
  color: var(--ink-2);
  box-shadow: var(--sh-sm);
  max-width: 190px;
  line-height: 1.5;
}

.ip-bubble strong {
  color: var(--green-700);
}

.ip-bubble--1 {
  top: 6%;
  right: -2%;
}

.ip-bubble--2 {
  bottom: 8%;
  left: -4%;
  animation: floaty 6.5s ease-in-out infinite;
  animation-delay: -2s;
}

/* 浮动枝宝挂件 */
.zz-dock {
  position: fixed;
  right: 24px;
  bottom: 26px;
  z-index: 950;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.zz-dock__panel {
  width: 296px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-lg);
  overflow: hidden;
  opacity: 0;
  transform: translateY(12px) scale(0.96);
  transform-origin: bottom right;
  pointer-events: none;
  transition: opacity 0.28s var(--ease), transform 0.28s var(--ease);
}

.zz-dock.is-open .zz-dock__panel {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.zz-dock__head {
  background: linear-gradient(140deg, var(--green-700), var(--green-800));
  color: #fff;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 11px;
}

.zz-dock__close {
  margin-left: auto;
  width: 30px; height: 30px;
  flex: 0 0 auto;
  border: none; border-radius: 50%;
  background: rgba(255,255,255,.14);
  color: rgba(255,255,255,.85);
  font-size: 17px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.zz-dock__close:hover { background: rgba(255,255,255,.28); color: #fff; }

.zz-dock__head .av {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.15);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.zz-dock__head .av svg {
  width: 26px;
  height: 26px;
}

.zz-dock__head .nm {
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.25;
}

.zz-dock__head .st {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.75);
  display: flex;
  align-items: center;
  gap: 5px;
}

.zz-dock__head .st .on {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7CE0A0;
  box-shadow: 0 0 0 3px rgba(124, 224, 160, 0.25);
}

.zz-dock__body {
  padding: 16px 18px;
}

.zz-dock__hello {
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.65;
  background: var(--green-50);
  border-radius: 12px 12px 12px 4px;
  padding: 11px 13px;
  margin-bottom: 14px;
}

.zz-dock__acts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.zz-act {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease);
  text-align: left;
  width: 100%;
}

.zz-act:hover {
  border-color: var(--green-300);
  background: var(--green-50);
}

.zz-act .ic {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: var(--green-100);
  color: var(--green-700);
  flex-shrink: 0;
}

.zz-act .ic.gold {
  background: var(--gold-50);
  color: var(--gold-600);
}

.zz-act .ic svg {
  width: 16px;
  height: 16px;
}

.zz-act .ar {
  margin-left: auto;
  color: var(--ink-4);
}

.zz-dock__foot {
  padding: 10px 18px 14px;
  font-size: 11.5px;
  color: var(--ink-4);
  text-align: center;
}

.zz-fab {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: linear-gradient(140deg, var(--green-600), var(--green-800));
  box-shadow: 0 14px 34px rgba(45, 90, 61, 0.4);
  display: grid;
  place-items: center;
  color: #fff;
  position: relative;
  transition: transform 0.28s var(--ease);
}

.zz-fab:hover {
  transform: scale(1.06);
}

.zz-fab svg {
  width: 32px;
  height: 32px;
}

.zz-fab__dot {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--gold-500);
  border: 2.5px solid #fff;
}

.zz-fab__ping {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid var(--green-400);
  animation: ping 2.6s var(--ease-soft) infinite;
}

@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  70%,
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

/* ========================== 诊断组件 ========================== */
.diag {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-lg);
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
}

.diag__bar {
  height: 5px;
  background: var(--green-100);
  position: relative;
}

.diag__bar span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: linear-gradient(90deg, var(--green-500), var(--green-700));
  transition: width 0.45s var(--ease);
  border-radius: 0 4px 4px 0;
}

.diag__inner {
  padding: 40px 44px 44px;
}

.diag__step {
  font-size: 13px;
  font-weight: 600;
  color: var(--gold-600);
  letter-spacing: 0.06em;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.diag__sys {
  font-size: 12px;
  font-weight: 600;
  color: var(--green-600);
  background: var(--green-50);
  padding: 4px 11px;
  border-radius: var(--r-full);
  letter-spacing: 0;
}

.diag__q {
  font-size: clamp(19px, 2.2vw, 25px);
  font-weight: 700;
  color: var(--ink);
  line-height: 1.5;
  margin-bottom: 26px;
  min-height: 2.9em;
}

.diag__opts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.opt {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 17px 20px;
  border: 1.5px solid var(--line);
  border-radius: var(--r-md);
  background: var(--surface-warm);
  text-align: left;
  font-size: 15px;
  color: var(--ink-2);
  line-height: 1.55;
  transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease),
    transform 0.2s var(--ease);
  width: 100%;
}

.opt:hover {
  border-color: var(--green-400);
  background: var(--green-50);
  transform: translateX(3px);
}

.opt__key {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1.5px solid var(--line);
  background: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 14px;
  color: var(--ink-3);
  flex-shrink: 0;
  transition: all 0.2s var(--ease);
}

.opt:hover .opt__key {
  background: var(--green-700);
  border-color: var(--green-700);
  color: #fff;
}

.diag__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--line-soft);
}

.diag__back {
  font-size: 14px;
  color: var(--ink-3);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.2s var(--ease);
}

.diag__back:hover {
  color: var(--green-700);
}

.diag__hint {
  font-size: 12.5px;
  color: var(--ink-4);
}

/* 诊断结果 */
.diag-result {
  padding: 8px 4px 4px;
}

.diag-result__head {
  text-align: center;
  margin-bottom: 30px;
}

.diag-result__head .em {
  font-size: 42px;
  line-height: 1;
  margin-bottom: 12px;
}

.diag-result__head h3 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 8px;
}

.diag-result__head p {
  color: var(--ink-3);
  font-size: 14.5px;
}

.diag-result__grid {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 36px;
  align-items: center;
}

.bars {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.bar-row {
  display: grid;
  grid-template-columns: 76px 1fr 46px;
  align-items: center;
  gap: 12px;
}

.bar-row__name {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink);
}

.bar-row__track {
  height: 8px;
  border-radius: var(--r-full);
  background: var(--surface-alt);
  overflow: hidden;
}

.bar-row__fill {
  display: block; /* span 默认是行内元素，必须转块级 width/height 才生效 */
  height: 100%;
  border-radius: var(--r-full);
  width: 0;
  transition: width 0.9s var(--ease);
}

.bar-row__val {
  font-family: var(--font-num);
  font-size: 13px;
  font-weight: 700;
  text-align: right;
  color: var(--ink-2);
}

.bar-row.is-weak .bar-row__name {
  color: var(--red);
}

.diag-verdict {
  background: var(--surface-warm);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 22px 24px;
}

.diag-verdict__tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-600);
  margin-bottom: 10px;
}

.diag-verdict__text {
  font-size: 15px;
  line-height: 1.75;
  color: var(--ink-2);
}

.diag-verdict__text b {
  color: var(--green-700);
}

.diag-result__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid var(--line-soft);
}

/* 诊断卡是深绿区块里的白卡，区块的「.section--green p 白字」会漏进卡内，
   导致结果页这行小字长期白底白字看不见。这里单独校正回灰字。 */
.diag-result > .muted {
  color: var(--ink-3);
}

.diag-start {
  text-align: center;
  padding: 18px 10px 10px;
}

.diag-start h3 {
  font-size: 27px;
  font-weight: 800;
  margin-bottom: 14px;
}

.diag-start p {
  color: var(--ink-2);
  font-size: 15.5px;
  max-width: 520px;
  margin: 0 auto 12px;
  line-height: 1.75;
}

.diag-start__meta {
  display: flex;
  justify-content: center;
  gap: 26px;
  margin: 26px 0 30px;
  flex-wrap: wrap;
}

.diag-start__meta div {
  font-size: 13.5px;
  color: var(--ink-3);
  display: flex;
  align-items: center;
  gap: 7px;
}

.diag-start__meta b {
  color: var(--green-700);
  font-family: var(--font-num);
  font-size: 16px;
}

/* ========================== 联系 / FAQ ========================== */
.contact-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 44px;
  align-items: start;
}

.qr-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 34px;
  text-align: center;
  box-shadow: var(--sh-md);
}

.qr-box {
  width: 200px;
  height: 200px;
  margin: 0 auto 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 12px;
  display: grid;
  place-items: center;
}

.qr-card h4 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 6px;
}

.qr-card .sub {
  font-size: 13.5px;
  color: var(--ink-3);
  margin-bottom: 20px;
}

.contact-meta {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid var(--line-soft);
}

.contact-meta__row {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--ink-2);
}

.contact-meta__row .ic {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--green-50);
  color: var(--green-700);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.contact-meta__row .ic svg {
  width: 17px;
  height: 17px;
}

.faq {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq-item {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
  transition: border-color 0.25s var(--ease), box-shadow 0.25s var(--ease);
}

.faq-item.is-open {
  border-color: var(--green-200);
  box-shadow: var(--sh-sm);
}

.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 19px 22px;
  text-align: left;
  font-size: 15.5px;
  font-weight: 600;
  color: var(--ink);
}

.faq-q .ic {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--green-50);
  color: var(--green-700);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  transition: transform 0.3s var(--ease), background-color 0.3s var(--ease);
}

.faq-item.is-open .faq-q .ic {
  transform: rotate(45deg);
  background: var(--green-700);
  color: #fff;
}

.faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s var(--ease);
}

.faq-a__inner {
  padding: 0 22px 22px;
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--ink-2);
}

/* ========================== 内容中心 ========================== */
.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 34px;
}

.filter {
  padding: 9px 18px;
  border-radius: var(--r-full);
  border: 1px solid var(--line);
  background: #fff;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink-2);
  transition: all 0.2s var(--ease);
}

.filter:hover {
  border-color: var(--green-300);
  color: var(--green-700);
}

.filter.is-active {
  background: var(--green-700);
  border-color: var(--green-700);
  color: #fff;
}

.article {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  overflow: hidden;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease),
    border-color 0.3s var(--ease);
  height: 100%;
}

.article:hover {
  transform: translateY(-5px);
  box-shadow: var(--sh-md);
  border-color: var(--green-200);
}

.article__cover {
  height: 128px;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 16px;
  overflow: hidden;
}

.article__cover .sys {
  font-size: 11.5px;
  font-weight: 700;
  color: #fff;
  background: rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(4px);
  padding: 4px 11px;
  border-radius: var(--r-full);
  position: relative;
}

.article__body {
  padding: 20px 22px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.article__cat {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--gold-600);
  margin-bottom: 9px;
}

.article__title {
  font-size: 16.5px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.45;
  margin-bottom: 9px;
}

.article__desc {
  font-size: 13.5px;
  color: var(--ink-3);
  line-height: 1.7;
  flex: 1;
}

.article__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid var(--line-soft);
  font-size: 12.5px;
  color: var(--ink-4);
}

.article__meta .zz {
  color: var(--green-600);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* ========================== 通用组件 ========================== */
.tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: var(--r-full);
  font-size: 12.5px;
  font-weight: 600;
  background: var(--green-50);
  color: var(--green-700);
  border: 1px solid var(--green-100);
}

.tag--gold {
  background: var(--gold-50);
  color: var(--gold-700);
  border-color: var(--gold-100);
}

.note {
  display: flex;
  gap: 13px;
  padding: 18px 22px;
  border-radius: var(--r-md);
  background: var(--gold-50);
  border-left: 4px solid var(--gold-500);
  font-size: 14.5px;
  color: var(--ink-2);
  line-height: 1.7;
}

.note--green {
  background: var(--green-50);
  border-left-color: var(--green-500);
}

/* 内联文字链接（带箭头） */
.link-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--green-700);
  transition: color 0.22s var(--ease);
}

.link-more svg {
  width: 15px;
  height: 15px;
  transition: transform 0.28s var(--ease);
}

.link-more:hover {
  color: var(--green-500);
}

.link-more:hover svg {
  transform: translateX(4px);
}

.note svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--gold-600);
}

.note--green svg {
  color: var(--green-600);
}

/* 体系详情 */
.sys-block {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
  margin-bottom: 22px;
  transition: box-shadow 0.3s var(--ease), border-color 0.3s var(--ease);
}

.sys-block:hover {
  box-shadow: var(--sh-md);
  border-color: var(--green-200);
}

.sys-block__grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
}

.sys-block__left {
  padding: 34px 32px;
  background: linear-gradient(155deg, var(--green-700), var(--green-800));
  color: #fff;
  position: relative;
  overflow: hidden;
}

.sys-block__left::after {
  content: attr(data-num);
  position: absolute;
  right: 14px;
  bottom: -26px;
  font-family: var(--font-num);
  font-size: 130px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.06);
  line-height: 1;
}

.sys-block__no {
  font-family: var(--font-num);
  font-size: 13px;
  font-weight: 700;
  color: var(--gold-300);
  letter-spacing: 0.1em;
  margin-bottom: 14px;
}

.sys-block__name {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.01em;
}

.sys-block__tag {
  font-size: 15px;
  color: var(--gold-300);
  font-weight: 600;
  margin-top: 8px;
}

.sys-block__pain {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  font-size: 14.5px;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.7;
  position: relative;
}

.sys-block__pain b {
  color: #fff;
  display: block;
  font-size: 12.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 7px;
  color: var(--gold-300);
}

.sys-block__right {
  padding: 34px 34px;
}

.sys-block__insight {
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--ink-2);
}

.sys-block__insight .em {
  color: var(--green-700);
  font-weight: 700;
  display: block;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 3px solid var(--gold-500);
}

/* 迷你自检 */
.mini {
  margin-top: 22px;
  padding: 20px 22px;
  border-radius: var(--r-md);
  background: var(--surface-warm);
  border: 1px solid var(--line);
}

.mini__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.mini__title {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 8px;
}

.mini__title svg {
  width: 16px;
  height: 16px;
  color: var(--gold-600);
}

.mini__q {
  font-size: 14px;
  color: var(--ink-2);
  margin-bottom: 12px;
  line-height: 1.6;
}

.mini__opts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mini__opt {
  flex: 1;
  min-width: 120px;
  padding: 10px 14px;
  border-radius: var(--r-sm);
  border: 1.5px solid var(--line);
  background: #fff;
  font-size: 13px;
  color: var(--ink-2);
  transition: all 0.2s var(--ease);
  text-align: left;
}

.mini__opt:hover {
  border-color: var(--green-400);
}

.mini__opt.is-on {
  border-color: var(--green-600);
  background: var(--green-50);
  color: var(--green-800);
  font-weight: 600;
}

.mini__result {
  margin-top: 14px;
  font-size: 13.5px;
  font-weight: 600;
  display: none;
  align-items: center;
  gap: 8px;
}

.mini__result.show {
  display: flex;
}

.mini__result .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.sys-block__rec {
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px dashed var(--line);
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.sys-block__rec .lb {
  font-size: 13.5px;
  color: var(--ink-3);
}

.rec-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 15px;
  border-radius: var(--r-full);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--gold-700);
  transition: all 0.2s var(--ease);
}

.rec-chip:hover {
  background: var(--gold-100);
}

/* 时间线 / 流程 */
.flow-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  counter-reset: step;
}

.flow-step {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 30px 26px;
  position: relative;
}

.flow-step__n {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: var(--green-700);
  color: #fff;
  display: grid;
  place-items: center;
  font-family: var(--font-num);
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 18px;
}

.flow-step h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.flow-step p {
  font-size: 14px;
  color: var(--ink-3);
  line-height: 1.75;
}

/* 对比 / 关系 */
.rel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.rel-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 30px 26px;
  text-align: center;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}

.rel-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sh-md);
}

.rel-card__badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--green-700);
  background: var(--green-50);
  padding: 5px 14px;
  border-radius: var(--r-full);
  margin-bottom: 16px;
}

.rel-card__line {
  font-size: 19px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.5;
  margin-bottom: 10px;
}

.rel-card__sub {
  font-size: 13.5px;
  color: var(--ink-3);
}

/* 表格 */
.table-wrap {
  overflow-x: auto;
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: #fff;
}

table.tbl {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}

table.tbl th {
  background: var(--green-800);
  color: #fff;
  text-align: left;
  padding: 15px 20px;
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
}

table.tbl td {
  padding: 15px 20px;
  border-bottom: 1px solid var(--line-soft);
  font-size: 14px;
  color: var(--ink-2);
  vertical-align: top;
}

table.tbl tr:last-child td {
  border-bottom: none;
}

table.tbl tbody tr:nth-child(even) {
  background: var(--surface-warm);
}

table.tbl td strong {
  color: var(--ink);
}

table.tbl .hl-row td {
  background: var(--gold-50);
}

/* CTA 横幅 */
.cta-band {
  background: linear-gradient(140deg, var(--green-800) 0%, var(--green-700) 55%, var(--green-600) 100%);
  border-radius: var(--r-xl);
  padding: 56px 52px;
  color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}

.cta-band::before {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240, 122, 42, 0.22), transparent 70%);
  right: -80px;
  top: -100px;
}

.cta-band__text {
  position: relative;
  max-width: 620px;
}

.cta-band h2 {
  font-size: clamp(24px, 3vw, 34px);
  color: #fff;
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}

.cta-band p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15.5px;
  line-height: 1.75;
}

/* 核心竞争力句：压过上面的 .cta-band p */
.cta-band .cta-band__kicker {
  margin-bottom: 11px;
  font-size: 14.5px;
  line-height: 1.65;
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--gold-300);
}

.cta-band__acts {
  display: flex;
  gap: 13px;
  flex-wrap: wrap;
  position: relative;
}

/* ========================== Footer ========================== */
.site-footer {
  background: var(--green-900);
  color: rgba(255, 255, 255, 0.72);
  padding: 68px 0 32px;
  margin-top: 0;
}

.footer__grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.1fr;
  gap: 44px;
  padding-bottom: 44px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__brand .brand__name {
  color: #fff;
}

.footer__brand .brand__en {
  color: var(--gold-300);
}

.footer__desc {
  font-size: 14px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 18px;
  max-width: 320px;
}

.footer__col h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 18px;
  letter-spacing: 0.03em;
}

.footer__col a,
.footer__col span {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.62);
  margin-bottom: 12px;
  transition: color 0.2s var(--ease);
  line-height: 1.5;
}

.footer__col a:hover {
  color: var(--gold-300);
}

.footer__bottom {
  padding-top: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
}

.footer__slogan {
  color: var(--gold-300);
  font-weight: 600;
}

/* ========================== 页面头（内页） ========================== */
.page-hero {
  background: radial-gradient(110% 130% at 80% 0%, var(--green-50) 0%, var(--cream) 52%);
  padding: 62px 0 54px;
  border-bottom: 1px solid var(--line);
  position: relative;
  overflow: hidden;
}

.page-hero--dark {
  background: linear-gradient(150deg, var(--green-800), var(--green-700));
  border-bottom: none;
  color: #fff;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: var(--ink-3);
  margin-bottom: 20px;
}

.page-hero--dark .breadcrumb {
  color: rgba(255, 255, 255, 0.6);
}

.breadcrumb a:hover {
  color: var(--green-700);
}

.breadcrumb .sep {
  opacity: 0.5;
}

.page-hero h1 {
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 800;
  letter-spacing: -0.025em;
  margin-bottom: 16px;
}

.page-hero--dark h1 {
  color: #fff;
}

.page-hero .lead {
  max-width: 680px;
  font-size: 17px;
}

.page-hero--dark .lead {
  color: rgba(255, 255, 255, 0.8);
}

/* ========================== 动画 ========================== */
.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.7s var(--ease), transform 0.7s var(--ease);
  will-change: opacity, transform;
}

.reveal.is-in {
  opacity: 1;
  transform: none;
}

.reveal[data-d="1"] {
  transition-delay: 0.08s;
}
.reveal[data-d="2"] {
  transition-delay: 0.16s;
}
.reveal[data-d="3"] {
  transition-delay: 0.24s;
}
.reveal[data-d="4"] {
  transition-delay: 0.32s;
}
.reveal[data-d="5"] {
  transition-delay: 0.4s;
}
.reveal[data-d="6"] {
  transition-delay: 0.48s;
}

/* ========================== 枝宝对话区（Coze 智能体内嵌） ========================== */
.zz-chat {
  max-width: 980px;
  margin: 0 auto;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--sh-lg);
}

.zz-chat__bar {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 18px;
  background: var(--green-900);
  color: #fff;
}

.zz-chat__bar .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7FCF95;
  box-shadow: 0 0 0 3px rgba(127, 207, 149, 0.22);
  flex: none;
}

.zz-chat__bar .t {
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.zz-chat__bar .s {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
}

.zz-chat__bar .sp {
  flex: 1;
}

.zz-chat__bar .open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #F9B98A;
  border: 1px solid rgba(224, 200, 142, 0.4);
  border-radius: var(--r-full);
  padding: 6px 13px;
  transition: background 0.25s var(--ease), border-color 0.25s var(--ease);
}

.zz-chat__bar .open:hover {
  background: rgba(224, 200, 142, 0.14);
  border-color: rgba(224, 200, 142, 0.75);
}

.zz-chat__body {
  position: relative;
  background: var(--surface-warm);
  height: 620px;
  overflow: hidden;
}

.zz-chat__frame {
  display: block;
  width: 100%;
  /* 高度比容器多出的部分用于裁掉 Coze 官方推广条（顶部 40px / 底部约 150px） */
  height: 810px;
  margin-top: -40px;
  border: 0;
}

/* 对话引导卡片（默认展示，点击后才加载第三方对话窗口） */
.zz-chat__starter {
  padding: 42px 34px 38px;
  text-align: center;
  background: radial-gradient(125% 100% at 50% 0%, var(--green-50), var(--surface-warm) 62%);
}

.zz-chat__starter .av {
  width: 88px;
  height: 88px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--sh-md);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.zz-chat__starter .av svg {
  width: 78px;
  height: 78px;
}

.zz-chat__starter h3 {
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -0.4px;
}

.zz-chat__starter .sub {
  font-size: 14.5px;
  color: var(--ink-2);
  line-height: 1.8;
  max-width: 540px;
  margin: 12px auto 0;
}

.zz-chat__caps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  max-width: 700px;
  margin: 28px auto 0;
  text-align: left;
}

.zz-chat__cap {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  padding: 16px 17px;
}

.zz-chat__cap .e {
  font-size: 17px;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
}

.zz-chat__cap b {
  display: block;
  font-size: 14.5px;
  margin-bottom: 3px;
}

.zz-chat__cap span {
  font-size: 13px;
  color: var(--ink-3);
  line-height: 1.6;
}

.zz-chat__starter .acts {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}

.zz-chat__starter .alt {
  font-size: 13px;
  color: var(--ink-3);
}

.zz-chat__starter .alt button {
  font: inherit;
  color: var(--green-600);
  font-weight: 600;
  background: none;
  border: 0;
  border-bottom: 1px dashed var(--green-300);
  cursor: pointer;
  padding: 0 1px;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}

.zz-chat__starter .alt button:hover {
  color: var(--green-700);
  border-bottom-color: var(--green-500);
}

/* 加载态遮罩 */
.zz-chat__loading {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: var(--surface-warm);
  transition: opacity 0.4s var(--ease), visibility 0.4s;
}

.zz-chat.is-ready .zz-chat__loading {
  opacity: 0;
  visibility: hidden;
}

.zz-chat__loading .spinner {
  width: 34px;
  height: 34px;
  border: 3px solid var(--green-200);
  border-top-color: var(--green-600);
  border-radius: 50%;
  animation: zzspin 0.9s linear infinite;
}

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

.zz-chat__loading .tip {
  font-size: 13.5px;
  color: var(--ink-3);
  text-align: center;
  line-height: 1.7;
}

.zz-chat__loading .tip b {
  color: var(--ink-2);
}

/* 兜底提示（iframe 长时间未就绪时出现） */
.zz-chat__fallback {
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  display: none;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-full);
  padding: 9px 16px;
  font-size: 13px;
  color: var(--ink-2);
  box-shadow: var(--sh-md);
  white-space: nowrap;
}

.zz-chat.is-slow .zz-chat__fallback {
  display: inline-flex;
}

.zz-chat__fallback a {
  color: var(--green-600);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* 对话区配套说明 */
.zz-chat__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
}

.zz-chat__pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: var(--ink-2);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-full);
  padding: 7px 15px;
}

.zz-chat__pill .ic {
  color: var(--green-600);
  display: inline-flex;
}

/* 移动端：手机浏览器内嵌体验较差，改为引导全屏 */
.zz-chat__mobile {
  display: none;
  padding: 30px 22px;
  text-align: center;
  background: var(--surface-warm);
}

/* ========================== 浮窗二维码 ========================== */
.zz-dock__qr {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line-soft);
  text-align: left;
}

.zz-dock__qr img {
  width: 74px;
  height: 74px;
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  flex: none;
  object-fit: contain;
  background: #fff;
}

.zz-dock__qr .t {
  font-size: 12.5px;
  color: var(--ink-2);
  line-height: 1.65;
  min-width: 0;
  overflow-wrap: anywhere;
}

.zz-dock__qr .t b {
  color: var(--ink);
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
}

/* 联系页二维码卡片：真实图片 */
.qr-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: var(--r-sm);
}

/* 浮动挂件里的「问枝宝」主入口高亮 */
.zz-act--bot {
  background: var(--green-50);
  border-color: var(--green-200);
}

.zz-act--bot .ic {
  background: var(--green-700);
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
  .zz-chat__loading .spinner {
    animation: none;
  }
}

/* ========================== 响应式 ========================== */
@media (max-width: 1080px) {
  .hero__grid {
    gap: 40px;
  }
  .radar-layout,
  .contact-layout,
  .zhizhi-hero {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .zhizhi-hero .ip-stage {
    order: -1;
  }
  .footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 34px;
  }
}

@media (max-width: 900px) {
  .nav__menu {
    display: none;
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    background: #fff;
    border-bottom: 1px solid var(--line);
    padding: 12px 20px 20px;
    box-shadow: var(--sh-md);
  }
  .nav__menu.is-open {
    display: flex;
  }
  .nav__link {
    padding: 13px 14px;
    border-radius: var(--r-sm);
    font-size: 15.5px;
  }
  .nav__link.is-active::after {
    display: none;
  }
  .nav__toggle {
    display: flex;
  }
  .nav__cta .btn {
    display: none;
  }
  .grid--3,
  .grid--4,
  .flow-steps,
  .rel-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sys-block__grid {
    grid-template-columns: 1fr;
  }
  .diag-result__grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .hero__grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
  .hero__visual {
    margin-top: 4px;
  }
  .hero-card {
    max-width: 100%;
  }
  .hero__float--a {
    left: 0;
  }
  .hero__float--b {
    right: 0;
  }
}

@media (max-width: 720px) {
  .wrap {
    padding: 0 20px;
  }
  .section {
    padding: 44px 0;
  }
  .grid--2,
  .grid--3,
  .grid--4,
  .flow-steps,
  .rel-grid {
    grid-template-columns: 1fr;
  }
  .diag__inner {
    padding: 28px 22px 32px;
  }
  .hero__stats {
    gap: 26px;
  }
  .stat__num {
    font-size: 28px;
  }
  .cta-band {
    padding: 38px 28px;
  }
  .footer__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .pyr {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .pyr__price {
    text-align: left;
  }
  .pyr__price small {
    text-align: left;
  }
  .zz-dock {
    right: 16px;
    bottom: 18px;
  }
  .zz-dock__panel {
    width: calc(100vw - 32px);
    max-width: 320px;
  }
  .sys-block__left,
  .sys-block__right {
    padding: 26px 22px;
  }
  .diag__q {
    min-height: 0;
  }
  .zz-chat__body {
    height: 540px;
  }
  .zz-chat__frame {
    height: 730px;
  }
  .zz-chat__caps {
    grid-template-columns: 1fr;
    max-width: 420px;
  }
  .zz-chat__starter {
    padding: 34px 22px 30px;
  }
  .zz-chat__starter h3 {
    font-size: 20px;
  }
  .zz-chat__fallback {
    position: static;
    transform: none;
    justify-content: center;
    margin: 14px auto;
    white-space: normal;
    text-align: center;
    border-radius: var(--r-md);
  }
  .zz-dock__panel {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
}

@media (max-width: 420px) {
  .zz-chat__body {
    height: 500px;
  }
  .zz-chat__frame {
    height: 690px;
  }
  .zz-chat__bar .s {
    display: none;
  }
  .zz-chat__starter {
    padding: 30px 18px 26px;
  }
  .zz-chat__starter .alt {
    font-size: 12.5px;
  }
  .zz-dock__qr img {
    width: 64px;
    height: 64px;
  }
  .hero__actions .btn {
    width: 100%;
  }
}

/* ============ 首页 · 七维商业力 chips ============ */
.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 15px;
  border-radius: var(--r-full);
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--ink-2);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.4;
  transition: all .2s ease;
}
.chip:hover {
  border-color: var(--green-300);
  color: var(--green-700);
  transform: translateY(-1px);
}

/* ============ 首页 · 诊断入口卡（由枝宝承接）============ */
.bridge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 44px;
  padding: 48px 52px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: 0 10px 30px rgba(22, 32, 26, .05);
}
.bridge__text { max-width: 600px; }
.bridge__text .h2 { margin-top: 12px; }
.bridge__text .lead { margin-top: 12px; }
.bridge__acts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .bridge {
    flex-direction: column;
    align-items: flex-start;
    padding: 34px 26px;
    gap: 26px;
  }
  .bridge__acts {
    width: 100%;
  }
  .bridge__acts .btn {
    width: 100%;
  }
}

/* ============ 首页 · Hero 信任锚 ============ */
.hero__trust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 28px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink-3);
  letter-spacing: .01em;
}
.hero__trust i {
  font-style: normal;
  color: var(--green-300);
}

/* 诊断数据洞察条：把「1000+ 位老板测出来最弱的是哪几维」放到首屏 */
.hero__insight {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 9px;
  margin-top: 15px;
  padding: 9px 14px 9px 12px;
  background: var(--green-50);
  border-left: 3px solid var(--gold-500);
  border-radius: 2px 10px 10px 2px;
  font-size: 13px;
  line-height: 1.65;
  color: var(--ink-2);
}

.hero__insight__lb {
  flex: none;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--gold-100);
  color: var(--gold-700);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.hero__insight__tx b {
  font-weight: 700;
  color: var(--ink);
}

/* 定位声明：与别家咨询的分野，首屏就要讲 */
.hero__stance {
  margin-top: 10px;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--gold-700);
  letter-spacing: 0.01em;
}

/* 模块眉标后挂的定义句标签（白底 / 深绿底都能用） */
.eyebrow__tag {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-style: normal;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.7;
  vertical-align: 1px;
}

/* 客户身份行（真实数据待补，占位用虚线框标明） */
.hero__cases {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 11px;
}

.hero__case {
  padding: 5px 11px;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--ink-3);
  border: 1px dashed var(--line);
  border-radius: 999px;
}

.hero__case.ph {
  color: var(--ink-4);
  letter-spacing: .02em;
}

/* ============ 首页 · 枝宝AI教练板块 ============ */
.bot {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 62px;
  align-items: center;
}
.section--green .bot__lead {
  margin-top: 22px;
  font-size: 16.5px;
  line-height: 1.85;
  color: rgba(255, 255, 255, .74);
}
.bot__list {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.bot__list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 15px 20px;
  border-radius: var(--r-sm);
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
}
.bot__num {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: var(--r-full);
  background: var(--gold-500);
  color: var(--green-900);
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.bot__list li b {
  display: block;
  color: #fff;
  font-size: 15px;
  margin-bottom: 3px;
}
.bot__list li div {
  font-size: 13.8px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .64);
}
.bot__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.bot__proof {
  margin-top: 22px;
  font-size: 13.5px;
  color: var(--gold-300);
  letter-spacing: .02em;
}

/* 枝宝对话窗口（示意） */
.chatmock {
  background: var(--surface);
  border-radius: var(--r-lg);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .3);
  overflow: hidden;
}
.chatmock__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 22px;
  border-bottom: 1px solid var(--line-soft);
}
.chatmock__av {
  width: 38px;
  height: 38px;
  border-radius: var(--r-full);
  background: var(--green-50);
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatmock__av svg { width: 28px; height: 31px; }
.chatmock__nm {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
}
.chatmock__st {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--ink-3);
}
.chatmock__st .on {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green-500);
  box-shadow: 0 0 0 4px rgba(74, 140, 95, .16);
}
.chatmock__body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: var(--surface-warm);
}
.bubble {
  max-width: 87%;
  padding: 13px 17px;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: var(--r-md);
}
.bubble--me {
  align-self: flex-end;
  background: var(--green-700);
  color: #fff;
  border-bottom-right-radius: var(--r-xs);
}
.bubble--zz {
  align-self: flex-start;
  display: flex;
  gap: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--ink-2);
  border-bottom-left-radius: var(--r-xs);
}
.bubble--zz b { color: var(--green-700); }
.bubble__ico { font-size: 15px; line-height: 1.5; flex-shrink: 0; }
.chatmock__input {
  padding: 15px 22px;
  border-top: 1px solid var(--line-soft);
  font-size: 13.5px;
  color: var(--ink-4);
  background: var(--surface);
}

/* ============ 首页 · 客户故事数据行 ============ */
.stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  max-width: 980px;
  margin: 0 auto;
}
.stats-row__item {
  padding: 30px 20px;
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  transition: all .22s ease;
}
.stats-row__item:hover {
  border-color: var(--green-300);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(45, 90, 61, .09);
}
.stats-row__num {
  font-family: var(--font-num);
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  color: var(--green-700);
  letter-spacing: -.02em;
}
.stats-row__label {
  margin-top: 11px;
  font-size: 13.8px;
  font-weight: 600;
  color: var(--ink-3);
}

@media (max-width: 980px) {
  .bot {
    grid-template-columns: 1fr;
    gap: 46px;
  }
  .stats-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .stats-row {
    grid-template-columns: 1fr;
  }
}

/* ========================== 首页 · 共性问题（缺体系） ========================== */
.mark {
  font-style: normal;
  color: var(--green-700);
}

.gap-head {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.gap-head .gap__main {
  margin-top: 14px;
}

.gap-head .gap__insight {
  margin-top: 22px;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: -.01em;
  color: var(--ink);
}

.gap-head .gap__insight .mark {
  color: var(--green-700);
}

.gap-head .gap__note {
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--ink-3);
}

.pain-wall {
  margin-top: 54px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 14px;
}

.pain-wall .pain-card {
  padding: 24px 20px 22px;
  display: flex;
  flex-direction: column;
}

.pain-wall .pain-card__idx {
  font-size: 12px;
  margin-bottom: 12px;
}

.pain-wall .pain-card__quote {
  font-size: 17px;
  min-height: 54px;
}

.pain-wall .pain-card__desc {
  font-size: 13.5px;
}

.pain-card__btn {
  display: inline-flex;
  align-items: center;
  margin-top: 16px;
  padding: 9px 18px;
  border-radius: 999px;
  background: var(--gold-500);
  color: #1E3A28;
  font-size: 13.5px;
  font-weight: 700;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease);
}

.pain-wall .pain-card__btn {
  margin-top: auto;
  align-self: flex-start;
}

.pain-card__btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(240, 122, 42, 0.35);
}

@media (max-width: 980px) {
  .pain-wall {
    grid-template-columns: repeat(2, 1fr);
  }
  .pain-wall .pain-card__quote {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .pain-wall {
    grid-template-columns: 1fr;
  }
  .gap-head .gap__insight {
    font-size: 22px;
  }
}

/* ========================== 首页 · 枝宝主入口 ========================== */
.bot__btn {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  padding: 20px 24px;
  border-radius: var(--r-lg);
  background: linear-gradient(135deg, var(--gold-500), #DCBA79);
  color: #1E3A28;
  box-shadow: 0 14px 34px rgba(240, 122, 42, .3);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}

.bot__btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 44px rgba(240, 122, 42, .4);
}

.bot__btn__ico {
  flex-shrink: 0;
  font-size: 25px;
  line-height: 1;
}

.bot__btn__tx {
  flex: 1;
  min-width: 0;
}

.bot__btn__tx b {
  display: block;
  font-size: 19.5px;
  font-weight: 800;
}

.bot__btn__tx i {
  display: block;
  margin-top: 5px;
  font-style: normal;
  font-size: 12.6px;
  font-weight: 600;
  color: rgba(30, 58, 40, .74);
}

.bot__btn__ar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--r-full);
  background: rgba(30, 58, 40, .12);
  display: grid;
  place-items: center;
  transition: transform .3s var(--ease);
}

.bot__btn:hover .bot__btn__ar {
  transform: translateX(4px);
}

.bot__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-top: 20px;
}

.bot__facts span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.8px;
  font-weight: 600;
  color: rgba(255, 255, 255, .64);
}

.bot__facts svg {
  color: var(--gold-300);
}

.bot__link {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, .82);
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  padding-bottom: 2px;
  transition: color .25s var(--ease), border-color .25s var(--ease);
}

.bot__link:hover {
  color: var(--gold-300);
  border-color: var(--gold-300);
}

@media (max-width: 980px) {
  .bot__btn {
    padding: 18px 20px;
  }
}

@media (max-width: 560px) {
  .bot__btn__tx b {
    font-size: 17px;
  }
  .bot__btn__ar {
    width: 34px;
    height: 34px;
  }
}

/* ===== 枝宝 × 枝练 联动条（枝宝板块内） ===== */
.bot__duo {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px dashed rgba(224, 200, 142, .4);
}

.bot__duo b {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  color: var(--gold-300);
  margin-bottom: 8px;
}

.bot__duo p {
  margin: 0;
  font-size: 14px;
  line-height: 1.85;
  color: rgba(255, 255, 255, .78);
}

/* ===== 产品生态架构：底座 + 服务梯度 ===== */
.arch {
  margin-top: 10px;
}

.arch__label {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.arch__tag {
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--green-700);
}

.arch__hint {
  font-size: 12.5px;
  color: var(--ink-3);
}

.arch__ladder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.arch__card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 22px 20px;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}

.arch__card:hover {
  transform: translateY(-4px);
  border-color: var(--green-300);
  box-shadow: 0 14px 34px rgba(22, 32, 26, .08);
}

.arch__step {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--gold-700);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
  padding: 3px 11px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.arch__name {
  font-size: 18px;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -.01em;
}

.arch__desc {
  margin: 8px 0 0;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--ink-3);
}

.arch__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 20px 0;
}

.arch__link::before,
.arch__link::after {
  content: "";
  flex: 1;
  max-width: 180px;
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px);
}

.arch__link span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--ink-3);
}

.arch__base {
  background: linear-gradient(135deg, var(--green-800) 0%, var(--green-700) 100%);
  border-radius: 24px;
  padding: 24px;
}

.arch__label--base {
  margin-bottom: 16px;
}

.arch__tag--base {
  color: var(--gold-300);
}

.arch__hint--base {
  color: rgba(255, 255, 255, .55);
}

.arch__basegrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.base-card {
  position: relative;
  background: var(--surface);
  border-radius: 18px;
  padding: 22px;
}

.base-card--soon {
  background: var(--gold-50);
  border: 1px dashed var(--gold-500);
}

.base-card__head {
  display: flex;
  gap: 13px;
  align-items: center;
}

.base-card__emoji {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: var(--green-50);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.base-card--soon .base-card__emoji {
  background: var(--gold-100);
}

.base-card__title {
  margin: 0;
  font-size: 16.5px;
  font-weight: 800;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.base-card__metaphor {
  font-size: 11px;
  font-weight: 700;
  color: var(--gold-700);
  background: var(--surface);
  border: 1px solid var(--gold-500);
  padding: 1px 9px;
  border-radius: 999px;
  white-space: nowrap;
}

.base-card--soon .base-card__metaphor {
  background: var(--surface);
}

.base-card__pos {
  margin: 5px 0 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--green-700);
}

.base-card__feat {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.75;
  color: var(--ink-3);
}

.base-card__ranks {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.rank-chip {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-2);
  background: var(--surface);
  border: 1px solid var(--gold-300);
  padding: 4px 11px;
  border-radius: 999px;
}

.soon-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 11.5px;
  font-weight: 800;
  color: #1E3A28;
  background: var(--gold-500);
  padding: 4px 12px;
  border-radius: 999px;
}

.base-card__cta {
  display: inline-flex;
  align-items: center;
  margin-top: 14px;
  font-size: 13.5px;
  font-weight: 800;
  color: var(--green-700);
  border-bottom: 2px solid var(--green-300);
  padding-bottom: 2px;
  transition: color .25s var(--ease), border-color .25s var(--ease);
}

.base-card__cta:hover {
  color: var(--green-500);
  border-color: var(--green-500);
}

.arch__path {
  margin-top: 26px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  padding: 16px 20px;
  border: 1px dashed var(--gold-500);
  border-radius: 16px;
  background: var(--gold-50);
}

.arch__path-label {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .14em;
  color: var(--gold-700);
}

.arch__path-main {
  font-size: 16.5px;
  font-weight: 800;
  letter-spacing: .02em;
  color: var(--ink);
}

.arch__path-en {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .06em;
  color: var(--ink-3);
}

@media (max-width: 980px) {
  .arch__ladder {
    grid-template-columns: repeat(2, 1fr);
  }
  .arch__basegrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .arch__ladder {
    grid-template-columns: 1fr;
  }
  .arch__base {
    padding: 18px 16px;
  }
  .soon-badge {
    position: static;
    display: inline-block;
    margin-bottom: 10px;
  }
}

/* ===== 枝练预告页（zhilian） ===== */
.zl-soon {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  color: #1E3A28;
  background: var(--gold-500);
  padding: 5px 14px;
  border-radius: 999px;
}

.zl-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 44px;
}

.zl-flow__step {
  background: #fff;
  border-radius: var(--r-md);
  padding: 26px 22px;
}

.zl-flow__n {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: var(--green-700);
  color: var(--gold-300);
  display: grid;
  place-items: center;
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 14px;
}

.zl-flow__step h4 {
  margin: 0 0 8px;
  font-size: 16.5px;
  font-weight: 800;
  color: var(--ink);
}

.zl-flow__step p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--ink-3);
}

.zl-rank {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 30px 26px;
  text-align: center;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}

.zl-rank:hover {
  transform: translateY(-4px);
  border-color: var(--green-300);
  box-shadow: 0 14px 34px rgba(22, 32, 26, .08);
}

.zl-rank__medal {
  font-size: 44px;
  line-height: 1;
}

.zl-rank__tier {
  margin-top: 14px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--ink);
}

.zl-rank__score {
  display: inline-block;
  margin-top: 8px;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--green-700);
  background: var(--green-50);
  border: 1px solid var(--green-100);
  padding: 4px 14px;
  border-radius: 999px;
}

.zl-rank p {
  margin: 14px auto 0;
  max-width: 240px;
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--ink-3);
}

.zl-rank--diamond {
  background: linear-gradient(170deg, #F6F1E7 0%, #fff 60%);
  border-color: var(--gold-300);
}

.zl-rank--diamond .zl-rank__score {
  color: var(--gold-700);
  background: var(--gold-50);
  border-color: var(--gold-100);
}

.zl-rank--king {
  background: linear-gradient(170deg, #1E3A28 0%, var(--green-800) 70%);
  border-color: var(--green-800);
}

.zl-rank--king .zl-rank__tier {
  color: #fff;
}

.zl-rank--king .zl-rank__score {
  color: #1E3A28;
  background: var(--gold-500);
  border-color: var(--gold-500);
}

.zl-rank--king p {
  color: rgba(255, 255, 255, .72);
}

.zl-duo {
  display: flex;
  align-items: stretch;
  gap: 18px;
  max-width: 980px;
  margin: 0 auto;
}

.zl-duo__item {
  flex: 1;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 26px;
}

.zl-duo__emoji {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background: var(--green-50);
  display: grid;
  place-items: center;
  font-size: 25px;
}

.zl-duo__item b {
  display: block;
  font-size: 16.5px;
  font-weight: 800;
  color: var(--ink);
}

.zl-duo__item p {
  margin: 7px 0 0;
  font-size: 13.5px;
  line-height: 1.75;
  color: var(--ink-3);
}

.zl-duo__item .base-card__cta {
  margin-top: 10px;
}

.zl-duo__vs {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 24px;
  font-weight: 800;
  color: var(--gold-600);
}

.zl-duo__vs span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--ink-3);
  white-space: nowrap;
}

@media (max-width: 980px) {
  .zl-flow {
    grid-template-columns: repeat(2, 1fr);
  }
  .zl-duo {
    flex-direction: column;
  }
  .zl-duo__vs {
    flex-direction: row;
    gap: 10px;
  }
}

@media (max-width: 560px) {
  .zl-flow {
    grid-template-columns: 1fr;
  }
}
/* ========================== 首页本页目录 chip（2026-10-15） ========================== */
.page-toc {
  background: var(--green-900);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 10px 0;
}

.page-toc__wrap {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.page-toc__link {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.66);
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease), background 0.2s var(--ease);
  white-space: nowrap;
}

.page-toc__link:hover {
  color: var(--gold-300);
  border-color: rgba(240, 122, 42, 0.5);
  background: rgba(240, 122, 42, 0.08);
}

/* ========================== Footer · 品牌大字渲染版（2026-10-15） ========================== */
.site-footer--brand {
  padding: 84px 0 30px;
}

.footer__stage {
  text-align: center;
  margin-bottom: 54px;
}

.footer__line {
  font-size: clamp(30px, 5.2vw, 56px);
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.28;
  color: var(--gold-300);
  margin: 0;
}

.footer__line--sub {
  font-size: clamp(18px, 2.6vw, 28px);
  font-weight: 500;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.78);
  margin-top: 14px;
}

.footer__qrs {
  display: flex;
  justify-content: center;
  gap: 44px;
  flex-wrap: wrap;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 26px;
}

.footer__qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.footer__qr img,
.qr-ph {
  width: 118px;
  height: 118px;
  border-radius: 14px;
  background: #fff;
  padding: 6px;
  object-fit: contain;
}

.footer__qr span {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  letter-spacing: 0.03em;
}

.qr-ph {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  line-height: 1.7;
  color: #9aa39d;
  border: 1px dashed #b8bfb8;
  box-sizing: border-box;
}

.footer__contact {
  text-align: center;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 22px;
  letter-spacing: 0.02em;
}

.footer__icp {
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px;
  text-decoration: none;
  transition: color 0.2s var(--ease);
}

.footer__icp:hover {
  color: var(--gold-300);
}

/* ========================== 产品新架构：三列变体 + 金色层标签（2026-10-15） ========================== */
.arch__ladder--three {
  grid-template-columns: repeat(3, 1fr);
}

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

.arch__tag--gold {
  color: var(--gold-700);
}

/* ========================== 响应式补充（2026-10-15） ========================== */
@media (max-width: 960px) {
  .arch__basegrid--three {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .arch__ladder--three {
    grid-template-columns: 1fr;
  }

  .footer__qrs {
    gap: 26px;
  }

  .footer__qr img,
  .qr-ph {
    width: 96px;
    height: 96px;
  }

  .footer__bottom {
    justify-content: center;
    text-align: center;
  }

  .page-toc__wrap {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .page-toc__wrap::-webkit-scrollbar {
    display: none;
  }
}

/* ==========================================================================
   2026-10-16 改版：嘉枝品牌 + 首页微调 + 底部大字渲染 v2
   ========================================================================== */

/* ---- 1. 本页目录 chip 行：改浅色，与整站匹配 ---- */
.page-toc {
  background: var(--green-50);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 9px 0;
}

.page-toc__label {
  display: inline-flex;
  align-items: center;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: var(--green-700);
  margin-right: 10px;
  padding-right: 12px;
  border-right: 1px solid var(--line);
  white-space: nowrap;
}

.page-toc__wrap {
  justify-content: flex-start;
}

.page-toc__link {
  color: var(--ink-2);
  border: 1px solid var(--line);
  background: #fff;
}

.page-toc__link:hover {
  color: var(--green-700);
  border-color: var(--green-400);
  background: var(--green-50);
}

/* ---- 2. Hero 模块主题「—— 我是谁」 ---- */
.hero__copy .eyebrow {
  color: var(--gold-600);
  letter-spacing: 0.16em;
  margin-bottom: 16px;
}

.hero__badge {
  margin-bottom: 20px;
}

/* ---- 3. 标题行 + 右侧按钮（section-head--duo） ---- */
.section-head--duo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 36px;
  margin-bottom: 44px;
}

.section-head--duo > div {
  flex: 1 1 auto;
  min-width: 0;
}

.section-head--duo .btn {
  flex: 0 0 auto;
}

/* ---- 4. 共性问题卡墙：压扁、收紧留白（一屏装得下） ---- */
.pain-wall {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 40px;
}

.pain-card {
  padding: 20px 20px 18px;
}

.pain-card__idx {
  margin-bottom: 10px;
  font-size: 12px;
}

.pain-card__quote {
  font-size: 17px;
  line-height: 1.45;
  margin-bottom: 8px;
}

.pain-card__desc {
  font-size: 13px;
  line-height: 1.65;
}

.pain-card__btn {
  margin-top: 12px;
}

.gap-head {
  padding-bottom: 6px;
}

/* ---- 5. 首页 · 枝练 AI 陪练板块（深绿区块内） ---- */
.zl-block {
  margin-top: 62px;
  padding-top: 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 48px;
  align-items: start;
}

.zl-block__h {
  color: #fff;
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 800;
  letter-spacing: 0.01em;
  margin: 14px 0 12px;
  line-height: 1.4;
}

.zl-block__p {
  color: rgba(255, 255, 255, 0.76);
  font-size: 15px;
  line-height: 1.9;
}

.zl-block__p b {
  color: var(--gold-300);
}

.zl-block__steps {
  list-style: none;
  margin: 22px 0 24px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 22px;
}

.zl-block__steps li {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.66);
}

.zl-block__steps li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold-500);
}

.zl-block__steps b {
  display: block;
  color: #fff;
  font-size: 14.5px;
  font-weight: 700;
  margin-bottom: 2px;
}

.zl-block__side {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--r-lg);
  padding: 24px 22px;
}

.zl-block .zl-rank__h {
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: var(--gold-300);
  margin-bottom: 16px;
}

.zl-block .zl-rank {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
  background: none;
  text-align: left;
}

.zl-block .zl-rank:last-of-type {
  border-bottom: none;
}

.zl-block .zl-rank__em {
  font-size: 22px;
  line-height: 1;
  flex: 0 0 auto;
}

.zl-block .zl-rank b {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.zl-block .zl-rank i {
  display: block;
  font-style: normal;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.58);
  margin-top: 2px;
}

.zl-block__link {
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.6);
}

.zl-block__link a {
  color: var(--gold-300);
  font-weight: 700;
}

.zl-block__link a:hover {
  color: #fff;
}

/* ---- 6. 底部：左对齐大字渲染 v2 ---- */
.site-footer {
  background: var(--green-800);
  position: relative;
  overflow: hidden;
}

.site-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
  background: linear-gradient(180deg, rgba(240, 122, 42, 0.09), rgba(240, 122, 42, 0));
  pointer-events: none;
}

.site-footer > .wrap {
  position: relative;
  z-index: 1;
}

.site-footer--brand {
  padding: 72px 0 26px;
}

.footer__stage {
  text-align: left;
  margin-bottom: 46px;
}

.footer__line {
  font-size: clamp(28px, 4.6vw, 50px);
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.28;
  color: var(--gold-300);
  margin: 0;
}

.footer__line--sub {
  font-size: clamp(19px, 3.2vw, 34px);
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--gold-300);
  margin-top: 10px;
}

.footer__rule {
  display: block;
  width: 84px;
  height: 2px;
  margin-top: 28px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--gold-500), rgba(240, 122, 42, 0.12));
}

.footer__info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__qrs {
  display: flex;
  align-items: flex-start;
  gap: 34px;
  flex-wrap: wrap;
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
  justify-content: flex-start;
}

.footer__qr img,
.footer__qr .qr-ph {
  width: 96px;
  height: 96px;
  border-radius: 12px;
}

.footer__qrtext {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.62);
}

.footer__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: right;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.62);
  padding-top: 6px;
}

.footer__bottom {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  padding-top: 20px;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.5);
}

.footer__icp {
  color: rgba(255, 255, 255, 0.5);
}

.footer__slogan {
  margin-left: auto;
  color: var(--gold-300);
  letter-spacing: 0.04em;
}

/* ---- 7. 锚点跳转避开吸顶导航 ---- */
#hero,
#gap,
#zhizhi,
#products,
#zhilian,
#diagnose {
  scroll-margin-top: 96px;
}

/* ---- 响应式 ---- */
@media (max-width: 900px) {
  .section-head--duo {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }

  .zl-block {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 46px;
  }

  .zl-block__steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .pain-wall {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .footer__info {
    flex-direction: column;
    gap: 26px;
  }

  .footer__meta {
    text-align: left;
    padding-top: 0;
  }

  .footer__qrs {
    gap: 20px;
  }

  .footer__qrtext {
    padding-top: 0;
  }
}

@media (max-width: 560px) {
  .page-toc__label {
    border-right: none;
    padding-right: 6px;
    margin-right: 4px;
  }

  .footer__slogan {
    margin-left: 0;
  }
}

/* ==========================================================================
   2026-10-16 首页精修 v2（依据《网站首页修改汇总2》）
   全部规则限定在 body.page-home 下，子页面版式不受影响
   ========================================================================== */

/* ---- A. 枝宝AI 板块：眉标两行（枝宝AI / 枝宝AI教练 & 枝练AI陪练） ---- */
.page-home .bot__topic {
  margin-bottom: 8px;
}

.page-home .bot__topic .eyebrow {
  margin-bottom: 0;
}

.page-home .bot__topic-sub {
  margin: 8px 0 0;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .14em;
  color: rgba(255, 255, 255, .6);
}

/* ---- B. 产品板块：顶层标签行 + 右端按钮（原在标题行右侧） ---- */
.page-home .arch__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.page-home .arch__top .arch__label {
  margin-bottom: 0;
}

/* ---- C. 模块高度压缩：尽量一屏看全 ---- */
.page-home .section {
  padding: 42px 0;
}

.page-home .section--tight {
  padding: 38px 0;
}

/* Hero */
.page-home .hero {
  padding: 46px 0 44px;
}

.page-home .hero__grid {
  gap: 40px;
}

.page-home .hero__copy .eyebrow {
  margin-bottom: 12px;
}

.page-home .hero__badge {
  margin-bottom: 14px;
}

/* Hero 副标语留白：定义句加入后由 16px 收紧到 10px（此处是全站唯一一处，勿重复定义） */
.page-home .hero__sub {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.72;
  max-width: 700px;
}

/* 副标语里的量化承诺（3 分钟 / 3 小时 / 30 天 / 500+）：橙色加粗当节奏锚点，
   只给数字上色，后一句「商业力＝钱力」仍走深色加粗，形成两级重点，别把整段都染橙 */
.page-home .hero__sub .num {
  font-weight: 700;
  color: var(--gold-600);
  white-space: nowrap; /* 防止「30 天」在窄屏被拆成「30 / 天」 */
}

.page-home .hero__sub .nb {
  white-space: nowrap; /* 「UP钱力。」不拆行 */
}

.page-home .hero__trust {
  margin-top: 20px;
}

/* 共性问题 */
.page-home .gap-head .gap__main {
  margin-top: 10px;
}

.page-home .gap-head .gap__insight {
  margin-top: 16px;
  font-size: 24px;
}

.page-home .gap-head .gap__note {
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.75;
}

.page-home .pain-wall {
  margin-top: 28px;
}

.page-home .pain-card {
  padding: 14px 16px 12px;
}

.page-home .pain-card__idx {
  margin-bottom: 7px;
}

.page-home .pain-card__quote {
  font-size: 15.5px;
  line-height: 1.35;
  margin-bottom: 6px;
}

.page-home .pain-card__desc {
  font-size: 12.5px;
  line-height: 1.5;
}

.page-home .pain-card__btn {
  margin-top: 10px;
}

/* 枝宝AI */
.page-home .bot {
  gap: 44px;
}

.page-home .bot .h2 {
  font-size: clamp(24px, 2.6vw, 30px);
}

.page-home .bot__lead {
  margin-top: 16px;
  font-size: 14.5px;
  line-height: 1.8;
}

.page-home .bot__btn {
  margin-top: 18px;
  padding: 13px 18px;
}

.page-home .bot__facts {
  margin-top: 10px;
}

.page-home .bot__acts {
  margin-top: 14px;
}

.page-home .bot__duo {
  margin-top: 14px;
  padding-top: 10px;
}

.page-home .bot__duo p {
  font-size: 13px;
  line-height: 1.65;
}

.page-home .chatmock {
  max-width: 470px;
}

/* 枝练AI陪练 */
.page-home .zl-block {
  margin-top: 22px;
  padding-top: 20px;
  gap: 28px;
}

.page-home .zl-block__h {
  margin: 6px 0 6px;
  font-size: clamp(20px, 2.2vw, 26px);
}

.page-home .zl-block__p {
  font-size: 13.5px;
  line-height: 1.7;
}

.page-home .zl-block__steps {
  margin: 12px 0 14px;
  gap: 6px 18px;
}

.page-home .zl-block__steps li {
  font-size: 13px;
  line-height: 1.6;
}

.page-home .zl-block__steps b {
  font-size: 13.5px;
}

.page-home .zl-block__side {
  padding: 14px 16px;
}

.page-home .zl-block .zl-rank__h {
  margin-bottom: 8px;
}

.page-home .zl-block .zl-rank {
  padding: 6px 0;
}

.page-home .zl-block__link {
  margin-top: 12px;
  font-size: 12.5px;
  line-height: 1.7;
}

/* 你怎么用嘉枝 */
.page-home .section-head {
  margin-bottom: 26px;
}

.page-home .section-head .lead {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.8;
}

.page-home .arch__ladder {
  gap: 12px;
}

.page-home .arch__card {
  padding: 18px;
}

.page-home .arch__base {
  padding: 18px;
}

.page-home .arch__label--base {
  margin-bottom: 12px;
}

.page-home .arch__basegrid {
  gap: 12px;
}

.page-home .base-card {
  padding: 18px;
}

.page-home .base-card__head {
  gap: 11px;
}

.page-home .base-card__emoji {
  flex-basis: 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  font-size: 20px;
}

.page-home .base-card__feat {
  margin-top: 10px;
  font-size: 12.5px;
  line-height: 1.7;
}

.page-home .base-card__cta {
  margin-top: 12px;
}

/* CTA 条 */
.page-home .cta-band {
  padding: 40px 44px;
}

/* ---- D. 页脚：4 码一行 + 底部居中 ---- */
.page-home .site-footer--brand {
  padding: 52px 0 22px;
}

.page-home .footer__stage {
  margin-bottom: 32px;
}

.page-home .footer__rule {
  margin-top: 20px;
}

.page-home .footer__info {
  padding-bottom: 20px;
}

.page-home .footer__qrs {
  gap: 26px;
}

.page-home .footer__qr img {
  width: 92px;
  height: 92px;
}

.page-home .footer__qr span {
  font-size: 12.5px;
}

.page-home .footer__bottom {
  justify-content: center;
  text-align: center;
  padding-top: 16px;
}

.page-home .footer__slogan {
  margin-left: 0;
}

/* ---- 响应式 ---- */
@media (max-width: 900px) {
  .page-home .section {
    padding: 40px 0;
  }

  .page-home .hero {
    padding: 44px 0 48px;
  }

  .page-home .bot {
    gap: 30px;
  }

  .page-home .chatmock {
    max-width: none;
  }

  .page-home .arch__top {
    gap: 14px;
  }
}

@media (max-width: 560px) {
  .page-home .footer__qrs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
    width: 100%;
  }

  .page-home .footer__qr {
    align-items: flex-start;
  }

  .page-home .footer__qr img {
    width: 84px;
    height: 84px;
  }
}

/* ---- E. 页脚 4 码：子页面与首页统一（子页没有 .page-home） ---- */
.site-footer--brand .footer__qrs {
  gap: 26px;
}

.site-footer--brand .footer__qr img {
  width: 92px;
  height: 92px;
}

.site-footer--brand .footer__qr span {
  font-size: 12.5px;
}

@media (max-width: 560px) {
  .site-footer--brand .footer__qrs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
    width: 100%;
  }

  .site-footer--brand .footer__qr {
    align-items: flex-start;
  }

  .site-footer--brand .footer__qr img {
    width: 84px;
    height: 84px;
  }
}

/* ==========================================================================
   F. 第三轮修改（米娅 2026-10-16 晚《网站首页修改汇总3》）
   ========================================================================== */

/* ---- 改动 2：「我是谁」badge 分两行排版 ---- */
.page-home .hero__badge {
  align-items: flex-start;
  border-radius: 18px;
  padding: 10px 18px 10px 12px;
  line-height: 1.55;
}

.page-home .hero__badge .dot {
  margin-top: 5px;
  flex-shrink: 0;
}

.page-home .hero__badge__tx {
  display: block;
}

/* ---- 改动 4：枝宝AI 模块大主题行 + 子块眉标（与枝练眉标同格式） ---- */
.page-home .bot__topic {
  margin-bottom: 22px;
}

.page-home .bot__topic-main {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--gold-300);
  line-height: 1.5;
}

.page-home .bot__sub-h {
  margin-bottom: 12px;
}

/* 枝练板块的眉标也统一留白，保证两块格式一致 */
.page-home .zl-block .eyebrow {
  margin-bottom: 12px;
}

/* ---- 改动 7：收紧「你怎么用嘉枝」→「引导」之间的留白 ---- */
.page-home #products {
  padding-bottom: 28px;
}

.page-home .section--tight {
  padding: 22px 0 34px;
}

/* ---- 改动 8：右下角挂件面板限高，避免小屏上沿被裁切 ---- */
.zz-dock__panel {
  width: min(296px, calc(100vw - 40px));
  max-height: calc(100vh - 126px);
  display: flex;
  flex-direction: column;
}

.zz-dock__head,
.zz-dock__foot {
  flex: 0 0 auto;
}

.zz-dock__body {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 560px) {
  .page-home .hero__badge {
    font-size: 12.5px;
  }
}

/* ---- 改动 8 补充：矮屏（手机横竖屏 / 小窗口）下挂件面板再紧凑一档 ---- */
@media (max-height: 720px) {
  .zz-dock {
    bottom: 18px;
    right: 16px;
    gap: 9px;
  }

  .zz-dock__panel {
    max-height: calc(100vh - 108px);
  }

  .zz-dock__head {
    padding: 12px 14px;
  }

  .zz-dock__body {
    padding: 12px 14px;
  }

  .zz-dock__hello {
    font-size: 12.5px;
    line-height: 1.6;
    padding: 9px 11px;
    margin-bottom: 11px;
  }

  .zz-dock__qr {
    margin-top: 11px;
    padding-top: 11px;
    gap: 10px;
  }

  .zz-dock__qr img {
    width: 60px;
    height: 60px;
  }

  .zz-dock__foot {
    padding: 8px 14px 11px;
  }

  .zz-fab {
    width: 54px;
    height: 54px;
  }
}
/* ==========================================================================
   ROUND 4 (2026-10-16 晚) —— 首页第四份修改汇总
   ========================================================================== */

/* ---- 1.【核心修复】右下角枝宝挂件容器隐形吃点击 ----
   现象：用户三次反馈「商业力快速诊断 / 让枝宝帮我数 / 看懂嘉枝产品 / 体验枝宝」
        这几个按钮"没有加链接"。实测 href 一直是通的，真正原因是：
   .zz-dock 是 position:fixed + z-index:950 的容器，尺寸 296x578，
   且 pointer-events 为默认 auto —— 它在右下角形成一块隐形"点击黑洞"，
   凡滚动进该区域的按钮，点击全部被容器吃掉（elementFromPoint 命中的是 DIV.zz-dock）。
   修法：容器层放行点击，只让头像按钮(.zz-fab)与展开后的面板(.zz-dock__panel)可点。 */
.zz-dock {
  pointer-events: none;
}

.zz-dock .zz-fab {
  pointer-events: auto;
}

.zz-dock.is-open .zz-dock__panel {
  pointer-events: auto;
}

/* ---- 2. 改动 2：Hero 眉标「我是谁」单独排一行 ----
   原因：.eyebrow 与 .hero__badge 都是 inline-flex，被浏览器排到了同一行。 */
.hero__copy .eyebrow {
  display: flex;
  margin-bottom: 14px;
}

.hero__copy .hero__badge {
  display: inline-flex;
}

/* ---- 3. 改动 6：挂件面板二维码区左右对齐 ----
   二维码与右侧文字块垂直居中对齐，行距统一，不再一头沉。 */
.zz-dock__qr {
  align-items: center;
  gap: 14px;
}

.zz-dock__qr .t {
  line-height: 1.6;
}

.zz-dock__qr .t b {
  margin-bottom: 4px;
}

/* ==========================================================================
   ROUND 6 (2026-10-16 深夜) —— 首页第六份修改汇总（首页收尾）
   ========================================================================== */

/* ---- 改动 1：挂件问候语里的「商业力快速诊断」字号/字重与「和枝宝对话」一致 ----
   问候语里只有「和枝宝对话」包了加粗标签，另一处「商业力快速诊断」是普通字重，
   同一句话里两个入口一粗一细。这里统一加粗 + 提到正文色。 */
.zz-dock__hello b {
  font-weight: 700;
  color: var(--ink);
}

/* ---- 改动 2：挂件面板二维码与右侧文字块等高对齐 ----
   现象：右侧文字块（加粗两行 + 微信号一行）自然高约 82px，而二维码固定 74px
        （矮屏还会被压到 60px）→ 二维码比右边文字矮一截，视觉上一头沉、没对齐。
   修法：不再写死尺寸，让二维码高度自动跟随右侧文字块（stretch + 1:1 比例）：
        右边文字块多高，二维码就多大，任何视口 / 任何文案长度都不会再错位。
   （选择器多一层 .zz-dock 以提高优先级，覆盖前面矮屏媒体查询里的 60px 定值。） */
.zz-dock .zz-dock__qr {
  align-items: stretch;
  gap: 13px;
}

.zz-dock .zz-dock__qr img {
  width: auto;
  height: auto;
  align-self: stretch;
  aspect-ratio: 1 / 1;
  max-width: 92px;
  max-height: 92px;
}

/* 矮屏：右侧文字同步收一档，二维码跟着一起缩，二者始终等高 */
@media (max-height: 720px) {
  .zz-dock .zz-dock__qr .t {
    font-size: 11.5px;
    line-height: 1.5;
  }

  .zz-dock .zz-dock__qr .t b {
    font-size: 12px;
    line-height: 1.45;
    margin-bottom: 2px;
  }
}

/* ============ 首页 · ③ 你能得到什么（2026-10-17 新增） ============ */
.take-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.take {
  padding: 19px 20px 18px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  box-shadow: var(--sh-xs);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}

.take:hover {
  transform: translateY(-3px);
  border-color: var(--gold-300);
  box-shadow: var(--sh-sm);
}

.take__no {
  display: inline-block;
  font-family: var(--font-num);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--gold-600);
}

.take__name {
  margin: 8px 0 5px;
  font-size: 17.5px;
  line-height: 1.45;
  color: var(--ink);
}

.take__lead {
  font-size: 13px;
  font-weight: 600;
  color: var(--green-600);
  margin-bottom: 6px;
}

.take__desc {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--ink-2);
}

.take__foot {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.65;
  color: var(--ink-2);
}

.take__foot b {
  color: var(--ink);
  font-weight: 600;
}

/* ============ 首页 · ④ 你怎么用我（四步路径） ============ */
.path {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 26px;
}

.path__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 16px 16px 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  transition: border-color .3s var(--ease), box-shadow .3s var(--ease);
}

.path__step:hover {
  border-color: var(--green-300);
  box-shadow: var(--sh-xs);
}

.path__no {
  font-family: var(--font-num);
  font-size: 19px;
  font-weight: 700;
  color: var(--gold-500);
  letter-spacing: .02em;
}

.path__name {
  font-size: 16.5px;
  line-height: 1.4;
  color: var(--ink);
  margin-bottom: 3px;
}

.path__desc {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ink-2);
}

.path__desc b {
  color: var(--ink);
  font-weight: 600;
}

.path__side {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}

.path__free {
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--green-600);
  background: var(--green-50);
  border-radius: var(--r-full);
}

.path__free--pay {
  color: var(--gold-700);
  background: var(--gold-50);
}

.path__cta {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--green-600);
}

.path__cta:hover {
  color: var(--green-700);
}

.path__step--pay {
  background: var(--surface-warm);
  border-color: var(--gold-100);
}

.path__step--pay .path__no {
  color: var(--gold-700);
}

.path__step--pay .path__cta {
  color: var(--gold-700);
}

.path__foot {
  margin-top: 18px;
  text-align: center;
  font-size: 14px;
  line-height: 1.65;
  color: var(--ink-2);
}

.path__foot b {
  color: var(--ink);
  font-weight: 600;
}

@media (max-width: 980px) {
  .take-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 30px;
  }

  .take {
    padding: 20px 20px 18px;
  }

  .take__name {
    font-size: 17.5px;
  }

  .take__foot {
    margin-top: 22px;
    font-size: 14px;
  }

  .path {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 22px;
  }

  .path__step {
    padding: 15px 16px 14px;
    gap: 5px;
  }

  .path__no {
    font-size: 16px;
    letter-spacing: .06em;
  }

  .path__name {
    font-size: 16px;
  }

  .path__side {
    padding-top: 6px;
  }
}

@media (max-width: 640px) {
  .path {
    grid-template-columns: 1fr;
  }
}

/* ③④ 之间的分隔（同区块内换段） */
.vv-sep {
  height: 1px;
  margin: 44px 0 40px;
  background: var(--line);
  opacity: .7;
}

@media (max-width: 980px) {
  .vv-sep {
    margin: 30px 0 28px;
  }
}

/* ============ ROUND 9 · 精华落位 ============ */
/* 枝练的立项说明：把「力是可以训练的」从 Hero 小字绑到枝练自己身上 */
.zl-block__why {
  margin: 0 0 12px;
  padding-left: 11px;
  border-left: 2px solid var(--gold-500);
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.74);
}

.page-home .zl-block__why {
  margin: 0 0 7px;
  font-size: 12.5px;
  line-height: 1.6;
}

.page-home .hero__insight {
  margin-top: 10px;
  font-size: 12.5px;
  padding: 7px 11px 7px 10px;
}

.page-home .hero__stance {
  margin-top: 7px;
  font-size: 13.5px;
}

@media (max-width: 560px) {
  .hero__insight {
    font-size: 12px;
    padding: 8px 11px 8px 10px;
  }
  .hero__stance {
    font-size: 13px;
  }
  .eyebrow__tag {
    font-size: 11px;
    padding: 1px 7px;
  }
}

/* ============ ROUND 10 · 汇总7（2026-10-28）：UP商业力 Hero / 1大3小页脚 / 绿+亮橙色系 ============ */

/* 1. Hero：九方式左文 + 底部数据条
   ROUND 11 收紧：文字行宽 980→820、各段间距压一档，让「导航 + 首屏 + 数据条」进得进第一屏 */
.page-home .hero__grid {
  grid-template-columns: 1fr;
  max-width: 900px;
}
.page-home .hero__copy { max-width: 820px; }
.page-home .hero h1 { font-size: clamp(34px, 4.2vw, 58px); }
.page-home .hero__kicker {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--green-600);
}
.page-home .hero__define--big {
  margin-top: 12px;
  font-size: clamp(21px, 2.2vw, 27px);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -.02em;
  color: var(--ink);
}
.page-home .hero__define--big b { color: var(--gold-600); }
.page-home .hero__actions { margin-top: 20px; }

.page-home .hero__stats {
  margin: 32px auto 0;
  max-width: 900px;
  padding-top: 20px;
  gap: 22px;
  border-top: 1px solid var(--line);
  /* 2026-10-29 删掉「33% 企业死亡率」后只剩 4 项，左对齐会在右侧留一大块空白 */
  justify-content: space-between;
}
.page-home .stat__num { color: var(--gold-600); font-size: 34px; }
.page-home .stat__num span { color: var(--gold-600); font-size: 18px; }
.page-home .stat__label { font-size: 13px; color: var(--ink-3); }

@media (max-width: 900px) {
  .page-home .hero__stats { gap: 20px 30px; justify-content: flex-start; }
  .page-home .stat__num { font-size: 30px; }
}
@media (max-width: 560px) {
  .page-home .hero__stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

/* 2. 七维区：左边标题区 + 右边雷达图卡 */
.page-home .gap-top {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 46px;
}
.page-home .gap-head { max-width: none; margin: 0; text-align: left; }
.page-home .gap-radar { max-width: 364px; margin: 0 auto; padding: 22px 22px 18px; }
.page-home .gap-radar .hero-card__chart { max-width: 300px; margin: 0 auto; }
@media (max-width: 1080px) {
  .page-home .gap-top { grid-template-columns: 1fr; gap: 32px; }
  .page-home .gap-head { text-align: center; }
}

/* 3. 四步：Keep 的中文注解 */
.path__note {
  display: inline-block;
  margin-left: 9px;
  padding: 2px 10px;
  border-radius: var(--r-full);
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  vertical-align: 2px;
  color: var(--gold-700);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
}

/* 4. CTA：枝宝AI 单按钮放大 */
.btn--xl { padding: 20px 46px; font-size: 18px; }
.page-home .cta-band { align-items: center; }
.page-home .cta-band__text { max-width: 720px; }
@media (max-width: 900px) {
  .page-home .cta-band { flex-direction: column; align-items: flex-start; }
  .page-home .cta-band__acts { width: 100%; }
  .page-home .cta-band__acts .btn { width: 100%; }
}

/* 5. 页脚：左右分栏（ROUND 11 改）—— 左＝品牌语句 + 公司信息，右＝二维码组
   之前「语句靠左 / 二维码居中 / meta 居中」三个轴混排，改完只剩两条轴 */
.footer__info--split {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.footer__brand .footer__stage { margin-bottom: 0; }
.site-footer--brand .footer__brand .footer__line { font-size: clamp(26px, 3.3vw, 42px); }
.site-footer--brand .footer__brand .footer__line--sub { font-size: clamp(17px, 2.3vw, 28px); }
.footer__brand .footer__rule { margin-top: 20px; }
.footer__brand .footer__meta {
  margin-top: 26px;
  padding-top: 0;
  text-align: left;
  align-items: flex-start;
}
.footer__qrcol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}
.footer__qrcol .footer__qr--main { align-items: flex-start; gap: 10px; }
/* 主码归类词：与下方「内容中心 · 扫码获取更多内容」同位同语法（类别 · 扫码+动作），
   色阶也比组标签(.5)略亮一档——它是页脚唯一的转化句，但把"最亮"留给下方的金色价值句 */
.footer__qr__label {
  max-width: 300px;
  font-size: 12.5px;
  letter-spacing: .14em;
  line-height: 1.6;
  color: rgba(255, 255, 255, .62);
}
.footer__qr__tip {
  max-width: 300px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--gold-300);
}
.site-footer--brand .footer__qrcol .footer__qr--main img { width: 132px; height: 132px; border-radius: 14px; }
.footer__info--split .footer__group { align-items: flex-start; gap: 12px; }
.footer__group__label {
  font-size: 12.5px;
  letter-spacing: .16em;
  color: rgba(255, 255, 255, .5);
}
.site-footer--brand .footer__qrs--mini { gap: 30px; justify-content: flex-start; }
.footer__qrs--mini .footer__qr { gap: 9px; }
.site-footer--brand .footer__qrs--mini .footer__qr img { width: 88px; height: 88px; }
.footer__qrs--mini .footer__qr span { font-size: 12.5px; color: rgba(255, 255, 255, .66); }
@media (max-width: 900px) {
  .footer__info--split { grid-template-columns: 1fr; gap: 38px; }
  .footer__brand .footer__meta { margin-top: 20px; }
}
@media (max-width: 560px) {
  .footer__qrcol { gap: 24px; }
  .site-footer--brand .footer__qrcol .footer__qr--main img { width: 116px; height: 116px; }
  .site-footer--brand .footer__qrs--mini { display: flex; gap: 14px; }
  .site-footer--brand .footer__qrs--mini .footer__qr img { width: 70px; height: 70px; }
}

/* 6. about 页：商业力定义块（2026-10-28 从首页 Hero 迁入） */
.dp-box {
  max-width: 820px;
  margin: 0 auto;
  padding: 32px 34px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold-500);
  border-radius: var(--r-lg);
}
.dp-box__main { font-size: clamp(19px, 2.2vw, 24px); font-weight: 800; line-height: 1.5; color: var(--ink); }
.dp-box__main b { color: var(--gold-600); }
.dp-box__note { margin-top: 10px; font-size: 15px; color: var(--ink-2); }
.dp-box__list { margin-top: 18px; display: grid; gap: 12px; list-style: none; }
.dp-box__list li { position: relative; padding-left: 16px; font-size: 14.5px; line-height: 1.8; color: var(--ink-2); }
.dp-box__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold-500);
}
.dp-box__list b { color: var(--ink); }
.dp-box__foot { margin-top: 18px; padding-top: 16px; border-top: 1px dashed var(--line); font-size: 14px; color: var(--ink-2); }
.dp-box__foot b { color: var(--gold-600); }
.dp-find {
  max-width: 820px;
  margin: 16px auto 0;
  padding: 14px 18px;
  border-radius: var(--r-md);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
  font-size: 14px;
  line-height: 1.7;
  color: var(--ink-2);
}
.dp-find b { color: var(--ink); font-weight: 600; }
.dp-find__lb {
  display: inline-block;
  margin-right: 8px;
  padding: 1px 9px;
  border-radius: var(--r-full);
  background: var(--gold-100);
  color: var(--gold-700);
  font-size: 12px;
  font-weight: 600;
}
.dp-stance {
  max-width: 820px;
  margin: 24px auto 0;
  text-align: center;
  font-size: clamp(15px, 1.6vw, 18px);
  font-weight: 600;
  color: var(--gold-600);
}
@media (max-width: 560px) {
  .dp-box { padding: 24px 20px; }
}

/* ============ ROUND 11 · 2026-10-28（下）：案例占位卡 / 工具领取按钮 ============ */

/* 案例占位卡（案例素材到位后替换内容即可） */
.case-ph {
  border: 1px dashed var(--gold-300);
  background: var(--surface);
  box-shadow: none;
}
.case-ph__no {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
  color: var(--gold-600);
}
.case-ph__title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
  font-size: 15px;
  color: var(--ink-3);
}
.case-ph__tag {
  padding: 2px 9px;
  border-radius: var(--r-full);
  border: 1px solid var(--gold-100);
  background: var(--gold-50);
  color: var(--gold-700);
  font-size: 11.5px;
  font-weight: 500;
}
.case-ph__list { list-style: none; display: grid; gap: 10px; }
.case-ph__list { gap: 8px; }
.case-ph__list li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--r-xs);
  background: var(--surface-warm);
  border: 1px solid var(--line-soft);
  font-size: 13px;
  color: var(--ink-4);
  line-height: 1.5;
}
.case-ph__list li b { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: var(--ink-2); }
.case-ph__title { margin: 8px 0 12px; }
.page-home .case-ph { padding: 20px 20px 18px; }
.case-ph__foot {
  margin-top: 26px;
  text-align: center;
  font-size: 13.5px;
  color: var(--ink-3);
}
.case-ph__foot a { color: var(--gold-600); font-weight: 600; text-decoration: none; }
.case-ph__foot a:hover { text-decoration: underline; }

/* 案例页：工具领取按钮 */
.tool-get { display: flex; justify-content: center; margin: -2px 0 30px; }

/* 04 卡的「持续盈利」chip：卡片底色是 surface-warm，与 03 的 gold-50 底太近，
   故反相成「白底 + 橙描边」，与 03 同尺寸同位置，远看是一对 */
.path__note--pay {
  background: #fff;
  border-color: var(--gold-300);
  color: var(--gold-700);
}

/* ============ ROUND 12 · 2026-10-29：品牌页诊断发现放大块 / CTA 路径行 ============ */

/* 1000+ 诊断发现：从灰色小条升级为独立证据块（白底 + 橙数字 + 四维 chip） */
.dp-proof {
  max-width: 900px;
  margin: 26px auto 0;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 26px 30px;
  background: #fff;
  border: 1px solid var(--gold-100);
  border-radius: var(--r-lg);
  box-shadow: 0 6px 22px rgba(23, 58, 42, .06);
}
.dp-proof__num {
  flex: 0 0 auto;
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--gold-600);
}
.dp-proof__num small { font-size: 24px; font-weight: 700; }
.dp-proof__lb {
  display: inline-block;
  margin-bottom: 7px;
  padding: 1px 9px;
  border-radius: var(--r-full);
  background: var(--gold-100);
  color: var(--gold-700);
  font-size: 12px;
  font-weight: 600;
}
.dp-proof__main { margin: 0; font-size: 15.5px; line-height: 1.7; color: var(--ink-2); }
.dp-proof__chips { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.dp-proof__chips span {
  padding: 6px 14px;
  border-radius: var(--r-full);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
  color: var(--gold-700);
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 640px) {
  .dp-proof { flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px; }
  .dp-proof__num { font-size: 38px; }
}

/* 尾 CTA 下方的「你怎么开始」路径：文字不是按钮，保持全站只有两个 CTA */
.cta-band__path {
  flex-basis: 100%;
  margin-top: 20px;
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .6);
}

/* 「为什么是嘉枝」下的结果证据行：白底细行，三级数字横排（不做成首页那种深绿数据条） */
.rel-proof {
  max-width: 900px;
  margin: 26px auto 0;
  display: flex;
  flex-wrap: wrap;
  padding: 22px 30px;
  background: #fff;
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
}
.rel-proof__item {
  flex: 1 1 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  border-left: 1px solid var(--line-soft);
}
.rel-proof__item:first-child { border-left: 0; }
.rel-proof__num {
  font-family: var(--font-num);
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--gold-600);
}
.rel-proof__num small { font-size: 15px; font-weight: 700; }
.rel-proof__lb { font-size: 13.5px; color: var(--ink-3); }
@media (max-width: 640px) {
  .rel-proof { padding: 16px 18px; }
  .rel-proof__item {
    flex-basis: 100%;
    padding: 13px 0;
    border-left: 0;
    border-top: 1px solid var(--line-soft);
  }
  .rel-proof__item:first-child { border-top: 0; }
}

/* 米娅名片卡数字：无底框橙色大字，撑满行高并居中（2026-10-29 第二次调整） */
.system-list__num--bare {
  background: transparent;
  color: var(--gold-600);
  font-size: 36px;
  font-weight: 800;
  flex: 0 0 86px;
  width: auto;
  height: auto;
  border-radius: 0;
  margin-top: 0;
  /* 用 flex 让数字在左列水平+垂直居中；align-self:stretch 撑满整条目高度。
     注意：display:grid 会把「500」和「+」拆成两个网格项各占一行，不能用 */
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 0;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -.02em;
}

/* 条目本身给一点垂直呼吸，否则撑满的数字会顶到边框上 */
.system-list__item:has(.system-list__num--bare) {
  padding: 8px 14px 8px 0;
}

/* ============ ROUND 13 · 2026-10-29：联系页「加微信 + 四步」横向大卡（方案 B） ============ */
.wx-hub {
  display: grid;
  grid-template-columns: 296px 1fr;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--sh-md);
  overflow: hidden;
}
.wx-hub__qr {
  padding: 34px 30px;
  text-align: center;
  background: var(--surface-warm);
  border-right: 1px solid var(--line-soft);
}
.wx-hub__qr .qr-box { width: 180px; height: 180px; margin-bottom: 18px; }
.wx-hub__qr h4 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.wx-hub__id {
  font-size: 13px;
  line-height: 1.7;
  color: var(--ink-3);
}
.wx-hub__id b {
  font-family: var(--font-num);
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: .01em;
}
.wx-hub__note {
  margin-top: 16px;
  padding: 11px 12px;
  border-radius: var(--r-md);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
  color: var(--gold-700);
  font-size: 12.5px;
  line-height: 1.7;
}
.wx-hub__body { padding: 36px 40px 34px; }

.wx-path {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}
.wx-path li {
  display: flex;
  gap: 15px;
  padding: 15px 0;
  border-top: 1px solid var(--line-soft);
}
.wx-path li:first-child { border-top: 0; padding-top: 0; }
.wx-path__no {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--green-700);
  color: #fff;
  font-family: var(--font-num);
  font-size: 13px;
  font-weight: 800;
  display: grid;
  place-items: center;
}
.wx-path h4 { font-size: 16.5px; font-weight: 700; margin-bottom: 5px; }
.wx-path p { font-size: 14px; line-height: 1.78; color: var(--ink-3); }
.wx-path__link { color: var(--gold-600); font-weight: 600; white-space: nowrap; }
.wx-path__link:hover { color: var(--gold-700); }

@media (max-width: 960px) {
  .wx-hub { grid-template-columns: 1fr; }
  .wx-hub__qr {
    border-right: 0;
    border-bottom: 1px solid var(--line-soft);
    padding: 28px 22px;
  }
  .wx-hub__body { padding: 26px 22px 30px; }
  .wx-hub__qr .qr-box { width: 168px; height: 168px; }
}

/* ===== ROUND 13 · 产品页塔形索引（2026-10-29） ===== */
.pyrt { margin-top: 8px; }
.pyrt__stack { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pyrt__tier {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 15px 24px;
  text-align: center;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.pyrt__tier:hover {
  transform: translateY(-3px);
  border-color: var(--green-300);
  box-shadow: 0 12px 28px rgba(22, 32, 26, .07);
}
.pyrt__tier--1 { width: 42%; }
.pyrt__tier--2 { width: 62%; }
.pyrt__tier--3 { width: 82%; }
.pyrt__head { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.pyrt__name { font-size: 17px; font-weight: 800; color: var(--ink); letter-spacing: -.01em; }
.pyrt__chip {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--gold-700);
  background: var(--gold-50);
  border: 1px solid var(--gold-100);
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.pyrt__pos { margin: 5px 0 0; font-size: 13px; line-height: 1.6; color: var(--ink-3); }
.pyrt__base { margin-top: 10px; }
.pyrt__entry { display: flex; justify-content: center; margin-top: 18px; }
.pyrt__entry-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--gold-700);
}
.pyrt__entry-link:hover { color: var(--gold-600); }
.pyrt__arrow { display: inline-block; width: 15px; height: 15px; fill: none; stroke: var(--gold-500); }

@media (max-width: 900px) {
  .pyrt__tier--1 { width: 62%; }
  .pyrt__tier--2 { width: 80%; }
  .pyrt__tier--3 { width: 100%; }
}

@media (max-width: 640px) {
  .pyrt__tier { padding: 13px 16px; }
  .pyrt__tier--1 { width: 78%; }
  .pyrt__tier--2 { width: 89%; }
  .pyrt__tier--3 { width: 100%; }
  .pyrt__name { font-size: 15.5px; }
  .pyrt__pos { font-size: 12.5px; }
}


/* ===== ROUND 14 · 七维页气势升级（2026-10-30） ===== */
.hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.hero-chips span {
  font-size: 13px;
  font-weight: 600;
  color: var(--green-700);
  background: var(--surface);
  border: 1px solid var(--line);
  padding: 7px 16px;
  border-radius: 999px;
  letter-spacing: .02em;
}
.sys-block__left::after {
  content: attr(data-num);
  position: absolute;
  right: -8px;
  bottom: -30px;
  font-family: var(--font-num);
  font-size: 124px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  color: rgba(255, 255, 255, .08);
  pointer-events: none;
}
.sys-block__left > * {
  position: relative;
}
.radar-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  max-width: 1080px;
  margin: 0 auto;
}
.radar-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 24px 18px;
  text-align: center;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
}
.radar-card:hover {
  transform: translateY(-4px);
  border-color: var(--green-200);
  box-shadow: 0 12px 28px rgba(22, 32, 26, .07);
}
.radar-card svg {
  width: 92px;
  height: 92px;
  margin: 0 auto 14px;
  display: block;
}
.radar-card h4 {
  font-size: 15px;
  font-weight: 800;
  color: var(--ink);
  letter-spacing: -.01em;
}
.radar-card p {
  font-size: 13px;
  line-height: 1.7;
  color: var(--ink-3);
  margin: 6px 0 0;
}

@media (max-width: 960px) {
  .radar-cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .radar-cards { grid-template-columns: 1fr; }
  .hero-chips span { padding: 6px 12px; font-size: 12px; }
}

/* ============ ROUND 15 · 七维页判据条 ============ */
.rec-rule {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.rec-rule__base {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  border-radius: var(--r-full);
  background: var(--gold-500);
  color: #fff;
  font-size: 14px;
}
.rec-rule__base b { font-weight: 800; }
.rec-rule__step {
  display: inline-flex;
  align-items: center;
  padding: 9px 16px;
  border-radius: var(--r-full);
  background: #fff;
  border: 1px solid var(--gold-100);
  font-size: 13.5px;
  color: var(--ink-2);
}
.rec-rule__arr {
  color: var(--gold-600);
  font-weight: 700;
  font-size: 14px;
}
@media (max-width: 640px) {
  .rec-rule__arr { display: none; }
  .rec-rule__base, .rec-rule__step { padding: 8px 14px; font-size: 12.5px; }
}

/* ============ ROUND 16 · 枝宝AI总索引 + 衔接带 ============ */
.zz-idx {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 18px;
  align-items: stretch;
}
.zz-idx__card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.zz-idx__head { display: flex; align-items: center; gap: 11px; }
.zz-idx__head b { font-size: 19px; font-weight: 800; display: block; }
.zz-idx__head span { display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 2px; }
.zz-idx__ico {
  width: 44px; height: 44px; border-radius: 12px;
  display: grid; place-items: center; font-size: 22px; flex: none;
}
.zz-idx__card p { font-size: 14.5px; color: var(--ink-2); line-height: 1.8; margin: 0; }
.zz-idx__acts { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; padding-top: 4px; }
.zz-idx__acts a {
  padding: 9px 16px; border-radius: var(--r-full);
  border: 1px solid var(--green-700); color: var(--green-700);
  font-size: 13.5px; font-weight: 700; transition: all 0.2s var(--ease);
}
.zz-idx__acts a:hover { background: var(--green-700); color: #fff; }
.zz-idx__mid {
  align-self: center; text-align: center;
  font-weight: 800; color: var(--gold-600);
  font-size: 15px; line-height: 1.7; white-space: nowrap;
  padding: 0 4px;
}
.zz-bridge { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.zz-bridge__k {
  font-size: 13px; letter-spacing: 0.22em;
  color: var(--gold-300); font-weight: 700;
}
.zz-bridge p { color: rgba(255,255,255,.88); font-size: 16.5px; line-height: 1.8; margin: 0; }
@media (max-width: 760px) {
  .zz-idx { grid-template-columns: 1fr; }
  .zz-idx__mid { white-space: normal; padding: 2px 0; }
}

/* ============ ROUND 17 · 枝练界面示意 ============ */
.zl-shot {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.zl-shot__phone {
  width: 276px;
  padding: 9px 9px 13px;
  background: #1B2E24;
  border-radius: 30px;
  box-shadow: 0 22px 48px -20px rgba(22,52,37,.45);
}
.zl-shot__phone img {
  display: block;
  width: 100%;
  border-radius: 22px;
}
.zl-shot__cap { font-size: 12.5px; color: var(--ink-3); margin: 0; }

/* ============ ROUND 18 · 观断照建+段位合并 ============ */
.zl-divider {
  margin: 68px 0 34px;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.22em;
  color: var(--gold-300);
  font-weight: 700;
}
.zl-merge__note {
  margin-top: 24px;
  text-align: center;
  color: rgba(255,255,255,.78);
  font-size: 14px;
}

/* ============ ROUND 19 · 真实案例卡（去虚线占位感） ============ */
.case-ph.case-real {
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 10px 24px -18px rgba(22,52,37,.28);
}
.case-ph.case-real .case-ph__list li span { color: var(--ink-2); }

/* ============ ROUND 20 · CTA 两级：内容页轻带 ============ */
.cta-band--soft {
  background: radial-gradient(120% 160% at 85% 0%, var(--green-50) 0%, var(--cream) 60%, var(--gold-50) 130%);
  border: 1px solid var(--gold-100);
  box-shadow: 0 18px 40px -32px rgba(22, 52, 37, .3);
}
.cta-band--soft::before { display: none; }
.cta-band--soft h2 { color: var(--ink); }
.cta-band--soft p { color: var(--ink-2); }
.cta-band--soft .cta-band__kicker { color: var(--gold-700); }
.cta-band--soft .cta-band__path { color: var(--ink-3); }

/* ============ ROUND 21 · 案例卡重构（数据突出） ============ */
.case-case { display: flex; flex-direction: column; padding: 26px 26px 24px; }
.case-case__no {
  display: inline-block; align-self: flex-start;
  font-size: 12px; font-weight: 700; color: var(--gold-700);
  background: var(--gold-50); border: 1px solid var(--gold-100);
  border-radius: var(--r-full); padding: 3px 11px;
}
.case-case__title { margin: 11px 0 12px; font-size: 19px; }
.case-case__pain { font-size: 13.5px; color: var(--ink-2); line-height: 1.7; margin: 0 0 13px; }
.case-case__pain b {
  display: inline-block; background: var(--green-700); color: #fff;
  font-size: 11.5px; font-weight: 700; border-radius: 6px;
  padding: 2px 9px; margin-right: 8px; vertical-align: 1px;
}
.case-case__acts { list-style: none; display: grid; gap: 7px; margin: 0 0 16px; padding: 0; }
.case-case__acts li {
  position: relative; padding-left: 21px;
  font-size: 13.5px; color: var(--ink-2); line-height: 1.6;
}
.case-case__acts li::before {
  content: "✓"; position: absolute; left: 0; top: 0;
  color: var(--green-700); font-weight: 800;
}
.case-case__stats {
  display: flex; gap: 14px;
  border-top: 1px dashed var(--line);
  padding-top: 14px; margin-top: auto;
}
.case-case__stats > div { flex: 1; min-width: 0; }
.case-case__stats b {
  display: block; font-size: 21px; font-weight: 800;
  color: var(--gold-700); letter-spacing: -0.02em; white-space: nowrap;
}
.case-case__stats span { font-size: 11.5px; color: var(--ink-3); line-height: 1.4; display: block; margin-top: 2px; }
.case-case__quote {
  margin: 15px 0 0; font-size: 13px; color: var(--ink-3);
  border-left: 3px solid var(--gold-300); padding-left: 10px; line-height: 1.6;
}
.page-home .case-case { padding: 20px 20px 18px; }
.page-home .case-case__title { font-size: 17px; }
.page-home .case-case__stats b { font-size: 19px; }

/* ============ ROUND 22 · 本页导览条（替代重复的介绍卡索引） ============ */
.zz-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 4px 0 6px;
}
.zz-nav__lead {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.2em;
  font-weight: 700;
  color: var(--gold-700);
  text-indent: 0.2em;
}
.zz-nav__lead span { margin: 0 8px; color: var(--gold-300); }
.zz-nav__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.zz-nav__links a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  background: var(--surface-warm);
  border: 1px solid var(--line);
  border-radius: var(--r-full);
  padding: 8px 16px;
  transition: background 0.25s, border-color 0.25s, color 0.25s;
}
.zz-nav__links a:hover {
  background: var(--gold-50);
  border-color: var(--gold-300);
  color: var(--gold-700);
}
@media (max-width: 560px) {
  .zz-nav { gap: 13px; }
  .zz-nav__links { gap: 8px; }
  .zz-nav__links a { font-size: 13.5px; padding: 7px 14px; }
}

/* ============ ROUND 23 · 枝宝AI页导航条吸顶（滚动不消失） ============ */
.page-toc--sticky {
  position: sticky;
  top: 75px;
  z-index: 890;
}
/* 该页锚点落点：标题贴住导航条，不露上一区块的尾巴 */
#who, #chat, #diagnose, #zhilian { scroll-margin-top: 88px; }

}

/* ============ 页脚锚点：跳转时页脚顶贴住顶栏（抵消全局叠加） ============ */
#footer { scroll-margin-top: 0; }