@import url("/theme-variables.css");

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 82px;
}

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text-primary);
  background: var(--bg-primary);
}

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

.site-header {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 18px 0;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--color-divider);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-body);
  font-weight: 500;
}

.brand-mark {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--accent-secondary);
  color: var(--accent-secondary);
  border-radius: var(--radius-sm);
  font-family: var(--font-heading);
  font-size: 24px;
  line-height: 1;
}

.brand-name {
  color: var(--text-primary);
}

.nav-links {
  display: flex;
  gap: 26px;
  color: var(--text-secondary);
  font-size: 14px;
}

.nav-links a {
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}

.nav-links a.active {
  color: var(--text-primary);
  border-bottom-color: var(--accent-primary);
}

main {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding-bottom: 72px;
}

.site-footer {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 24px 0 34px;
  border-top: 1px solid var(--color-divider);
  color: var(--text-muted);
  font-size: 13px;
  text-align: center;
}

.hero {
  min-height: 640px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) 440px;
  gap: 72px;
  align-items: center;
  padding: 22px 0 48px;
}

.eyebrow,
.section-kicker {
  margin: 0 0 14px;
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.eyebrow::before,
.section-kicker::before {
  content: "";
  width: 56px;
  height: 12px;
  flex: 0 0 auto;
  border-radius: var(--radius-sm);
  background: linear-gradient(
    90deg,
    var(--accent-secondary) 0 33.333%,
    var(--wuxing-wood) 33.333% 66.666%,
    var(--wuxing-water) 66.666% 100%
  );
}

h1, h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 500;
  line-height: var(--line-height-heading);
  position: relative;
}

h1 {
  max-width: 760px;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1.35;
}

h1 span {
  display: inline;
}

.serif-title {
  font-family: var(--font-heading);
  font-weight: 500;
}

.sans-title {
  font-family: var(--font-body);
  font-weight: 500;
}

.accent-title {
  color: var(--accent-primary);
  font-family: var(--font-heading);
  white-space: nowrap;
}

h2 {
  font-size: 30px;
}

h2::after {
  content: "";
  display: block;
  width: 128px;
  height: 12px;
  margin-top: 16px;
  border-radius: var(--radius-sm);
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.1), rgba(var(--bg-secondary-rgb), 0.1)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto,
    var(--accent-secondary);
}

.hero h1::after {
  content: "";
  display: block;
  width: 170px;
  height: 14px;
  margin-top: 24px;
  border-radius: var(--radius-sm);
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.08), rgba(var(--bg-secondary-rgb), 0.08)),
    url("/assets/pexels/optimized/texture-wood.jpg") center/320px auto,
    var(--accent-secondary);
}

.lead {
  max-width: 680px;
  margin: 26px 0 0;
  color: var(--text-secondary);
  font-size: 19px;
  line-height: 1.9;
}

.home-urgency-strip {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 18px;
  padding: 9px 14px;
  border: 1px solid rgba(var(--accent-secondary-rgb), .28);
  border-radius: 999px;
  background: rgba(var(--bg-secondary-rgb), .48);
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.home-urgency-strip span {
  color: var(--accent-secondary);
  font-weight: 700;
}

.home-urgency-strip strong {
  color: var(--text-primary);
  font-weight: 700;
}

.home-urgency-strip em {
  color: var(--text-muted);
  font-style: normal;
}

.home-urgency-strip.is-hot {
  border-color: rgba(var(--accent-primary-rgb), .36);
  background: rgba(var(--accent-primary-rgb), .06);
}

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

.btn-primary,
.btn-secondary {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  padding: 11px 22px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.btn-primary {
  border: 0;
  color: var(--text-inverse);
  background: var(--accent-primary);
  box-shadow: 0 12px 28px rgba(var(--accent-primary-rgb), 0.18);
}

.btn-secondary {
  color: var(--accent-secondary);
  background: transparent;
  border: 1px solid var(--accent-secondary);
}

.hero-pay-link {
  color: var(--accent-primary);
  border-color: rgba(var(--accent-primary-rgb), 0.46);
  background: rgba(var(--accent-primary-rgb), 0.04);
}

.hero-revenue-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-top: 14px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.7;
}

.hero-revenue-note a {
  color: var(--accent-secondary);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.mobile-revenue-bar {
  display: none;
}

.h5-hook-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.h5-hook-chips a {
  padding: 8px 13px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 8px;
  background: rgba(var(--bg-card-rgb), 0.72);
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
}

.h5-growth-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  margin: -8px 0 56px;
  padding: 24px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: var(--shadow-card);
}

.h5-growth-panel span,
.h5-share-copy > span,
.h5-conversion > span,
.h5-kicker {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.h5-growth-panel h2 {
  margin-top: 8px;
  font-size: 24px;
}

.h5-growth-panel p {
  max-width: 720px;
  margin: 14px 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.h5-growth-actions {
  display: flex;
  gap: 10px;
}

.h5-page {
  background:
    radial-gradient(circle at 20% 0, rgba(var(--accent-primary-rgb), 0.08), transparent 30%),
    var(--bg-primary);
}

.h5-shell {
  width: min(720px, calc(100% - 28px));
  padding: 18px 0 96px;
}

.h5-hero,
.h5-hook-card,
.h5-share-copy,
.h5-user-flow,
.h5-report-preview,
.h5-conversion {
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background: rgba(var(--bg-card-rgb), 0.92);
  box-shadow: var(--shadow-card);
}

.h5-hero {
  min-height: calc(100svh - 148px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 22px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.86), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/hero-tea-ceremony.jpg") center/cover;
}

.h5-hero h1 {
  margin-top: 14px;
  font-size: clamp(34px, 10vw, 52px);
  line-height: 1.28;
}

.h5-hero p,
.h5-conversion p {
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.85;
}

.h5-hero-actions,
.h5-copy-grid {
  display: grid;
  gap: 10px;
}

.h5-hero-actions {
  grid-template-columns: 1fr 1fr;
  margin-top: 22px;
}

.h5-hook-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.h5-hook-card {
  display: grid;
  gap: 9px;
  padding: 18px;
}

.h5-hook-card.is-selected {
  border-color: rgba(var(--accent-primary-rgb), 0.72);
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.08), rgba(var(--bg-card-rgb), 0.96)),
    var(--bg-card);
}

.h5-hook-card span {
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 600;
}

.h5-hook-card strong {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.h5-hook-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.h5-share-copy,
.h5-user-flow,
.h5-report-preview,
.h5-conversion {
  margin-top: 16px;
  padding: 20px;
}

.h5-share-copy h2,
.h5-user-flow h2,
.h5-report-preview h2,
.h5-conversion h2 {
  margin-top: 8px;
  font-size: 24px;
}

.h5-user-flow > span,
.h5-report-preview > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.h5-flow-grid,
.h5-preview-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

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

.h5-preview-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.h5-flow-grid article,
.h5-preview-list article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.h5-flow-grid strong,
.h5-preview-list strong {
  display: block;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}

.h5-flow-grid p,
.h5-preview-list p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.h5-copy-grid {
  margin-top: 16px;
}

.h5-copy-grid-large {
  max-height: 680px;
  overflow: auto;
  padding-right: 4px;
}

.h5-copy-grid article {
  padding: 14px;
  border-radius: 10px;
  background: var(--bg-primary);
}

.h5-copy-grid strong {
  display: block;
  margin-bottom: 8px;
}

.h5-copy-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.8;
}

.h5-copy-grid .admin-action {
  width: 100%;
  margin-top: 12px;
}

.xhs-post-shell {
  width: min(100% - 28px, 980px);
  margin: 0 auto;
  padding: 28px 0 96px;
}

.xhs-post-hero,
.xhs-post-guide article,
.xhs-post-card {
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background: rgba(var(--bg-card-rgb), 0.94);
  box-shadow: var(--shadow-card);
}

.xhs-post-hero {
  padding: 28px 22px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.86), rgba(var(--bg-card-rgb), 0.95)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.xhs-post-hero span,
.xhs-post-copy > span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.xhs-post-hero h1 {
  margin-top: 12px;
  font-size: clamp(32px, 8vw, 54px);
  line-height: 1.28;
}

.xhs-post-hero p,
.xhs-post-guide p,
.xhs-post-copy p {
  color: var(--text-secondary);
  line-height: 1.78;
}

.xhs-post-hero p {
  max-width: 760px;
  font-size: 15px;
}

.xhs-post-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.xhs-post-guide {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.xhs-post-guide article {
  padding: 16px;
}

.xhs-post-guide span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: var(--accent-primary);
  color: var(--bg-primary);
  font-size: 13px;
  font-weight: 700;
}

.xhs-post-guide strong {
  color: var(--text-primary);
  font-size: 15px;
}

.xhs-post-guide p {
  margin: 8px 0 0;
  font-size: 12px;
}

.xhs-post-grid {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.xhs-r29-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: center;
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 14px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.88), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: var(--shadow-card);
}

.xhs-r29-strip span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.xhs-r29-strip strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.xhs-r29-strip p {
  margin: 8px 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.xhs-r29-strip code {
  display: block;
  padding: 9px 11px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  color: var(--accent-primary);
  background: var(--bg-primary);
  font-family: var(--font-body);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.xhs-r29-strip .xhs-post-buttons {
  grid-template-columns: 1fr;
  min-width: 150px;
}

.xhs-post-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.56fr) minmax(0, 1fr);
  gap: 18px;
  padding: 16px;
}

.xhs-post-cover {
  width: 100%;
  aspect-ratio: 3 / 4;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  object-fit: cover;
  background: var(--bg-primary);
}

.xhs-post-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 10px;
}

.xhs-post-copy h2 {
  font-size: 24px;
}

.xhs-post-copy h2::after {
  width: 88px;
  height: 8px;
  margin-top: 10px;
}

.xhs-post-copy p {
  margin: 0;
  font-size: 14px;
}

.xhs-post-copy code {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  color: var(--accent-primary);
  background: var(--bg-primary);
  font-family: var(--font-body);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.xhs-post-buttons {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.xhs-post-buttons .btn-primary,
.xhs-post-buttons .btn-secondary {
  min-height: 40px;
  padding: 8px 10px;
  font-size: 13px;
  white-space: nowrap;
}

.xhs-reply-kit {
  margin-top: 16px;
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: var(--shadow-card);
}

.xhs-reply-head span,
.xhs-reply-grid article > span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.xhs-reply-head h2 {
  margin-top: 8px;
  font-size: 25px;
}

.xhs-reply-head p {
  max-width: 760px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.xhs-reply-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.xhs-reply-grid article {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.86);
}

.xhs-reply-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.xhs-reply-grid .xhs-post-buttons {
  grid-template-columns: 1fr 1fr;
}

.xhs-run-shell {
  width: min(100% - 28px, 1040px);
  margin: 0 auto;
  padding: 28px 0 96px;
}

.xhs-run-hero,
.xhs-run-summary article,
.xhs-run-card,
.xhs-run-export {
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background: rgba(var(--bg-card-rgb), 0.94);
  box-shadow: var(--shadow-card);
}

.xhs-run-hero {
  padding: 28px 22px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.86), rgba(var(--bg-card-rgb), 0.95)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.xhs-run-hero > span,
.xhs-run-summary span,
.xhs-run-card > span,
.xhs-run-export span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.xhs-run-hero h1 {
  margin-top: 12px;
  font-size: clamp(32px, 8vw, 54px);
  line-height: 1.28;
}

.xhs-run-hero p,
.xhs-run-card p,
.xhs-run-export p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.xhs-run-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.xhs-run-summary article {
  padding: 16px;
}

.xhs-run-summary strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 500;
}

.xhs-run-grid {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.xhs-run-card {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.xhs-run-card h2 {
  font-size: 24px;
}

.xhs-run-form,
.xhs-run-form label {
  display: grid;
  gap: 8px;
}

.xhs-run-form {
  gap: 12px;
}

.xhs-run-form label {
  color: var(--text-secondary);
  font-size: 13px;
}

.xhs-run-form input {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
  color: var(--text-primary);
  font-size: 14px;
}

.xhs-run-inputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.xhs-run-export {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: start;
  margin-top: 14px;
  padding: 18px;
}

.xhs-run-export strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.xhs-run-export pre {
  grid-column: 1 / -1;
  max-height: 320px;
  overflow: auto;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.r29-shell {
  width: min(100% - 28px, 760px);
  margin: 0 auto;
  padding: 28px 0 96px;
}

.r29-hero,
.r29-contact-panel,
.r29-includes article,
.r29-proof {
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background: rgba(var(--bg-card-rgb), 0.94);
  box-shadow: var(--shadow-card);
}

.r29-hero {
  min-height: calc(100svh - 170px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 22px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.86), rgba(var(--bg-card-rgb), 0.95)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.r29-hero > span,
.r29-contact-panel span,
.r29-includes span,
.r29-proof span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.r29-hero h1 {
  margin-top: 12px;
  font-size: clamp(34px, 9vw, 54px);
  line-height: 1.28;
}

.r29-hero p,
.r29-contact-panel p,
.r29-includes p,
.r29-proof p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.r29-price-row {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background: rgba(var(--bg-secondary-rgb), 0.8);
}

.r29-price-row strong {
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 42px;
  font-weight: 500;
}

.r29-price-row span {
  color: var(--text-secondary);
  font-size: 13px;
}

.r29-actions {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 10px;
  margin-top: 18px;
}

.r29-actions .btn-primary,
.r29-actions .btn-secondary,
.r29-contact-form .btn-primary,
.r29-proof .btn-primary {
  justify-content: center;
}

.r29-contact-panel {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.74), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.r29-contact-panel strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.r29-contact-panel p {
  margin: 8px 0 0;
}

.r29-contact-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.go-pay-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.go-pay-methods button {
  min-height: 44px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
}

.go-pay-methods button.is-active {
  border-color: rgba(var(--accent-primary-rgb), 0.72);
  color: var(--accent-primary);
  background: rgba(var(--accent-primary-rgb), 0.08);
}

.r29-contact-form input {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  padding: 11px 12px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
}

[data-life29-pay-link].is-disabled {
  opacity: 0.52;
  cursor: not-allowed;
}

.r29-contact-status {
  min-height: 20px;
  color: var(--accent-primary) !important;
  font-size: 13px !important;
}

.p29-selected-topic {
  display: inline-flex;
  width: fit-content;
  margin-top: 10px !important;
  padding: 5px 10px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 8px;
  background: rgba(var(--accent-primary-rgb), 0.08);
  color: var(--accent-primary) !important;
  font-size: 12px !important;
  font-weight: 600;
}

.r29-includes {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.r29-includes article {
  padding: 16px;
}

.r29-includes strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.r29-includes p {
  margin: 8px 0 0;
}

.r29-proof {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding: 22px;
}

.r29-proof h2 {
  font-size: 24px;
}

.r29-proof h2::after {
  width: 88px;
  height: 8px;
  margin-top: 10px;
}

.r29-share {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background: rgba(var(--bg-card-rgb), 0.94);
  box-shadow: var(--shadow-card);
}

.r29-share > span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.r29-share h2 {
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.r29-share > p,
.r29-share article p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.r29-share-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.r29-share-grid article {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.18);
  border-radius: 12px;
  background: rgba(var(--bg-secondary-rgb), 0.7);
}

.r29-share-grid strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
}

.r29-share-grid .btn-primary,
.r29-share-grid .btn-secondary {
  justify-content: center;
}

.h5-conversion .btn-primary {
  width: 100%;
  margin-top: 14px;
}

.social-go-shell {
  padding-bottom: 112px;
}

.social-go-hero {
  min-height: auto;
}

.social-go-pay {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
  box-shadow: var(--shadow-card);
}

.social-go-pay span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.social-go-pay strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.social-go-pay p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.social-go-pay .btn-primary {
  justify-content: center;
}

.pay29-focus-card {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.34);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.82), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/300px auto;
  box-shadow: 0 16px 34px rgba(var(--accent-primary-rgb), 0.1);
}

.pay29-focus-card[hidden] {
  display: none;
}

.pay29-focus-card span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.pay29-focus-card strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.pay29-focus-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.pay29-focus-card .btn-primary,
.is-pay29-entry .social-go-pay .btn-primary {
  justify-content: center;
}

.p29-result-hook-card {
  gap: 14px;
}

.p29-hook-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.p29-hook-grid article {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.22);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.72);
}

.p29-hook-grid article span {
  letter-spacing: 0;
}

.p29-hook-grid article strong {
  display: block;
  margin-top: 4px;
  font-size: 15px;
}

.p29-hook-grid article p,
.p29-hook-note {
  font-size: 12px;
}

.p29-hook-note {
  padding-top: 2px;
  color: var(--text-muted);
}

.p29-restore-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 14px 0 0;
  padding: 15px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.4);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.94), var(--wuxing-fire-soft)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/300px auto;
  box-shadow: 0 14px 32px rgba(var(--accent-primary-rgb), 0.12);
}

.p29-restore-card[hidden] {
  display: none;
}

.p29-restore-card span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.p29-restore-card strong {
  display: block;
  margin-top: 5px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.p29-restore-card p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.65;
}

.p29-restore-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  min-width: 132px;
}

.p29-restore-actions .btn-primary,
.p29-restore-actions .btn-secondary {
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px;
  white-space: nowrap;
}

.p29-order-lookup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr);
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.22);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.76);
}

.p29-order-lookup span {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.p29-order-lookup strong {
  display: block;
  margin-top: 5px;
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
}

.p29-order-lookup p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.p29-order-lookup form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}

.p29-order-lookup input {
  min-height: 42px;
  width: 100%;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  padding: 10px 11px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
}

.p29-order-lookup .btn-primary,
.p29-order-lookup .btn-secondary {
  min-height: 42px;
  padding: 9px 11px;
  white-space: nowrap;
}

.p29-order-lookup .r29-contact-status {
  grid-column: 1 / -1;
}

.p29-speed-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.p29-speed-strip article {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(250, 248, 245, 0.94), rgba(245, 229, 226, 0.58)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto;
  box-shadow: 0 12px 28px rgba(43, 40, 37, 0.06);
}

.p29-speed-strip span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.p29-speed-strip strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
}

.p29-speed-strip p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.p29-delivery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.p29-delivery-grid article {
  display: grid;
  gap: 7px;
  min-height: 136px;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.94);
  box-shadow: 0 12px 28px rgba(43, 40, 37, 0.07);
}

.p29-delivery-grid span {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.p29-delivery-grid strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.p29-delivery-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.p29-close-notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.p29-close-notes article {
  display: grid;
  gap: 6px;
  padding: 13px 14px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.2);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.82);
}

.p29-close-notes span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.06em;
}

.p29-close-notes strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.p29-close-notes p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.is-pay29-entry #goContactPanel {
  border-color: rgba(var(--accent-primary-rgb), 0.44);
}

.is-p29-compact .social-go-shell {
  padding-top: 18px;
}

.is-p29-compact .social-go-hero {
  padding-bottom: 20px;
}

.is-p29-compact .social-funnel-strip,
.is-p29-compact .social-go-pay,
.is-p29-compact #goTopics,
.is-p29-compact .social-go-conversion {
  display: none;
}

.is-p29-compact .pay29-focus-card {
  margin-top: 12px;
}

.p29-topic-picker {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.22);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(var(--accent-secondary-rgb), 0.08), rgba(var(--bg-card-rgb), 0.96)),
    var(--bg-card);
  box-shadow: 0 14px 32px rgba(43, 40, 37, 0.06);
}

.p29-topic-heading span {
  display: block;
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.p29-topic-heading strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
}

.p29-topic-heading p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.p29-topic-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.p29-topic-grid .h5-hook-card {
  min-height: 136px;
}

.p29-topic-grid .h5-hook-card p {
  font-size: 12px;
}

.p29-progress-card,
.p29-birth-panel,
.payment-batch-notice,
.payment-success-note,
.faq-filter-panel {
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.94);
  box-shadow: 0 14px 32px rgba(43, 40, 37, 0.06);
}

.p29-progress-card {
  margin-top: 14px;
  padding: 12px;
}

.p29-progress-card ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p29-progress-card li {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border-radius: 10px;
  color: var(--text-secondary);
  background: var(--bg-secondary);
  font-size: 13px;
}

.p29-progress-card li.is-active {
  color: var(--text-primary);
  background: rgba(var(--accent-primary-rgb), 0.1);
}

.p29-progress-card b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(var(--accent-primary-rgb), 0.12);
  color: var(--accent-primary);
  font-size: 12px;
}

.p29-birth-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.p29-birth-panel span,
.payment-batch-notice span,
.payment-success-note span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.p29-birth-panel strong,
.payment-batch-notice strong,
.payment-success-note strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 600;
}

.p29-birth-panel p,
.payment-batch-notice p,
.payment-success-note p {
  margin: 7px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.p29-birth-form {
  display: grid;
  gap: 10px;
}

.p29-birth-form label {
  display: grid;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 13px;
}

.p29-birth-form input {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: #fff;
  color: var(--text-primary);
}

.is-p29-compact .p29-delivery-grid {
  grid-template-columns: 1fr;
}

.is-p29-compact .p29-restore-card {
  grid-template-columns: 1fr;
}

.is-p29-compact .p29-order-lookup {
  grid-template-columns: 1fr;
}

.is-p29-compact .p29-order-lookup form {
  grid-template-columns: 1fr;
}

.is-p29-compact .p29-speed-strip {
  grid-template-columns: 1fr;
}

.is-p29-compact .p29-restore-actions {
  grid-template-columns: 1fr 1fr;
}

.is-p29-compact .p29-restore-actions [data-clear-pending-payment] {
  grid-column: 1 / -1;
}

.is-p29-compact .p29-close-notes {
  grid-template-columns: 1fr;
}

.is-p29-compact .p29-delivery-grid article {
  min-height: 0;
}

.is-p29-compact #goContactPanel {
  margin-top: 12px;
  border-color: rgba(var(--accent-primary-rgb), 0.55);
  box-shadow: 0 18px 38px rgba(var(--accent-primary-rgb), 0.12);
}

.is-p29-compact .r29-contact-form {
  grid-template-columns: 1fr;
}

.is-p29-compact .r29-contact-form .btn-primary {
  min-height: 48px;
}

.is-p29-compact .h5-mobile-bar .btn-secondary {
  display: none;
}

.is-p29-compact .h5-mobile-bar {
  grid-template-columns: 1fr;
}

.is-p29-compact .p29-mobile-bar {
  grid-template-columns: 0.78fr 1.06fr 0.82fr;
}

.is-p29-compact .p29-mobile-bar .btn-secondary {
  display: inline-flex;
}

.social-funnel-strip {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 0.72fr);
  gap: 14px;
  align-items: center;
  margin: 16px 0 0;
  padding: 18px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-secondary-rgb), 0.08), rgba(var(--bg-card-rgb), 0.94)),
    var(--bg-card);
}

.social-funnel-strip > span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.social-funnel-strip strong {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.social-funnel-strip p {
  grid-column: 1;
  margin: -4px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.social-funnel-steps {
  grid-column: 2;
  grid-row: 1 / span 3;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.social-funnel-steps a {
  display: grid;
  gap: 6px;
  justify-items: center;
  padding: 12px 10px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 10px;
  background: rgba(var(--bg-secondary-rgb), 0.72);
  color: var(--text-primary);
  text-align: center;
  text-decoration: none;
}

.social-funnel-steps em {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--accent-primary);
  color: var(--bg-primary);
  font-style: normal;
  font-size: 13px;
}

.social-funnel-steps span {
  font-size: 13px;
  font-weight: 600;
}

.social-go-list {
  gap: 10px;
}

.social-go-conversion {
  margin-top: 18px;
}

.h5-test-shell {
  width: min(1040px, calc(100% - 28px));
  padding-bottom: 112px;
}

.h5-test-hero {
  min-height: 100%;
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.88), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
  box-shadow: var(--shadow-card);
}

.h5-test-hero span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.h5-test-hero h1 {
  margin: 12px 0 0;
  font-size: clamp(28px, 5vw, 42px);
  line-height: 1.28;
}

.h5-test-hero p {
  max-width: 680px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.h5-test-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.h5-test-actions .btn-primary,
.h5-test-actions .btn-secondary {
  min-width: 160px;
  justify-content: center;
}

.h5-test-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.h5-test-proof span {
  padding: 5px 9px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.26);
  border-radius: 999px;
  background: rgba(var(--bg-card-rgb), 0.68);
  color: var(--text-secondary);
  font-size: 12px;
  letter-spacing: 0;
}

.h5-test-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.95fr) minmax(300px, 1.05fr);
  gap: 16px;
  margin-top: 0;
  align-items: start;
}

