/* Doraemon site — 云端书籍壁纸 + 清晰标题 */
:root {
  --bg0: #d8eefc;
  --bg1: #eef7ff;
  --ink: #10243a;
  --muted: #4a657c;
  --accent: #1e88e5;
  --accent-soft: #d6ecfb;
  --accent-strong: #0d47a1;
  --theme: #00a0e9;
  --theme-deep: #0288d1;
  --shadow: 0 8px 24px rgba(0, 119, 194, 0.1);
  --card: rgba(255, 255, 255, 0.72);
  --line: rgba(11, 58, 92, 0.12);
}

body {
  background: linear-gradient(180deg, var(--bg0), var(--bg1) 48%, #f7fbff);
  color: var(--ink);
}

/* 全屏壁纸 */
.theme-stage {
  position: fixed !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  transform: none !important;
  pointer-events: none;
  z-index: 0;
  opacity: .82 !important;
  animation: none !important;
}
.theme-glow { display: none !important; }
.theme-figure {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center;
  transform: none !important;
  filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  opacity: 1 !important;
}

.panel {
  background: rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.hero {
  background: transparent !important;
  position: relative;
  z-index: 2;
}
.lang-switch {
  background: rgba(255, 255, 255, 0.85) !important;
}

/* 标题区：实心白底，干净深色字，不要描边花活 */
.hero-copy {
  display: inline-block !important;
  max-width: min(820px, 100%);
  padding: 16px 20px 18px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(8, 30, 50, 0.16) !important;
  border: 1px solid rgba(13, 71, 161, 0.12) !important;
}
.hero-kicker,
.hero h1,
.hero p {
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
.hero-kicker {
  color: #0b1c2e !important;
  font-weight: 800 !important;
}
.hero-kicker::after {
  background: linear-gradient(90deg, #0288d1, rgba(2, 136, 209, 0.2)) !important;
}
.hero h1 {
  color: #0d47a1 !important;
  font-weight: 700 !important;
}
.hero p {
  color: #35506a !important;
}

.wizard-steps {
  margin-top: 12px;
  background: #f3f8fc !important;
  border-radius: 12px;
  padding: 8px 10px;
}
.wizard-steps .t {
  color: #35506a !important;
  text-shadow: none !important;
}
.wizard-steps li.active .t,
.wizard-steps .active .t {
  color: #0d47a1 !important;
  font-weight: 700;
}

.btn-primary {
  background: linear-gradient(180deg, #4fc3f7, #0288d1) !important;
  color: #06324f !important;
  border: 0;
}
.btn-primary:hover { filter: brightness(1.03); }

.product,
.stock-card,
.card-item {
  background: rgba(255, 255, 255, 0.82) !important;
}

@media (max-width: 720px) {
  .theme-stage { opacity: .78 !important; }
  .theme-figure { object-position: center 40%; }
  .panel { background: rgba(255, 255, 255, 0.84) !important; }
  .hero-copy { padding: 12px 14px 14px !important; border-radius: 14px !important; }
}