/* ============================================================
   /gaodao 核心页 v3 精修（加载于 pages/gaodao.css 之后）
   目标：仪式感 Hero、表单层次分明、免费/深解层级清晰
   ============================================================ */

/* ── Hero：居中、卦爻印记、呼吸感 ── */
.gaodao-hero-compact {
  position: relative;
  max-width: 40rem;
  margin: 0 auto;
  padding: clamp(2.2rem, 6vw, 3.5rem) 1.25rem clamp(1.6rem, 4vw, 2.4rem);
  text-align: center;
}

.gaodao-hero-compact::before {
  content: "";
  display: block;
  width: 80px;
  height: 68px;
  margin: 0 auto 1.4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='68' viewBox='0 0 80 68'%3E%3Crect x='0' y='0' width='36' height='8' rx='4' fill='%23171310'/%3E%3Crect x='44' y='0' width='36' height='8' rx='4' fill='%23171310'/%3E%3Crect x='0' y='12' width='36' height='8' rx='4' fill='%23171310'/%3E%3Crect x='44' y='12' width='36' height='8' rx='4' fill='%23171310'/%3E%3Crect x='0' y='24' width='36' height='8' rx='4' fill='%23171310'/%3E%3Crect x='44' y='24' width='36' height='8' rx='4' fill='%23171310'/%3E%3Crect x='0' y='36' width='80' height='8' rx='4' fill='%239C3226'/%3E%3Crect x='0' y='48' width='80' height='8' rx='4' fill='%23171310'/%3E%3Crect x='0' y='60' width='80' height='8' rx='4' fill='%23171310'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: 0.92;
}

.gaodao-hero-compact .gaodao-eyebrow {
  margin: 0 0 0.9rem;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--v3-gold, #7D6538);
}

