/* theme-candy.css — 糖果集市 / Candy Market. 受众: gift-card/streaming 大众 C 端冲动消费.
   奶油暖底 + 糖果撞色 + Baloo 圆胖体 + 大圆角 + 贴纸 3D 触感. 2026-06-16 */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap');

.theme-candy{
  --bg:#fff8f0;
  --surface:#ffffff;
  --surface-2:#fff1e4;
  --card-bg:#ffffff;
  --text:#33264d;
  --muted:#867a9b;
  --border:#ffe3cd;
  --accent:#ff5ea0;          /* 糖果粉 (子变体可换橙/青绿/紫) */
  --accent2:#6c5ce7;
  --on-accent:#ffffff;
  --ok:#19c37d;
  --warn:#ff9f1c;
  --radius:24px;
  --maxw:1160px;
  --head-weight:800;
  --font-head:'Baloo 2',system-ui,sans-serif;
  --font-body:'Nunito',system-ui,sans-serif;
  --font-mono:'Nunito',ui-monospace,monospace;
  --glow:0 10px 0 -2px color-mix(in srgb,var(--accent) 35%,transparent);
  --glow-hover:0 14px 24px -8px color-mix(in srgb,var(--accent) 60%,transparent);
  --card-shadow:0 10px 30px -16px rgba(108,92,231,.35);
  --card-shadow-hover:0 18px 40px -16px rgba(255,94,160,.45);
  --header-bg:rgba(255,248,240,.9);
}

.theme-candy body{background:
  radial-gradient(700px 380px at 85% -5%, color-mix(in srgb,var(--accent) 16%,transparent), transparent 60%),
  radial-gradient(600px 360px at 5% 5%, color-mix(in srgb,var(--accent2) 12%,transparent), transparent 55%),
  var(--bg)}
.theme-candy .hero-title{letter-spacing:-.01em}
.theme-candy .hero-eyebrow{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);
  padding:6px 14px;border-radius:999px;font-weight:800}
.theme-candy .btn{border-radius:999px;font-weight:800}
.theme-candy .btn-primary{box-shadow:var(--glow)}
.theme-candy .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-hover)}
.theme-candy .product-card{border-radius:var(--radius);border-width:2px;box-shadow:var(--card-shadow)}
.theme-candy .product-card:hover{box-shadow:var(--card-shadow-hover)}
.theme-candy .product-badge{border-radius:999px;box-shadow:0 6px 0 -2px color-mix(in srgb,var(--accent) 40%,transparent)}
.theme-candy .product-features li::before{content:"♥";color:var(--accent)}
.theme-candy .step-n{box-shadow:0 6px 0 -2px color-mix(in srgb,var(--accent) 40%,transparent)}
.theme-candy .trust-item strong{color:var(--accent)}
.theme-candy .faq-item{border-width:2px}
.theme-candy ::selection{background:var(--accent);color:#fff}

/* Promo 面板 (panel-candy) */
.theme-candy .promo{position:relative;display:flex;justify-content:center;padding:10px}
.theme-candy .promo-card{position:relative;background:linear-gradient(160deg,#fff,#fff1f7);
  border:2px solid var(--border);border-radius:32px;padding:34px 30px;text-align:center;width:100%;max-width:330px;
  box-shadow:0 24px 50px -20px rgba(255,94,160,.5)}
.theme-candy .promo-burst{position:absolute;top:-16px;right:-10px;background:var(--accent);color:#fff;
  font-family:var(--font-head);font-weight:800;font-size:1.1rem;width:62px;height:62px;border-radius:50%;
  display:grid;place-items:center;transform:rotate(8deg);box-shadow:0 8px 0 -2px color-mix(in srgb,var(--accent) 45%,transparent)}
.theme-candy .promo-emoji{font-size:3.4rem;line-height:1;margin-bottom:10px;filter:drop-shadow(0 8px 10px rgba(108,92,231,.3))}
.theme-candy .promo-title{font-family:var(--font-head);font-weight:800;font-size:1.5rem;color:var(--text)}
.theme-candy .promo-sub{color:var(--muted);font-size:.92rem;margin-bottom:14px}
.theme-candy .promo-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.theme-candy .chip{background:var(--surface-2);color:var(--text);font-weight:700;font-size:.78rem;
  padding:6px 12px;border-radius:999px;border:1.5px solid var(--border)}
.theme-candy .promo-sticker{position:absolute;font-size:2rem;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}
.theme-candy .promo-sticker-1{top:8px;left:0;transform:rotate(-12deg)}
.theme-candy .promo-sticker-2{bottom:14px;right:6px;transform:rotate(10deg)}