.h5-test-form,
.h5-test-result {
  background: rgba(var(--bg-card-rgb), 0.94);
}

.h5-test-form {
  grid-column: auto;
}

.h5-test-result {
  grid-column: 1 / -1;
}

.buy-page {
  background:
    radial-gradient(circle at 18% 0, rgba(var(--accent-primary-rgb), 0.08), transparent 28%),
    var(--bg-primary);
}

.buy-shell {
  width: min(880px, calc(100% - 28px));
  padding: 28px 0 96px;
}

.buy-hero,
.buy-choice-card,
.buy-boundary,
.buy-process-panel,
.buy-fit-panel article {
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background: rgba(var(--bg-card-rgb), 0.94);
  box-shadow: var(--shadow-card);
}

.buy-hero {
  padding: 30px 24px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.88), rgba(var(--bg-card-rgb), 0.95)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/300px auto;
}

.buy-hero span,
.buy-choice-card > span,
.buy-boundary span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.buy-hero h1 {
  margin-top: 12px;
  font-size: clamp(34px, 7vw, 56px);
}

.buy-hero p,
.buy-choice-card p,
.buy-choice-card li,
.buy-boundary p,
.buy-process-grid p,
.buy-fit-panel p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.buy-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.buy-process-panel {
  margin-top: 16px;
  padding: 22px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/300px auto;
}

.buy-process-panel > span,
.buy-fit-panel span {
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.buy-process-panel h2 {
  margin: 10px 0 16px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.buy-process-panel h2::after {
  display: none;
}

.buy-process-grid,
.buy-fit-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.buy-process-grid article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: rgba(var(--bg-secondary-rgb), 0.78);
}

.buy-process-grid strong {
  color: var(--text-primary);
  font-size: 14px;
}

.buy-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.buy-choice-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
}

.buy-choice-card.recommended {
  border-color: var(--accent-primary);
  box-shadow: inset 0 0 0 1px var(--accent-primary), var(--shadow-card);
}

.buy-choice-card h2 {
  font-size: 25px;
}

.buy-choice-card h2::after {
  width: 88px;
  height: 8px;
  margin-top: 10px;
}

.buy-choice-card strong {
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 34px;
  font-weight: 500;
}

.buy-choice-card ul {
  display: grid;
  gap: 8px;
  margin: 0 0 4px;
  padding-left: 18px;
}

.buy-pay-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: auto;
}

.buy-pay-actions .btn-primary,
.buy-pay-actions .btn-secondary {
  width: 100%;
  padding-inline: 10px;
}

.buy-boundary {
  margin-top: 16px;
  padding: 18px;
}

.buy-fit-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}

.buy-fit-panel article {
  padding: 18px;
  border-radius: 12px;
}

.buy-boundary p {
  margin: 8px 0 0;
}

.start-page {
  min-height: 100vh;
  background:
    linear-gradient(rgba(var(--bg-primary-rgb), 0.9), rgba(var(--bg-primary-rgb), 0.95)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/360px auto;
}

.start-shell {
  width: min(100% - 28px, 760px);
  margin: 0 auto;
  padding: 34px 0 96px;
}

.start-hero,
.start-choice-card,
.start-action-panel,
.start-lead-panel,
.start-proof article {
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.9);
  box-shadow: var(--shadow-card);
}

.start-hero {
  padding: 28px 22px;
}

.start-hero span,
.start-action-panel > span,
.start-lead-copy span,
.start-choice-card span,
.start-proof span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.start-hero h1 {
  margin: 12px 0 0;
  font-size: clamp(32px, 9vw, 48px);
  line-height: 1.28;
}

.start-hero p,
.start-choice-card p,
.start-action-panel p,
.start-lead-copy p,
.start-proof p {
  color: var(--text-secondary);
  line-height: 1.75;
}

.start-choice-grid {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.start-choice-card {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.start-choice-card strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.start-choice-card p {
  margin: 0;
  font-size: 13px;
}

.start-action-panel {
  margin-top: 16px;
  padding: 22px;
}

.start-action-panel h2 {
  margin: 10px 0 16px;
  font-size: 24px;
}

.start-action-panel h2::after {
  display: none;
}

.start-action-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 10px;
}

.start-action-grid .btn-primary,
.start-action-grid .btn-secondary {
  justify-content: center;
}

.start-lead-panel {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 18px;
  align-items: start;
  margin-top: 16px;
  padding: 22px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.06), rgba(var(--accent-secondary-rgb), 0.08)),
    rgba(var(--bg-card-rgb), 0.94);
}

.start-lead-copy h2 {
  margin: 10px 0 10px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.38;
}

.start-lead-copy p {
  margin: 0;
  font-size: 13px;
}

.start-lead-form {
  display: grid;
  gap: 12px;
}

.start-lead-form label {
  display: grid;
  gap: 7px;
  color: var(--text-secondary);
  font-size: 13px;
}

.start-lead-form input {
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: #fff;
  color: var(--text-primary);
  font-size: 15px;
}

.start-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px;
  gap: 10px;
  align-items: end;
}

.start-code-row .btn-secondary {
  min-height: 44px;
  justify-content: center;
  padding-inline: 10px;
}

.start-lead-hint {
  min-height: 20px;
  margin: 0;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.6;
}

.start-lead-hint.is-error {
  color: var(--accent-primary);
}

.start-lead-success {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.86);
}

.start-lead-success[hidden] {
  display: none;
}

.start-lead-success strong {
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.start-lead-success > span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.start-lead-success p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.start-pay-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.start-pay-card {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: #fff;
}

.start-pay-card.is-primary {
  border-color: rgba(var(--accent-primary-rgb), 0.45);
  background: rgba(var(--accent-primary-rgb), 0.06);
}

.start-pay-card span {
  color: var(--text-muted);
  font-size: 12px;
}

.start-pay-card strong,
.start-pay-card em {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 500;
}

.start-pay-card em {
  color: var(--accent-primary);
  font-size: 24px;
}

.start-pay-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.start-process-panel {
  margin-top: 16px;
  padding: 22px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto;
  box-shadow: var(--shadow-card);
}

.start-process-panel > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.start-process-panel h2 {
  margin: 10px 0 16px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.start-process-panel h2::after {
  display: none;
}

.start-process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.start-process-grid article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: rgba(var(--bg-secondary-rgb), 0.78);
}

.start-process-grid strong {
  display: block;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}

.start-process-grid p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.start-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.start-proof article {
  padding: 16px;
}

.start-proof p {
  margin: 8px 0 0;
  font-size: 13px;
}

.start-publish-panel {
  margin-top: 16px;
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.92);
  box-shadow: var(--shadow-card);
}

.start-publish-head span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.start-publish-head h2 {
  margin: 10px 0 8px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.38;
}

.start-publish-head p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.start-publish-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.start-publish-grid article {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.start-publish-grid strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
}

.start-publish-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.start-publish-grid .btn-secondary {
  justify-content: center;
}

.topic-links-panel,
.topic-hero,
.topic-grid,
.content-hub-grid,
.growth-loop-panel {
  margin-bottom: 56px;
}

.topic-link-grid,
.topic-grid,
.content-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.topic-link-grid a,
.topic-grid article,
.topic-hero,
.content-hub-card,
.growth-loop-panel {
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.topic-link-grid a {
  display: grid;
  gap: 8px;
  padding: 20px;
}

.topic-link-grid span,
.topic-grid span,
.topic-hero > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.topic-link-grid strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.content-hero {
  background:
    linear-gradient(90deg, rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.78)),
    url("/assets/pexels/optimized/incense-smoke.jpg") center/cover;
}

.content-hub-grid {
  margin-top: 28px;
}

.content-hub-card {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.content-hub-card:hover {
  transform: translateY(-2px);
  border-color: var(--accent-secondary);
}

.content-hub-card span {
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 600;
}

.content-hub-card strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}

.content-hub-card p {
  margin: auto 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.75;
}

.growth-loop-panel {
  margin-top: 28px;
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
  gap: 24px;
  padding: 24px;
}

.growth-loop-panel > div > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.growth-loop-panel ol {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  list-style: none;
  counter-reset: growth-step;
}

.growth-loop-panel li {
  counter-increment: growth-step;
  position: relative;
  padding: 16px 18px 16px 54px;
  background: var(--bg-primary);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-sm);
}

.growth-loop-panel li::before {
  content: counter(growth-step, decimal-leading-zero);
  position: absolute;
  left: 16px;
  top: 17px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 18px;
}

.growth-loop-panel strong {
  display: block;
  margin-bottom: 6px;
}

.growth-loop-panel p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.topic-conversion-panel {
  margin: 8px 0 64px;
  padding: 28px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/300px auto;
  box-shadow: var(--shadow-card);
}

.topic-conversion-panel > span {
  color: var(--accent-primary);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.topic-conversion-panel h2 {
  max-width: 760px;
  margin-top: 10px;
  font-size: 28px;
}

.topic-conversion-panel p {
  max-width: 780px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.8;
}

.topic-conversion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.topic-hero {
  margin-top: 64px;
  padding: 42px;
}

.topic-hero h1 {
  max-width: 860px;
  margin-top: 12px;
  font-size: clamp(38px, 6vw, 64px);
  line-height: 1.35;
}

.topic-hero p {
  max-width: 760px;
  color: var(--text-secondary);
  font-size: 17px;
  line-height: 1.9;
}

.topic-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.topic-grid article {
  padding: 22px;
}

.topic-grid h2 {
  margin-top: 10px;
  font-size: 22px;
}

.topic-grid p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.hero-visual {
  display: grid;
  gap: 16px;
}

.hero-photo {
  overflow: hidden;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: 0 22px 60px rgba(var(--text-primary-rgb), 0.1);
}

.hero-photo img {
  width: 100%;
  height: 430px;
  display: block;
  object-fit: cover;
  filter: saturate(0.9);
}

.wuxing-card {
  padding: 18px 20px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.wuxing-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.wuxing-head span {
  color: var(--text-secondary);
  font-size: 13px;
}

.wuxing-head strong {
  font-family: var(--font-heading);
  font-weight: 500;
  color: var(--text-primary);
}

.wuxing-stack {
  display: flex;
  height: 10px;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--color-divider);
}

.wuxing-stack i {
  display: block;
  height: 100%;
}

.wood,
.wood-text { color: var(--wuxing-wood); }
.fire,
.fire-text { color: var(--wuxing-fire); }
.earth,
.earth-text { color: var(--wuxing-earth); }
.metal,
.metal-text { color: var(--wuxing-metal); }
.water,
.water-text { color: var(--wuxing-water); }

.wuxing-stack .wood { background: var(--wuxing-wood); }
.wuxing-stack .fire { background: var(--wuxing-fire); }
.wuxing-stack .earth { background: var(--wuxing-earth); }
.wuxing-stack .metal { background: var(--wuxing-metal); }
.wuxing-stack .water { background: var(--wuxing-water); }

.wuxing-labels {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  font-size: 12px;
}

.reading-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  margin-top: 8px;
}

.reading-layout::before {
  content: "→";
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  color: var(--accent-secondary);
  font-size: 30px;
  line-height: 1;
}

.panel {
  background: var(--bg-card);
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  padding: 22px;
  box-shadow: var(--shadow-card);
}

.form-panel {
  grid-column: 1;
  display: grid;
  gap: 14px;
}

.result-panel {
  grid-column: 3;
}

.panel-note,
.muted,
.status {
  color: var(--text-secondary);
  line-height: 1.8;
}

.result-top-conversion {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.3);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.95), rgba(var(--bg-primary-rgb), 0.92)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.result-top-conversion span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.result-top-conversion strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.result-top-conversion p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.result-cash-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.42);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.86), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: 0 16px 40px rgba(var(--accent-primary-rgb), 0.12);
}

.result-cash-strip span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.result-cash-strip strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.result-cash-strip p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.result-cash-actions {
  display: grid;
  gap: 8px;
  min-width: 170px;
}

.result-cash-actions .btn-primary,
.result-cash-actions .btn-secondary {
  justify-content: center;
}

.result-top-actions {
  display: grid;
  gap: 8px;
  min-width: 180px;
}

.result-sticky-pay {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  left: max(16px, env(safe-area-inset-left));
  z-index: 60;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: min(920px, calc(100% - 32px));
  margin: 0 auto;
  padding: 12px 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.32);
  border-radius: 12px;
  background: rgba(var(--bg-secondary-rgb), 0.96);
  box-shadow: 0 18px 44px rgba(43, 40, 37, 0.18);
  backdrop-filter: blur(12px);
}

.result-sticky-pay span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.result-sticky-pay strong {
  display: block;
  margin-top: 3px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
}

.result-sticky-pay p {
  margin: 3px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}

.result-sticky-actions {
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px;
}

.result-sticky-actions .btn-primary,
.result-sticky-actions .btn-secondary {
  min-height: 40px;
  padding: 8px 12px;
  white-space: nowrap;
}

label {
  display: grid;
  gap: 10px;
  color: var(--text-secondary);
  font-size: 14px;
}

.check {
  display: flex;
  align-items: center;
  gap: 8px;
}

input, select, button {
  min-height: 46px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 11px 12px;
  font: inherit;
  background: var(--bg-card);
  color: var(--text-primary);
}

button {
  border: 0;
}

.segmented {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.segmented label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--bg-card);
  color: var(--text-primary);
}

.result-panel {
  min-height: 100%;
}

.result-visual {
  position: relative;
  min-height: 180px;
  margin-bottom: 22px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--bg-secondary);
}

.result-visual img {
  width: 100%;
  height: 220px;
  display: block;
  object-fit: cover;
}

.result-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(var(--text-primary-rgb), 0.3), rgba(var(--text-primary-rgb), 0.04));
}

.result-visual div {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 1;
  max-width: 420px;
  color: var(--text-inverse);
}

.result-visual span {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}

.result-visual strong {
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.45;
}

.placeholder-grid,
.pillars,
.counts,
.plans,
.method-grid {
  display: grid;
  gap: 14px;
}

.placeholder-grid,
.pillars,
.counts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.placeholder-grid div,
.pillar-card,
.count-card,
.plans article,
.method-grid article,
.product,
.report-card {
  background: var(--bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 18px;
}

.placeholder-grid div {
  display: grid;
  place-items: center;
  gap: 5px;
  min-height: 82px;
  background: var(--bg-primary);
  border-radius: 6px;
  padding: 12px 8px;
}

.placeholder-grid div span {
  color: var(--text-muted);
  font-size: 12px;
}

.placeholder-grid div strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.pillar-card,
.count-card,
.method-grid article,
.plans article,
.hook-card,
.report-card,
.rule-panel div {
  position: relative;
  overflow: hidden;
  padding-left: 26px;
}

.pillar-card::before,
.count-card::before,
.method-grid article::before,
.plans article::before,
.hook-card::before,
.report-card::before,
.rule-panel div::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: var(--accent-secondary);
}

.pillar-card:nth-child(5n+1)::before,
.count-card:nth-child(5n+1)::before,
.method-grid article:nth-child(5n+1)::before,
.plans article:nth-child(5n+1)::before,
.hook-card:nth-child(5n+1)::before,
.report-card:nth-child(5n+1)::before,
.rule-panel div:nth-child(5n+1)::before { background: var(--wuxing-wood); }

.pillar-card:nth-child(5n+2)::before,
.count-card:nth-child(5n+2)::before,
.method-grid article:nth-child(5n+2)::before,
.plans article:nth-child(5n+2)::before,
.hook-card:nth-child(5n+2)::before,
.report-card:nth-child(5n+2)::before,
.rule-panel div:nth-child(5n+2)::before { background: var(--wuxing-fire); }

.pillar-card:nth-child(5n+3)::before,
.count-card:nth-child(5n+3)::before,
.method-grid article:nth-child(5n+3)::before,
.plans article:nth-child(5n+3)::before,
.hook-card:nth-child(5n+3)::before,
.report-card:nth-child(5n+3)::before,
.rule-panel div:nth-child(5n+3)::before { background: var(--wuxing-earth); }

.pillar-card:nth-child(5n+4)::before,
.count-card:nth-child(5n+4)::before,
.method-grid article:nth-child(5n+4)::before,
.plans article:nth-child(5n+4)::before,
.hook-card:nth-child(5n+4)::before,
.report-card:nth-child(5n+4)::before,
.rule-panel div:nth-child(5n+4)::before { background: var(--wuxing-metal); }

.pillar-card:nth-child(5n+5)::before,
.count-card:nth-child(5n+5)::before,
.method-grid article:nth-child(5n+5)::before,
.plans article:nth-child(5n+5)::before,
.hook-card:nth-child(5n+5)::before,
.report-card:nth-child(5n+5)::before,
.rule-panel div:nth-child(5n+5)::before { background: var(--wuxing-water); }

.preview-copy {
  margin: 16px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.result-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 20px;
  align-items: center;
  margin-bottom: 24px;
}

.lack-badge {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  color: var(--text-inverse);
  background: var(--accent-primary);
  border-radius: var(--radius-sm);
}

.mini-orbit {
  position: relative;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--bg-card) 0 34%, transparent 35%),
    conic-gradient(var(--wuxing-wood) 0 var(--wood-deg), var(--wuxing-fire) var(--wood-deg) var(--fire-deg), var(--wuxing-earth) var(--fire-deg) var(--earth-deg), var(--wuxing-metal) var(--earth-deg) var(--metal-deg), var(--wuxing-water) var(--metal-deg) 100%);
  border: 1px solid var(--color-border);
}

.pillar-card span,
.count-card span,
.hook-card span {
  display: block;
  color: var(--text-secondary);
  font-size: 13px;
}

.pillar-card strong,
.count-card strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 500;
}

.pillar-card small {
  display: block;
  margin-top: 8px;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.6;
}

.count-meter {
  height: 8px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: var(--color-divider);
}

.count-meter i {
  display: block;
  height: 100%;
  width: var(--pct);
  background: var(--bar-color);
}

.product {
  margin-top: 20px;
  border-left: 4px solid var(--accent-primary);
}

.no-product {
  border-left-color: var(--accent-secondary);
}

.insight-panel,
.locked-section {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 22px;
  margin-top: 24px;
  padding: 22px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.82), rgba(var(--bg-card-rgb), 0.82)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/620px auto;
}

.rule-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.rule-panel div,
.contra-panel {
  padding: 18px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.82), rgba(var(--bg-card-rgb), 0.82)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/520px auto;
}

.rule-panel span {
  display: block;
  color: var(--text-secondary);
  font-size: 13px;
}

.rule-panel strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.reason-list {
  margin-top: 14px;
}

.reason-list b,
.contra-panel strong {
  display: block;
  margin-bottom: 8px;
  color: var(--text-primary);
}

.reason-list p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  line-height: 1.75;
}

.reason-list p::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: var(--radius-sm);
  background: var(--accent-secondary);
  vertical-align: 1px;
}

.contra-panel {
  margin-top: 16px;
  background: rgba(var(--bg-secondary-rgb), 0.72);
}

.advice-list {
  display: grid;
  gap: 12px;
}

.advice-list div {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.advice-list span {
  width: 10px;
  height: 10px;
  margin-top: 10px;
  border-radius: var(--radius-sm);
  background: var(--accent-secondary);
}

.advice-list p,
.hook-card p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.8;
}

.locked-section {
  align-items: center;
  background: rgba(var(--bg-secondary-rgb), 0.72);
}

.locked-section .btn-primary {
  justify-self: end;
  white-space: nowrap;
}

.hook-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0 24px;
}

.hook-card {
  min-height: 230px;
  padding: 18px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--bg-card);
}

.hook-card strong {
  display: block;
  margin: 10px 0;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.locked-line {
  margin: 14px 0;
  padding: 12px;
  border-left: 3px solid var(--accent-primary);
  color: var(--text-primary);
  background: var(--bg-secondary);
  line-height: 1.7;
}

.hook-card a {
  color: var(--accent-primary);
  font-weight: 600;
}

.report-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.report-card strong {
  display: block;
  margin-bottom: 8px;
}

.locked-preview {
  position: relative;
}

.locked-preview em {
  display: inline-block;
  margin-top: 12px;
  color: var(--accent-primary);
  font-style: normal;
  font-weight: 600;
}

.method-band {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 36px;
  align-items: start;
  margin: 70px 0 26px;
  padding: 34px 0;
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
}

.method-band h2::after {
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.18), rgba(var(--bg-secondary-rgb), 0.18)),
    url("/assets/pexels/optimized/texture-wood.jpg") center/320px auto,
    var(--wuxing-earth);
}

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

.method-grid span {
  color: var(--accent-secondary);
  font-family: var(--font-heading);
}

.method-grid strong {
  display: block;
  margin: 14px 0 8px;
}

.method-grid p {
  margin: 0;
  color: var(--text-secondary);
  line-height: 1.75;
}

.membership-panel,
.faq {
  margin-top: 26px;
}

.membership-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 20px;
}

.membership-head .muted {
  max-width: 520px;
  margin: 0;
}

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

.plans article {
  min-height: 160px;
}

.plans article b {
  display: block;
  margin: 14px 0 10px;
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 500;
}

.plans span {
  color: var(--text-secondary);
  line-height: 1.7;
}

.plans .featured {
  border-color: rgba(var(--accent-primary-rgb), 0.42);
  box-shadow: 0 18px 38px rgba(var(--accent-primary-rgb), 0.08);
}

.plans .featured::before {
  background: var(--accent-primary);
}

.membership-panel {
  margin-top: 48px;
}

.membership-title {
  max-width: 720px;
  margin: 0 auto 32px;
  text-align: center;
}

.membership-title > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.membership-title h2 {
  margin-top: 12px;
  font-family: var(--font-heading);
  font-size: 34px;
}

.membership-title h2 span {
  color: var(--accent-primary);
}

.membership-title p {
  margin: 14px auto 0;
  max-width: 620px;
  color: var(--text-secondary);
  line-height: 1.8;
}

.membership-title h2::after {
  margin-left: auto;
  margin-right: auto;
}

.plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 36px;
}

.plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 360px;
  padding: 24px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
}

.plan-card::before {
  display: none;
}

.plan-card.recommended {
  border: 2px solid var(--accent-primary);
}

.plan-card.premium {
  border: 2px solid var(--accent-secondary);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-wood.jpg") center/360px auto,
    var(--bg-card);
}

.plan-card.premium .recommend-tag {
  border-color: rgba(184, 146, 74, 0.42);
  background: #fff6dc;
  color: #5f3f08;
}

.plan-card.premium .plan-price b {
  color: var(--accent-secondary);
}

.recommend-tag {
  position: absolute;
  top: -16px;
  left: 24px;
  z-index: 2;
  min-width: 56px;
  padding: 7px 16px;
  border: 1px solid rgba(193, 59, 42, 0.32);
  border-radius: 999px;
  background: #fff1ec;
  color: #7f2418;
  box-shadow: 0 8px 18px rgba(46, 32, 18, 0.18);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-align: center;
}

.plan-price span {
  display: block;
  color: var(--text-secondary);
  font-size: 14px;
}

.plan-price b {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
}

.plan-price small {
  margin-left: 4px;
  color: var(--text-secondary);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
}

.plan-card ul {
  flex: 1;
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid var(--color-divider);
  list-style: none;
}

.plan-card li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.6;
}

.plan-check {
  position: relative;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 2px;
}

.plan-check::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  width: 9px;
  height: 5px;
  border-left: 2px solid var(--color-success);
  border-bottom: 2px solid var(--color-success);
  transform: rotate(-45deg);
}

.plan-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  border-radius: 6px;
  font-weight: 600;
}

.plan-button.secondary {
  border: 1px solid var(--accent-secondary);
  color: var(--accent-secondary);
}

.plan-button.primary {
  border: 1px solid var(--accent-primary);
  background: var(--accent-primary);
  color: var(--text-inverse);
}

.item-example {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: center;
  padding: 24px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
}

.item-kicker {
  color: var(--text-muted);
  font-size: 13px;
}

.item-copy h3 {
  margin: 8px 0 10px;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
}

.item-copy p {
  margin: 0 0 14px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.wuxing-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
}

