/* Lulu (噜噜) theme overrides — only loaded for lulu sites */
:root {
  --bg0: #fff6e8;
  --bg1: #fffaf0;
  --ink: #4a3218;
  --muted: #8a6a4a;
  --accent: #c7921a;
  --accent-soft: #fff0c8;
  --accent-strong: #a67410;
  --theme: #e8b923;
  --theme-deep: #c7921a;
  --shadow: 0 8px 24px rgba(167, 116, 16, 0.08);
  --card: rgba(255, 255, 255, 0.94);
  --line: rgba(74, 50, 24, 0.1);
}

body {
  background:
    radial-gradient(900px 520px at 88% 8%, rgba(232,185,35,.14), transparent 55%),
    radial-gradient(700px 420px at 12% -5%, rgba(255,255,255,.8), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1) 48%, #fffdf8);
}

/* 全屏水印感噜噜 */
.theme-stage {
  position: fixed;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  width: min(920px, 100vw);
  height: min(920px, 100vh);
  max-width: 100vw;
  max-height: 100vh;
  pointer-events: none;
  z-index: 0;
  opacity: .38;
  animation: none;
}
.theme-glow {
  position: absolute;
  inset: 10% 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(232,185,35,.16), transparent 70%);
  filter: blur(22px);
  animation: none;
}
.theme-figure {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: none;
  display: block;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: none;
  -webkit-mask-image: radial-gradient(ellipse 55% 60% at 50% 45%, #000 20%, transparent 78%);
  mask-image: radial-gradient(ellipse 55% 60% at 50% 45%, #000 20%, transparent 78%);
}

.panel {
  background: rgba(255, 253, 248, 0.94);
  backdrop-filter: blur(10px);
}

.btn-primary {
  background: linear-gradient(180deg, #f0c94a, #d4a017);
  color: #3b2a0a;
  border: 0;
}
.btn-primary:hover { filter: brightness(1.03); }

@media (max-width: 720px) {
  .theme-stage { width: 110vw; height: 110vw; opacity: .32; }
}