/* V3 visual polish: stronger reading hierarchy on photographic scenes. */
:root {
  --surface-elevated: rgba(20, 17, 13, 0.78);
  --surface-elevated-soft: rgba(20, 17, 13, 0.62);
  --shadow-elevated: 0 16px 36px rgba(0, 0, 0, 0.26);
}

.hero__motto {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--color-bronze) 42%, transparent);
  border-radius: 999px;
  background: rgba(16, 14, 12, 0.38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.hero__desc {
  padding-left: 12px;
  border-left: 2px solid var(--color-bronze);
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}

.hero__cta {
  color: #17120a;
  background: linear-gradient(135deg, #c3a269 0%, #9c7840 52%, #775424 100%);
  border-color: #c3a269;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.hero__cta:hover,
.result__cta:hover,
.unlock__cta:hover,
.unlock__wechat-btn--primary:hover {
  filter: brightness(1.08);
}

.hero__cta:active,
.result__cta:active,
.unlock__cta:active,
.unlock__wechat-btn--primary:active {
  transform: translateY(1px);
}

.result__status,
.result__card,
.unlock__value-list,
.unlock__reason-block,
.unlock__teacher-card,
.unlock__notice-list,
.unlock__wechat {
  background: linear-gradient(145deg, var(--surface-elevated) 0%, var(--surface-elevated-soft) 100%);
  box-shadow: var(--shadow-elevated);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.result__status {
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

.result__card,
.unlock__value-list,
.unlock__reason-block,
.unlock__teacher-card,
.unlock__notice-list {
  border-color: color-mix(in srgb, var(--color-bronze) 38%, transparent);
}

.result__card-title,
.unlock__section-title {
  color: color-mix(in srgb, var(--color-text) 92%, var(--color-bronze));
}

.result__next-step,
.unlock__quick-action {
  box-shadow: var(--shadow-elevated);
}

.unlock__wechat {
  border-color: color-mix(in srgb, var(--color-bronze) 48%, transparent);
}

.unlock__wechat-id {
  padding: 5px 12px;
  border: 1px dashed color-mix(in srgb, var(--color-bronze) 55%, transparent);
  border-radius: var(--radius-sm);
  background: rgba(0, 0, 0, 0.16);
}

@media (max-width: 767px) {
  .hero {
    padding-top: max(28px, env(safe-area-inset-top, 0px));
  }

  .hero__inner {
    min-height: calc(100dvh - 56px - env(safe-area-inset-top, 0px));
  }

  .hero__title {
    gap: 12px;
  }

  .hero__cta,
  .result__cta,
  .unlock__cta {
    min-height: 56px;
    font-size: 16px;
  }

  .result,
  .unlock {
    padding-inline: 16px;
  }

  .result__inner,
  .unlock__inner {
    gap: 24px;
  }

  .result__card,
  .unlock__value-list,
  .unlock__reason-block,
  .unlock__teacher-card,
  .unlock__notice-list,
  .unlock__wechat {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  .unlock__quick-action {
    background: rgba(20, 17, 13, 0.94);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__cta:active,
  .result__cta:active,
  .unlock__cta:active,
  .unlock__wechat-btn--primary:active {
    transform: none;
  }
}


/* Unified mystic mark. */
.hero__logo-image {
  display: block;
  width: clamp(72px, 20vw, 96px);
  height: auto;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.4));
}

.consultation__modules{margin:0 0 26px}.consultation__modules-heading{display:grid;gap:4px;margin-bottom:12px}.consultation__modules-kicker,.result__preview-kicker{margin:0;color:var(--color-bronze);font:12px/1.5 var(--font-serif);letter-spacing:.16em}.consultation__modules h3,.result__preview h3{margin:0;color:var(--color-text);font:500 16px/1.55 var(--font-serif);letter-spacing:.04em}.consultation__module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.consultation__module-grid li{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;min-height:74px;padding:9px;border:1px solid color-mix(in srgb,var(--color-bronze) 36%,transparent);border-radius:8px;background:rgba(8,8,7,.35)}.consultation__module-mark{grid-row:span 2;display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--color-bronze);border-radius:50%;color:var(--color-bronze);font:13px/1 var(--font-serif)}.consultation__module-grid strong{color:var(--color-text);font:500 13px/1.35 var(--font-serif)}.consultation__module-grid small{color:var(--color-text-muted);font:11px/1.4 var(--font-serif)}.loading__profile{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:16px 0 0;padding:12px;border:1px solid color-mix(in srgb,var(--color-bronze) 38%,transparent);border-radius:8px;background:rgba(11,10,8,.42)}.loading__profile div{min-width:0}.loading__profile dt{color:var(--color-text-muted);font:11px/1.4 var(--font-serif)}.loading__profile dd{overflow:hidden;margin:3px 0 0;color:var(--color-text);font:13px/1.45 var(--font-serif);text-overflow:ellipsis;white-space:nowrap}.result__preview{width:100%;padding:20px 18px;border:1px solid color-mix(in srgb,var(--color-bronze) 42%,transparent);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(20,17,13,.86),rgba(20,17,13,.66));box-shadow:var(--shadow-elevated)}.result__preview-head{margin-bottom:14px}.result__preview-grid{display:grid;gap:10px}.result__preview-card{position:relative;overflow:hidden;min-height:83px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--color-bronze) 28%,transparent);border-radius:8px;background:rgba(255,255,255,.035)}.result__preview-card::after{content:"完整解读";position:absolute;inset:0;display:grid;place-items:center;color:var(--color-bronze);font:500 14px/1 var(--font-serif);letter-spacing:.18em;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(9,8,6,.3)}.result__preview-card span{color:var(--color-bronze);font-size:11px;letter-spacing:.12em}.result__preview-card h4{margin:4px 0;color:var(--color-text);font:500 15px/1.45 var(--font-serif)}.result__preview-card p{margin:0;color:var(--color-text-muted);font:13px/1.55 var(--font-serif)}.result__preview-lock{margin:14px 0 0;color:var(--color-text-muted);font:12px/1.6 var(--font-serif);text-align:center}.unlock__price{margin:0;color:var(--color-text-secondary);font:14px/1.6 var(--font-serif)}.unlock__price strong{margin-left:6px;color:var(--color-bronze);font-size:22px;letter-spacing:.04em}@media(min-width:768px){.consultation__module-grid{grid-template-columns:repeat(3,1fr)}.result__preview-grid{grid-template-columns:repeat(3,1fr)}.result__preview-card{min-height:142px}}@media(max-width:374px){.consultation__module-grid{grid-template-columns:1fr}.loading__profile{grid-template-columns:1fr}}

/* V5 viewport centering: center every scene without clipping long content. */
.hero,
.consultation,
.loading,
.result,
.unlock {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: safe center;
}

.hero__inner,
.consultation__inner,
.loading__inner,
.result__inner,
.unlock__inner {
  margin-inline: auto;
}

.hero__inner,
.loading__inner {
  align-items: center;
  text-align: center;
}

.hero__inner::before,
.loading__inner::before {
  inset: -24px;
  background: radial-gradient(circle at center, rgba(16, 14, 12, 0.82) 0%, rgba(16, 14, 12, 0.55) 52%, transparent 100%);
}

.hero__logo,
.hero__cta-wrap {
  align-items: center;
}

.hero__cta-wrap {
  width: min(100%, 360px);
}

.consultation__inner {
  width: min(100%, 520px);
}

.consultation__scroll {
  margin-inline: auto;
}

.result__inner,
.unlock__inner {
  width: min(100%, var(--content-max));
}

@media (max-width: 767px) {
  .hero,
  .consultation,
  .loading,
  .result,
  .unlock {
    min-height: 100svh;
  }

  .hero__inner,
  .loading__inner {
    min-height: calc(100svh - 48px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }

  .consultation,
  .result,
  .unlock {
    align-items: flex-start;
  }

  .consultation__inner,
  .result__inner,
  .unlock__inner {
    margin-block: auto;
  }
}

/* V6 mobile module disclosure and personalized consultation. */
.consultation__modules-toggle { display: none; width: 100%; margin-top: 12px; padding: 10px; color: var(--color-bronze); font: 13px/1.4 var(--font-serif); letter-spacing: .08em; background: rgba(8, 8, 7, .25); border: 1px solid color-mix(in srgb, var(--color-bronze) 38%, transparent); border-radius: 8px; }
.unlock__focus { margin: 0; color: var(--color-bronze); font: 13px/1.75 var(--font-serif); }
@media (max-width: 767px) { .consultation__module-grid:not(.consultation__module-grid--expanded) li:nth-child(n + 4) { display: none; } .consultation__modules-toggle { display: block; } }

/* V7 product path: clarify what happens after the free initial reading. */
.result__chain { width: 100%; padding: 20px 18px; border: 1px solid color-mix(in srgb, var(--color-bronze) 42%, transparent); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(20,17,13,.86), rgba(20,17,13,.66)); box-shadow: var(--shadow-elevated); }
.result__chain h3 { margin: 4px 0 16px; color: var(--color-text); font: 500 16px/1.55 var(--font-serif); letter-spacing: .04em; }
.result__chain-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.result__chain-item { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; align-items: center; min-height: 64px; padding: 10px; border: 1px solid color-mix(in srgb, var(--color-bronze) 26%, transparent); border-radius: 8px; }
.result__chain-item span { grid-row: span 2; color: var(--color-bronze); font: 13px/1 var(--font-serif); }
.result__chain-item strong { color: var(--color-text); font: 500 14px/1.45 var(--font-serif); }
.result__chain-item small { color: var(--color-text-muted); font: 12px/1.5 var(--font-serif); }
.result__chain-item--done { background: rgba(154,120,64,.13); }
@media (min-width: 768px) { .result__chain-list { grid-template-columns: repeat(3, 1fr); } .result__chain-item { min-height: 96px; } }

/* V8 selection-only registration fields. */
.consultation__select { appearance: auto; -webkit-appearance: menulist; cursor: pointer; color: var(--color-text); }
.consultation__select:invalid { color: var(--color-text-muted); }

/* V9 verified profile and four-pillar chart. */
.result__profile,.result__chart{width:100%;padding:var(--space-card) 18px;border:1px solid color-mix(in srgb,var(--color-bronze) 38%,transparent);border-radius:var(--radius-md);background:linear-gradient(145deg,var(--surface-elevated) 0%,var(--surface-elevated-soft) 100%);box-shadow:var(--shadow-elevated)}.result__profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}.result__profile-grid div{min-width:0}.result__profile-grid dt{color:var(--color-text-muted);font:12px/1.5 var(--font-serif);letter-spacing:.08em}.result__profile-grid dd{overflow:hidden;margin:5px 0 0;color:var(--color-text);font:14px/1.55 var(--font-serif);text-overflow:ellipsis;white-space:nowrap}.result__chart-scroll{overflow-x:auto;width:100%;margin-top:2px;-webkit-overflow-scrolling:touch}.result__chart-table{min-width:520px;width:100%;border-collapse:collapse;color:var(--color-text);font-family:var(--font-serif);text-align:center}.result__chart-table th,.result__chart-table td{padding:10px 8px;border:1px solid color-mix(in srgb,var(--color-bronze) 20%,transparent);font-size:13px;line-height:1.45}.result__chart-table thead th,.result__chart-table tbody th{color:var(--color-text-muted);font-weight:500;background:rgba(154,120,64,.1)}.result__chart-table td{color:var(--color-text-secondary)}.result__chart-table tbody tr:nth-child(-n + 2) td{color:var(--color-bronze);font-size:17px;font-weight:600}.result__chart-note{margin:12px 0 0;color:var(--color-text-muted);font:11px/1.65 var(--font-serif)}