.wood-badge { background: var(--wuxing-wood-soft); color: var(--wuxing-wood-deep); }
.fire-badge { background: var(--wuxing-fire-soft); color: var(--wuxing-fire-deep); }
.earth-badge { background: var(--wuxing-earth-soft); color: var(--wuxing-earth-deep); }
.metal-badge { background: var(--wuxing-metal-soft); color: var(--wuxing-metal-deep); }
.water-badge { background: var(--wuxing-water-soft); color: var(--wuxing-water-deep); }

.item-visual {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-primary);
}

.item-visual span {
  width: 24px;
  height: 24px;
  border: 5px solid var(--wuxing-wood);
  border-radius: 50%;
  background: transparent;
}

.product-photo-frame {
  overflow: hidden;
  padding: 0;
  background: var(--bg-secondary);
}

.product-photo-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.boundary-panel {
  margin: 48px 0;
}

.boundary-title {
  margin-bottom: 22px;
}

.boundary-title span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.boundary-title h2 {
  margin-top: 8px;
  font-size: 30px;
}

.boundary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.boundary-grid article {
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.boundary-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.85;
}

.boundary-note {
  margin: 16px 0 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.8;
}

.membership-page-hero {
  max-width: 820px;
  margin: 74px auto 36px;
  text-align: center;
}

.membership-page-hero > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.membership-page-hero h1 {
  margin-top: 12px;
  font-size: clamp(38px, 5vw, 58px);
}

.membership-page-hero p {
  margin: 22px auto 0;
  max-width: 720px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.9;
}

.standalone-membership {
  margin-top: 0;
}

.conversion-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  margin-bottom: 28px;
  padding: 24px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.78), rgba(var(--bg-secondary-rgb), 0.78)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/360px auto;
}

.conversion-note span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
}

.conversion-note h2 {
  margin-top: 8px;
  font-size: 22px;
}

.conversion-note h2::after {
  display: none;
}

.conversion-note p {
  max-width: 680px;
  margin: 10px 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.career-blindbox-form {
  display: grid;
  gap: 12px;
  margin: -8px 0 28px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.92);
}

.career-blindbox-form label {
  display: grid;
  gap: 6px;
}

.career-blindbox-form label span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
}

.career-blindbox-form label strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.career-blindbox-form-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
}

.career-blindbox-form input {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  padding: 11px 12px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
}

.career-blindbox-form .btn-primary,
.career-blindbox-form .btn-secondary {
  min-height: 46px;
  justify-content: center;
  white-space: nowrap;
}

.career-blindbox-status {
  min-height: 20px;
  margin: 0;
  color: var(--accent-primary);
  font-size: 13px;
  line-height: 1.5;
}

.member-report-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 28px;
  align-items: center;
  padding: 24px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
}

.member-report-preview h2 {
  margin-top: 8px;
  font-size: 24px;
}

.member-report-preview p {
  color: var(--text-secondary);
  line-height: 1.8;
}

.report-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.report-preview-grid section {
  min-height: 138px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.84), rgba(var(--bg-card-rgb), 0.84)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto,
    var(--bg-secondary);
}

.report-preview-grid span {
  color: var(--accent-secondary);
  font-family: var(--font-heading);
  font-size: 16px;
}

.report-preview-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.membership-title.compact {
  margin-top: 44px;
  margin-bottom: 22px;
}

.membership-title.compact h2 {
  font-size: clamp(24px, 3vw, 30px);
}

.membership-decision-guide,
.membership-compare-section,
.membership-faq-section,
.membership-final-cta {
  margin-top: 28px;
}

.membership-decision-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.membership-decision-grid article {
  display: grid;
  gap: 10px;
  padding: 20px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.94);
}

.membership-decision-grid article.featured {
  border-color: rgba(var(--accent-primary-rgb), 0.32);
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.82), rgba(var(--bg-secondary-rgb), 0.82)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.membership-decision-grid span {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
}

.membership-decision-grid strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.membership-decision-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.membership-decision-grid a {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 700;
}

.membership-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-card);
}

.membership-compare-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  color: var(--text-primary);
  font-size: 13px;
}

.membership-compare-table th,
.membership-compare-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-divider);
  text-align: center;
}

.membership-compare-table th:first-child,
.membership-compare-table td:first-child {
  text-align: left;
}

.membership-compare-table th {
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 700;
}

.membership-compare-table tr:last-child td {
  border-bottom: 0;
}

.membership-compare-table .featured {
  background: rgba(var(--accent-primary-rgb), 0.055);
}

.membership-compare-table a {
  color: var(--accent-primary);
  font-weight: 700;
}

.membership-faq-list {
  display: grid;
  gap: 10px;
  max-width: 780px;
  margin: 0 auto;
}

.membership-faq-list details {
  padding: 16px 18px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-card);
}

.membership-faq-list summary {
  color: var(--text-primary);
  font-weight: 700;
}

.membership-faq-list p {
  margin: 12px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.membership-final-cta {
  padding: 32px 24px;
  border-radius: 12px;
  background: var(--ivory-deep);
  text-align: center;
}

.membership-final-cta h2 {
  color: var(--text-inverse);
  font-size: clamp(26px, 3vw, 34px);
}

.membership-final-cta h2::after {
  margin-left: auto;
  margin-right: auto;
}

.membership-final-cta p {
  max-width: 520px;
  margin: 18px auto 0;
  color: rgba(247, 244, 239, 0.72);
  line-height: 1.8;
}

.membership-final-cta > div {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.payment-layout {
  display: grid;
  grid-template-columns: minmax(0, 720px) 340px;
  gap: 20px;
  align-items: start;
  padding: 46px 0 88px;
  justify-content: center;
}

.payment-card,
.payment-aside > div {
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.payment-card {
  padding: 26px;
}

.payment-card h1 {
  margin: 8px 0 10px;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.22;
}

.payment-card > p {
  max-width: 660px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.75;
}

.payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0;
}

.payment-entry-guide {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.9fr) 150px;
  gap: 16px;
  align-items: center;
  margin: -8px 0 20px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.26);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.075), rgba(var(--accent-secondary-rgb), 0.06));
}

.payment-entry-guide.is-priority {
  border-color: rgba(var(--accent-primary-rgb), 0.5);
  box-shadow: 0 16px 40px rgba(var(--accent-primary-rgb), 0.12);
}

.payment-entry-guide.is-auto-create {
  border-color: var(--accent-primary);
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.12), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.payment-entry-guide.is-restore {
  border-color: var(--accent-primary);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/300px auto;
}

.payment-entry-guide span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.payment-entry-guide strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.payment-entry-guide p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-entry-guide ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.payment-entry-guide li {
  display: grid;
  gap: 6px;
  justify-items: center;
  padding: 10px 8px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.14);
  border-radius: 10px;
  background: rgba(var(--bg-secondary-rgb), 0.68);
  text-align: center;
}

.payment-entry-guide em {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: var(--accent-primary);
  color: var(--bg-secondary);
  font-style: normal;
  font-size: 12px;
}

.payment-entry-guide li span {
  color: var(--text-secondary);
  font-size: 12px;
  letter-spacing: 0;
}

.payment-entry-guide .btn-primary {
  justify-content: center;
  min-height: 44px;
}

.payment-cash-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: -10px 0 22px;
  padding: 16px 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.32);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.92), var(--wuxing-fire-soft)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.payment-cash-strip.is-ready {
  border-color: var(--color-success);
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.94), var(--wuxing-wood-soft)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.payment-cash-strip.is-ready [data-cash-claim] {
  border-color: rgba(var(--accent-primary-rgb), 0.72);
  background: var(--accent-primary);
  color: var(--bg-primary);
}

.payment-cash-strip span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.payment-cash-strip strong {
  display: block;
  margin-top: 5px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.payment-cash-strip p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-confirm-shortcut {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: -8px 0 22px;
  padding: 16px 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.38);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.96), var(--wuxing-wood-soft)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.payment-confirm-shortcut[hidden] {
  display: none;
}

.payment-confirm-shortcut span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.payment-confirm-shortcut strong {
  display: block;
  margin-top: 5px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.payment-confirm-shortcut p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-cash-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  min-width: 150px;
}

.payment-cash-actions .btn-primary,
.payment-cash-actions .btn-secondary {
  justify-content: center;
  min-height: 40px;
  white-space: nowrap;
}

.payment-restore-card {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px 16px;
  align-items: stretch;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), 0.82);
  box-shadow: 0 14px 34px rgba(43, 40, 37, 0.06);
}

.payment-restore-copy {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.payment-restore-card span,
.payment-restore-card strong,
.payment-restore-card p,
.payment-restore-card code {
  margin: 0;
}

.payment-restore-card span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.payment-restore-card strong {
  color: var(--text-primary);
  font-size: 16px;
}

.payment-restore-card p {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.payment-restore-card code {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 7px 9px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  color: var(--text-secondary);
  background: var(--bg-primary);
  font-size: 12px;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.payment-restore-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-content: center;
}

.payment-restore-actions .btn-secondary {
  min-height: 38px;
  padding: 8px 10px;
  white-space: nowrap;
}

.payment-provider-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.payment-provider-actions .admin-action {
  min-height: 34px;
  padding: 7px 10px;
}

.quick-order-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: center;
  margin: 14px 0 12px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.34);
  border-radius: 12px;
  background: rgba(var(--accent-primary-rgb), 0.06);
}

.quick-order-panel.is-priority {
  border-color: var(--accent-primary);
  background: rgba(var(--accent-primary-rgb), 0.1);
  box-shadow: 0 18px 46px rgba(var(--accent-primary-rgb), 0.15);
}

.quick-order-panel.is-auto-create {
  border-color: var(--color-success);
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.94), var(--wuxing-wood-soft)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.quick-order-panel.is-auto-create .btn-primary {
  opacity: 0.72;
  cursor: wait;
}

.quick-order-panel span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.quick-order-panel strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.quick-order-panel p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.quick-order-panel .btn-primary {
  justify-content: center;
  min-height: 46px;
}

.payment-trust-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: -10px 0 26px;
}

.payment-trust-panel article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.payment-trust-panel span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.06em;
}

.payment-trust-panel strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.payment-trust-panel p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.single-payment-steps {
  display: none;
}

.payment-plan-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.payment-plan-switch button {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
}

.payment-plan-switch button.is-active {
  border-color: var(--accent-primary);
  box-shadow: inset 0 0 0 1px var(--accent-primary);
}

.payment-plan-switch span,
.payment-plan-switch small {
  color: var(--text-secondary);
  font-size: 12px;
}

.payment-plan-switch strong {
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.payment-batch-notice {
  margin-top: 16px;
  padding: 16px;
  background:
    linear-gradient(135deg, rgba(var(--accent-secondary-rgb), 0.08), rgba(var(--bg-card-rgb), 0.96)),
    var(--bg-card);
}

.payment-qr-note {
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(var(--accent-secondary-rgb), 0.09);
  font-size: 12px;
}

.payment-qr-note code {
  color: var(--accent-primary);
  font-size: 12px;
}

.payment-success-note {
  margin-top: 12px;
  padding: 16px;
}

.payment-contact-required-card {
  display: grid;
  gap: 8px;
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.36);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.1), rgba(var(--bg-card-rgb), 0.96)),
    var(--bg-card);
}

.payment-contact-required-card span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.payment-contact-required-card strong {
  color: var(--text-primary);
  font-size: 16px;
}

.payment-contact-required-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-contact-required-card .btn-primary {
  width: fit-content;
}

.xhs-single-checkout .payment-plan-switch {
  display: none;
}

.xhs-single-checkout .single-payment-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 4px;
}

.single-payment-steps article {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.18);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.56), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.single-payment-steps em {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(var(--accent-primary-rgb), 0.1);
  color: var(--accent-primary);
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
}

.single-payment-steps strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}

.single-payment-steps p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.xhs-single-checkout .payment-summary {
  margin-top: 18px;
}

.xhs-single-checkout .payment-card {
  border-color: rgba(var(--accent-primary-rgb), 0.22);
}

.xhs-single-checkout .payment-entry-guide {
  margin-top: 14px;
}

.xhs-single-checkout .payment-fast-actions {
  border-color: rgba(var(--accent-primary-rgb), 0.48);
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.92), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.xhs-single-checkout .payment-fast-buttons .btn-primary {
  min-height: 46px;
}

.payment-summary div {
  padding: 13px 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.payment-summary span {
  display: block;
  color: var(--text-muted);
  font-size: 12px;
}

.payment-summary strong {
  display: block;
  margin-top: 6px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.compact-payment-summary {
  gap: 8px;
  margin: 18px 0 12px;
}

.optional-payer-details,
.order-lookup-details {
  margin: 12px 0;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.optional-payer-details summary,
.order-lookup-details summary {
  padding: 12px 14px;
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
}

.simple-payer-form {
  margin: 0 12px 12px;
  padding: 12px;
  background: var(--bg-card);
}

.payer-contact-primary {
  padding: 12px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.2);
  border-radius: 10px;
  background: #fff;
}

.payer-extra-details {
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-primary);
}

.payer-extra-details summary {
  padding: 10px 12px;
  color: var(--text-muted);
  font-size: 12px;
  cursor: pointer;
}

.payer-extra-details label {
  padding: 0 12px 12px;
}

.payment-conversion-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.9fr);
  gap: 16px;
  margin: -6px 0 24px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto,
    var(--bg-secondary);
}

.payment-conversion-panel span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.payment-conversion-panel strong {
  display: block;
  margin-top: 8px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.payment-conversion-panel p,
.payment-conversion-panel li {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-conversion-panel ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

.mobile-pay-flow {
  margin: 18px 0 20px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto;
}

.mobile-pay-flow span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
}

.mobile-pay-flow ol {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 20px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-fit-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.payment-fit-panel article,
.payment-process-card {
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.payment-fit-panel span,
.payment-process-card > span {
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 600;
}

.payment-fit-panel p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.payment-process-card {
  margin-bottom: 16px;
}

.payment-process-card ol {
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
  list-style: none;
  counter-reset: pay-step;
}

.payment-process-card li {
  counter-increment: pay-step;
  position: relative;
  padding-left: 34px;
}

.payment-process-card li::before {
  content: counter(pay-step);
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--accent-primary);
  color: var(--text-inverse);
  font-size: 12px;
}

.payment-process-card strong {
  display: block;
  font-size: 13px;
}

.payment-process-card p {
  margin: 3px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.manual-pay-box {
  margin: 12px 0;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-secondary);
}

.manual-pay-box h2 {
  margin: 0 0 12px;
  font-size: 16px;
}

.manual-pay-box h2::after {
  display: none;
}

.manual-pay-box p {
  margin: 8px 0 16px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 8px;
}

.payment-method {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-card);
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
}

.payment-method span {
  font-size: 13px;
  font-weight: 600;
}

.payment-method small {
  color: var(--text-muted);
  font-size: 12px;
}

.payment-method.is-active {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 1px var(--accent-primary);
}

.payment-method.is-disabled,
.payment-method:disabled {
  opacity: .52;
  cursor: not-allowed;
}

.payment-method.is-active span {
  color: var(--accent-primary);
}

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

.qr-card {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-card);
}

.qr-card span {
  display: block;
  margin-bottom: 10px;
  color: var(--text-secondary);
  font-size: 13px;
}

.qr-placeholder,
.payment-qr {
  aspect-ratio: 1;
  border: 1px dashed var(--accent-secondary);
  border-radius: 8px;
}

.qr-placeholder {
  display: grid;
  place-items: center;
  padding: 18px;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.86), rgba(var(--bg-secondary-rgb), 0.86)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
  color: var(--accent-secondary);
  font-size: 13px;
  text-align: center;
}

.payment-qr {
  width: 100%;
  max-width: 260px;
  display: block;
  margin: 0 auto;
  object-fit: contain;
  background: var(--bg-secondary);
}

.payment-qr-tall {
  aspect-ratio: 1280 / 1919;
  max-width: 280px;
  border-style: solid;
}

.payment-mobile-tips {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 10px;
  background: var(--bg-secondary);
}

.payment-mobile-tips strong {
  color: var(--text-primary);
  font-size: 13px;
}

.payment-mobile-tips p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.paypal-link-card,
.wise-link-card {
  display: grid;
  min-height: 132px;
  place-items: center;
  border: 1px dashed var(--accent-secondary);
  border-radius: 8px;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.9), rgba(var(--bg-secondary-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
  color: var(--accent-primary);
  font-size: 18px;
  font-family: var(--font-heading);
  text-decoration: none;
}

.payment-link-action {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin: 4px 0 10px;
}

.geo-page {
  width: min(1080px, calc(100% - 40px));
  margin: 0 auto;
  padding: 42px 0 84px;
}

.geo-hero {
  margin-bottom: 28px;
}

.geo-summary-card,
.geo-qa-list,
.geo-link-map {
  margin-bottom: 24px;
  padding: 26px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.geo-summary-card h2,
.geo-qa-list h2,
.geo-link-map h2 {
  margin: 0 0 16px;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.geo-summary-card p {
  max-width: 820px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.85;
}

.geo-qa-list {
  display: grid;
  gap: 10px;
}

.geo-qa-list details {
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
  overflow: hidden;
}

.geo-qa-list summary {
  padding: 18px 20px;
  cursor: pointer;
  color: var(--text-primary);
  font-weight: 600;
  list-style: none;
}

.geo-qa-list summary::-webkit-details-marker {
  display: none;
}

.geo-qa-list summary::after {
  content: "+";
  float: right;
  color: var(--accent-secondary);
}

.geo-qa-list details[open] summary::after {
  content: "-";
}

.geo-qa-list details p {
  margin: 0;
  padding: 0 20px 18px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.geo-link-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.geo-link-map h2 {
  grid-column: 1 / -1;
}

.geo-link-map a {
  padding: 14px 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  text-decoration: none;
}

.geo-link-map a:hover {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}

.questions-hero {
  margin-bottom: 28px;
}

.question-cluster {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 30px;
  padding: 26px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.question-cluster-head {
  margin-bottom: 18px;
}

.question-cluster-head span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.question-cluster-head h2 {
  margin: 8px 0 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.question-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.question-grid article {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 18px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.question-grid span {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
}

.question-grid h3 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
}

.question-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.question-grid a {
  margin-top: 4px;
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.intl-hero {
  margin-bottom: 28px;
}

.intl-grid,
.voice-script-grid,
.video-script-grid {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.intl-grid article,
.voice-script-grid article,
.video-script-grid article,
.intl-qa {
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.intl-grid span,
.voice-script-grid span,
.video-script-grid span {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.intl-grid h2,
.voice-script-grid h2,
.video-script-grid h2,
.intl-qa h2 {
  margin: 8px 0 10px;
  font-family: var(--font-heading);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.intl-grid p,
.voice-script-grid p,
.video-script-grid p,
.intl-qa p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.video-script-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.video-script-grid a {
  display: inline-flex;
  margin-top: 8px;
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.language-market-grid {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.language-market-grid article {
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.language-market-grid span {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
}

.language-market-grid h2 {
  margin: 10px 0;
  font-family: var(--font-heading);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
}

.language-market-grid p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.language-market-grid a {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.domain-landing-hero {
  margin-bottom: 28px;
}

.domain-landing-grid {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.domain-landing-grid article {
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.domain-landing-grid span {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
}

.domain-landing-grid h2 {
  margin: 10px 0;
  font-family: var(--font-heading);
  font-size: 21px;
  font-weight: 500;
}

.domain-landing-grid p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.intl-qa {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto 30px;
}

.rtl-page {
  font-family: "PingFang SC", "Noto Sans Arabic", "Arial", sans-serif;
}

.rtl-page .site-header,
.rtl-page main {
  direction: rtl;
}

.rtl-page .topic-actions,
.rtl-page .topic-conversion-actions {
  justify-content: flex-start;
}

.order-lookup-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin: 18px 0;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.pending-payment-banner {
  position: fixed;
  left: 50%;
  bottom: 18px;
  z-index: 60;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  width: min(720px, calc(100vw - 32px));
  padding: 14px 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background: rgba(250, 248, 245, 0.96);
  box-shadow: 0 18px 50px rgba(43, 40, 37, 0.16);
  transform: translateX(-50%);
  backdrop-filter: blur(8px);
}

.pending-payment-banner span {
  display: block;
  margin-bottom: 3px;
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.pending-payment-banner strong {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
}

.pending-payment-banner p {
  margin: 4px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.6;
}

.pending-payment-banner .btn-primary {
  white-space: nowrap;
}

.pending-payment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.pending-payment-actions .btn-primary,
.pending-payment-actions .btn-secondary {
  min-height: 40px;
  white-space: nowrap;
}

.pending-payment-banner button {
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
  color: var(--text-muted);
  cursor: pointer;
}

.order-lookup-form label {
  display: grid;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 12px;
}

.order-lookup-form input {
  width: 100%;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
}

.contact-recover-form {
  margin-top: -6px;
}

.contact-recover-result {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}

.contact-recover-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.18);
  border-radius: 10px;
  background: var(--bg-card);
}

.contact-recover-card span {
  display: block;
  margin-bottom: 4px;
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.06em;
}

.contact-recover-card strong {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
}

.contact-recover-card p {
  margin: 5px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.6;
  word-break: break-all;
}

.payer-info-form {
  display: grid;
  gap: 10px;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.86), rgba(var(--bg-card-rgb), 0.86)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.payer-info-form h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 18px;
}

.payer-info-form h2::after {
  display: none;
}

.payer-info-form p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payer-info-form label {
  display: grid;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 12px;
}

.payer-info-form input {
  width: 100%;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
}

.payment-claim-note {
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--wuxing-wood-soft);
  color: var(--wuxing-wood-deep) !important;
}

.payment-claim-priority {
  display: grid;
  gap: 8px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.34);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.9), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.payment-claim-priority span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.payment-claim-priority strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.payment-claim-priority p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-claim-priority .btn-primary {
  justify-content: center;
}

.payment-confirm-ribbon {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.38);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.92), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: 0 14px 28px rgba(43, 40, 37, 0.08);
}

.payment-confirm-ribbon span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.payment-confirm-ribbon strong {
  display: block;
  margin-top: 5px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.payment-confirm-ribbon p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-confirm-ribbon .btn-primary {
  justify-content: center;
  min-width: 150px;
}

.payment-fast-actions {
  display: grid;
  gap: 12px;
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.3);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.07), rgba(var(--accent-secondary-rgb), 0.08)),
    var(--bg-card);
}

.payment-fast-actions span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.payment-fast-actions strong {
  display: block;
  margin-top: 5px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.payment-fast-actions p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-fast-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.payment-fast-buttons .btn-primary,
.payment-fast-buttons .btn-secondary {
  justify-content: center;
}

.payment-return-reminder {
  padding: 12px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 10px;
  background: rgba(var(--bg-secondary-rgb), 0.72);
}

.payment-return-reminder strong {
  display: block;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 500;
}

.payment-return-reminder p {
  margin: 5px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-return-link-card {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.3);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-secondary-rgb), 0.08), rgba(var(--bg-card-rgb), 0.94)),
    var(--bg-card);
}

.payment-return-link-card span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.payment-return-link-card strong {
  display: block;
  margin-top: 5px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
}

.payment-return-link-card p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-return-link-card code {
  display: block;
  margin-top: 8px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), 0.78);
  color: var(--accent-secondary);
  font-size: 11px;
  line-height: 1.5;
  word-break: break-all;
}

.payment-return-link-actions {
  display: grid;
  gap: 8px;
}

.payment-copy-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}

.payment-next-action {
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 10px;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.92), rgba(var(--bg-secondary-rgb), 0.92)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.payment-next-action > strong {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
}

.payment-next-action > p {
  margin: 6px 0 10px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.payment-steps span {
  padding: 8px 10px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 12px;
  text-align: center;
}

.payment-claim-form {
  display: grid;
  gap: 10px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 10px;
  background: var(--fire-badge-bg);
}

.payment-claim-form strong {
  color: var(--fire-badge-text);
  font-family: var(--font-heading);
  font-size: 16px;
}

.payment-quick-claim {
  width: 100%;
  justify-content: center;
}

.payment-claim-form p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-claim-form label {
  display: grid;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 12px;
}

.payment-claim-form input,
.payment-claim-form textarea {
  width: 100%;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
  resize: vertical;
}

.payment-claim-success-card {
  display: grid;
  gap: 10px;
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(107, 127, 94, 0.34);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(234, 240, 229, 0.9), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: 0 16px 34px rgba(63, 77, 52, 0.1);
}

.payment-claim-success-card span {
  color: var(--wuxing-wood-deep);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.payment-claim-success-card strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.payment-claim-success-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-claim-success-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 4px;
}

.payment-claim-success-actions .btn-primary,
.payment-claim-success-actions .btn-secondary {
  justify-content: center;
}

.payment-claim-upsell-card {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.26);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.82);
}

.payment-claim-upsell-card span {
  color: var(--accent-primary);
}

.payment-claim-upsell-card strong {
  font-size: 17px;
}

.payment-claim-upsell-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.payment-claim-upsell-actions .btn-primary,
.payment-claim-upsell-actions .btn-secondary {
  justify-content: center;
}

.payment-button {
  width: 100%;
  min-height: 48px;
}

.payment-button:disabled {
  opacity: 0.66;
  cursor: not-allowed;
}

.payment-status {
  margin-bottom: 0;
  color: var(--text-secondary);
  font-size: 13px;
}

.payment-benefits {
  display: grid;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.payment-benefits li {
  position: relative;
  padding-left: 16px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-benefits li strong {
  display: block;
  margin-bottom: 2px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 15px;
  font-weight: 500;
}

.payment-benefits li span {
  display: block;
}

.payment-benefits li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent-secondary);
}

.payment-result {
  margin-top: 16px;
  padding: 20px;
}

.payment-result.payment-restore-focus {
  border: 1px solid rgba(var(--accent-primary-rgb), 0.5);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
  box-shadow: 0 18px 46px rgba(var(--accent-primary-rgb), 0.15);
}

.payment-one-tap-reminder {
  margin: 12px 0;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.26);
  border-radius: 10px;
  background: rgba(var(--accent-primary-rgb), 0.07);
}

.payment-one-tap-reminder span {
  display: block;
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.payment-one-tap-reminder strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
}

.payment-one-tap-reminder p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.payment-result strong {
  font-family: var(--font-heading);
  font-weight: 500;
}

.payment-result p {
  color: var(--text-secondary);
  line-height: 1.6;
}

.payment-result .btn-secondary {
  margin-top: 8px;
}

.payment-mobile-bar {
  position: fixed;
  right: 14px;
  bottom: 14px;
  left: 14px;
  z-index: 70;
  display: grid;
  grid-template-columns: 0.86fr 1fr 0.86fr;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.2);
  border-radius: 12px;
  background: rgba(var(--bg-secondary-rgb), 0.96);
  box-shadow: 0 18px 44px rgba(43, 40, 37, 0.16);
  backdrop-filter: blur(12px);
}

.payment-mobile-bar[hidden] {
  display: none;
}

.payment-mobile-bar .btn-primary,
.payment-mobile-bar .btn-secondary {
  min-height: 42px;
  padding: 9px 10px;
  font-size: 13px;
}

.payment-link-action {
  margin-top: 8px;
}

.admin-list-card.test-payment {
  opacity: 0.72;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.94), rgba(var(--bg-card-rgb), 0.94)),
    repeating-linear-gradient(135deg, rgba(var(--accent-secondary-rgb), 0.08) 0 8px, transparent 8px 16px);
}

