/* 神仙人物：山水云雾 / 绢纸金墨 */
:root {
  --immortal-silk: #f3e6c8;
  --immortal-ink: #1d2f2c;
  --immortal-gold: #b3873a;
  --immortal-moss: #4f6d5e;
}
html, body {
  background: #d9cba8;
}
body {
  font-family: "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;
}
body::before {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 0;
  opacity: 0.55;
  background-image:
    radial-gradient(ellipse at 50% 120%, rgba(47, 72, 64, 0.28), transparent 46%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 280' preserveAspectRatio='none'><path fill='%23253a34' d='M0 220 C80 180 140 210 220 170 C300 130 340 190 430 150 C520 110 560 180 680 140 C790 100 840 170 940 150 C1040 130 1100 170 1200 140 L1200 280 L0 280 Z'/><path fill='%23324a43' d='M0 240 C120 200 180 230 280 200 C390 164 430 220 560 190 C680 160 740 210 860 186 C960 166 1040 200 1200 176 L1200 280 L0 280 Z'/></svg>");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% 34vh, 100% 28vh;
}
body::after {
  content: "";
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 252, 244, 0.55), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(212, 186, 122, 0.22), transparent 26%);
}
#replica-gate, #app {
  position: relative;
  z-index: 1;
}
.page-module__chc-5W__page {
  background-color: transparent !important;
  color: var(--immortal-ink) !important;
  font-family: "Songti SC", "Noto Serif SC", serif !important;
}
.page-module__chc-5W__ornament,
.page-module__chc-5W__gold-frame {
  background:
    linear-gradient(180deg, rgba(255, 250, 236, 0.88), rgba(236, 220, 184, 0.92)) !important;
  border: 1px solid rgba(179, 135, 58, 0.45) !important;
  box-shadow:
    0 24px 50px rgba(48, 42, 24, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
}
.page-module__chc-5W__gold-frame::before,
.page-module__chc-5W__gold-frame::after {
  border-color: rgba(179, 135, 58, 0.85) !important;
  width: 52px !important;
  height: 52px !important;
}
.page-module__chc-5W__mist-bg {
  background:
    radial-gradient(at 20% 0%, rgba(255, 255, 255, 0.7), transparent 42%),
    linear-gradient(180deg, rgba(247, 238, 214, 0.9), rgba(232, 216, 176, 0.86)) !important;
}
.page-module__chc-5W__hero-cloud,
.page-module__chc-5W__result-hero {
  background:
    radial-gradient(at 50% 0%, rgba(255, 250, 236, 0.95), transparent 40%),
    linear-gradient(180deg, #f7eed6, #ead9b0) !important;
  border-color: rgba(179, 135, 58, 0.4) !important;
}
.page-module__chc-5W__report-title,
.page-module__chc-5W__page h1,
.page-module__chc-5W__page h2,
.page-module__chc-5W__page h3 {
  color: #16302c !important;
  font-family: "Songti SC", "Noto Serif SC", serif !important;
  letter-spacing: 0.08em;
}
.page-module__chc-5W__report-accent,
.page-module__chc-5W__page .text-\[\#8a6a2a\] {
  color: #8c6420 !important;
}
.replica-gate {
  color: #1d2f2c;
}
.replica-gate-card {
  background: linear-gradient(165deg, rgba(255, 251, 240, 0.92), rgba(236, 220, 182, 0.9));
  border: 1px solid rgba(179, 135, 58, 0.5);
  border-radius: 28px;
  padding: 28px 22px 24px;
  box-shadow: 0 18px 40px rgba(40, 36, 20, 0.16);
}
.replica-gate-kicker { color: #8c6420; }
.replica-gate-input {
  border: 1px solid rgba(49, 91, 98, 0.25);
  background: rgba(255, 252, 244, 0.8);
  color: #16302c;
}
.replica-gate-submit,
.replica-png-btn {
  background: linear-gradient(180deg, #2c4741, #16302c);
  color: #f8f1dc;
  box-shadow: 0 8px 18px rgba(22, 48, 44, 0.25);
}
.replica-local-mark { color: #5c4a28; }
#app button {
  min-height: 44px;
}
#app button.w-full,
#app button.flex-1,
#app button.rounded-xl,
#app button.rounded-2xl {
  min-height: 48px;
}
@media (max-width: 640px) {
  .page-module__chc-5W__page { padding: 12px !important; }
  #app svg { max-width: 100%; height: auto; }
}