/* 浅绿色高端视觉版：与深绿色版共享同一套内容和交互。 */

:root {
  --ink: #12372f;
  --ink-2: #1b4a3f;
  --green: #0b9b61;
  --green-dark: #087a4d;
  --mint: #dff4e8;
  --paper: #f4f8f5;
  --paper-2: #eaf2ed;
  --muted: #60766d;
  --line: #d5e2da;
  --shadow: 0 24px 64px rgba(21, 75, 55, .12);
}

.site-header {
  background: rgba(250, 253, 251, .94);
  color: var(--ink);
  border-bottom-color: rgba(18, 55, 47, .1);
}

.site-header.is-scrolled {
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 12px 32px rgba(18, 55, 47, .09);
}

.brand-copy small { color: var(--green-dark); }
.nav-cta { background: var(--ink); }
.nav-cta span { color: #7ce2ad; }

.hero {
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 38%, rgba(132, 221, 174, .42) 0%, rgba(210, 242, 225, .48) 24%, transparent 48%),
    linear-gradient(135deg, #fbfdfb 0%, #f0f7f2 52%, #e5f2e9 100%);
}

.hero-grid {
  opacity: .68;
  background-image:
    linear-gradient(rgba(18, 55, 47, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 55, 47, .05) 1px, transparent 1px);
}

.hero::before {
  border-color: rgba(11, 155, 97, .15);
  box-shadow: 0 0 130px rgba(11, 155, 97, .09) inset;
}

.hero::after { color: rgba(18, 55, 47, .025); }
.eyebrow { color: var(--green-dark); }
.hero-positioning { color: #375c50; }
.hero h1 { color: var(--ink); }
.hero h1 em { color: var(--green-dark); }
.hero-lead { color: #536d63; }

.hero .button-ghost {
  border-color: #9cb3a8;
  background: rgba(255, 255, 255, .48);
  color: var(--ink);
}

.hero .button-ghost:hover { background: #fff; color: var(--ink); }

.hero-proof-note { border-left-color: rgba(11, 155, 97, .48); color: #6e837a; }
.hero-proof-note span { color: var(--green-dark); }
.hero-halo {
  background: radial-gradient(circle, rgba(255,255,255,.9) 0%, rgba(222,245,232,.72) 38%, rgba(113,205,157,.19) 60%, transparent 74%);
  border-color: rgba(11, 155, 97, .13);
  box-shadow: 0 34px 90px rgba(18, 86, 59, .09);
}
.hero-halo::before, .hero-halo::after { border-color: rgba(11, 155, 97, .13); }
.hero-product { filter: saturate(.98) contrast(1.03) drop-shadow(0 26px 24px rgba(18, 55, 47, .2)) drop-shadow(0 6px 8px rgba(18, 55, 47, .08)); }
.hero-series-list { color: #6c8278; }
.certificate-stage::before { background: radial-gradient(circle, rgba(255,255,255,.98), rgba(219,243,229,.75) 43%, rgba(113,205,157,.14) 62%, transparent 74%); }
.certificate-sheet { border-color: rgba(18,55,47,.1); box-shadow: 0 24px 48px rgba(18,55,47,.16); }
.certification-marks span { border-color: rgba(11,155,97,.22); background: rgba(255,255,255,.42); color: var(--green-dark); }
.partnership-stage { border-color: rgba(18,55,47,.1); box-shadow: 0 32px 72px rgba(18,55,47,.18); }
.hero-arrow { border-color: #b9cec2; background: rgba(255,255,255,.4); }
.hero-arrow:hover { background: rgba(255,255,255,.85); }
.hero-dot span { background: #b5c8bd; }
.hero-counter { color: var(--ink); }
.hero-counter i { color: #82978e; }

.series { background: #fff; }
.series-card:hover { background: #12372f; }
.featured { background: #12372f; }
.contact { background: #0c2d27; }
.site-footer { background: #071f1b; }

@media (max-width: 780px) {
  .menu-toggle {
    border-color: #c8d8cf;
    background: rgba(255, 255, 255, .72);
  }

  .menu-toggle > span:not(.sr-only) { background: var(--ink); }
  .primary-nav { background: #f8fbf9; color: var(--ink); }
  .primary-nav a { border-bottom-color: #d5e2da; }
}