.shipping-form {
  display: grid;
  gap: 14px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--color-divider);
}

.shipping-form[hidden] {
  display: none;
}

.shipping-form h2 {
  font-size: 22px;
}

.shipping-form h2::after {
  display: none;
}

.shipping-form p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.shipping-form textarea {
  resize: vertical;
}

.region-picker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-hero {
  margin: 64px 0 28px;
}

.admin-hero > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.admin-hero h1 {
  margin-top: 10px;
  font-size: clamp(34px, 5vw, 52px);
}

.admin-hero p {
  max-width: 760px;
  color: var(--text-secondary);
  line-height: 1.8;
}

.admin-page-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.admin-page-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: rgba(var(--bg-card-rgb), 0.78);
  color: var(--text-secondary);
  font-size: 13px;
  text-decoration: none;
}

.admin-page-nav a.active {
  border-color: rgba(var(--accent-primary-rgb), 0.48);
  background: rgba(var(--accent-primary-rgb), 0.08);
  color: var(--accent-primary);
}

.admin-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

.admin-quick-card {
  display: block;
  min-height: 156px;
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  color: inherit;
  text-decoration: none;
  box-shadow: var(--shadow-card);
}

.admin-quick-card span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.admin-quick-card strong {
  display: block;
  margin-top: 12px;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.admin-quick-card p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.admin-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.admin-stats div,
.admin-section {
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.admin-stats div {
  padding: 18px;
}

.admin-goal-card {
  grid-column: span 2;
  border-color: rgba(var(--accent-primary-rgb), 0.28) !important;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto !important;
}

.admin-goal-card strong {
  color: var(--accent-primary);
}

.admin-goal-progress {
  height: 8px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(var(--accent-secondary-rgb), 0.16);
}

.admin-goal-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent-primary);
}

.admin-stats span {
  color: var(--text-muted);
  font-size: 12px;
}

.admin-stats strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 500;
}

.admin-stats small {
  display: block;
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 12px;
}

.admin-section {
  padding: 22px;
  margin-bottom: 24px;
}

.admin-section h2 {
  font-size: 22px;
}

.admin-section h2::after {
  display: none;
}

.admin-section-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
}

.admin-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: var(--text-secondary);
  font-size: 13px;
}

.admin-filter input {
  width: auto;
  margin: 0;
}

.admin-table-wrap {
  overflow-x: auto;
}

.admin-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  font-size: 13px;
}

.admin-table th,
.admin-table td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--color-divider);
  text-align: left;
  vertical-align: top;
}

.admin-table th {
  color: var(--text-muted);
  font-weight: 500;
}

.admin-table span {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.admin-badge {
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 8px;
  border-radius: 6px;
  background: var(--earth-badge-bg);
  color: var(--earth-badge-text);
  font-size: 12px;
}

.admin-badge.warn {
  background: var(--fire-badge-bg);
  color: var(--fire-badge-text);
}

.admin-badge.done {
  background: var(--wuxing-wood-soft);
  color: var(--wuxing-wood-deep);
}

.admin-table a {
  color: var(--accent-primary);
  font-weight: 600;
}

.admin-action-row,
.admin-action-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.admin-action-stack {
  flex-direction: column;
  align-items: flex-start;
}

.admin-action {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--accent-primary);
  border-radius: 6px;
  background: var(--accent-primary);
  color: var(--text-inverse);
  cursor: pointer;
}

.admin-action:disabled {
  border-color: var(--color-divider);
  background: var(--bg-secondary);
  color: var(--text-muted);
  cursor: not-allowed;
}

.admin-action.secondary {
  min-height: 30px;
  padding: 6px 10px;
  border-color: var(--accent-secondary);
  background: transparent;
  color: var(--accent-secondary);
}

.cash-ops-panel,
.platform-paste-desk {
  display: grid;
  gap: 14px;
}

.cash-sop-banner {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.08), rgba(var(--accent-secondary-rgb), 0.1)),
    var(--bg-card);
}

.cash-sop-banner.cash-hot {
  border-color: rgba(var(--accent-primary-rgb), 0.58);
  box-shadow: inset 0 0 0 1px rgba(var(--accent-primary-rgb), 0.18);
}

.cash-sop-banner span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.cash-sop-banner strong {
  display: block;
  margin-top: 5px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 500;
}

.cash-sop-banner p {
  margin: 7px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.cash-sop-banner ol {
  display: flex;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cash-sop-banner li {
  min-width: 84px;
  padding: 9px 10px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.2);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.72);
  text-align: center;
}

.cash-sop-banner em {
  display: block;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-style: normal;
}

.cash-ops-summary,
.cash-ops-diagnosis,
.cash-ops-queue,
.platform-paste-grid {
  display: grid;
  gap: 10px;
}

.cash-ops-summary,
.cash-ops-diagnosis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cash-ops-summary article,
.cash-ops-diagnosis article,
.cash-ops-queue article,
.platform-paste-hero,
.platform-paste-grid article {
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.cash-ops-summary article.cash-hot,
.cash-ops-diagnosis article.cash-hot,
.cash-ops-queue article.claimed {
  border-color: rgba(var(--accent-primary-rgb), 0.58);
  box-shadow: inset 0 0 0 1px rgba(var(--accent-primary-rgb), 0.18);
}

.cash-ops-summary span,
.cash-ops-diagnosis span,
.cash-ops-queue span,
.platform-paste-hero span,
.platform-paste-grid span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.cash-ops-summary strong,
.cash-ops-diagnosis strong,
.cash-ops-queue strong,
.platform-paste-hero strong,
.platform-paste-grid strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.cash-ops-summary strong,
.cash-ops-diagnosis strong,
.platform-paste-hero strong {
  color: var(--accent-primary);
  font-size: 24px;
}

.cash-ops-summary p,
.cash-ops-diagnosis p,
.cash-ops-queue p,
.platform-paste-hero p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.cash-ops-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cash-claimed-lane {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.48);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.1), rgba(var(--accent-secondary-rgb), 0.1)),
    var(--bg-card);
  box-shadow: inset 0 0 0 1px rgba(var(--accent-primary-rgb), 0.12);
}

.cash-claimed-lane > div:first-child span,
.cash-claimed-list span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.cash-claimed-lane > div:first-child strong {
  display: block;
  margin-top: 6px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 500;
}

.cash-claimed-lane > div:first-child p,
.cash-claimed-list p {
  margin: 7px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.cash-claimed-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.cash-claimed-list article {
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.36);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.86);
}

.cash-claimed-list strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
}

.cash-ops-queue {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cash-ops-queue code {
  display: block;
  margin: 10px 0;
  padding: 8px;
  border-radius: 8px;
  background: rgba(var(--bg-primary-rgb), 0.72);
  color: var(--accent-secondary);
  font-size: 11px;
  line-height: 1.5;
  word-break: break-all;
}

.payment-recovery-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 4px;
}

.payment-recovery-links a {
  padding: 7px 10px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), 0.76);
  color: var(--accent-secondary);
  font-size: 12px;
}

.platform-paste-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  gap: 14px;
  align-items: center;
}

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

.growth-launch-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.growth-launch-strip article {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.86);
}

.growth-launch-strip span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--accent-primary);
  color: var(--bg-card);
  font-size: 12px;
  font-weight: 700;
}

.growth-launch-strip strong {
  color: var(--text-primary);
  font-size: 14px;
}

.growth-launch-strip p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.platform-paste-grid pre {
  min-height: 44px;
  max-height: 180px;
  margin: 10px 0;
  padding: 12px;
  overflow: auto;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: rgba(var(--bg-primary-rgb), 0.78);
  color: var(--text-secondary);
  font: inherit;
  font-size: 12px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.daily-cover-preview {
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-primary);
}

.daily-cover-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platform-copy-fields {
  display: grid;
  gap: 8px;
  margin: 12px 0;
}

.platform-copy-fields label {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
}

.platform-copy-fields pre:first-of-type {
  max-height: 88px;
  color: var(--text-primary);
  font-weight: 500;
}

.xhs-product-pack {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.25fr) auto;
  gap: 14px;
  align-items: start;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.34);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.88), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: 0 14px 34px rgba(var(--accent-primary-rgb), 0.1);
}

.xhs-product-pack span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
}

.xhs-product-pack strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.xhs-product-pack p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.xhs-cover-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.xhs-cover-strip a {
  display: grid;
  gap: 6px;
  color: var(--accent-secondary);
  font-size: 11px;
  line-height: 1.4;
}

.xhs-cover-strip code {
  display: block;
  padding: 5px 6px;
  border-radius: 6px;
  background: rgba(var(--bg-secondary-rgb), 0.78);
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.3;
  word-break: break-all;
}

.xhs-cover-strip img {
  width: 100%;
  aspect-ratio: 3 / 4;
  display: block;
  overflow: hidden;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-primary);
  object-fit: cover;
}

.xhs-product-fields {
  display: grid;
  gap: 8px;
}

.xhs-product-fields label {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
}

.xhs-product-fields pre {
  max-height: 150px;
  margin: 0;
  padding: 10px;
  overflow: auto;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.18);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.76);
  color: var(--text-secondary);
  font: inherit;
  font-size: 12px;
  line-height: 1.7;
  white-space: pre-wrap;
}

.xhs-variant-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.xhs-variant-grid article {
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.xhs-variant-grid article > span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
}

.xhs-variant-grid article > strong {
  display: block;
  margin: 7px 0 10px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.daily-growth-plan {
  display: grid;
  gap: 14px;
}

.daily-growth-hero {
  display: grid;
  grid-template-columns: 1.25fr 0.8fr 0.95fr;
  gap: 12px;
}

.daily-growth-hero article,
.daily-growth-actions article {
  padding: 18px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.9), rgba(var(--bg-secondary-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.daily-growth-hero span,
.daily-growth-actions span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
}

.daily-growth-hero strong,
.daily-growth-actions strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.daily-growth-hero p,
.daily-growth-actions p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.daily-cash-command {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.06), rgba(var(--accent-secondary-rgb), 0.08)),
    var(--bg-card);
}

.daily-cash-command.cash-hot {
  border-color: rgba(var(--accent-primary-rgb), 0.48);
  box-shadow: inset 3px 0 0 var(--accent-primary);
}

.daily-cash-command span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
}

.daily-cash-command strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.daily-cash-command p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.daily-close-desk {
  display: grid;
  gap: 14px;
}

.daily-close-head,
.daily-close-grid article {
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: 0 12px 30px rgba(43, 40, 37, 0.06);
}

.daily-close-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
}

.daily-close-head.cash-hot {
  border-color: rgba(var(--accent-primary-rgb), 0.42);
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.08), rgba(var(--accent-secondary-rgb), 0.08)),
    var(--bg-card);
}

.daily-close-head span,
.daily-close-grid span {
  display: block;
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.daily-close-head strong,
.daily-close-grid strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.45;
}

.daily-close-head p,
.daily-close-grid p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.daily-close-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.daily-close-grid article {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.daily-close-grid article.urgent {
  border-color: rgba(var(--accent-primary-rgb), 0.5);
  background:
    linear-gradient(180deg, #fffaf7 0%, var(--bg-secondary) 100%);
}

.daily-close-grid code {
  display: block;
  overflow-wrap: anywhere;
  padding: 10px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-primary);
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.daily-growth-links,
.daily-source-rank,
.daily-growth-actions {
  display: grid;
  gap: 10px;
}

.daily-growth-links {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.daily-source-rank {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.daily-growth-actions {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.daily-source-rank article {
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.2);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.daily-source-rank span {
  color: var(--text-muted);
  font-size: 12px;
}

.daily-source-rank strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-size: 15px;
}

.daily-source-rank p {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.daily-growth-actions code {
  display: block;
  margin: 10px 0;
  padding: 8px;
  border-radius: 8px;
  background: rgba(var(--bg-card-rgb), 0.72);
  color: var(--accent-secondary);
  font-size: 11px;
  line-height: 1.5;
  word-break: break-all;
}

.ops-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ops-action {
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.ops-action.urgent {
  border-color: rgba(var(--accent-primary-rgb), 0.35);
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.84), rgba(var(--bg-secondary-rgb), 0.84)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.ops-action span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
}

.ops-action strong {
  display: block;
  margin-top: 8px;
  font-size: 14px;
}

.ops-action p {
  min-height: 36px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.campaign-links,
.publish-kit {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.domain-geo-board {
  display: grid;
  gap: 14px;
}

.domain-geo-summary,
.domain-card,
.geo-submit-card {
  padding: 18px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.domain-geo-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border-color: rgba(var(--accent-primary-rgb), 0.28);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.domain-geo-summary span,
.domain-card span,
.geo-submit-card span {
  color: var(--accent-secondary);
  font-size: 12px;
  font-weight: 600;
}

.domain-geo-summary strong,
.domain-card strong,
.geo-submit-card strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.domain-geo-summary p,
.domain-card p,
.geo-submit-card p,
.domain-card em {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.domain-card em {
  display: block;
  margin-bottom: 12px;
  font-style: normal;
}

.domain-card-grid,
.geo-submit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.publish-card {
  padding: 18px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.publish-card.is-published {
  border-color: var(--wuxing-wood-deep);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.92)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.publish-priority {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) repeat(5, minmax(140px, 1fr));
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 10px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.88), rgba(var(--bg-card-rgb), 0.88)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.publish-priority > div:first-child span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
}

.publish-priority > div:first-child strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.publish-priority > div:first-child p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.publish-priority-item {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 12px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
}

.publish-priority-item span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--accent-primary);
  color: var(--text-inverse);
  font-size: 12px;
}

.publish-priority-item strong {
  color: var(--accent-secondary);
  font-size: 12px;
}

.publish-priority-item p {
  margin: 0;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.55;
}

.publish-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.publish-meta span {
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 600;
}

.publish-meta em {
  color: var(--text-muted);
  font-size: 12px;
  font-style: normal;
}

.publish-status-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin: 0 0 12px;
}

.publish-status {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 6px;
  background: var(--earth-badge-bg);
  color: var(--earth-badge-text);
  font-size: 12px;
  white-space: nowrap;
}

.publish-status.done {
  background: var(--wuxing-wood-soft);
  color: var(--wuxing-wood-deep);
}

.publish-card strong {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.publish-card p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.publish-cover {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 6px;
  background: var(--fire-badge-bg);
  color: var(--fire-badge-text);
  font-size: 12px;
}

.publish-live-metrics {
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
  padding: 10px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
}

.publish-live-metrics span {
  color: var(--text-muted);
  font-size: 12px;
}

.publish-live-metrics strong {
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
}

.publish-live-metrics small {
  color: var(--accent-primary);
  font-size: 12px;
}

.publish-card code {
  display: block;
  margin-bottom: 12px;
  padding: 8px 10px;
  overflow-wrap: anywhere;
  border-radius: 6px;
  background: var(--bg-card);
  color: var(--accent-primary);
  font-family: var(--font-body);
  font-size: 12px;
}

.launch-hero {
  border-bottom: 1px solid var(--color-divider);
}

.launch-priority {
  margin: 0 auto 24px;
  width: min(100% - 40px, 1120px);
}

.launch-kit {
  width: min(100% - 40px, 1120px);
  margin: 0 auto 36px;
}

.launch-card {
  display: grid;
  align-content: start;
}

.launch-card .btn-secondary {
  align-self: end;
  justify-content: center;
  width: 100%;
}

.publish-metric-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 12px;
}

.publish-metric-form input {
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid var(--color-divider);
  border-radius: 6px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
  font-size: 12px;
}

.publish-metric-form button {
  grid-column: span 3;
}

.today-publish-recommendations {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.content-automation-path {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.automation-hero,
.automation-grid article,
.automation-live {
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.automation-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.automation-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.automation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  background: var(--bg-card);
}

.automation-hero span,
.automation-grid span,
.automation-live span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.automation-hero strong,
.automation-grid strong,
.automation-live strong {
  display: block;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}

.automation-hero strong {
  margin-top: 6px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.automation-grid strong,
.automation-live strong {
  font-size: 12px;
  line-height: 1.5;
}

.automation-hero p,
.automation-grid p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.publish-command-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.34);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.08), rgba(var(--accent-secondary-rgb), 0.08)),
    var(--bg-card);
}

.publish-command-card.needs-fill {
  border-color: rgba(var(--accent-primary-rgb), 0.58);
  box-shadow: inset 0 0 0 1px rgba(var(--accent-primary-rgb), 0.16);
}

.publish-command-card span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.06em;
}

.publish-command-card strong {
  display: block;
  margin-top: 6px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.publish-command-card p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.today-publish-head,
.today-publish-grid article {
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.06), rgba(var(--accent-secondary-rgb), 0.08)),
    var(--bg-card);
}

.today-publish-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 16px;
}

.today-publish-head span,
.today-publish-grid span,
.today-publish-sources span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.today-publish-head strong {
  display: block;
  margin-top: 6px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.today-publish-head p,
.today-publish-grid p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.today-publish-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.today-publish-sources span {
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--bg-secondary);
}

.today-publish-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.today-publish-grid article {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.today-publish-grid strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
}

.today-publish-live {
  padding: 9px 10px;
  border-radius: 8px;
  background: rgba(var(--bg-primary-rgb), 0.72);
}

.today-publish-live strong,
.today-publish-live small {
  display: block;
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 500;
}

.today-publish-live small {
  color: var(--text-muted);
  font-weight: 400;
}

.today-metric-form {
  margin: 0;
}

.content-metrics {
  display: grid;
  gap: 14px;
}

.content-metric-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.content-metric-summary article,
.content-live-summary article,
.content-scale-panel article,
.content-metric-table article {
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.content-metric-summary span,
.content-live-summary span,
.content-scale-panel span,
.content-metric-table span {
  color: var(--text-muted);
  font-size: 12px;
}

.content-metric-summary strong {
  display: block;
  margin-top: 7px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.content-metric-summary small {
  display: block;
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 12px;
}

.content-scale-panel article {
  border-color: rgba(var(--accent-primary-rgb), 0.32);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.88), rgba(var(--bg-card-rgb), 0.88)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.content-live-summary strong {
  display: block;
  margin-top: 7px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.content-live-summary p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.content-scale-panel strong {
  display: block;
  margin-top: 7px;
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.content-scale-panel p {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.auto-scale-rules {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.26);
  border-radius: 12px;
  background: var(--bg-card);
}

.auto-scale-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
}

.auto-scale-head span,
.auto-scale-grid span {
  color: var(--text-muted);
  font-size: 12px;
}

.auto-scale-head strong {
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.auto-scale-head p {
  max-width: 420px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.auto-scale-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.auto-scale-grid article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.auto-scale-grid article.close {
  border-color: rgba(var(--accent-primary-rgb), 0.42);
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.88), rgba(var(--bg-card-rgb), 0.88)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/220px auto;
}

.auto-scale-grid article.convert {
  border-color: rgba(var(--accent-secondary-rgb), 0.36);
}

.auto-scale-grid article.traffic {
  border-color: rgba(91, 124, 140, 0.32);
}

.auto-scale-grid strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.auto-scale-grid p {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.content-metric-table {
  display: grid;
  gap: 10px;
}

.content-metric-table strong {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 600;
}

.content-metric-table p,
.content-metric-table em {
  display: block;
  margin: 7px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  font-style: normal;
  line-height: 1.7;
}

.content-action {
  display: inline-flex;
  margin: 0 0 10px;
  padding: 5px 10px;
  border-radius: 6px;
  background: var(--wuxing-wood-soft);
  color: var(--wuxing-wood-deep);
  font-size: 12px;
  line-height: 1.6;
}

.content-calendar {
  display: grid;
  grid-template-columns: repeat(7, minmax(220px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 4px;
}

.content-calendar-card {
  min-width: 220px;
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.content-calendar-card span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
}

.content-calendar-card strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.content-calendar-card p,
.content-calendar-card em {
  color: var(--text-secondary);
  font-size: 12px;
  font-style: normal;
  line-height: 1.65;
}

.content-calendar-card em {
  word-break: break-all;
}

.campaign-card {
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.campaign-card span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 600;
}

.campaign-card strong {
  display: block;
  margin-top: 8px;
  word-break: break-all;
  font-size: 13px;
}

.campaign-card p {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.admin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.admin-list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.admin-list-card {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.admin-list-card.priority-payment {
  border-color: rgba(var(--accent-primary-rgb), 0.42);
  background: linear-gradient(180deg, #fffaf7 0%, var(--bg-secondary) 100%);
  box-shadow: 0 12px 28px rgba(var(--accent-primary-rgb), 0.08);
}

.admin-list-card.priority-payment strong {
  color: var(--accent-primary);
}

.admin-list-card strong,
.admin-list-card span {
  display: block;
}

.admin-list-card span,
.admin-list-card p {
  color: var(--text-secondary);
  font-size: 12px;
}

.lead-card {
  border-color: rgba(var(--accent-primary-rgb), 0.22);
}

.lead-action {
  margin-top: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  background: var(--fire-badge-bg);
  color: var(--fire-badge-text);
  font-size: 12px;
  line-height: 1.6;
}

.payment-priority-queue {
  display: grid;
  gap: 14px;
  margin: 14px 0 18px;
}

.payment-queue-head,
.payment-queue-card {
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.06), rgba(var(--accent-secondary-rgb), 0.08)),
    var(--bg-card);
}

.payment-queue-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 14px;
}

.payment-queue-head span,
.payment-queue-card span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.payment-queue-head strong {
  display: block;
  margin-top: 4px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 500;
}

.payment-queue-head p,
.payment-queue-card p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.payment-followup-plan {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.34);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.08), rgba(var(--accent-secondary-rgb), 0.1)),
    var(--bg-card);
}

.payment-followup-plan article span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.payment-followup-plan article strong {
  display: block;
  margin-top: 4px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.payment-followup-plan article p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.payment-queue-list {
  display: grid;
  gap: 10px;
}

.payment-queue-card {
  padding: 14px;
}

.payment-queue-card.claimed {
  border-color: rgba(var(--accent-primary-rgb), 0.5);
  box-shadow: inset 3px 0 0 var(--accent-primary);
}

.payment-queue-card strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.payment-audit-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 4px;
}

.payment-audit-strip span {
  padding: 7px 8px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.18);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), 0.68);
  color: var(--text-primary);
  font-size: 12px;
  text-align: center;
}

.payment-contact-gap {
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--earth-badge-bg);
  color: var(--earth-badge-text) !important;
}

.payment-next-step {
  padding: 8px 10px;
  border-left: 3px solid var(--accent-primary);
  border-radius: 8px;
  background: rgba(var(--accent-primary-rgb), 0.07);
  color: var(--text-primary) !important;
  font-weight: 600;
}

.source-card strong {
  color: var(--accent-primary);
}

.xhs-source-board {
  border-color: rgba(var(--accent-primary-rgb), 0.34);
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.05), rgba(var(--accent-secondary-rgb), 0.07)),
    var(--bg-secondary);
}