/* V10: responsive screen spacing */
@media (min-width: 768px) {
  .consultation,
  .loading,
  .result,
  .unlock { padding-block: clamp(42px, 6vh, 76px); }

  .result__inner { gap: clamp(20px, 2.4vw, 30px); }

  .result__profile,
  .result__chart,
  .result__card,
  .result__next-step,
  .result__chain,
  .result__preview { padding: clamp(20px, 2.2vw, 28px); }
}

@media (max-width: 767px) {
  .consultation,
  .loading,
  .result,
  .unlock { padding: 22px 12px 30px; }

  .consultation__inner,
  .loading__inner,
  .result__inner,
  .unlock__inner { gap: 16px; }

  .consultation__header { margin-bottom: 4px; }
  .consultation__form { gap: 16px; }
  .consultation__modules { gap: 10px; }

  .result__motto { margin-bottom: 0; }
  .result__profile,
  .result__chart,
  .result__card,
  .result__next-step,
  .result__chain,
  .result__preview { padding: 16px 14px; border-radius: 16px; }

  .result__profile-grid { gap: 10px 12px; }
  .result__profile-item { gap: 4px; }
  .result__chart-scroll { margin-inline: -4px; }
  .result__chart-table { min-width: 100%; table-layout: fixed; }
  .result__chart-table th,
  .result__chart-table td { padding: 8px 3px; font-size: 11px; line-height: 1.35; word-break: break-all; }
  .result__chart-table th:first-child,
  .result__chart-table td:first-child { width: 42px; padding-inline: 2px; }
  .result__chart-table tbody tr:nth-child(-n+2) td:not(:first-child) { font-size: 15px; }
  .result__chart-note { margin-top: 8px; font-size: 10px; line-height: 1.45; }

  .result__preview-grid,
  .result__chain-list { gap: 10px; }
  .result__preview-card { min-height: 118px; padding: 14px; }
  .result__next-step .button,
  .unlock__copy-button { min-height: 48px; }

  .loading__profile { gap: 8px; }
}