.gaodao-hero-compact h1 {
  margin: 0 0 0.9rem;
  font-family: var(--font-display, "Noto Serif SC", serif);
  font-size: clamp(2.2rem, 6vw, 3.2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em !important;
  color: var(--v3-ink, #171310);
}

.gaodao-hero-compact .gaodao-hero-lead {
  margin: 0 auto;
  max-width: 26rem;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--v3-ink-soft, #565049);
}

/* ── 表单卡：白面、细边、柔影 ── */
.gaodao-form-card {
  background: var(--v3-surface, #fff);
  border: 1px solid var(--v3-line, rgba(23,19,16,.10));
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(23,19,16,.04), 0 20px 48px rgba(23,19,16,.07);
  padding: clamp(1.25rem, 4vw, 2rem);
}

/* 额度条：从一行文字升为状态带 */
.gaodao-quota-inline {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  margin: -0.25rem -0.25rem 1.25rem;
  padding: 0.7rem 1rem;
  background: linear-gradient(90deg, rgba(156,50,38,.07), rgba(125,101,56,.05) 70%, transparent);
  border-bottom: 1px solid var(--v3-line, rgba(23,19,16,.10));
  border-radius: 12px 12px 0 0;
}
.gaodao-quota-inline span {
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.10em;
  color: var(--v3-ink-soft, #565049);
}
.gaodao-quota-inline strong {
  font-family: var(--font-display, "Noto Serif SC", serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--v3-verm, #9C3226);
}
.gaodao-quota-inline em {
  font-style: normal;
  font-size: 12.5px;
  color: var(--v3-ink-faint, #6E675E);
}

/* 字段标签：小衬线、有分量 */
.gaodao-form-card .field-label {
  display: block;
  margin: 1.1rem 0 0.55rem;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--v3-ink, #171310);
}
.gaodao-form-card .field-label:first-of-type { margin-top: 0; }

/* 文本域：纸底内陷、朱红聚焦 */
.gaodao-form-card textarea {
  width: 100%;
  background: var(--v3-paper, #F6F3EC);
  border: 1px solid var(--v3-line, rgba(23,19,16,.10));
  border-radius: 14px;
  padding: 1rem 1.1rem;
  font-size: 15.5px;
  line-height: 1.75;
  color: var(--v3-ink, #171310);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.gaodao-form-card textarea::placeholder { color: var(--v3-ink-faint, #6E675E); }
.gaodao-form-card textarea:focus {
  outline: none;
  background: #fff;
  border-color: rgba(156,50,38,.55);
  box-shadow: 0 0 0 4px rgba(156,50,38,.12);
}

/* 类别 chip：触控友好、选中朱砂填充 */
.gaodao-form-card .chip-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}
.gaodao-form-card .chip-radio {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 0.5rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--v3-ink-soft, #565049);
  background: var(--v3-surface, #fff);
  border: 1px solid var(--v3-line-strong, rgba(23,19,16,.20));
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.23,1,0.32,1), border-color 150ms cubic-bezier(0.23,1,0.32,1), color 150ms cubic-bezier(0.23,1,0.32,1), transform 120ms cubic-bezier(0.23,1,0.32,1);
}
.gaodao-form-card .chip-radio input { position: absolute; opacity: 0; pointer-events: none; }
.gaodao-form-card .chip-radio:hover { border-color: var(--v3-ink, #171310); color: var(--v3-ink, #171310); }
.gaodao-form-card .chip-radio:has(input:checked) {
  background: var(--v3-verm, #9C3226);
  border-color: var(--v3-verm, #9C3226);
  color: #FFF8F0;
  box-shadow: 0 4px 14px rgba(156,50,38,.25);
}

/* 主按钮：更高、有影、按下有反馈 */
.gaodao-form-card .btn-block {
  width: 100%;
  min-height: 54px;
  margin-top: 1.4rem;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 999px;
  background: var(--v3-verm, #9C3226);
  box-shadow: 0 8px 22px rgba(156,50,38,.30);
  transition: background-color 150ms cubic-bezier(0.23,1,0.32,1), transform 160ms cubic-bezier(0.23,1,0.32,1), box-shadow 150ms cubic-bezier(0.23,1,0.32,1);
}
.gaodao-form-card .btn-block:hover {
  background: var(--v3-verm-deep, #7C241B);
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(156,50,38,.34);
}
.gaodao-form-card .btn-block:active { transform: scale(0.97); }

.gaodao-form-card .tiny-note {
  margin: 0.9rem 0 0;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--v3-ink-faint, #6E675E);
}

/* ── 对比侧栏：免费安静、深解突出 ── */
.pricing-compare-panel {
  background: transparent;
  border: none;
  padding: 0.5rem 0.25rem;
}
.pricing-compare-panel .pricing-kicker {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--v3-gold, #7D6538);
}
.pricing-compare-panel h2 {
  font-family: var(--font-display, "Noto Serif SC", serif);
  letter-spacing: 0.02em;
}

.pricing-compare { gap: 0.75rem; }

.pricing-tier {
  border: 1px solid var(--v3-line, rgba(23,19,16,.10));
  border-radius: 16px;
  background: var(--v3-surface, #fff);
  padding: 1.1rem 1.15rem;
}
.pricing-tier-head span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--v3-ink-faint, #6E675E);
}
.pricing-tier-head strong {
  font-family: var(--font-display, "Noto Serif SC", serif);
  color: var(--v3-ink, #171310);
}
.pricing-tier ul li {
  font-size: 13.5px;
  line-height: 1.9;
  color: var(--v3-ink-soft, #565049);
}

.pricing-tier.is-featured {
  position: relative;
  border: 1.5px solid rgba(156,50,38,.45);
  background: linear-gradient(180deg, #FFFDFA, var(--v3-verm-tint, #F8EAE5));
}
.pricing-tier.is-featured .pricing-tier-head strong { color: var(--v3-verm, #9C3226); }
.pricing-tier-badge {
  background: var(--v3-verm, #9C3226);
  color: #FFF8F0;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  border-radius: 999px;
  padding: 3px 10px;
}

.pricing-panel-note {
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--v3-ink-faint, #6E675E);
}

/* ── 移动端 ── */
@media (max-width: 720px) {
  .gaodao-form-card .chip-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gaodao-form-card .chip-radio { min-height: 46px; font-size: 14.5px; }
}

.gaodao-example-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.gaodao-example-chips button{border:1px solid var(--v3-line,rgba(23,19,16,.1));background:var(--v3-surface,#fff);color:var(--v3-ink-soft,#565049);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}
.gaodao-example-chips button:hover{border-color:var(--v3-verm,#9C3226);color:var(--v3-verm,#9C3226)}


/* emil polish: chip press */
.gaodao-form-card .chip-radio:active { transform: scale(0.97); }
.gaodao-example-chips button {
  transition: background-color 150ms cubic-bezier(0.23,1,0.32,1), border-color 150ms cubic-bezier(0.23,1,0.32,1), color 150ms cubic-bezier(0.23,1,0.32,1), transform 120ms cubic-bezier(0.23,1,0.32,1);
}
.gaodao-example-chips button:active { transform: scale(0.97); }
@media (prefers-reduced-motion: reduce) {
  .gaodao-form-card .chip-radio,
  .gaodao-form-card .btn-block,
  .gaodao-example-chips button { transition-duration: 0.01ms !important; transform: none !important; }
}

/* emil-bullet-css-dot: font-independent marker (bullet glyphs often render as ?) */
.pricing-tier li::before,
.pricing-compare .pricing-tier li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.55em !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: var(--v3-verm, var(--color-accent, #9C3226)) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  font-weight: 400 !important;
}