.xhs-source-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.xhs-source-summary article {
  padding: 10px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
}

.xhs-source-summary b {
  display: block;
  margin-top: 4px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.xhs-source-links {
  display: grid;
  gap: 8px;
  margin: 12px 0;
}

.xhs-source-links div {
  padding: 9px 10px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.56);
}

.xhs-source-links code {
  display: block;
  margin: 4px 0;
  color: var(--accent-secondary);
  white-space: normal;
  word-break: break-all;
}

.renewal-card {
  border-color: rgba(var(--accent-secondary-rgb), 0.3);
}

.renewal-card strong {
  color: var(--accent-secondary);
}

.growth-funnel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.growth-funnel article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.growth-funnel span,
.growth-funnel p,
.growth-plan-row em,
.growth-plans p {
  color: var(--text-secondary);
  font-size: 12px;
  font-style: normal;
}

.growth-funnel strong {
  display: block;
  margin: 8px 0 4px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 500;
}

.growth-funnel p {
  margin: 0;
}

.payment-funnel-diagnosis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  margin: 14px 0 18px;
}

.payment-funnel-diagnosis article {
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(245, 229, 226, 0.55), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.payment-funnel-diagnosis span {
  display: block;
  margin-bottom: 6px;
  color: var(--text-muted);
  font-size: 12px;
}

.payment-funnel-diagnosis strong {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 19px;
  font-weight: 500;
}

.payment-funnel-diagnosis p {
  color: var(--text-secondary);
  line-height: 1.7;
}

.growth-plans {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--color-divider);
}

.ga-stats {
  display: grid;
  gap: 16px;
}

.ga-config-card,
.ga-checklist {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-secondary);
}

.ga-config-card span,
.ga-event-grid span {
  color: var(--text-muted);
  font-size: 12px;
}

.ga-config-card strong,
.ga-checklist strong {
  display: block;
  margin-top: 6px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.ga-config-card p,
.ga-checklist p,
.ga-event-grid p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.ga-event-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ga-event-grid article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: #fff;
}

.ga-event-grid strong {
  display: block;
  margin: 6px 0;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.ga-event-grid code {
  display: block;
  overflow-wrap: anywhere;
  color: var(--text-primary);
  font-size: 11px;
}

.ga-business-grid,
.ga-source-table {
  display: grid;
  gap: 10px;
}

.ga-business-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ga-business-grid article,
.ga-source-table article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: #fff;
}

.ga-business-grid span,
.ga-source-head span {
  color: var(--text-muted);
  font-size: 12px;
}

.ga-business-grid strong,
.ga-source-head strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.ga-business-grid p,
.ga-source-table p {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}

.ga-source-table {
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.ga-source-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
}

.ga-source-head strong {
  margin-top: 0;
  color: var(--accent-primary);
  font-size: 18px;
}

.ga-source-table code {
  display: block;
  overflow-wrap: anywhere;
  color: var(--accent-secondary);
  font-size: 12px;
}

.ga-source-table article strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
}

.share-funnel {
  display: grid;
  gap: 14px;
}

.share-funnel-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.share-funnel-summary article,
.share-source-list article {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.share-funnel-summary span,
.share-source-list span {
  color: var(--text-muted);
  font-size: 12px;
}

.share-funnel-summary strong {
  display: block;
  margin: 7px 0 4px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.share-funnel-summary p,
.share-source-list p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.share-source-list {
  display: grid;
  gap: 10px;
}

.share-source-list strong {
  display: block;
  margin: 7px 0;
  font-size: 14px;
}

.supply-library {
  display: grid;
  gap: 16px;
}

.supply-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.supply-summary article,
.supply-card {
  padding: 14px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.supply-summary span,
.supply-card span,
.supply-card dt {
  color: var(--text-muted);
  font-size: 12px;
}

.supply-summary strong {
  display: block;
  margin: 6px 0 4px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
}

.supply-summary p,
.supply-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.supply-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.supply-card {
  display: grid;
  gap: 12px;
}

.supply-card strong {
  display: block;
  margin: 6px 0;
  font-size: 15px;
}

.supply-card dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.supply-card dl div {
  padding: 8px;
  border-radius: 8px;
  background: var(--bg-card);
}

.supply-card dd {
  margin: 4px 0 0;
  color: var(--accent-primary);
  font-weight: 700;
}

.payment-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.payment-summary-grid article {
  padding: 12px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.payment-summary-grid span,
.payment-summary-grid em {
  display: block;
  color: var(--text-secondary);
  font-size: 12px;
  font-style: normal;
}

.payment-summary-grid strong {
  display: block;
  margin: 6px 0 2px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.admin-mini-title {
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: 15px;
}

.growth-plan-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--color-divider);
}

.growth-plan-row strong {
  color: var(--accent-primary);
}

.faq-page {
  max-width: 820px;
  margin: 72px auto 96px;
}

.home-faq {
  max-width: 920px;
}

.faq-title {
  margin-bottom: 32px;
}

.faq-title > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.faq-title h1 {
  max-width: 720px;
  margin-top: 10px;
  font-family: var(--font-heading);
  font-size: 26px;
  line-height: 1.4;
}

.faq-title h1::after {
  display: none;
}

.faq-filter-panel {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
  padding: 16px;
}

.faq-search-box {
  display: grid;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
}

.faq-search-box input {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: #fff;
  color: var(--text-primary);
}

.faq-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.faq-category-tabs button {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid var(--color-divider);
  border-radius: 999px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
}

.faq-category-tabs button.is-active {
  border-color: var(--accent-primary);
  background: rgba(var(--accent-primary-rgb), 0.1);
  color: var(--accent-primary);
  font-weight: 700;
}

.faq-empty-state {
  margin: 0;
  padding: 12px;
  border-radius: 10px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 13px;
}

.trust-close-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.08), rgba(var(--bg-card-rgb), 0.96)),
    var(--bg-card);
  box-shadow: var(--shadow-card);
}

.trust-close-cta span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.trust-close-cta strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.45;
}

.trust-close-cta p {
  margin: 7px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

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

.faq-item {
  overflow: hidden;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.faq-item summary {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item h3 {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.faq-chevron {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  position: relative;
  color: var(--text-muted);
  transition: transform 0.2s ease;
}

.faq-chevron::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg);
}

.faq-item[open] .faq-chevron {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: max-height 0.25s ease;
}

.faq-answer p {
  margin: 0;
  padding-bottom: 18px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.result-detail {
  display: grid;
}

.result-block {
  margin-bottom: 32px;
}

.result-top {
  margin-bottom: 24px;
}

.result-top > span {
  color: var(--text-muted);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.result-top h2 {
  margin-top: 8px;
  font-family: var(--font-heading);
  font-size: 26px;
}

.result-top h2::after,
.wuxing-detail-card h3::after,
.reading-card h3::after,
.recommend-section h3::after {
  display: none;
}

.day-master-card {
  border: 2px solid var(--accent-primary);
}

.day-master-card > span {
  color: var(--accent-primary);
}

.pillar-tags {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 12px;
}

.wuxing-detail-card,
.reading-card {
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
}

.target-roadmap {
  display: grid;
  grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.target-roadmap article {
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.target-roadmap-main {
  border-color: rgba(var(--accent-primary-rgb), 0.32) !important;
  background: linear-gradient(180deg, #fffaf7 0%, var(--bg-secondary) 100%) !important;
}

.target-roadmap span,
.target-roadmap p {
  display: block;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

.target-roadmap strong {
  display: block;
  margin: 8px 0 4px;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 500;
}

.target-roadmap-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wuxing-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
}

.wuxing-detail-head h3,
.reading-card h3,
.recommend-section h3 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 500;
}

.wuxing-detail-head span {
  color: var(--accent-primary);
  font-size: 13px;
}

.detail-stack {
  height: 12px;
  border-radius: 6px;
}

.reading-card p {
  margin: 12px 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.gated-wrapper {
  position: relative;
  margin-top: 14px;
}

.gated-content {
  max-height: 280px;
  overflow: hidden;
  filter: blur(5px);
  pointer-events: none;
  user-select: none;
}

.gated-content p {
  margin: 0 0 12px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.gate-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
  background: linear-gradient(
    to bottom,
    rgba(247, 244, 239, 0) 0%,
    rgba(247, 244, 239, 0.85) 30%,
    rgba(247, 244, 239, 1) 60%
  );
}

.gate-card {
  width: 100%;
  max-width: 380px;
  padding: 20px 28px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.gate-title {
  margin-bottom: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
}

.gate-desc {
  margin-bottom: 16px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.gate-btn-primary {
  width: 100%;
  min-height: 42px;
  margin-bottom: 8px;
  padding: 10px 20px;
  border: 0;
  border-radius: 6px;
  background: var(--accent-primary);
  color: var(--bg-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.gate-payment-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 42px;
  margin-bottom: 8px;
  padding: 10px 20px;
  border: 1px solid var(--accent-secondary);
  border-radius: 6px;
  color: var(--accent-secondary);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.gate-login-link,
.modal-close {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--text-muted);
  font-size: 12px;
  cursor: pointer;
}

.gate-login-link:hover,
.modal-close:hover {
  color: var(--accent-secondary);
}

.result-fast-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 18px;
  align-items: center;
  padding: 22px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.34);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: var(--shadow-card);
}

.result-fast-copy span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.result-fast-copy h3 {
  margin: 6px 0 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.result-fast-copy p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}

.result-fast-buttons {
  display: grid;
  gap: 10px;
}

.result-fast-buttons .btn-primary,
.result-fast-buttons .btn-secondary {
  justify-content: center;
  min-height: 42px;
}

.result-fast-proof {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.result-fast-proof span {
  padding: 5px 10px;
  border: 1px solid var(--color-divider);
  border-radius: 6px;
  background: rgba(var(--bg-secondary-rgb), 0.72);
  color: var(--text-secondary);
  font-size: 12px;
}

.gated-wrapper.unlocked .gated-content {
  max-height: none;
  filter: none;
  pointer-events: auto;
  user-select: auto;
}

.gated-wrapper.unlocked .gate-overlay {
  display: none;
}

.work-plan-card {
  padding: 22px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-card);
}

.work-plan-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.work-plan-head span,
.work-plan-head small {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.work-plan-head h3 {
  margin: 4px 0 0;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
}

.work-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.work-choice {
  min-height: 76px;
  padding: 12px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-secondary);
  text-align: left;
  cursor: pointer;
}

.work-choice span {
  display: block;
  margin-bottom: 6px;
  color: var(--text-muted);
  font-size: 12px;
}

.work-choice strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}

.work-choice.active {
  border-color: var(--accent-primary);
  background: var(--fire-badge-bg);
}

.work-choice.active span,
.work-choice.active strong {
  color: var(--fire-badge-text);
}

.result-tab-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.result-tab {
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.result-tab.active {
  border-color: var(--accent-primary);
  background: var(--fire-badge-bg);
  color: var(--fire-badge-text);
}

.result-hook-preview p {
  font-size: 15px;
}

.test-loading-card {
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.95), rgba(var(--bg-secondary-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: 0 16px 38px rgba(var(--text-primary-rgb), 0.08);
}

.test-loading-card > span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 700;
}

.test-loading-card > strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.test-loading-card > p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.7;
}

.test-loading-card ol {
  display: grid;
  gap: 10px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.test-loading-card li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  color: var(--text-muted);
  font-size: 13px;
}

.test-loading-card b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--color-divider);
  border-radius: 50%;
  font-family: var(--font-heading);
  font-weight: 500;
}

.test-loading-card li.is-active b,
.test-loading-card li.is-done b {
  border-color: rgba(var(--accent-primary-rgb), 0.5);
  background: rgba(var(--accent-primary-rgb), 0.08);
  color: var(--accent-primary);
}

.test-loading-card li.is-active span {
  color: var(--text-primary);
  font-weight: 700;
}

.test-loading-card li.is-done span {
  color: var(--text-secondary);
}

.work-free-preview {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.24);
  border-radius: 10px;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.88), rgba(var(--bg-secondary-rgb), 0.88)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto;
}

.work-free-preview strong,
.work-plan-detail strong {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 16px;
}

.work-free-preview p,
.work-plan-detail p,
.work-plan-detail li {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.work-plan-detail ol {
  margin: 12px 0;
  padding-left: 20px;
}

.work-gated-content {
  padding-top: 4px;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(var(--text-primary-rgb), 0.45);
}

.modal-backdrop[hidden] {
  display: none;
}

.modal-card {
  width: min(100%, 360px);
  padding: 28px;
  border-radius: 12px;
  background: var(--bg-card);
  box-shadow: var(--shadow-raised);
}

.modal-title {
  margin-bottom: 8px;
  font-family: var(--font-heading);
  font-size: 18px;
}

.modal-desc,
.modal-hint {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.6;
}

.modal-desc {
  margin-bottom: 20px;
}

.modal-hint {
  margin: 4px 0 10px;
}

.modal-card input {
  width: 100%;
  margin-bottom: 12px;
}

.code-advanced {
  margin-bottom: 12px;
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-sm);
  background: rgba(var(--bg-primary-rgb), 0.72);
}

.code-advanced summary {
  padding: 10px 12px;
  color: var(--text-muted);
  font-size: 13px;
  cursor: pointer;
}

.code-advanced .code-row {
  padding: 0 12px 12px;
}

.code-advanced input,
.code-advanced button {
  margin-bottom: 0;
}

.modal-pay-link {
  justify-content: center;
  margin-top: 8px;
  text-align: center;
}

.code-row {
  display: flex;
  gap: 8px;
}

.code-row input {
  flex: 1;
}

.code-row button {
  flex: 0 0 auto;
  margin-bottom: 12px;
  padding: 0 14px;
  border: 1px solid var(--accent-secondary);
  border-radius: 6px;
  background: transparent;
  color: var(--accent-secondary);
  font-size: 13px;
  cursor: pointer;
}

.code-row button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.result-product-card {
  display: flex;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--color-divider);
  border-radius: 12px;
  background: var(--bg-card);
}

.product-line-art {
  width: 64px;
  height: 64px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
}

.product-line-art i {
  grid-area: 1 / 1;
  width: 34px;
  height: 34px;
  border: 5px solid currentColor;
  border-radius: 50%;
}

.product-line-art i:nth-child(2) { transform: translateX(12px); }
.product-line-art i:nth-child(3) { transform: translateX(-12px); }
.wood-stroke { color: var(--wuxing-wood); }
.fire-stroke { color: var(--wuxing-fire); }
.earth-stroke { color: var(--wuxing-earth); }
.metal-stroke { color: var(--wuxing-metal); }
.water-stroke { color: var(--wuxing-water); }

.product-thumb {
  width: 64px;
  height: 64px;
  flex: 0 0 auto;
  display: block;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  object-fit: cover;
  background: var(--bg-secondary);
}

.result-product-card strong {
  display: block;
  font-size: 14px;
  font-weight: 500;
}

.result-product-card p {
  margin: 6px 0 10px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.result-offer-card {
  padding: 22px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.24);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.92)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto;
  box-shadow: var(--shadow-card);
}

.result-offer-head span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.result-offer-head h3 {
  margin: 6px 0 8px;
  font-family: var(--font-heading);
  font-size: 20px;
}

.result-offer-head p {
  max-width: 720px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.result-offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.result-offer-plan {
  position: relative;
  display: flex;
  min-height: 210px;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-card);
}

.result-offer-plan.recommended {
  border: 2px solid var(--accent-primary);
}

.result-offer-plan em {
  position: absolute;
  top: -12px;
  left: 16px;
  padding: 3px 10px;
  border-radius: 6px;
  background: var(--accent-primary);
  color: var(--bg-secondary);
  font-size: 12px;
  font-style: normal;
}

.result-offer-plan span {
  color: var(--text-secondary);
  font-size: 13px;
}

.result-offer-plan strong {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 500;
}

.result-offer-plan p {
  flex: 1;
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.result-offer-plan a {
  justify-content: center;
}

.result-share-card {
  padding: 24px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.92)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: var(--shadow-card);
}

.result-share-head span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.result-share-head h3 {
  margin: 8px 0 10px;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.result-share-head p {
  max-width: 760px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.result-share-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.result-share-grid article {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: var(--bg-secondary);
}

.result-share-grid span {
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 600;
}

.result-share-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

.result-share-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}

.result-share-link code {
  display: block;
  overflow-wrap: anywhere;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--bg-card);
  color: var(--accent-primary);
  font-family: var(--font-body);
  font-size: 12px;
}

.post-register-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 22px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.28);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), 0.94), rgba(var(--bg-secondary-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
  box-shadow: var(--shadow-card);
}

.post-register-cta[hidden] {
  display: none;
}

.post-register-cta span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
}

.post-register-cta h3 {
  margin: 6px 0 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
}

.post-register-cta p {
  margin: 0;
  max-width: 720px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.post-register-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  min-width: 220px;
}

.post-register-cta .btn-primary,
.post-register-cta .btn-secondary {
  justify-content: center;
  white-space: nowrap;
}

.result-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 46px;
  margin-top: 24px;
  padding: 12px;
  border-radius: 6px;
  background: var(--accent-primary);
  color: var(--text-inverse);
  font-weight: 600;
}

details {
  border-top: 1px solid var(--color-divider);
  padding: 16px 0;
}

summary {
  cursor: pointer;
  font-weight: 600;
}

details p {
  color: var(--text-secondary);
  line-height: 1.8;
}

@media (max-width: 920px) {
  body {
    padding-bottom: 86px;
  }

  .site-header,
  main {
    width: min(100% - 28px, 720px);
  }

  .nav-links {
    display: none;
  }

  .hero,
  .reading-layout,
  .h5-growth-panel,
  .method-band,
  .membership-head,
  .result-hero,
  .insight-panel,
  .locked-section {
    grid-template-columns: 1fr;
  }

  .hero {
    min-height: auto;
    padding: 32px 0 44px;
    gap: 34px;
  }

  h1 {
    font-size: clamp(36px, 10vw, 42px);
  }

  .hero-visual {
    min-height: 380px;
  }

  .hero-visual img {
    min-height: 380px;
  }

  .placeholder-grid,
  .pillars,
  .counts,
  .rule-panel,
  .report-grid,
  .hook-grid,
  .plans,
  .method-grid,
  .product-grid,
  .item-example,
  .boundary-grid,
  .member-report-preview,
  .payment-layout,
  .payment-summary,
  .payment-entry-guide,
  .payment-restore-card,
  .payment-plan-switch,
  .payment-fit-panel,
  .payment-conversion-panel,
  .social-funnel-strip,
  .quick-order-panel,
  .payment-trust-panel,
  .payment-queue-head,
  .admin-stats,
  .admin-grid,
  .admin-quick-grid,
  .growth-funnel,
  .share-funnel-summary,
  .cash-sop-banner,
  .cash-ops-summary,
  .cash-ops-diagnosis,
  .cash-ops-queue,
  .platform-paste-hero,
  .platform-paste-grid,
  .xhs-product-pack,
  .xhs-variant-grid,
  .growth-launch-strip,
  .daily-growth-hero,
  .daily-cash-command,
  .daily-close-head,
  .daily-close-grid,
  .daily-growth-links,
  .daily-source-rank,
  .daily-growth-actions,
  .today-publish-head,
  .today-publish-grid,
  .ops-actions,
  .campaign-links,
  .domain-geo-summary,
  .domain-card-grid,
  .geo-submit-grid,
  .publish-kit,
  .content-metric-summary,
  .content-calendar,
  .content-hub-grid,
  .question-grid,
  .intl-grid,
  .voice-script-grid,
  .video-script-grid,
  .language-market-grid,
  .domain-landing-grid,
  .growth-loop-panel,
  .target-roadmap,
  .topic-link-grid,
  .topic-grid,
  .topic-conversion-actions,
  .start-lead-panel,
  .conversion-note {
    grid-template-columns: 1fr;
  }

  .h5-growth-actions,
  .h5-hero-actions,
  .h5-flow-grid,
  .h5-preview-list,
  .xhs-post-guide,
  .xhs-post-card,
  .xhs-post-buttons,
  .xhs-reply-grid,
  .xhs-r29-strip,
  .xhs-run-summary,
  .xhs-run-inputs,
  .xhs-run-export,
  .r29-actions,
  .r29-share-grid,
  .r29-contact-form,
  .career-blindbox-form-row,
  .r29-price-row,
  .p29-topic-grid,
  .start-code-row,
  .start-pay-cards,
  .start-publish-grid,
  .payment-confirm-shortcut,
  .payment-confirm-ribbon,
  .payment-fast-buttons,
  .social-funnel-steps,
  .buy-choice-grid,
  .buy-process-grid,
  .buy-fit-panel,
  .buy-pay-actions,
  .supply-summary,
  .supply-grid {
    grid-template-columns: 1fr;
  }

  .h5-growth-panel {
    margin-top: 0;
    padding: 20px;
  }

  .h5-shell {
    width: min(100% - 24px, 720px);
  }

  .h5-test-layout {
    grid-template-columns: 1fr;
  }

  .h5-test-form {
    order: 1;
  }

  .h5-test-hero {
    order: 2;
  }

  .h5-test-result {
    order: 3;
  }

  .result-top-conversion,
  .result-cash-strip {
    grid-template-columns: 1fr;
  }

  .result-sticky-pay {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
  }

  .result-sticky-actions {
    grid-template-columns: 0.82fr 1.18fr;
  }

  .result-top-actions,
  .result-cash-actions {
    min-width: 0;
  }

  .h5-test-hero h1 {
    font-size: 26px;
  }

  .h5-mobile-bar {
    grid-template-columns: 0.82fr 1.18fr;
  }

  .start-action-grid,
  .start-process-grid,
  .start-proof,
  .start-mobile-bar {
    grid-template-columns: 1fr;
  }

  .admin-goal-card {
    grid-column: span 1;
  }

  .mobile-revenue-bar {
    position: fixed;
    right: 14px;
    bottom: 14px;
    left: 14px;
    z-index: 60;
    display: grid;
    grid-template-columns: 0.82fr 1.1fr 0.82fr;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(var(--accent-primary-rgb), 0.18);
    border-radius: 12px;
    background: rgba(var(--bg-secondary-rgb), 0.94);
    box-shadow: 0 18px 44px rgba(43, 40, 37, 0.14);
    backdrop-filter: blur(12px);
  }

  .mobile-revenue-bar .btn-primary,
  .mobile-revenue-bar .btn-secondary {
    min-height: 42px;
    padding: 9px 10px;
    font-size: 13px;
  }

  .order-lookup-form {
    grid-template-columns: 1fr;
  }

  .payment-methods {
    grid-template-columns: 1fr;
  }

  .payment-entry-guide ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .payment-mobile-bar {
    grid-template-columns: 0.86fr 1fr 0.86fr;
  }

  .payment-copy-row,
  .payment-steps {
    grid-template-columns: 1fr;
  }

  .contact-recover-card {
    grid-template-columns: 1fr;
  }

  .contact-recover-card .btn-secondary {
    width: 100%;
  }

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

  .pending-payment-banner {
    grid-template-columns: 1fr auto;
    align-items: start;
  }

  .pending-payment-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .pending-payment-actions .btn-primary,
  .pending-payment-actions .btn-secondary {
    justify-content: center;
  }

  .result-offer-grid {
    grid-template-columns: 1fr;
  }

  .result-share-grid,
  .result-share-link {
    grid-template-columns: 1fr;
  }

  .post-register-cta {
    grid-template-columns: 1fr;
  }

  .result-fast-action {
    grid-template-columns: 1fr;
  }

  .result-fast-proof {
    display: grid;
    grid-template-columns: 1fr;
  }

  .post-register-actions {
    min-width: 0;
  }

  .post-register-cta .btn-primary,
  .post-register-cta .btn-secondary {
    justify-content: center;
  }

  .result-tab-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reading-layout::before {
    grid-column: 1;
    grid-row: 2;
    transform: rotate(90deg);
  }

  .form-panel {
    grid-column: 1;
    grid-row: 1;
  }

  .result-panel {
    grid-column: 1;
    grid-row: 3;
  }

  .item-visual {
    min-height: 140px;
  }

  .wuxing-detail-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .result-product-card {
    min-width: 0;
  }

  .faq-item summary {
    padding: 16px 18px;
  }

  .faq-answer {
    padding: 0 18px;
  }

  .region-picker {
    grid-template-columns: 1fr;
  }

  .locked-section .btn-primary {
    justify-self: stretch;
  }
}