@media (max-width: 359px) {
  .consultation,
  .loading,
  .result,
  .unlock { padding-inline: 9px; }
  .result__profile,
  .result__chart,
  .result__card,
  .result__next-step,
  .result__chain,
  .result__preview { padding-inline: 11px; }
  .result__chart-table th,
  .result__chart-table td { font-size: 10px; padding: 7px 2px; }
  .result__chart-table tbody tr:nth-child(-n+2) td:not(:first-child) { font-size: 14px; }
}


/* V10.1: fluid desktop content widths */
@media (min-width: 768px) {
  .consultation__inner { width: min(calc(100vw - 48px), 620px); max-width: 620px; }
  .loading__inner { width: min(calc(100vw - 48px), 560px); max-width: 560px; }
  .result__inner { width: min(calc(100vw - 48px), 820px); max-width: 820px; }
  .unlock__inner { width: min(calc(100vw - 48px), 680px); max-width: 680px; }
}


/* V11: form completion flow */
.consultation__form-guide { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid rgba(192, 150, 76, .28); border-radius: 12px; background: rgba(191, 145, 66, .08); }
.consultation__form-guide > span { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #a66a27; color: #fff7df; font: 600 12px/1 var(--font-sans, sans-serif); }
.consultation__form-guide p { display: grid; gap: 2px; margin: 0; }
.consultation__form-guide strong { color: #3e2817; font-size: 14px; }
.consultation__form-guide small { color: #8a6c49; font-size: 12px; line-height: 1.45; }
.consultation__field--concern { margin-top: 2px; padding-top: 17px; border-top: 1px solid rgba(123, 81, 35, .18); }
.consultation__field--concern .consultation__label span { display: inline-grid; min-width: 37px; margin-right: 7px; padding: 3px 6px; border-radius: 999px; background: rgba(166, 106, 39, .12); color: #9d5d1c; font: 600 11px/1 var(--font-sans, sans-serif); text-align: center; vertical-align: 1px; }

@media (max-width: 767px) {
  .consultation__form-guide { gap: 9px; padding: 10px 11px; }
  .consultation__form-guide > span { width: 34px; height: 34px; font-size: 11px; }
  .consultation__form-guide strong { font-size: 13px; }
  .consultation__form-guide small { font-size: 11px; }
  .consultation__field--concern { padding-top: 14px; }
}


/* V13: deep-dive consultation hooks */
.result__hook { width: 100%; padding: 24px; border: 1px solid rgba(191, 146, 65, .44); border-radius: 20px; background: linear-gradient(135deg, rgba(85, 49, 20, .96), rgba(31, 20, 13, .98)); box-shadow: 0 16px 34px rgba(55, 27, 8, .24); color: #f5e8c8; }
.result__hook-head h3 { max-width: 620px; margin: 5px 0 9px; color: #fff1cd; font-family: var(--font-serif, serif); font-size: clamp(20px, 3.3vw, 27px); line-height: 1.35; }
.result__hook-head > p:last-child { max-width: 640px; margin: 0; color: rgba(248, 229, 190, .76); font-size: 14px; line-height: 1.75; }
.result__hook .result__preview-kicker { color: #e8bd68; }
.result__hook-list { display: grid; gap: 0; margin: 20px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(226, 186, 105, .23); }
.result__hook-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 15px 0; border-bottom: 1px solid rgba(226, 186, 105, .18); }
.result__hook-list > li > span { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(239, 199, 113, .62); border-radius: 50%; color: #f2cb78; font: 600 11px/1 var(--font-sans, sans-serif); }
.result__hook-list strong { display: block; color: #fff1ce; font-size: 15px; line-height: 1.5; }
.result__hook-list small { display: block; margin-top: 3px; color: rgba(248, 229, 190, .66); font-size: 12px; line-height: 1.5; }
.result__hook-list em { padding: 5px 7px; border: 1px solid rgba(239, 199, 113, .32); border-radius: 99px; color: #eec570; font-size: 11px; font-style: normal; white-space: nowrap; }
.result__hook-foot { margin: 15px 0 0; color: rgba(248, 229, 190, .74); font-size: 12px; line-height: 1.6; }

@media (max-width: 767px) {
  .result__hook { padding: 18px 15px; border-radius: 16px; }
  .result__hook-head h3 { font-size: 19px; }
  .result__hook-head > p:last-child { font-size: 13px; line-height: 1.65; }
  .result__hook-list { margin-top: 15px; }
  .result__hook-list li { grid-template-columns: 29px minmax(0, 1fr); gap: 9px; padding: 13px 0; }
  .result__hook-list > li > span { width: 26px; height: 26px; font-size: 10px; }
  .result__hook-list strong { font-size: 13px; }
  .result__hook-list small { font-size: 11px; }
  .result__hook-list em { display: none; }
}


/* V15: result path and quick CTA */
.result__quick-cta { display: none; }
.result__chain-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.result__chain-item { min-width: 0; }

@media (max-width: 767px) {
  .result { padding-bottom: 92px; }
  .result__quick-cta { position: fixed; z-index: 30; right: 14px; bottom: max(12px, env(safe-area-inset-bottom)); left: 14px; display: block; min-height: 52px; padding: 12px 16px; border: 1px solid rgba(255, 232, 174, .76); border-radius: 14px; background: linear-gradient(135deg, #c9973e, #a96d24); box-shadow: 0 10px 24px rgba(0, 0, 0, .42); color: #26170b; font: 700 15px/1.3 var(--font-serif, serif); }
  .result__chain-list { gap: 7px; }
  .result__chain-item { padding: 10px 7px; }
  .result__chain-item span { font-size: 10px; }
  .result__chain-item strong { font-size: 12px; }
  .result__chain-item small { font-size: 10px; line-height: 1.4; }
}


/* V16: form validation feedback */
.consultation__field-error { min-height: 0; margin: 0; color: #e6a6a0; font-size: 12px; line-height: 1.45; }
.consultation__field--invalid .consultation__input,
.consultation__field--invalid .consultation__options { border-color: #d86e62; box-shadow: 0 0 0 3px rgba(216, 110, 98, .12); }
.consultation__field--invalid .consultation__label { color: #ffd0ca; }
.consultation__field--invalid .consultation__field-error { min-height: 18px; margin-top: 6px; }
@media (max-width: 767px) { .consultation__field-error { font-size: 11px; } }


/* V17: compact forms, readable layers and privacy */
.site-privacy-trigger { margin: 8px auto 0; padding: 4px 8px; border: 0; background: transparent; color: rgba(255, 239, 201, .86); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.privacy-dialog { width: min(calc(100vw - 32px), 480px); padding: 0; border: 1px solid rgba(231, 190, 108, .48); border-radius: 18px; background: #21170f; color: #f8edcf; box-shadow: 0 22px 70px rgba(0,0,0,.65); }
.privacy-dialog::backdrop { background: rgba(0,0,0,.7); }
.privacy-dialog__card { position: relative; padding: 28px 24px 22px; }
.privacy-dialog__close { position: absolute; top: 10px; right: 13px; border: 0; background: transparent; color: #ead7ac; font-size: 26px; line-height: 1; }
.privacy-dialog__kicker { margin: 0 0 6px; color: #d7a950; font-size: 12px; }
.privacy-dialog h2 { margin: 0 0 13px; color: #fff1cc; font-size: 22px; }
.privacy-dialog p { margin: 0 0 10px; color: rgba(255, 239, 205, .82); font-size: 14px; line-height: 1.7; }
.privacy-dialog__confirm { width: 100%; margin-top: 7px; min-height: 44px; border: 0; border-radius: 10px; background: #c39242; color: #29180a; font-weight: 700; }

@media (min-width: 768px) {
  .hero__inner { width: min(calc(100vw - 80px), 560px); max-width: 560px; }
  .hero__title { font-size: clamp(38px, 3.2vw, 50px); }
}
@media (max-width: 767px) {
  .consultation__modules { padding: 13px 12px; }
  .consultation__modules-heading h3 { font-size: 15px; line-height: 1.42; }
  .consultation__module-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .consultation__module-grid li { min-height: 74px; padding: 9px 6px; }
  .consultation__module-grid .consultation__module-mark { width: 23px; height: 23px; font-size: 11px; }
  .consultation__module-grid strong { margin-top: 4px; font-size: 12px; }
  .consultation__module-grid small { display: none; }
  .consultation__modules-toggle { min-height: 38px; margin-top: 9px; }
  .consultation__notice, .consultation__sublead, .hero__subtitle, .unlock__intro, .unlock__notice { color: rgba(255, 241, 208, .86); }
  .hero__motto, .hero__trust, .loading__subtitle, .result__chart-note { color: rgba(255, 239, 202, .78); }
}


/* V21: unified bronze editorial art direction */
:root { --ink-deep: #100d0a; --ink-panel: rgba(25, 19, 14, .88); --bronze-line: rgba(210, 165, 82, .42); --bronze-soft: rgba(238, 202, 126, .76); --paper-text: #f7e9c9; }
.hero__scene::before, .consultation__scene::before, .result::before, .unlock::before { background: linear-gradient(180deg, rgba(9, 7, 5, .26), rgba(9, 7, 5, .62)); }
.hero__inner::before { border-color: rgba(223, 183, 101, .32); background: linear-gradient(145deg, rgba(20, 15, 11, .80), rgba(19, 13, 9, .58)); box-shadow: 0 24px 80px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 235, 184, .12); backdrop-filter: blur(4px); }
.hero__motto { color: #f0ce88; background: rgba(18, 13, 9, .62); border-color: rgba(229, 190, 109, .35); letter-spacing: .13em; }
.hero__title { color: #fff1ce; text-shadow: 0 3px 18px rgba(0,0,0,.48); }
.hero__desc, .hero__cta-note { color: rgba(255, 240, 207, .88); }
.hero__cta, .consultation__submit, .result__cta, .unlock__copy-button { box-shadow: 0 10px 26px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 241, 194, .34); }

.consultation__scroll { border-color: var(--bronze-line); background: linear-gradient(145deg, rgba(24, 18, 13, .94), rgba(14, 11, 9, .95)); box-shadow: 0 20px 52px rgba(0,0,0,.42), inset 0 1px 0 rgba(255, 234, 184, .08); }
.consultation__scroll::before, .consultation__scroll::after { opacity: .6; }
.consultation__title, .consultation__lead, .consultation__label { color: #fae8bd; }
.consultation__venue, .consultation__sublead, .consultation__notice { color: rgba(246, 223, 177, .78); }
.consultation__input, .consultation__options, .consultation__tags { border-color: rgba(210, 165, 82, .30); background-color: rgba(255, 241, 207, .045); }
.consultation__input { color: #fff0ce; }
.consultation__input::placeholder { color: rgba(244, 220, 174, .50); }
.consultation__modules, .consultation__form-guide { border-color: rgba(210, 165, 82, .32); background: linear-gradient(145deg, rgba(255, 231, 178, .07), rgba(90, 57, 22, .12)); }

.result__status, .result__profile, .result__chart, .result__card, .result__chain, .result__preview { border-color: var(--bronze-line); background: linear-gradient(145deg, rgba(27, 20, 14, .90), rgba(16, 12, 9, .92)); box-shadow: 0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255, 237, 192, .06); }
.result__title, .result__card-title, .result__chain h3, .result__preview h3 { color: #fff0cb; }
.result__status-desc, .result__field-label, .result__overview-text, .result__insight-text, .result__chart-note, .result__footer { color: rgba(249, 230, 193, .76); }
.result__field-value, .result__wuxing-name, .result__wuxing-value, .result__profile dd { color: #f4d18b; }
.result__chart-table th { background: rgba(213, 169, 85, .13); color: #ffe4a6; }
.result__chart-table td { border-color: rgba(215, 174, 99, .16); color: #efd091; }
.result__hook { border-color: rgba(233, 190, 103, .58); background: radial-gradient(circle at 92% 10%, rgba(181, 120, 34, .20), transparent 35%), linear-gradient(145deg, rgba(74, 44, 16, .97), rgba(18, 13, 9, .98)); box-shadow: 0 20px 44px rgba(0,0,0,.34); }
.result__hook-list li { border-color: rgba(235, 195, 112, .25); }
.result__preview-card { border-color: rgba(214, 171, 91, .28); background: rgba(255, 238, 202, .05); }

.unlock__inner { border-color: var(--bronze-line); background: linear-gradient(145deg, rgba(23, 17, 12, .90), rgba(13, 10, 8, .95)); box-shadow: 0 22px 60px rgba(0,0,0,.42), inset 0 1px 0 rgba(255, 236, 186, .08); }
.unlock__section-title, .unlock__title, .unlock__subtitle { color: #fff0ca; }
.unlock__intro, .unlock__notice, .unlock__step-text, .unlock__disclaimer-text { color: rgba(250, 230, 193, .80); }
.unlock__benefit, .unlock__contact, .unlock__process { border-color: rgba(214, 171, 91, .32); background: rgba(255, 238, 202, .045); }

@media (min-width: 768px) {
  .hero__inner { padding: 58px 54px; }
  .consultation__scroll, .result__inner, .unlock__inner { box-shadow: 0 26px 70px rgba(0,0,0,.38); }
}
@media (max-width: 767px) {
  .hero__inner::before { background: linear-gradient(145deg, rgba(18, 13, 9, .78), rgba(17, 12, 9, .60)); }
  .result__status, .result__profile, .result__chart, .result__card, .result__chain, .result__preview { background: linear-gradient(145deg, rgba(25, 19, 14, .93), rgba(15, 11, 9, .95)); }
  .result__title { font-size: 28px; }
  .consultation__input { min-height: 48px; }
}


/* V24 · 收银台、可读性与视觉减法 */
.result__chart-swipe-hint { display:none; margin:8px 0 0; color:#e4c17d; font:12px/1.55 var(--font-serif); text-align:center; letter-spacing:.05em; }
@media (max-width:767px) {
  .result__chart-swipe-hint { display:block; }
  .result__chart-note,.result__footer,.unlock__payment-note,.unlock__payment-tip,.unlock__cta-note,.unlock__urgency-note,.unlock__disclaimer-text,.consultation__notice,.consultation__sublead { font-size:12px; line-height:1.72; color:rgba(255,239,207,.86); }
  .result__inner { gap:20px; }
  .result__card,.result__chain,.result__preview { box-shadow:0 10px 24px rgba(0,0,0,.18); }
}
@media (min-width:768px) { .result__inner { gap:34px; } }

/* V26 final art direction */
:root{--content-reading:640px}
.hero__inner{max-width:min(100%,580px);gap:clamp(18px,3.2vh,30px)}
.hero__logo{position:relative;padding:8px 0 12px}.hero__logo::after{content:"";position:absolute;right:-22px;bottom:3px;width:42px;border-bottom:1px solid rgba(230,190,109,.48)}
.hero__logo-image{width:clamp(86px,11vw,112px);filter:drop-shadow(0 10px 20px rgba(0,0,0,.44))}
.hero__motto{width:max-content;max-width:100%;color:#f3d496;font-size:12px;letter-spacing:.16em}.hero__title{gap:10px;max-width:12em}.hero__title-line{font-size:clamp(2rem,4.5vw,3rem);line-height:1.25;letter-spacing:.07em}.hero__desc{max-width:27em;color:rgba(255,241,211,.86);font-size:15px;line-height:1.9}.hero__cta-wrap{width:min(100%,390px)}.hero__cta{border-radius:10px;letter-spacing:.1em}
.result__inner,.unlock__inner{max-width:var(--content-reading)}
.result__profile,.result__chart,.result__card,.result__chain,.result__preview,.result__hook,.unlock__checkout,.unlock__contact-gate{border-radius:14px}.result__card-title,.unlock__section-title{letter-spacing:.1em}.result__overview-line,.result__insight-text,.unlock__intro,.unlock__teacher-bio{line-height:1.9}.result__hook{margin-block:6px}.result__preview-card::after{background:rgba(12,9,6,.42)}
@media(min-width:768px){.result__inner,.unlock__inner{width:min(calc(100vw - 96px),var(--content-reading))}.result__hook{padding:28px}}
@media(max-width:767px){.hero__inner{max-width:100%}.hero__logo-image{width:84px}.hero__title-line{font-size:clamp(1.85rem,8vw,2.25rem)}.hero__desc{font-size:14px}.result__card-title,.unlock__section-title{font-size:15px}}

/* Remove misplaced hero description accent rule. */
.hero__desc{padding-left:0;border-left:0;text-align:center}


/* V30 restore hero image beneath the readability overlay. */
.hero__scene::before{background-image:linear-gradient(180deg,rgba(9,7,5,.18),rgba(9,7,5,.48)),url("../assets/backgrounds/hero/hero-bg-mystic-v2.png");background-size:cover;background-position:center;background-repeat:no-repeat}
@media(max-width:768px){.hero__scene::before{background-image:linear-gradient(180deg,rgba(9,7,5,.16),rgba(9,7,5,.44)),url("../assets/backgrounds/hero/hero-bg-pavilion-mist-mobile.png");background-position:center top}.hero__inner::before{background:linear-gradient(180deg,rgba(16,14,12,.58),rgba(16,14,12,.28) 46%,transparent 76%)}}


/* V31 unify step markers with the editorial serif system. */
.consultation__form-guide>span,.consultation__field--concern .consultation__label span{font-family:var(--font-serif);font-weight:600;letter-spacing:.06em}.consultation__form-guide>span{background:linear-gradient(145deg,#b9873e,#70451d);border:1px solid rgba(246,211,132,.5);box-shadow:inset 0 1px 0 rgba(255,240,194,.25)}.consultation__field--concern .consultation__label span{border:1px solid rgba(202,153,70,.36);background:rgba(182,127,44,.18);color:#f0ca79}


/* V32: unify consultation steps and restore the illustrated scene. */
/* The V21 shorthand reset the image layer; restore it explicitly for this page. */
.consultation__scene::before {
  background-image: linear-gradient(105deg, rgba(8, 6, 4, .28), rgba(8, 6, 4, .52)), url("../assets/backgrounds/consultation/consultation-bg-mystic-v2.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.consultation__scroll {
  background: linear-gradient(145deg, rgba(24, 18, 13, .90), rgba(14, 11, 9, .92));
}

/* Step 1 and Step 2 deliberately share one compact bronze label system. */
.consultation__form-guide > span,
.consultation__field--concern .consultation__label span {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 46px;
  height: 24px;
  margin: 0 9px 0 0;
  padding: 0 9px;
  border: 1px solid rgba(237, 194, 104, .48);
  border-radius: 999px;
  background: linear-gradient(145deg, rgba(183, 128, 46, .68), rgba(91, 55, 18, .82));
  color: #f8dfaa;
  font-family: var(--font-serif);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .06em;
  text-align: center;
  vertical-align: middle;
  box-shadow: inset 0 1px 0 rgba(255, 240, 194, .25);
}
.consultation__form-guide > span { flex: 0 0 auto; }
.consultation__field--concern .consultation__label span { transform: translateY(-1px); }

@media (max-width: 768px) {
  .consultation__scene::before {
    background-image: linear-gradient(180deg, rgba(8, 6, 4, .26), rgba(8, 6, 4, .50)), url("../assets/backgrounds/consultation/consultation-bg-mystic-v2.png");
    background-position: center top;
  }
  .consultation__scroll { background: linear-gradient(145deg, rgba(24, 18, 13, .87), rgba(14, 11, 9, .90)); }
  .consultation__form-guide > span,
  .consultation__field--concern .consultation__label span { min-width: 44px; height: 23px; margin-right: 8px; padding-inline: 8px; font-size: 10px; }
}

/* V31: WeChat Native desktop cashier */
.unlock__payment-device-tip { margin: 10px 0 0; color: #bca77d; font-size: 13px; line-height: 1.55; }
.payment-dialog { width: min(390px, calc(100vw - 32px)); border: 1px solid rgba(197, 149, 53, .55); border-radius: 18px; background: #17110b; color: #f7ead0; padding: 26px; box-shadow: 0 22px 70px rgba(0,0,0,.66); text-align: center; }
.payment-dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(3px); }
.payment-dialog__close { position: absolute; right: 12px; top: 8px; appearance: none; border: 0; background: transparent; color: #d7b76d; font-size: 28px; cursor: pointer; }
.payment-dialog__eyebrow { margin: 0; color: #c99d47; font-size: 12px; letter-spacing: .12em; }
.payment-dialog h2 { margin: 9px 24px 18px; color: #f7ead0; font-size: 20px; }
.payment-dialog img { display: block; width: min(280px, 100%); aspect-ratio: 1; margin: 0 auto 14px; padding: 10px; background: #fff; border-radius: 10px; }
.payment-dialog p { color: #d8c295; font-size: 14px; }
.payment-dialog small { display: block; color: #978160; line-height: 1.6; }

/* Free-lead V2: immediate enterprise WeChat entry after successful claim */
.unlock__wecom-action--inline { margin-top: 14px; width: 100%; justify-content: center; font-size: 15px; }

/* Consultation QR cards */
.unlock__qr-wrap { margin-top: 16px; padding: 14px; border: 1px solid rgba(201,157,71,.34); border-radius: 12px; background: rgba(255,248,232,.045); text-align: center; }
.unlock__qr-wrap img { display:block; width:min(210px,100%); aspect-ratio:1; object-fit:contain; margin:0 auto 8px; padding:7px; border-radius:8px; background:#fff; }
.unlock__qr-wrap p { margin:0; color:#cdb990; font-size:13px; }

/* V36 · 移动端命盘表格必须真实溢出，才能横向滑动查看时柱 */
@media (max-width: 767px) {
  .result__chart-scroll {
    width:calc(100% + 8px);
    margin-inline:-4px;
    padding-inline:4px;
    overflow-x:scroll;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:rgba(201,157,71,.72) rgba(255,255,255,.06);
  }
  .result__chart-table { min-width:560px; width:560px; table-layout:auto; }
  .result__chart-table th,
  .result__chart-table td { min-width:92px; padding:9px 7px; white-space:normal; word-break:normal; }
  .result__chart-table th:first-child,
  .result__chart-table td:first-child { min-width:56px; width:56px; }
  .result__chart-scroll::-webkit-scrollbar { height:5px; }
  .result__chart-scroll::-webkit-scrollbar-thumb { background:rgba(201,157,71,.72); border-radius:999px; }
}