/* 西游人物：古典神魔绘卷 / 赤金 / 墨蓝 / 卷轴 */
:root {
  --xy-night: #071525;
  --xy-ink: #10233a;
  --xy-crimson: #b42318;
  --xy-gold: #e4b45a;
  --xy-paper: #f4e3c2;
}
html, body {
  background: radial-gradient(ellipse at 50% -10%, #16324f 0%, #071525 58%, #040b14 100%);
}
body {
  font-family: "Kaiti SC", "STKaiti", "Noto Serif SC", serif;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'><path fill='none' stroke='%23e4b45a' stroke-opacity='0.18' stroke-width='1.2' d='M40 80 C180 40 220 160 360 110 C500 60 540 180 760 90'/><path fill='none' stroke='%2390c4e8' stroke-opacity='0.12' stroke-width='1' d='M20 200 C160 240 280 120 420 210 C560 300 680 180 780 250'/><circle cx='120' cy='70' r='18' fill='%23f7e7b0' fill-opacity='0.16'/></svg>");
  background-size: cover;
  opacity: 0.9;
}
#replica-gate, #app { position: relative; z-index: 1; }
.page-module__Y3ut8a__page {
  background: transparent !important;
  padding-bottom: 80px !important;
}
.page-module__Y3ut8a__card {
  background-image:
    linear-gradient(#fff6e4 0%, #f3dfb8 18%, #ead0a0 100%) !important;
  border-color: #6b2a12 !important;
  border-width: 4px !important;
  border-radius: 6px 6px 18px 18px !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.45),
    inset 0 0 0 2px rgba(228, 180, 90, 0.35) !important;
}
.page-module__Y3ut8a__card::before,
.page-module__Y3ut8a__card::after {
  content: "";
  position: absolute;
  top: 42px;
  width: 18px;
  height: calc(100% - 70px);
  background: repeating-linear-gradient(
    180deg,
    #7a1f14 0 10px,
    #c13a24 10px 12px,
    #7a1f14 12px 22px
  );
  box-shadow: 0 0 0 1px #e4b45a;
}
.page-module__Y3ut8a__card::before { left: -11px; }
.page-module__Y3ut8a__card::after { right: -11px; }
.page-module__Y3ut8a__plaqueBar {
  background: linear-gradient(#8a1e12 0%, #4d0f0a 100%) !important;
  border-bottom-color: #e4b45a !important;
}
.page-module__Y3ut8a__plaqueTitle {
  color: #ffe9a6 !important;
  font-family: "Kaiti SC", "STKaiti", serif !important;
  letter-spacing: 0.4em !important;
}
.page-module__Y3ut8a__optionBtn {
  min-height: 48px;
  border-radius: 4px !important;
}
.page-module__Y3ut8a__primaryActionBtn,
.page-module__Y3ut8a__unlockBtn {
  min-height: 48px;
  background: linear-gradient(#ffb03a 0%, #c13a18 100%) !important;
}
.page-module__Y3ut8a__heroName {
  color: #4a1408 !important;
  text-shadow: 0 1px 0 #fff3d4, 0 3px 0 rgba(180, 35, 24, 0.2) !important;
}
.page-module__Y3ut8a__secondaryGrid {
  grid-template-columns: 1fr !important;
}
@media (min-width: 520px) {
  .page-module__Y3ut8a__secondaryGrid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.replica-gate {
  color: #f7e7c2;
}
.replica-gate-card {
  background: linear-gradient(#fff4dc, #edd4a4);
  color: #3a1707;
  border: 4px solid #6b2a12;
  border-radius: 8px;
  padding: 26px 20px;
  box-shadow: 0 16px 36px rgba(0,0,0,0.35);
}
.replica-gate-kicker {
  color: #b42318;
  font-weight: 900;
}
.replica-gate-input {
  border: 2px solid #8e5225;
  background: #fffdf6;
  color: #3a1707;
}
.replica-gate-submit,
.replica-png-btn {
  background: linear-gradient(#ffb03a, #c13a18);
  color: #fff8e8;
  text-shadow: 0 1px 1px #4a1408;
  border: 2px solid #5a2307;
}
.replica-local-mark { color: #d7c39a; }
@media (max-width: 640px) {
  .page-module__Y3ut8a__container { padding: 16px 10px 48px !important; }
  .page-module__Y3ut8a__questionText { font-size: 16px !important; }
  .page-module__Y3ut8a__optionBtn { font-size: 14px !important; }
  .page-module__Y3ut8a__card::before,
  .page-module__Y3ut8a__card::after { display: none; }
}