.x-outreach-desk {
  display: grid;
  gap: 14px;
}

.x-outreach-hero,
.x-outreach-grid article {
  padding: 16px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.92), rgba(var(--bg-card-rgb), 0.94)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/260px auto;
}

.x-outreach-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, auto);
  gap: 14px;
  align-items: center;
}

.x-outreach-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.x-outreach-hero span,
.x-outreach-grid span {
  color: var(--text-muted);
  font-size: 12px;
  letter-spacing: 0.04em;
}

.x-outreach-hero strong,
.x-outreach-grid strong {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.x-outreach-hero strong {
  color: var(--accent-primary);
  font-size: 24px;
}

.x-outreach-hero p,
.x-outreach-grid p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .x-outreach-hero,
  .x-outreach-grid {
    grid-template-columns: 1fr;
  }
}

.article-shell {
  max-width: 920px;
  margin: 0 auto;
  padding: 56px 20px 72px;
}

.article-hero {
  padding: 28px;
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/280px auto;
}

.article-hero h1 {
  max-width: 760px;
  margin: 10px 0 12px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: clamp(30px, 5vw, 48px);
  font-weight: 500;
  line-height: 1.32;
}

.article-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.9;
}

.article-actions {
  margin-top: 22px;
}

.article-card {
  margin-top: 22px;
  padding: 34px;
  border: 1px solid var(--color-divider);
  border-radius: 14px;
  background: var(--bg-card);
  color: var(--text-primary);
}

.article-card h2,
.article-card h3 {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-weight: 500;
}

.article-card h2 {
  margin: 0 0 20px;
  font-size: 25px;
  line-height: 1.45;
}

.article-card h3 {
  margin: 30px 0 12px;
  font-size: 19px;
}

.article-card p {
  margin: 0 0 15px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.9;
}

.article-card a {
  color: var(--accent-primary);
  text-decoration: none;
  border-bottom: 1px solid rgba(var(--accent-primary-rgb), 0.35);
}

.article-conversion-card {
  display: grid;
  gap: 12px;
  margin-top: 22px;
  padding: 26px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.22);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), 0.96), rgba(var(--bg-primary-rgb), 0.96)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto;
}

.article-conversion-card span {
  color: var(--accent-primary);
  font-size: 13px;
  letter-spacing: 0.08em;
}

.article-conversion-card h2 {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.45;
}

.article-conversion-card p {
  max-width: 680px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.article-conversion-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

@media (max-width: 760px) {
  .article-shell {
    padding: 28px 14px 56px;
  }

  .article-hero,
  .article-card,
  .article-conversion-card {
    padding: 22px;
  }
}

/* 2026-06-26 No.1 conversion pass */
:root {
  --no1-ink: #1a1612;
  --no1-paper: #f7f4ee;
  --no1-paper-warm: #efe9dd;
  --no1-vermilion: #c13b2a;
  --no1-gold: #b8924a;
  --no1-divider: #d9d0c0;
}

.btn-primary,
.plan-button.primary {
  border-radius: 4px;
}

.home-trust-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.home-trust-bar span {
  padding: 7px 10px;
  border: 1px solid rgba(193, 59, 42, 0.2);
  border-radius: 4px;
  background: rgba(247, 244, 238, 0.82);
  color: var(--text-secondary);
  font-size: 12px;
}

.home-blindbox-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: min(320px, calc(100% - 36px));
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid rgba(184, 146, 74, 0.42);
  border-radius: 8px;
  background: rgba(26, 22, 18, 0.82);
  color: #f7f4ee;
  backdrop-filter: blur(8px);
}

.home-blindbox-card span {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--no1-gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.home-blindbox-card span i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--no1-gold);
  box-shadow: 0 0 0 6px rgba(184, 146, 74, 0.16);
}

.home-blindbox-card strong {
  font-family: var(--font-heading);
  font-size: 17px;
  font-weight: 500;
}

.home-blindbox-card p {
  margin: 0;
  color: rgba(247, 244, 238, 0.78);
  font-size: 12px;
  line-height: 1.55;
}

.home-blindbox-card a {
  color: var(--no1-gold);
  font-size: 12px;
  font-weight: 700;
}

.home-faq,
.membership-panel .item-example,
.membership-panel .plan-card.premium {
  display: none;
}

.blindbox-plan {
  border-color: rgba(184, 146, 74, 0.55) !important;
}

.blindbox-plan .recommend-tag,
.blindbox-timeline .item-kicker {
  border-color: rgba(184, 146, 74, 0.42);
  background: #fff6dc;
  color: #5f3f08;
}

.p29-checkout-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap: 24px;
  width: min(100% - 28px, 1120px);
  margin: 0 auto;
  padding: 30px 0 96px;
}

.p29-checkout-copy {
  display: grid;
  gap: 22px;
  align-content: start;
  padding-top: 16px;
}

.p29-back-link {
  width: fit-content;
  color: var(--text-secondary);
  font-size: 13px;
}

.p29-checkout-copy > h1 {
  max-width: 660px;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.18;
}

.p29-checkout-copy > p {
  max-width: 620px;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 1.85;
}

.p29-checkout-sidebar {
  position: sticky;
  top: 76px;
  align-self: start;
  display: grid;
  gap: 12px;
}

.p29-checkout-sidebar .r29-contact-panel {
  order: -1;
  margin-top: 0;
  border-color: rgba(193, 59, 42, 0.28);
}

.p29-checkout-sidebar .p29-birth-panel {
  order: 1;
}

.p29-checkout-sidebar .r29-contact-form {
  grid-template-columns: 1fr;
}

.p29-reassurance {
  display: grid;
  gap: 8px;
  margin: 2px 0 0;
  padding: 0;
  color: var(--text-secondary);
  font-size: 13px;
  list-style: none;
}

.p29-reassurance li::before {
  content: "✓";
  margin-right: 8px;
  color: var(--accent-primary);
  font-weight: 700;
}

.p29-step-card {
  display: grid;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.92);
}

.p29-step-card > span {
  display: block;
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 700;
}

.p29-step-title {
  display: block;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.35;
}

.p29-step-intro {
  max-width: 620px;
  margin: -2px 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.75;
}

.p29-step-card ol {
  display: grid;
  gap: 12px;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
}

.p29-step-card li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(193, 59, 42, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.34);
}

.p29-step-card b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(193, 59, 42, 0.24);
  border-radius: 50%;
  color: var(--accent-primary);
  font-family: var(--font-heading);
  font-weight: 500;
  flex: 0 0 auto;
}

.p29-step-card strong {
  display: block;
  color: var(--text-primary);
  font-size: 15px;
}

.p29-step-card p {
  margin: 4px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.6;
}

.topic-deep-section {
  width: min(100% - 28px, 980px);
  margin: 18px auto;
  padding: 24px;
  border: 1px solid var(--color-divider);
  border-radius: 10px;
  background: rgba(var(--bg-card-rgb), 0.94);
}

.topic-deep-section > span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 700;
}

.topic-deep-section h2 {
  margin-top: 10px;
  font-size: clamp(24px, 3vw, 34px);
}

.topic-deep-section p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.85;
}

.topic-faq-mini {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.topic-case-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.topic-case-grid article {
  padding: 16px;
  border: 1px solid rgba(184, 146, 74, 0.26);
  border-radius: 8px;
  background: rgba(239, 233, 221, 0.58);
}

.topic-case-grid span {
  display: block;
  color: var(--no1-gold);
  font-size: 12px;
  font-weight: 700;
}

.topic-case-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 500;
}

.topic-case-grid p {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.75;
}

.topic-faq-mini article {
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.18);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), 0.72);
}

.topic-faq-mini strong {
  display: block;
  color: var(--text-primary);
  font-size: 15px;
}

.topic-faq-mini p {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .home-blindbox-card {
    position: static;
    margin-top: 14px;
  }

  .p29-checkout-shell {
    grid-template-columns: 1fr;
    padding-bottom: 108px;
  }

  .p29-checkout-sidebar {
    position: static;
  }

  .p29-mobile-bar {
    grid-template-columns: 1.4fr 0.8fr;
  }

  .p29-mobile-bar .btn-primary,
  .p29-mobile-bar .btn-secondary {
    min-width: 0;
  }

  .topic-faq-mini {
    grid-template-columns: 1fr;
  }

  .topic-case-grid {
    grid-template-columns: 1fr;
  }

  .membership-decision-grid {
    grid-template-columns: 1fr;
  }

  .membership-final-cta {
    padding: 26px 18px;
  }

  .membership-final-cta > div {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* 2026-06-26 Codex Edition trust + blindbox pass */
.trust-proof-section,
.about-hero,
.about-grid,
.about-method-card,
.about-boundary,
.blindbox-hero,
.blindbox-timeline-panel {
  width: min(100% - 28px, 1120px);
  margin: 42px auto;
}

.trust-proof-section,
.about-method-card,
.about-boundary,
.blindbox-timeline-panel {
  padding: 26px;
  border: 1px solid rgba(var(--ink-gold-rgb), 0.24);
  border-radius: 8px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), 0.9), rgba(var(--bg-card-rgb), 0.9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto,
    var(--bg-card);
  box-shadow: var(--shadow-card);
}

.trust-proof-head {
  max-width: 760px;
}

.trust-proof-head span,
.operator-card span,
.about-hero > span,
.about-method-card span,
.blindbox-hero-copy > span {
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.trust-proof-head h2,
.about-method-card h2,
.blindbox-timeline-panel h2 {
  margin-top: 10px;
  font-size: clamp(24px, 3vw, 34px);
}

.trust-proof-head p,
.operator-card p,
.about-hero p,
.about-method-card p,
.blindbox-timeline-panel p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.85;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.testimonial-grid article,
.about-grid article {
  padding: 20px;
  border: 1px solid rgba(var(--accent-secondary-rgb), 0.22);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), 0.72);
}

.testimonial-grid p {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 17px;
  line-height: 1.75;
}

.testimonial-grid span {
  display: block;
  margin-top: 14px;
  color: var(--text-muted);
  font-size: 12px;
}

.operator-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 16px;
  padding-top: 18px;
  border-top: 1px solid var(--color-divider);
}

.operator-card h3 {
  margin: 8px 0 0;
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 500;
}

.about-hero {
  max-width: 860px;
  padding: 58px 0 24px;
  text-align: center;
}

.about-hero h1 {
  margin-top: 14px;
  font-size: clamp(38px, 5vw, 62px);
}

.about-hero p {
  max-width: 720px;
  margin: 22px auto 0;
  font-size: 16px;
}

.about-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 26px;
}

.about-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.about-grid article > span {
  color: var(--ink-gold);
  font-family: var(--font-heading);
  font-size: 28px;
}

.about-grid h2 {
  margin-top: 12px;
  font-size: 22px;
}

.about-grid p,
.about-boundary p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}

.about-method-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
  gap: 26px;
  align-items: center;
}

.about-method-card ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-method-card li {
  padding: 14px;
  border: 1px solid rgba(var(--accent-primary-rgb), 0.16);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), 0.8);
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.7;
}

.about-boundary h2 {
  font-size: 26px;
}

.about-boundary div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.about-boundary p {
  margin: 0;
  padding: 16px;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
}

.blindbox-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  gap: 42px;
  align-items: center;
  margin-top: 54px;
  padding: 44px;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(30, 26, 18, 0.96), rgba(43, 40, 37, 0.92)),
    url("/assets/pexels/optimized/texture-wood.jpg") center/460px auto;
  color: var(--text-inverse);
  overflow: hidden;
}

.blindbox-hero-copy h1 {
  margin-top: 12px;
  color: var(--text-inverse);
  font-size: clamp(38px, 5vw, 62px);
}

.blindbox-hero-copy p {
  max-width: 660px;
  color: rgba(247, 244, 239, 0.78);
  font-size: 15px;
  line-height: 1.9;
}

.blindbox-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.blindbox-stage {
  display: grid;
  gap: 18px;
  justify-items: center;
  padding: 22px;
  border: 1px solid rgba(var(--ink-gold-rgb), 0.24);
  border-radius: 10px;
  background: rgba(247, 244, 239, 0.06);
}

.blindbox-wrap {
  position: relative;
  width: 220px;
  height: 220px;
}

.blindbox-body {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 158px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(var(--ink-gold-rgb), 0.38);
  border-radius: 8px;
  background:
    repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(var(--ink-gold-rgb), 0.08) 8px, rgba(var(--ink-gold-rgb), 0.08) 9px),
    var(--ivory-deep);
}

.blindbox-body strong {
  color: rgba(var(--ink-gold-rgb), 0.34);
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 500;
}

.blindbox-lid {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: 76px;
  border: 1px solid rgba(var(--ink-gold-rgb), 0.42);
  border-radius: 8px;
  background: #352a08;
  transform-origin: top center;
  animation: blindbox-lid-open 2.8s ease-in-out infinite alternate;
}

.blindbox-seal {
  position: absolute;
  bottom: 146px;
  left: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 88px;
  height: 28px;
  border-radius: 999px;
  background: var(--ink-gold);
  color: #fff;
  transform: translateX(-50%);
  animation: blindbox-seal-pulse 2.8s ease-in-out infinite alternate;
}

.blindbox-seal span {
  font-family: var(--font-heading);
  font-size: 11px;
  letter-spacing: 0.12em;
}

.blindbox-status {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(247, 244, 239, 0.78);
  font-size: 13px;
}

.blindbox-status span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ink-gold);
  animation: blindbox-dot 1.4s ease-in-out infinite;
}

.blindbox-status span:nth-child(2) { animation-delay: 0.2s; }
.blindbox-status span:nth-child(3) { animation-delay: 0.4s; }

.blindbox-timeline-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.88fr);
  gap: 26px;
  align-items: start;
}

.blindbox-steps {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.blindbox-steps li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(var(--ink-gold-rgb), 0.22);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), 0.72);
}

.blindbox-steps b {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(var(--ink-gold-rgb), 0.32);
  border-radius: 50%;
  color: var(--ink-gold);
  font-family: var(--font-heading);
  font-weight: 500;
}

.blindbox-steps strong {
  display: block;
  color: var(--text-primary);
  font-size: 16px;
}

.blindbox-steps p {
  grid-column: 2;
  margin: -6px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}

@keyframes blindbox-lid-open {
  0% { transform: rotateX(0deg) translateY(0); }
  100% { transform: rotateX(-18deg) translateY(-8px); }
}

@keyframes blindbox-seal-pulse {
  0% { box-shadow: 0 0 0 0 rgba(var(--ink-gold-rgb), 0.12); }
  100% { box-shadow: 0 0 26px 6px rgba(var(--ink-gold-rgb), 0.22); }
}

@keyframes blindbox-dot {
  0%, 80%, 100% { opacity: 0.38; transform: scale(0.7); }
  40% { opacity: 1; transform: scale(1); }
}

@media (max-width: 920px) {
  .testimonial-grid,
  .about-grid,
  .about-method-card,
  .about-boundary div,
  .blindbox-hero,
  .blindbox-timeline-panel,
  .operator-card {
    grid-template-columns: 1fr;
  }

  .blindbox-hero {
    padding: 28px 20px;
  }

  .blindbox-stage {
    order: -1;
  }
}

@media (max-width: 720px) {
  .p29-progress-card ol,
  .xhs-single-checkout .single-payment-steps {
    grid-template-columns: 1fr;
  }

  .p29-topic-grid,
  .payment-plan-switch {
    grid-template-columns: 1fr;
  }

  .payment-batch-notice,
  .payment-success-note,
  .faq-filter-panel,
  .trust-close-cta {
    padding: 14px;
  }

  .trust-close-cta {
    grid-template-columns: 1fr;
  }

  .faq-category-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .faq-category-tabs button {
    padding-inline: 8px;
  }
}


