/* 乐手伴侣 — 儿童卡通主题（html.theme-cartoon） */
html.theme-cartoon {
  --bg: #fffbeb;
  --surface: #ffffff;
  --border: #fcd34d;
  --text: #1e3a8a;
  --muted: #0369a1;
  --accent: #f97316;
  --accent-hover: #ea580c;
  --accent-glow: rgba(249, 115, 22, 0.35);
  --link: #0d9488;
  --link-hover: #0f766e;
  --check: #22c55e;
  --code-bg: #fef3c7;
  --placeholder-border: #fdba74;
  --hint-muted: #0284c7;
}

html.theme-cartoon body {
  background: linear-gradient(
    165deg,
    #fef9c3 0%,
    #bae6fd 35%,
    #bbf7d0 70%,
    #fde68a 100%
  );
  background-attachment: fixed;
}

html.theme-cartoon .landing-hero h1 {
  background: linear-gradient(135deg, #f97316 0%, #eab308 35%, #22c55e 65%, #0ea5e9 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

html.theme-cartoon .landing-hero .hook strong {
  color: #c2410c;
}

html.theme-cartoon .download-block,
html.theme-cartoon .purchase-block,
html.theme-cartoon .demo-item {
  border-width: 2px;
  border-radius: 20px;
  box-shadow: 0 6px 0 #fcd34d, 0 10px 28px rgba(249, 115, 22, 0.15);
}

html.theme-cartoon .dl-btn {
  background: linear-gradient(180deg, #fb923c 0%, #f97316 100%);
  border-radius: 14px;
  box-shadow: 0 4px 0 #c2410c;
}

html.theme-cartoon .dl-btn:hover {
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);
  transform: translateY(-1px);
  box-shadow: 0 5px 0 #c2410c;
}

html.theme-cartoon .purchase-price {
  color: #ea580c;
}

html.theme-cartoon .bullets li::before {
  content: "★";
  color: #eab308;
}

html.theme-cartoon .bullets li strong,
html.theme-cartoon .purchase-lead strong,
html.theme-cartoon .purchase-steps strong {
  color: #1d4ed8;
}

html.theme-cartoon .wechat-qr {
  border: 3px solid #fcd34d;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(14, 165, 233, 0.25);
}

html.theme-cartoon .demo-placeholder {
  background: rgba(255, 255, 255, 0.75);
  border-color: #fdba74;
}

html.theme-cartoon .landing-footer {
  border-top-color: #fde047;
}

html.theme-cartoon .theme-picker select {
  border-color: #fdba74;
  border-width: 2px;
}