:root {
  --lp-bg: #edf6ff;
  --lp-surface: #ffffff;
  --lp-soft: #e7f2ff;
  --lp-border: #d6e6f7;
  --lp-ink: #111a38;
}

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

.background-theme {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 78px;
  padding: 8px;
  border: 2px solid #dce5f3;
  border-radius: 16px;
  background: #fff;
  color: #111a38;
  text-align: left;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}

.background-theme:hover { transform: translateY(-2px); }
.background-theme.is-active {
  border-color: #3977ff;
  box-shadow: 0 0 0 4px #3977ff18;
}
.background-theme i {
  display: block;
  width: 64px;
  height: 58px;
  border-radius: 11px;
  border: 1px solid #ffffff88;
  box-shadow: inset 0 0 0 1px #19366d10;
}
.background-theme span,.background-theme b,.background-theme small { display: block; }
.background-theme b { font-size: 14px; }
.background-theme small { margin-top: 4px; color: #7a859d; font-size: 11px; }
.background-theme[data-theme="air-blue"] i { background: linear-gradient(145deg,#f7fbff,#dcecff); }
.background-theme[data-theme="navy-glow"] i { background: radial-gradient(circle at 75% 20%,#4d73ff,#101d47 58%,#081128); }
.background-theme[data-theme="rose"] i { background: linear-gradient(145deg,#fff7fb,#f8dfe9); }
.background-theme[data-theme="violet"] i { background: linear-gradient(145deg,#fbf8ff,#e8def9); }
.background-theme[data-theme="white-gold"] i { background: linear-gradient(145deg,#fffef9,#f3ead3); }

.phone-scroll { background: var(--lp-bg); color: var(--lp-ink); transition: background .32s,color .32s; }
.lp-introduction { padding: 28px 24px; overflow-wrap: anywhere; }
.lp-introduction h2 { margin: 0 0 14px; font-size: 25px; line-height: 1.5; white-space: pre-line; }
.lp-introduction p { margin: 0; font-size: 14px; line-height: 1.9; white-space: pre-line; }
.phone-bar { background: var(--lp-surface); color: var(--lp-ink); border-color: var(--lp-border); transition: background .32s,color .32s; }
.lp-section:not(.flow),.apply { background: var(--lp-bg); transition: background .32s,color .32s; }
.benefit-grid article,.faq details { background: var(--lp-surface); border-color: var(--lp-border); transition: background .32s,border-color .32s; }
.pay { background: linear-gradient(160deg,var(--lp-soft),var(--lp-bg)); }
.apply { background: linear-gradient(180deg,var(--lp-bg),var(--lp-soft)); }
.phone-scroll[data-bg-theme="navy-glow"] .lp-section p:not(.mini),
.phone-scroll[data-bg-theme="navy-glow"] .faq details p,
.phone-scroll[data-bg-theme="navy-glow"] .pay dd { color: #cbd6ee; }
.phone-scroll[data-bg-theme="navy-glow"] .benefit-grid article,
.phone-scroll[data-bg-theme="navy-glow"] .faq details { color: #f4f7ff; }
.phone-scroll[data-bg-theme="navy-glow"] .pay-card { box-shadow: 0 16px 34px #050a1870; }

@media (max-width: 620px) {
  .background-themes { grid-template-columns: 1fr; }
}