/* 20260628 optflow1 */
.home-topic-panel {
  align-items: stretch;
  gap: 24px;
}
.home-topic-panel-copy {
  max-width: 360px;
}
.home-topic-chip-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  flex: 1;
}
.topic-chip-v2 {
  display: block;
  position: relative;
  min-height: 188px;
  padding: 18px 18px 16px;
  border: 1px solid var(--line, rgba(122, 94, 30, .18));
  border-radius: 14px;
  background: rgba(255, 252, 244, .86);
  color: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.topic-chip-v2::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--chip-accent, #b8924a);
  opacity: .18;
}
.topic-chip-v2:hover {
  transform: translateY(-2px);
  border-color: var(--chip-accent, #b8924a);
  box-shadow: 0 14px 32px rgba(42, 34, 22, .08);
}
.topic-chip-v2 span,
.topic-chip-v2 em {
  display: block;
  color: var(--chip-accent, #9a7a28);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .08em;
}
.topic-chip-v2 strong {
  display: block;
  margin-top: 10px;
  color: var(--ink, #221f1a);
  font-family: var(--serif, "Noto Serif SC", serif);
  font-size: 18px;
  line-height: 1.45;
}
.topic-chip-v2 p {
  margin: 10px 0 0;
  color: var(--muted, #7a6e5c);
  font-size: 13px;
  line-height: 1.7;
}
.topic-chip-v2 em {
  margin-top: 14px;
  letter-spacing: 0;
}
.p29-price-anchor {
  margin: 14px 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(184, 146, 74, .26);
  border-radius: 10px;
  background: rgba(250, 246, 237, .82);
  color: var(--muted, #7a6e5c);
  font-size: 13px;
  line-height: 1.7;
}
.order-progress {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 22px;
  color: var(--muted, #7a6e5c);
}
.order-progress i {
  flex: 1;
  min-width: 16px;
  height: 1px;
  background: rgba(122, 94, 30, .18);
}
.op-step {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  font-size: 12px;
}
.op-step b {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(122, 94, 30, .25);
  background: #fffaf0;
  color: #7a5e1e;
  font-size: 11px;
}
.op-step.done b {
  background: #4a7c59;
  border-color: #4a7c59;
  color: #fff;
}
.op-step.active {
  color: #5c4810;
  font-weight: 700;
}
.op-step.active b {
  border-color: #b8924a;
  box-shadow: 0 0 0 3px rgba(184, 146, 74, .12);
}
.is-single-payment-flow .payment-plan-switch {
  display: none;
}
.is-single-payment-flow .payment-cash-strip,
.is-single-payment-flow .payment-entry-guide {
  display: none;
}
.is-single-payment-flow .manual-pay-box {
  padding-top: 18px;
}
.payment-primary-note {
  margin: 8px 0 14px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}
.payment-backup-methods {
  margin-top: 12px;
  border-top: 1px solid rgba(122, 94, 30, .14);
  padding-top: 10px;
}
.payment-backup-methods summary {
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
}
.payment-backup-methods p {
  margin: 8px 0 0;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.7;
}

.payment-direct-card {
  margin-bottom: 12px;
}

.payment-direct-claim-form {
  display: grid;
  gap: 12px;
  margin: 12px 0 4px;
  padding: 14px;
  border: 1px solid rgba(122, 94, 30, .18);
  border-radius: 10px;
  background: rgba(255, 255, 255, .78);
}

.payment-direct-claim-form h3 {
  margin: 0;
  font-size: 16px;
}

.payment-direct-claim-form p {
  margin: 0;
}

.payment-direct-claim-form label {
  display: grid;
  gap: 6px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
}

.payment-direct-claim-form input,
.payment-direct-claim-form select,
.payment-direct-claim-form textarea {
  width: 100%;
  border: 1px solid var(--color-divider);
  border-radius: 8px;
  background: var(--bg-card);
  color: var(--text-primary);
  font: inherit;
}

.payment-direct-claim-form input,
.payment-direct-claim-form select {
  min-height: 44px;
  padding: 0 12px;
}

.payment-direct-claim-form textarea {
  padding: 10px 12px;
  resize: vertical;
}

html.payment-restore-simple .payment-layout {
  grid-template-columns: minmax(0, 560px);
  padding-top: 26px;
}

html.payment-restore-simple .order-progress,
html.payment-restore-simple .payment-batch-notice,
html.payment-restore-simple .payment-plan-switch,
html.payment-restore-simple .payment-summary,
html.payment-restore-simple .single-payment-steps,
html.payment-restore-simple .payment-cash-strip,
html.payment-restore-simple .timeline-strip,
html.payment-restore-simple .payment-confirm-shortcut,
html.payment-restore-simple .payment-entry-guide,
html.payment-restore-simple .optional-payer-details,
html.payment-restore-simple .manual-pay-box,
html.payment-restore-simple .quick-order-panel,
html.payment-restore-simple .order-lookup-details,
html.payment-restore-simple .shipping-form,
html.payment-restore-simple .payment-card > .item-kicker,
html.payment-restore-simple .payment-card > h1,
html.payment-restore-simple .payment-card > p,
html.payment-restore-simple #payButton {
  display: none !important;
}

html.payment-restore-simple .payment-card,
html.payment-restore-simple .payment-aside .wuxing-card,
html.payment-restore-simple .payment-aside .payment-success-note {
  display: none !important;
}

html.payment-restore-simple .payment-aside {
  display: block;
}

html.payment-restore-simple #paymentResult {
  display: block;
}

.payment-restore-simple-card {
  display: grid;
  gap: 14px;
  padding: 4px;
}

.payment-restore-simple-card > span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

.payment-restore-simple-card h2 {
  margin: 0;
  font-size: clamp(28px, 6vw, 42px);
  line-height: 1.15;
}

.payment-restore-amount {
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: clamp(42px, 11vw, 68px);
  font-weight: 700;
  line-height: 1;
}

.payment-restore-simple-card p {
  margin: 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.75;
}

.payment-restore-actions {
  display: grid;
  gap: 10px;
}

.payment-restore-actions .btn-primary,
.payment-restore-actions .btn-secondary {
  width: 100%;
}

.payment-restore-simple-card .payment-claim-form {
  margin-top: 4px;
}

.payment-restore-methods {
  display: grid;
  gap: 10px;
}

.payment-restore-method {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(122, 94, 30, .16);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), .78);
}

.payment-restore-method.is-active {
  border-color: rgba(var(--accent-primary-rgb), .42);
  background: rgba(var(--accent-primary-rgb), .08);
}

.payment-restore-method.is-disabled {
  opacity: .56;
}

.payment-restore-method span {
  color: var(--accent-primary);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.payment-restore-method strong {
  display: block;
  margin-top: 3px;
  color: var(--text-primary);
  font-size: 16px;
}

.payment-restore-method p {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.55;
}

.payment-restore-backup-methods {
  border: 1px solid rgba(122, 94, 30, .14);
  border-radius: 12px;
  background: rgba(var(--bg-card-rgb), .52);
  padding: 10px 12px;
}

.payment-restore-backup-methods summary {
  cursor: pointer;
  color: var(--accent-primary);
  font-size: 13px;
  font-weight: 900;
}

.payment-restore-backup-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.payment-restore-method-actions {
  min-width: 116px;
}

.payment-restore-method-actions .btn-primary,
.payment-restore-method-actions .btn-secondary {
  width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  font-size: 13px;
}

.payment-restore-contact {
  display: grid;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
}

.payment-restore-contact input {
  width: 100%;
  border: 1px solid rgba(122, 94, 30, .18);
  border-radius: 10px;
  padding: 12px;
  background: #fffaf4;
  color: var(--text-primary);
  font: inherit;
}

@media (max-width: 560px) {
  .payment-restore-method {
    grid-template-columns: 1fr;
  }

  .payment-restore-method-actions {
    min-width: 0;
  }
}

.payment-restore-done {
  padding: 14px;
  border: 1px solid rgba(var(--accent-secondary-rgb), .22);
  border-radius: 10px;
  background: rgba(var(--bg-secondary-rgb), .55);
}

.payment-restore-done strong {
  display: block;
  color: var(--text-primary);
  font-size: 17px;
}

.payment-restore-backup {
  border-top: 1px solid rgba(122, 94, 30, .14);
  padding-top: 10px;
}

.payment-restore-backup summary {
  cursor: pointer;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
}

.payment-restore-backup code {
  display: block;
  margin: 8px 0;
  padding: 10px;
  overflow-wrap: anywhere;
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), .6);
  color: var(--text-secondary);
  font-size: 12px;
}
.timeline-strip {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(122, 94, 30, .16);
  border-radius: 12px;
  background: rgba(250, 246, 237, .76);
}
.timeline-strip > span {
  display: block;
  margin-bottom: 8px;
  color: var(--muted, #7a6e5c);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}
.timeline-step {
  display: flex;
  gap: 10px;
  padding: 7px 0;
}
.timeline-step b {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fffaf0;
  border: 1px solid rgba(184, 146, 74, .32);
  color: #7a5e1e;
  font-size: 11px;
}
.timeline-step p {
  margin: 0;
}
.timeline-step strong {
  display: block;
  color: var(--ink, #221f1a);
  font-size: 13px;
}
.timeline-step small {
  display: block;
  margin-top: 2px;
  color: var(--muted, #7a6e5c);
  font-size: 12px;
  line-height: 1.6;
}
.payment-next-steps-grid {
  display: grid;
  gap: 10px;
  margin: 14px 0;
}
.payment-next-steps-grid article {
  display: flex;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(122, 94, 30, .16);
  border-radius: 10px;
  background: rgba(255, 252, 244, .82);
  text-align: left;
}
.payment-next-steps-grid b {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #fffaf0;
  border: 1px solid rgba(184, 146, 74, .32);
  color: #7a5e1e;
  font-size: 11px;
}
.payment-next-steps-grid strong {
  display: block;
  font-size: 13px;
}
.payment-next-steps-grid p {
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.6;
}
.p29-direct-pay-card {
  display: grid;
  gap: 14px;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(184, 146, 74, .30);
  border-radius: 14px;
  background: rgba(255, 252, 244, .94);
  box-shadow: 0 16px 34px rgba(42, 34, 22, .08);
}
.p29-direct-pay-card span {
  display: block;
  color: var(--accent-secondary, #b8924a);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
}
.p29-direct-pay-card strong {
  display: block;
  margin-top: 6px;
  color: var(--text-primary, #221f1a);
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: 22px;
}
.p29-direct-pay-card p {
  margin: 8px 0 0;
  color: var(--text-secondary, #7a6e5c);
  font-size: 13px;
  line-height: 1.75;
}
.p29-qr-wrap {
  display: grid;
  place-items: center;
  padding: 10px;
  border: 1px dashed rgba(184, 146, 74, .42);
  border-radius: 12px;
  background: #fffaf0;
}
.p29-qr-wrap img {
  width: min(220px, 100%);
  aspect-ratio: 1280 / 1919;
  object-fit: contain;
  border-radius: 8px;
}
.p29-direct-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.p29-birth-panel summary,
.p29-order-lookup summary {
  cursor: pointer;
  color: var(--text-primary, #221f1a);
  font-weight: 700;
}
.p29-birth-panel[open],
.p29-order-lookup[open] {
  display: grid;
}
.p29-birth-panel[open] summary,
.p29-order-lookup[open] summary {
  margin-bottom: 10px;
}
details.p29-order-lookup {
  display: block;
  grid-template-columns: none;
}
details.p29-order-lookup form {
  margin-top: 10px;
}
.p29-direct-claim-form {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid rgba(184, 146, 74, .22);
}
.p29-direct-form-head strong {
  margin-top: 4px;
  font-size: 16px;
}
.p29-direct-claim-form label {
  display: grid;
  gap: 6px;
  color: var(--text-primary, #221f1a);
  font-size: 13px;
  font-weight: 700;
}
.p29-direct-claim-form input,
.p29-direct-claim-form select,
.p29-direct-claim-form textarea {
  width: 100%;
  border: 1px solid rgba(122, 94, 30, .22);
  border-radius: 10px;
  background: #fffdf7;
  color: var(--text-primary, #221f1a);
  font: inherit;
  font-weight: 500;
  padding: 11px 12px;
}
.p29-direct-claim-form textarea {
  resize: vertical;
}
.p29-paid-check {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 8px !important;
  padding: 10px 12px;
  border: 1px solid rgba(184, 146, 74, .24);
  border-radius: 10px;
  background: rgba(250, 246, 237, .72);
}
.p29-paid-check input {
  width: auto;
}
.p29-direct-claim-form.is-submitted {
  border-color: rgba(74, 124, 89, .32);
}
.p29-direct-claim-form.is-submitted button {
  background: #4a7c59;
}
@media (max-width: 900px) {
  .home-topic-chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .home-topic-chip-grid {
    grid-template-columns: 1fr;
  }
  .topic-chip-v2 {
    min-height: 0;
  }
  .order-progress {
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .order-progress i {
    min-width: 12px;
    flex: 0 0 12px;
  }
  .op-step span {
    font-size: 11px;
  }
}

/* 20260628 optflow2: keep homepage topic copy from stretching the chip grid */
.h5-growth-panel.home-topic-panel {
  display: block;
}
.home-topic-panel-copy {
  max-width: none;
  margin-bottom: 18px;
}
.home-topic-panel-copy h2 {
  max-width: 520px;
}
.home-topic-panel-copy p {
  max-width: 640px;
}
.home-topic-panel .home-topic-chip-grid {
  width: 100%;
}
@media (min-width: 901px) {
  .home-topic-panel .home-topic-chip-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* 20260628 reference-home: adapted from uploaded intro homepage, keeps existing nav/framework */
.home-intro-hero {
  position: relative;
  overflow: hidden;
  min-height: calc(100svh - 72px);
  align-items: center;
  background:
    radial-gradient(ellipse 58% 46% at 18% 22%, rgba(200, 150, 62, .10), transparent 70%),
    radial-gradient(ellipse 48% 58% at 84% 76%, rgba(139, 58, 42, .08), transparent 70%);
}
.home-intro-hero .hero-copy {
  max-width: 680px;
}
.home-intro-hero .eyebrow {
  color: var(--accent-secondary, #b8924a);
  letter-spacing: .22em;
}
.home-intro-hero h1 {
  margin-bottom: 18px;
}
.home-intro-hero .lead {
  max-width: 620px;
  font-size: 17px;
  line-height: 1.9;
}
.home-price-block {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  margin: 8px 0 26px;
}
.home-price-block span,
.home-price-block em {
  color: var(--text-secondary, #6b6255);
  font-size: 13px;
  font-style: normal;
}
.home-price-block strong {
  color: #8b3a2a;
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: clamp(38px, 6vw, 56px);
  line-height: 1;
  letter-spacing: 0;
}
.home-proof-strip {
  display: flex;
  justify-content: center;
  gap: 34px;
  flex-wrap: wrap;
  padding: 14px 24px;
  background: #1a1208;
  color: #f7f4ee;
}
.home-proof-strip span {
  color: rgba(247, 244, 238, .78);
  font-size: 13px;
  letter-spacing: .06em;
}
.home-proof-strip strong {
  color: #c8963e;
  font-size: 17px;
}
.home-service-card {
  width: min(960px, calc(100% - 40px));
  margin: 34px auto 36px;
  padding: 0;
}
.home-service-head {
  max-width: 640px;
  margin-bottom: 22px;
}
.home-service-head span,
.home-service-title span,
.home-service-grid span {
  display: block;
  color: var(--accent-secondary, #b8924a);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}
.home-service-head h2 {
  margin: 10px 0 10px;
  color: var(--text-primary, #1a1208);
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: clamp(26px, 4vw, 38px);
  line-height: 1.28;
}
.home-service-head p {
  margin: 0;
  color: var(--text-secondary, #6b6255);
  line-height: 1.8;
}
.home-service-box {
  border: 1px solid rgba(200, 150, 62, .26);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 252, 244, .92);
  box-shadow: 0 18px 42px rgba(42, 34, 22, .08);
}
.home-service-title {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 24px 26px 20px;
  background: #1a1208;
}
.home-service-title strong {
  color: #f7f4ee;
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: 22px;
}
.home-service-title span {
  padding: 4px 10px;
  border-radius: 3px;
  background: #c8963e;
  color: #fff;
  white-space: nowrap;
}
.home-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 24px 26px;
}
.home-service-grid article {
  padding: 0 18px;
  border-left: 1px solid rgba(200, 150, 62, .20);
}
.home-service-grid article:first-child {
  padding-left: 0;
  border-left: 0;
}
.home-service-grid p {
  margin: 10px 0 0;
  color: var(--text-secondary, #6b6255);
  font-size: 14px;
  line-height: 1.75;
}
.home-service-pay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 26px 26px;
  padding-top: 22px;
  border-top: 1px solid rgba(200, 150, 62, .22);
}
.home-service-pay strong {
  color: #8b3a2a;
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: 38px;
  line-height: 1;
}
.home-service-pay p {
  margin: 4px 0 0;
  color: var(--text-secondary, #6b6255);
  font-size: 12px;
}
@media (max-width: 900px) {
  .home-intro-hero {
    min-height: 0;
    text-align: center;
  }
  .home-intro-hero .hero-copy,
  .home-intro-hero .lead {
    max-width: none;
  }
  .home-service-grid {
    grid-template-columns: 1fr;
  }
  .home-service-grid article {
    padding: 16px 0;
    border-left: 0;
    border-top: 1px solid rgba(200, 150, 62, .18);
  }
  .home-service-grid article:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .home-service-pay {
    align-items: stretch;
    flex-direction: column;
  }
  .home-service-pay .btn-primary {
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 560px) {
  .home-price-block {
    display: grid;
    justify-items: center;
    gap: 4px;
  }
  .home-proof-strip {
    justify-content: flex-start;
    gap: 14px 20px;
  }
  .home-service-card {
    width: min(100% - 28px, 960px);
  }
  .home-service-title {
    flex-direction: column;
  }
  .home-service-grid,
  .home-service-title {
    padding-inline: 20px;
  }
  .home-service-pay {
    margin-inline: 20px;
  }
}

.result-light-report {
  overflow: hidden;
}
.result-light-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.result-light-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 10px;
  padding: 18px;
  border: 1px solid rgba(200, 150, 62, .22);
  border-radius: 8px;
  background: rgba(255, 252, 246, .78);
}
.result-light-card > span {
  color: #8b3a2a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}
.result-light-card > strong {
  color: var(--text-primary, #241b12);
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: 18px;
  line-height: 1.45;
}
.result-light-card p,
.result-light-card li,
.result-light-card td {
  color: var(--text-secondary, #6b6255);
  font-size: 13px;
  line-height: 1.7;
}
.result-light-card table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 2px 0;
  background: rgba(247, 244, 238, .72);
}
.result-light-card td {
  padding: 7px 6px;
  border-bottom: 1px solid rgba(200, 150, 62, .16);
  vertical-align: top;
  word-break: break-word;
}
.result-light-card td:first-child {
  width: 42px;
  color: var(--text-primary, #241b12);
  font-weight: 700;
}
.result-light-card td:nth-child(2) {
  width: 44px;
  color: #8b3a2a;
  font-weight: 700;
}
.result-light-card ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}
.result-light-card .gate-payment-link {
  margin-top: auto;
  text-align: center;
}
@media (max-width: 760px) {
  .result-light-grid {
    grid-template-columns: 1fr;
  }
}

/* 20260629 product-logic pass: p29 report sample + blindbox yearly item logic */
.p29-logic-card,
.p29-sample-card {
  display: grid;
  gap: 14px;
  margin: 16px 0;
  padding: 18px;
  border: 1px solid rgba(184, 146, 74, .30);
  border-radius: 14px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), .92), rgba(var(--bg-card-rgb), .92)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/300px auto,
    var(--bg-card);
  box-shadow: 0 14px 32px rgba(42, 34, 22, .07);
}
.p29-logic-card > span,
.p29-sample-head span {
  color: var(--accent-secondary, #b8924a);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}
.p29-logic-card h2 {
  margin: 0;
  font-size: clamp(22px, 3vw, 30px);
}
.p29-logic-card p,
.p29-sample-body p {
  margin: 0;
  color: var(--text-secondary, #7a6e5c);
  font-size: 13px;
  line-height: 1.85;
}
.p29-logic-flow {
  display: grid;
  gap: 10px;
}
.p29-logic-flow article {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 2px 10px;
  padding: 12px;
  border: 1px solid rgba(122, 94, 30, .16);
  border-radius: 10px;
  background: rgba(255, 252, 244, .76);
}
.p29-logic-flow b {
  grid-row: span 2;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #fffaf0;
  border: 1px solid rgba(184, 146, 74, .34);
  color: #7a5e1e;
  font-size: 11px;
}
.p29-logic-flow strong {
  color: var(--text-primary, #221f1a);
  font-size: 14px;
}
.p29-logic-flow p {
  font-size: 12px;
  line-height: 1.65;
}
.p29-sample-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.p29-sample-head strong {
  display: block;
  margin-top: 6px;
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: 20px;
}
.p29-sample-head em {
  flex: 0 0 auto;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(184, 146, 74, .12);
  color: var(--accent-secondary, #b8924a);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}
.p29-pillars-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.p29-pillars-preview div {
  display: grid;
  gap: 4px;
  min-height: 92px;
  padding: 10px 8px;
  border-radius: 10px;
  background: #221f1a;
  text-align: center;
}
.p29-pillars-preview small {
  color: rgba(255, 255, 255, .48);
  font-size: 11px;
}
.p29-pillars-preview b {
  color: #fffaf0;
  font-family: var(--font-heading, "Noto Serif SC", serif);
  font-size: 22px;
}
.p29-pillars-preview span {
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
}
.p29-sample-body {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(184, 146, 74, .24);
  border-radius: 10px;
  background: rgba(250, 246, 237, .72);
}
.p29-pay-includes {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(184, 146, 74, .22);
  border-radius: 10px;
  background: rgba(250, 246, 237, .72);
  list-style: none;
}
.p29-pay-includes li {
  color: var(--text-secondary, #7a6e5c);
  font-size: 12px;
  line-height: 1.55;
}
.p29-pay-includes li::before {
  content: "✦";
  margin-right: 7px;
  color: var(--accent-secondary, #b8924a);
}
.blindbox-logic-section,
.blindbox-unbox-preview {
  width: min(100% - 28px, 1120px);
  margin: 42px auto;
  padding: 26px;
  border: 1px solid rgba(var(--ink-gold-rgb), .24);
  border-radius: 8px;
  background:
    linear-gradient(rgba(var(--bg-card-rgb), .9), rgba(var(--bg-card-rgb), .9)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/320px auto,
    var(--bg-card);
  box-shadow: var(--shadow-card);
}
.blindbox-logic-section {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 24px;
  align-items: start;
}
.blindbox-logic-section h2,
.blindbox-unbox-head h2 {
  margin-top: 10px;
  font-size: clamp(24px, 3vw, 34px);
}
.blindbox-logic-section p,
.blindbox-unbox-head p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.85;
}
.blindbox-logic-grid,
.blindbox-unbox-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.blindbox-logic-grid article,
.blindbox-unbox-grid section {
  min-height: 150px;
  padding: 16px;
  border: 1px solid rgba(var(--accent-secondary-rgb), .22);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), .72);
}
.blindbox-logic-grid b {
  display: block;
  color: var(--accent-secondary);
  font-family: var(--font-heading);
  font-size: 24px;
}
.blindbox-logic-grid strong,
.blindbox-unbox-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--text-primary);
  font-family: var(--font-heading);
  font-size: 18px;
}
.blindbox-logic-grid p,
.blindbox-unbox-grid p {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.75;
}
.blindbox-unbox-head {
  max-width: 760px;
  margin-bottom: 18px;
}
.blindbox-unbox-grid span {
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
}
@media (max-width: 900px) {
  .blindbox-logic-section {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .p29-pillars-preview,
  .blindbox-logic-grid,
  .blindbox-unbox-grid {
    grid-template-columns: 1fr;
  }
  .p29-sample-head {
    display: grid;
  }
}

/* Free daily choice hook */
.free-hook-layout {
  align-items: start;
}

.free-hook-panel,
.free-hook-result-panel {
  border-color: rgba(var(--accent-secondary-rgb), .22);
}

.free-hook-kicker,
.free-result-top span,
.free-result-head span,
.free-advice-card > span {
  display: inline-flex;
  color: var(--accent-secondary);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
}

.free-hook-time-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.free-hook-time-row .check.compact {
  min-height: 44px;
  align-items: center;
  white-space: nowrap;
}

.free-hook-boundary {
  margin: 14px 0 0;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.7;
}

.free-hook-result {
  display: grid;
  gap: 16px;
}

.free-result-top h2 {
  margin-top: 8px;
  font-size: clamp(24px, 3vw, 34px);
}

.free-result-top p,
.free-result-block p,
.free-result-note {
  color: var(--text-secondary);
  line-height: 1.85;
}

.free-result-block {
  padding: 18px;
  border: 1px solid rgba(var(--accent-secondary-rgb), .18);
  border-radius: 8px;
  background: rgba(var(--bg-secondary-rgb), .42);
}

.free-result-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: baseline;
  margin-bottom: 14px;
}

.free-result-head strong {
  color: var(--text-primary);
  font-size: 14px;
  text-align: right;
}

.free-pillars,
.free-advice-grid,
.free-locked-grid,
.free-month-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.free-pillar-card,
.free-advice-grid article,
.free-locked-card,
.free-month-grid article {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(var(--color-divider-rgb), .9);
  border-radius: 8px;
  background: rgba(var(--bg-card-rgb), .8);
}

.free-pillar-card span,
.free-locked-card span {
  display: block;
  color: var(--text-muted);
  font-size: 12px;
}

.free-pillar-card strong {
  display: block;
  margin-top: 6px;
  font-family: var(--font-heading);
  font-size: 24px;
}

.free-pillar-card.is-day {
  border-color: rgba(var(--accent-secondary-rgb), .36);
  background: rgba(var(--bg-secondary-rgb), .68);
}

.free-wuxing-summary p strong {
  color: var(--accent-secondary);
}

.free-wuxing-bars {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.free-wuxing-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 42px;
  gap: 10px;
  align-items: center;
  color: var(--text-secondary);
  font-size: 13px;
}

.free-wuxing-row i {
  height: 8px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(var(--color-divider-rgb), .7);
}

.free-wuxing-row b {
  display: block;
  height: 100%;
  border-radius: inherit;
}

.free-advice-card h3 {
  margin: 8px 0 14px;
  font-size: 22px;
}

.free-advice-grid article b {
  display: block;
  color: var(--text-primary);
  font-size: 14px;
}

.free-advice-grid article p {
  margin: 8px 0 0;
  font-size: 13px;
}

.free-month-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.free-month-grid article {
  padding: 12px;
}

.free-month-grid b,
.free-month-grid strong {
  display: block;
}

.free-month-grid b {
  color: var(--text-muted);
  font-size: 12px;
}

.free-month-grid strong {
  margin-top: 4px;
  color: var(--accent-secondary);
  font-size: 15px;
}

.free-month-grid p {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.65;
}

.free-month-grid article.watch {
  border-color: rgba(var(--accent-primary-rgb), .24);
}

.free-month-grid article.smooth {
  border-color: rgba(74, 124, 89, .24);
}

.free-object-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.free-object-tags span {
  padding: 5px 10px;
  border: 1px solid rgba(var(--accent-secondary-rgb), .22);
  border-radius: 999px;
  background: rgba(var(--bg-card-rgb), .72);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 700;
}

.free-recommend-topic {
  border-color: rgba(var(--accent-primary-rgb), .28);
  background:
    linear-gradient(135deg, rgba(var(--bg-card-rgb), .96), rgba(var(--bg-secondary-rgb), .64));
}

.free-recommend-topic h3 {
  margin: 0 0 10px;
  font-size: clamp(22px, 2.5vw, 30px);
  letter-spacing: 0;
}

.free-recommend-topic p {
  max-width: 760px;
  margin: 8px 0 0;
}

.free-recommend-actions {
  display: grid;
  grid-template-columns: minmax(220px, max-content) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 18px;
}

.free-recommend-actions .btn-primary {
  width: 100%;
  justify-content: center;
}

.free-recommend-actions span {
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.65;
}

.free-locked-card {
  display: grid;
  gap: 8px;
  transition: transform .18s ease, border-color .18s ease;
}

.free-locked-card:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--accent-primary-rgb), .42);
}

.free-locked-card strong {
  color: var(--text-primary);
  line-height: 1.45;
}

.free-locked-card p {
  margin: 0;
  font-size: 13px;
}

.free-locked-card small {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.5;
}

.free-locked-card em {
  color: var(--accent-primary);
  font-style: normal;
  font-weight: 800;
}

.free-result-note {
  margin-top: 12px;
  font-size: 12px;
}

@media (max-width: 900px) {
  .free-pillars,
  .free-advice-grid,
  .free-locked-grid,
  .free-month-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .free-hook-time-row,
  .free-pillars,
  .free-advice-grid,
  .free-locked-grid,
  .free-month-grid,
  .free-recommend-actions,
  .free-result-head {
    grid-template-columns: 1fr;
  }
  .free-result-head {
    display: grid;
  }
  .free-result-head strong {
    text-align: left;
  }
  .free-hook-time-row .check.compact {
    justify-content: flex-start;
    white-space: normal;
  }
  .free-result-block {
    padding: 14px;
  }
}

.admin-detail-panel[hidden] {
  display: none;
}

.admin-detail-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(19, 22, 24, .48);
}

.admin-detail-card {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 91;
  width: min(560px, 100vw);
  overflow: auto;
  padding: 24px;
  background: var(--bg-card);
  box-shadow: -20px 0 60px rgba(19, 22, 24, .24);
}

.admin-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.admin-detail-head span {
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

.admin-detail-head h2 {
  margin: 6px 0;
  font-size: 24px;
}

.admin-detail-head p {
  margin: 0;
  color: var(--text-secondary);
  word-break: break-all;
}

.admin-detail-grid {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}

.admin-detail-grid div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(var(--border-rgb), .7);
}

.admin-detail-grid dt {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}

.admin-detail-grid dd {
  margin: 0;
  color: var(--text-primary);
  word-break: break-word;
}

.admin-detail-raw {
  margin-top: 18px;
}

.admin-detail-raw pre {
  max-height: 320px;
  overflow: auto;
  padding: 12px;
  border-radius: 8px;
  background: rgba(var(--bg-card-rgb), .78);
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 560px) {
  .admin-detail-card {
    padding: 18px;
  }

  .admin-detail-grid div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* Home visual rewrite 2026-07-01
   视觉诊断：首屏旧版左右分栏让盲盒卡片抢主任务；用户还没产生购买欲时，首页应先让他免费看到个人化结果。
   本段只覆盖首页视觉，不改表单 ID、API、埋点和付款链路。
*/
@supports (view-transition-name: none) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation-duration: 0.25s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.home-visual-rewrite {
  min-height: auto;
  grid-template-columns: minmax(0, 820px);
  justify-content: center;
  text-align: center;
  padding: 86px 0 58px;
  position: relative;
  overflow: hidden;
}

.home-visual-rewrite::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(rgba(var(--bg-primary-rgb), .88), rgba(var(--bg-primary-rgb), .94)),
    url("/assets/pexels/optimized/hero-tea-ceremony.jpg") center/cover no-repeat;
}

.home-visual-rewrite::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: -1;
  width: min(520px, 72vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(var(--accent-secondary-rgb), .55), transparent);
}

.home-visual-rewrite .hero-copy {
  max-width: 820px;
  margin: 0 auto;
}

.home-visual-rewrite .eyebrow {
  justify-content: center;
}

.home-visual-rewrite h1 {
  max-width: 860px;
  margin: 0 auto;
  font-size: clamp(34px, 5.3vw, 66px);
  line-height: 1.28;
}

.home-visual-rewrite h1::after {
  width: 156px;
  height: 10px;
  margin: 22px auto 0;
}

.home-visual-rewrite .lead {
  max-width: 590px;
  margin: 24px auto 0;
  font-size: 18px;
  line-height: 1.9;
}

.home-visual-rewrite .home-urgency-strip,
.home-visual-rewrite .home-trust-bar,
.home-visual-rewrite .hero-actions {
  justify-content: center;
}

.home-visual-rewrite .home-urgency-strip {
  margin-top: 22px;
  border-radius: 999px;
  background: rgba(var(--bg-secondary-rgb), .54);
}

.home-visual-rewrite .hero-actions {
  margin-top: 30px;
}

.home-proof-strip {
  margin-top: 0;
  border-radius: var(--radius-lg);
}

.free-hook-layout {
  grid-template-columns: minmax(280px, 430px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  background:
    linear-gradient(rgba(var(--bg-secondary-rgb), .55), rgba(var(--bg-secondary-rgb), .24)),
    url("/assets/pexels/optimized/texture-linen.jpg") center/360px auto;
  border: 1px solid rgba(var(--accent-secondary-rgb), .16);
  border-radius: var(--radius-lg);
  padding: 24px;
}

.free-hook-panel,
.free-hook-result-panel {
  border-color: rgba(var(--accent-secondary-rgb), .18);
  box-shadow: 0 18px 46px rgba(36, 31, 22, .06);
}

.free-hook-result-panel .placeholder-grid div {
  min-height: 86px;
}

.h5-growth-panel.home-topic-panel {
  align-items: start;
}

.home-topic-panel-copy {
  max-width: 360px;
}

.home-topic-panel-copy p {
  max-width: 320px;
  overflow-wrap: anywhere;
}

.home-topic-chip-grid {
  align-items: stretch;
}

.topic-chip-v2 {
  min-width: 0;
  overflow: hidden;
}

.topic-chip-v2 strong,
.topic-chip-v2 p,
.topic-chip-v2 em {
  overflow-wrap: anywhere;
  word-break: normal;
}

.topic-chip-v2 strong {
  display: block;
  line-height: 1.45;
}

.topic-chip-v2 p {
  line-height: 1.68;
}

.membership-panel .recommend-tag {
  min-width: 44px;
  text-align: center;
  color: var(--text-inverse);
  background: var(--accent-primary);
  border-color: transparent;
  font-weight: 700;
}

.membership-panel .plan-card:not(.recommended) .recommend-tag {
  color: var(--accent-primary);
  background: rgba(var(--accent-primary-rgb), .08);
  border-color: rgba(var(--accent-primary-rgb), .22);
}

@media (max-width: 900px) {
  .home-visual-rewrite {
    padding: 58px 0 42px;
  }

  .free-hook-layout {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .home-topic-panel-copy,
  .home-topic-panel-copy p {
    max-width: none;
  }
}

@media (max-width: 640px) {
  main {
    width: min(100% - 28px, 1180px);
  }

  .site-header {
    width: min(100% - 28px, 1180px);
    padding: 12px 0;
  }

  .home-visual-rewrite {
    padding: 44px 0 34px;
  }

  .home-visual-rewrite h1 {
    font-size: 34px;
    line-height: 1.28;
  }

  .home-visual-rewrite .lead {
    font-size: 16px;
  }

  .home-visual-rewrite .home-urgency-strip {
    border-radius: var(--radius-sm);
    justify-content: flex-start;
    text-align: left;
  }

  .home-visual-rewrite .hero-actions {
    flex-direction: column;
  }

  .home-visual-rewrite .btn-primary,
  .home-visual-rewrite .btn-secondary {
    width: 100%;
  }

  .home-trust-bar {
    gap: 8px;
  }

  .home-trust-bar span {
    font-size: 12px;
    padding: 5px 8px;
  }

  .free-hook-layout {
    padding: 14px;
    border-radius: var(--radius-sm);
  }

  .home-topic-chip-grid {
    grid-template-columns: 1fr;
  }
}

/* Home v3 hook rewrite 2026-07-01
   目标：标题触碰情绪，不解释商业逻辑；表单和 Hero 同屏；全页从 12 模块收敛到 5 模块。
*/
.home-v3 {
  --v3-content: 1180px;
  --v3-ink: #120e08;
  --v3-paper: #f0e8d8;
  --v3-gold: #9a6e28;
  --v3-ember: #722010;
  --v3-stone: #5c5040;
  --v3-mist: #e4dccb;
  --v3-line: rgba(154, 110, 40, .16);
  background: var(--v3-paper);
  color: var(--v3-ink);
}

.home-v3-header {
  position: sticky;
  top: 0;
  z-index: 30;
  padding: 10px 0;
  background: rgba(240, 232, 216, .92);
  border-bottom: 1px solid var(--v3-line);
}

.home-v3-header .brand-mark {
  border-color: var(--v3-gold);
  color: var(--v3-gold);
  border-radius: 2px;
}

.home-v3-nav {
  gap: 18px;
}

.home-v3-nav a {
  font-size: 13px;
  border: 0;
}

.home-v3-main {
  width: 100%;
  padding-bottom: 54px;
}

.home-v3-hero {
  position: relative;
  min-height: calc(100svh - 64px);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: clamp(32px, 6vh, 64px) 24px 54px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, var(--v3-content));
  gap: 24px;
  justify-content: center;
  align-items: start;
  overflow: hidden;
}

.home-v3-bg-char {
  display: none;
}

.home-v3-copy,
.home-v3-form {
  position: relative;
  z-index: 1;
}

.home-v3-copy .eyebrow {
  color: var(--v3-gold);
  letter-spacing: .22em;
  text-align: center;
}

.home-v3-copy h1 {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1.08;
  letter-spacing: -.04em;
  font-weight: 800;
}

.home-v3-copy h1::after {
  width: 180px;
  height: 10px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(90deg, var(--v3-gold), transparent);
}

.home-v3-copy h1 span {
  display: block;
}

.home-v3-copy .accent-title {
  color: var(--v3-gold);
  white-space: normal;
}

.home-v3-copy .lead {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px;
  text-align: center;
  color: var(--v3-stone);
  font-size: 16px;
  line-height: 1.92;
}

.home-v3-form {
  width: 100%;
  min-width: 0;
  max-width: var(--v3-content);
  justify-self: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  background: rgba(255, 255, 255, .92);
  border: 1px solid var(--v3-line);
  border-radius: 2px;
  box-shadow: 0 18px 52px rgba(18, 14, 8, .09);
}

.home-v3-form .free-hook-kicker {
  grid-column: 1 / -1;
  justify-self: center;
  text-align: center;
  color: var(--v3-gold);
  letter-spacing: .18em;
}

.home-v3-form h2 {
  grid-column: 1 / -1;
  justify-self: center;
  text-align: center;
  max-width: 100%;
  font-size: 24px;
  line-height: 1.28;
}

.home-v3-form h2::after {
  width: 72px;
  height: 6px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(90deg, var(--v3-gold), transparent);
}

.home-v3-form .panel-note {
  grid-column: 1 / -1;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: var(--v3-stone);
}

.home-v3-form > .segmented,
.home-v3-form > .check,
.home-v3-form > .btn-primary,
.home-v3-form > .status,
.home-v3-form > .free-hook-boundary {
  grid-column: 1 / -1;
}

.home-v3-form > .check {
  justify-self: center;
}

.home-v3-form > .segmented {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(76px, auto));
  justify-self: center;
  gap: 8px;
  width: auto;
  max-width: 100%;
  padding: 4px;
  border: 1px solid var(--v3-line);
  border-radius: 999px;
  background: rgba(240, 232, 216, .72);
}

.home-v3-form > .segmented label {
  min-height: 34px;
  padding: 6px 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--v3-stone);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.home-v3-form > .segmented label:has(input:checked) {
  background: var(--v3-ink);
  color: var(--v3-paper);
}

.home-v3-form > .segmented input {
  width: auto;
  margin: 0 6px 0 0;
  accent-color: var(--v3-gold);
}

.home-v3-form > .check:not(.compact) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid var(--v3-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .64);
  color: var(--v3-stone);
  font-size: 14px;
}

.home-v3-form > .check:not(.compact) input {
  width: auto;
  margin: 0;
}

.home-v3-form > label {
  min-width: 0;
}

.home-v3-form input,
.home-v3-form select {
  width: 100%;
}

.home-v3-form .free-hook-time-row {
  grid-template-columns: minmax(0, 1fr) minmax(70px, auto);
}

.home-v3-form .btn-primary,
.home-v3 .mobile-revenue-bar .btn-primary {
  justify-content: center;
  background: var(--v3-ink);
  color: var(--v3-paper);
  box-shadow: none;
}

.home-v3-form .btn-primary:hover,
.home-v3 .mobile-revenue-bar .btn-primary:hover {
  background: var(--v3-ember);
}

.home-v3-micro {
  opacity: .68;
}

.home-v3-result {
  width: min(var(--v3-content), calc(100% - 40px));
  margin: 0 auto 54px;
  border-color: var(--v3-line);
  box-shadow: 0 18px 52px rgba(18, 14, 8, .06);
}

.home-v3-trust,
.home-v3-member,
.home-v3-faq {
  width: min(var(--v3-content), calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

.home-v3-trust {
  background: var(--v3-ink);
  color: var(--v3-paper);
  border-radius: 2px;
  padding: 58px 42px;
}

.home-v3-trust .trust-proof-head {
  width: min(100%, 760px);
  margin: 0 auto 28px;
  text-align: center;
}

.home-v3-trust .trust-proof-head span {
  display: block;
  width: 100%;
  text-align: center;
}

.home-v3-trust .trust-proof-head h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 760px;
  text-wrap: balance;
}

.home-v3-trust .trust-proof-head h2::after {
  margin-left: auto;
  margin-right: auto;
}

.home-v3-trust .trust-proof-head p {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.home-v3-trust .trust-proof-head span,
.home-v3-trust .trust-proof-head p,
.home-v3-trust .testimonial-grid span {
  color: rgba(240, 232, 216, .66);
}

.home-v3-trust .trust-proof-head h2,
.home-v3-trust .testimonial-grid p {
  color: var(--v3-paper);
}

.home-v3-trust .testimonial-grid article {
  background: rgba(240, 232, 216, .06);
  border-color: rgba(240, 232, 216, .12);
}

.home-v3-member,
.home-v3-faq {
  margin-top: 54px;
}

.home-v3-member {
  background: var(--v3-mist);
  border-radius: 2px;
}

.home-v3-member .plan-card {
  overflow: visible;
  padding-top: 34px;
}

.home-v3-member .recommend-tag {
  top: -14px;
  left: 22px;
  min-width: 76px;
  padding: 8px 18px;
  border: 1px solid rgba(18, 14, 8, .16);
  border-radius: 999px;
  background: var(--v3-ink);
  color: var(--v3-paper);
  box-shadow: 0 10px 24px rgba(18, 14, 8, .18);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .1em;
  white-space: nowrap;
}

.home-v3-member .plan-card:not(.recommended) .recommend-tag {
  background: #fff8e8;
  color: var(--v3-ink);
  border-color: rgba(154, 110, 40, .32);
}

.home-v3-faq {
  padding-bottom: 36px;
}

.home-v3-faq .faq-title h1 {
  font-size: clamp(28px, 4vw, 44px);
}

.home-v3 .mobile-revenue-bar {
  background: rgba(240, 232, 216, .96);
  border-top-color: var(--v3-line);
}

@media (max-width: 900px) {
  .home-v3-hero {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 48px 28px 38px;
  }

  .home-v3-copy h1 {
    font-size: clamp(38px, 12vw, 64px);
  }

  .home-v3-copy .lead {
    max-width: none;
  }

  .home-v3-form {
    grid-template-columns: 1fr;
  }

  .home-v3-form > .segmented {
    grid-template-columns: repeat(2, minmax(92px, 1fr));
    width: min(100%, 280px);
  }
}

@media (max-width: 640px) {
  .home-v3-header .brand-name {
    display: inline;
  }

  .home-v3-nav a:not(:last-child) {
    display: none;
  }

  .home-v3-hero,
  .home-v3-result,
  .home-v3-trust,
  .home-v3-member,
  .home-v3-faq {
    width: min(100% - 28px, 1180px);
  }

  .home-v3-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 34px;
  }

  .home-v3-bg-char {
    font-size: 170px;
    transform: translate(-50%, -72%);
  }

  .home-v3-copy h1 {
    font-size: 40px;
  }

  .home-v3-copy .lead {
    font-size: 15px;
  }

  .home-v3-trust {
    padding: 34px 18px;
  }
}

.p29-direct-paybox {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.p29-direct-paybox .payment-direct-card {
  margin: 0;
}

.p29-direct-paybox .payment-qr {
  margin: 10px auto;
}

.p29-direct-form-head {
  display: grid;
  gap: 5px;
}

.p29-direct-form-head span {
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .08em;
}

.p29-paid-check {
  align-items: center;
  display: flex !important;
  flex-direction: row !important;
  gap: 8px;
}

.p29-paid-check input {
  width: auto !important;
}

.p29-direct-paybox .payment-backup-methods {
  margin-top: 0;
}

/* 2026-07-02 taste iteration: paper-centered layout + clearer badges */
:root {
  --taste-paper: #f7f2e8;
  --taste-paper-soft: #fbf7ef;
  --taste-surface: #fffaf1;
  --taste-surface-muted: #efe6d6;
  --taste-ink: #17120c;
  --taste-muted: #70685f;
  --taste-line: #ded2bf;
  --taste-line-dark: #b9a889;
  --taste-gold: #b58334;
  --taste-gold-soft: #e2c98f;
  --taste-shadow-soft: 0 18px 50px rgba(61, 45, 22, 0.08);
}

.home-v3,
.member-checkout,
html.payment-restore-simple body {
  background: var(--taste-paper);
}

.home-v3-hero,
.home-v3-result,
.home-v3-trust,
.home-v3-member,
.home-v3-faq {
  width: min(100% - 32px, 960px);
  margin-left: auto;
  margin-right: auto;
}

.home-v3-hero {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  grid-template-columns: minmax(0, 960px);
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}

.home-v3-copy,
.home-v3-copy .lead {
  width: min(100%, 760px);
  margin-left: auto;
  margin-right: auto;
}

.home-v3-form,
.home-v3-result,
.member-pay-card,
.payment-main-card,
.p29-direct-pay-card {
  border-radius: 12px;
  border-color: var(--taste-line);
  background: rgba(255, 250, 241, 0.94);
  box-shadow: var(--taste-shadow-soft);
}

.home-v3-form {
  border-radius: 10px;
}

.home-v3-form > .segmented {
  border-radius: 10px;
  background: rgba(251, 247, 239, 0.88);
}

.home-v3-form > .segmented label,
.home-v3-form > .check:not(.compact) {
  border-radius: 8px;
}

.home-v3-form > .segmented label:has(input:checked) {
  background: var(--taste-gold-soft);
  color: var(--taste-ink);
  box-shadow: inset 0 0 0 1px rgba(181, 131, 52, 0.42);
}

.home-v3-form input,
.home-v3-form select,
.member-form input,
.payment-direct-claim-form input,
.payment-direct-claim-form select,
.payment-direct-claim-form textarea {
  border-color: var(--taste-line);
  background: var(--taste-paper-soft);
}

.home-v3-form input:focus,
.home-v3-form select:focus,
.member-form input:focus,
.payment-direct-claim-form input:focus,
.payment-direct-claim-form select:focus,
.payment-direct-claim-form textarea:focus {
  outline: 2px solid rgba(181, 131, 52, 0.22);
  border-color: var(--taste-gold);
}

.home-v3-form .btn-primary,
.member-form .btn-primary,
.payment-button,
.p29-direct-paybox .btn-primary {
  min-height: 52px;
  border-radius: 10px;
}

.recommend-tag,
.plan-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 11px;
  border-radius: 8px;
  border: 1px solid rgba(181, 131, 52, 0.45);
  background: var(--taste-gold-soft);
  color: var(--taste-ink);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.home-v3-member .recommend-tag {
  border-radius: 8px;
  background: var(--taste-ink);
  color: var(--taste-paper-soft);
  border-color: rgba(23, 18, 12, 0.28);
  letter-spacing: 0;
}

.home-v3-member .plan-card:not(.recommended) .recommend-tag {
  background: var(--taste-gold-soft);
  color: var(--taste-ink);
}

.payment-backup-methods,
.backup-pay {
  border-top-color: rgba(181, 131, 52, 0.18);
}

.payment-backup-methods summary,
.backup-pay summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  color: var(--taste-ink);
}

.payment-backup-methods summary::marker,
.backup-pay summary::marker {
  color: var(--taste-gold);
}

.payment-backup-methods[open],
.backup-pay[open] {
  background: rgba(251, 247, 239, 0.64);
  border-radius: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}

@media (max-width: 640px) {
  .home-v3-hero,
  .home-v3-result,
  .home-v3-trust,
  .home-v3-member,
  .home-v3-faq {
    width: min(100% - 28px, 960px);
  }

  .home-v3-hero {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }
}

.site-header {
  width: min(1180px, calc(100% - 96px));
}

@media (max-width: 640px) {
  .site-header {
    width: min(100% - 40px, 1180px);
  }
}


/* 2026-07-04 mobile parity fix: keep home v3 consistent across desktop/mobile */
.home-v3 .site-header,
.site-header.home-v3-header {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

.home-v3-main {
  width: 100%;
}

.home-v3-hero,
.home-v3-result,
.home-v3-trust,
.home-v3-member,
.home-v3-faq {
  width: min(960px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.home-v3-hero {
  min-height: auto;
  margin-top: 0;
  padding: clamp(44px, 7vw, 74px) 0 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  overflow: visible;
}

.home-v3-copy,
.home-v3-copy .lead,
.home-v3-form {
  width: min(100%, 760px);
  margin-left: auto;
  margin-right: auto;
}

.home-v3-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
  padding: 26px;
  box-sizing: border-box;
}

.home-v3-form > .segmented,
.home-v3-form > .check,
.home-v3-form > .btn-primary,
.home-v3-form > .status,
.home-v3-form > .free-hook-boundary,
.home-v3-form > .free-hook-kicker,
.home-v3-form > h2,
.home-v3-form > .panel-note {
  grid-column: 1 / -1;
}

.home-v3-form .free-hook-time-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.home-v3-member .recommend-tag {
  min-width: 72px;
  min-height: 30px;
  padding: 7px 14px;
  font-size: 13px;
  line-height: 1;
}

@media (max-width: 760px) {
  .home-v3 .site-header,
  .site-header.home-v3-header {
    width: min(100% - 28px, 1180px);
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .home-v3-hero,
  .home-v3-result,
  .home-v3-trust,
  .home-v3-member,
  .home-v3-faq {
    width: min(100% - 28px, 960px);
  }

  .home-v3-hero {
    padding: 36px 0 34px;
  }

  .home-v3-copy h1 {
    font-size: clamp(36px, 10.8vw, 44px);
    line-height: 1.14;
    letter-spacing: 0;
  }

  .home-v3-copy .lead {
    font-size: 15px;
    line-height: 1.82;
  }

  .home-v3-form {
    width: 100%;
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .home-v3-form > .segmented {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-v3-form .free-hook-time-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .home-v3-form .check.compact {
    white-space: nowrap;
  }

  .placeholder-grid,
  .plans,
  .testimonial-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 390px) {
  .home-v3 .site-header,
  .site-header.home-v3-header,
  .home-v3-hero,
  .home-v3-result,
  .home-v3-trust,
  .home-v3-member,
  .home-v3-faq {
    width: min(100% - 24px, 960px);
  }

  .home-v3-form .free-hook-time-row {
    grid-template-columns: 1fr;
  }
}


/* 2026-07-04 mobile hook hierarchy: keep emotion hook before tool form */
.home-v3-form::before {
  display: none;
}

@media (max-width: 760px) {
  .home-v3-hero {
    gap: 22px;
  }

  .home-v3-copy {
    display: grid;
    gap: 12px;
    padding-top: 2px;
  }

  .home-v3-copy .eyebrow {
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: .16em;
  }

  .home-v3-copy h1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .home-v3-copy h1::after {
    width: 118px;
    height: 6px;
    margin-top: 14px;
  }

  .home-v3-copy .lead {
    margin-top: 0;
  }

  .home-v3-form::before {
    content: "最近是不是，有件事想不通";
    display: block;
    grid-column: 1 / -1;
    margin-bottom: 2px;
    color: var(--taste-ink, #17120c);
    font-family: var(--font-serif, serif);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.24;
    text-align: center;
  }

  .home-v3-form .free-hook-kicker {
    font-size: 12px;
  }

  .home-v3-form h2 {
    font-size: 20px;
  }

  .home-v3-form .panel-note {
    max-width: 280px;
  }
}


/* 2026-07-04 mobile order fix: hook first, form second */
.home-v3-copy {
  order: 1;
}

.home-v3-form {
  order: 2;
}

.home-v3-form::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  .home-v3-hero {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home-v3-copy {
    order: 1;
  }

  .home-v3-form {
    order: 2;
    margin-top: 2px;
  }
}

/* 2026-07-04 mobile split fix: hero hook and form are separate sections */
.home-v3-start {
  width: min(960px, calc(100% - 32px));
  margin: -18px auto 54px;
  box-sizing: border-box;
}

.home-v3-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin: 26px auto 0;
  padding: 0 22px;
  border: 1px solid rgba(181, 131, 52, .38);
  border-radius: 999px;
  background: rgba(255, 250, 241, .72);
  color: var(--taste-ink, #17120c);
  font-weight: 800;
  text-decoration: none;
}

.home-v3-copy {
  text-align: center;
}

.home-v3-copy .home-v3-hero-cta {
  justify-self: center;
}

.home-v3-start .home-v3-form {
  margin-top: 0;
}

@media (max-width: 760px) {
  .home-v3-hero {
    min-height: 62svh;
    align-content: center;
    padding-top: 44px;
    padding-bottom: 38px;
  }

  .home-v3-start {
    width: min(100% - 28px, 960px);
    margin-top: 0;
    margin-bottom: 36px;
  }

  .home-v3-copy {
    order: initial;
  }

  .home-v3-form {
    order: initial;
  }
}

@media (max-width: 390px) {
  .home-v3-start {
    width: min(100% - 24px, 960px);
  }
}


/* 2026-07-04 iPhone form fix: keep unknown-time checkbox inside viewport */
.home-v3-form .form-field {
  min-width: 0;
  display: grid;
  gap: 8px;
  color: var(--text-strong, var(--taste-ink, #17120c));
  font-weight: 700;
}

.home-v3-form .form-field .field-label {
  display: block;
}

.home-v3-form .time-field .free-hook-time-row {
  width: 100%;
}

@media (max-width: 480px) {
  .home-v3-form .free-hook-time-row,
  .free-hook-time-row {
    grid-template-columns: 1fr !important;
    gap: 8px;
    align-items: stretch;
  }

  .home-v3-form .free-hook-time-row input[type="time"],
  .free-hook-time-row input[type="time"] {
    width: 100%;
    min-width: 0;
  }

  .home-v3-form .free-hook-time-row .check.compact,
  .free-hook-time-row .check.compact {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    justify-content: flex-start;
    white-space: normal;
  }

  .home-v3-form .free-hook-time-row .check.compact input,
  .free-hook-time-row .check.compact input {
    flex: 0 0 auto;
  }
}

/* 2026-07-04 iPhone time checkbox wrap fix: keep "不确定" horizontal below time input */
@media (max-width: 520px) {
  .home-v3-form .time-field .free-hook-time-row {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
    align-items: start;
  }

  .home-v3-form .time-field .free-hook-time-row input[type="time"] {
    width: 100%;
    min-width: 0;
  }

  .home-v3-form .time-field .free-hook-time-row .check.compact {
    display: inline-flex;
    flex-flow: row nowrap;
    width: fit-content;
    max-width: 100%;
    min-width: max-content;
    min-height: 34px;
    padding: 6px 10px;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap !important;
    writing-mode: horizontal-tb;
  }

  .home-v3-form .time-field .free-hook-time-row .check.compact input {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin: 0;
  }
}