/* ============ THEME: 樱花贴纸 (sakura sticker · kids girl) ============ */
/* 字体：Noto Sans SC（正文）/ ZCOOL KuaiLe（标题） */

body[data-theme="sakura"] {
  --bg: #fff6f4;
  --card: #ffffff;
  --primary: #f4849e;
  --primary-light: #ffe7ee;
  --primary-dark: #e0667f;
  --accent: #9b85d8;
  --accent-light: #ece6fb;
  --success: #5cc1a3;
  --success-light: #e3f5ee;
  --text: #7a4a57;
  --text-secondary: #b58a96;
  --text-muted: #c79fac;
  --border: #fbe0e7;
  --danger: #e0667f;
  --radius: 18px;
  --shadow: 0 6px 18px rgba(214, 120, 150, 0.12);
  --shadow-lg: 0 16px 40px rgba(214, 120, 150, 0.2);
  --font-stack: 'Noto Sans SC', sans-serif;
}
body[data-theme="sakura"] {
  background-color: #fff6f4;
  background-image: radial-gradient(circle, rgba(244, 132, 158, 0.11) 2px, transparent 2.6px);
  background-size: 22px 22px;
}

body[data-theme="sakura"] .header { background: rgba(255, 246, 244, 0.9); border-bottom: 1px solid #fbe0e7; backdrop-filter: none; }
body[data-theme="sakura"] .header h1 { font-family: 'ZCOOL KuaiLe', cursive; color: #f4849e; }
body[data-theme="sakura"] .streak-badge { background: #f4849e; color: #fff; border-radius: 50px; font-family: 'ZCOOL KuaiLe', cursive; }

body[data-theme="sakura"] .hero-card { background: #fff; color: #7a4a57; border: 2px solid #fbe0e7; border-radius: 22px; box-shadow: 0 6px 16px rgba(214, 120, 150, 0.1); }
body[data-theme="sakura"] .hero-card::after { display: none; }
body[data-theme="sakura"] .hero-avatar { background: #ffe7ee; color: #f4849e; border: none; border-radius: 50%; font-family: 'ZCOOL KuaiLe', cursive; }
body[data-theme="sakura"] .hero-name { font-family: 'ZCOOL KuaiLe', cursive; font-weight: 400; }
body[data-theme="sakura"] .hero-rank-chip { background: #ece6fb; color: #9b85d8; border: none; }
body[data-theme="sakura"] .hero-sub { color: #b58a96; }
body[data-theme="sakura"] .hero-stat { background: #fff6f8; border: 1px solid #fbe0e7; }
body[data-theme="sakura"] .hero-stat strong { color: #f4849e; }
body[data-theme="sakura"] .hero-stat span { color: #c79fac; opacity: 1; }
body[data-theme="sakura"] .xp-track { background: #fff6f8; border: 1px solid #fbe0e7; }
body[data-theme="sakura"] .xp-meta { color: #b58a96; opacity: 1; }
body[data-theme="sakura"] .xp-bar { background: #ffe2eb; }
body[data-theme="sakura"] .xp-bar-fill { background: #f4849e; box-shadow: none; }
body[data-theme="sakura"] .xp-bar-fill::after { display: none; }

body[data-theme="sakura"] .quote-card { background: #e3f5ee; color: #3f8f76; border-radius: 16px; box-shadow: none; transform: rotate(-1.5deg); }
body[data-theme="sakura"] .quote-card::before { display: none; }
body[data-theme="sakura"] .quote-text { font-family: 'ZCOOL KuaiLe', cursive; font-size: 15px; }
body[data-theme="sakura"] .quote-author { color: #88b4a7; opacity: 1; }

body[data-theme="sakura"] .card,
body[data-theme="sakura"] .quest-card,
body[data-theme="sakura"] .chart-container,
body[data-theme="sakura"] .profile-card,
body[data-theme="sakura"] .stat-card,
body[data-theme="sakura"] .badge-tile,
body[data-theme="sakura"] .badge-summary { background: #fff; border: 1.5px solid #fbe0e7; }

body[data-theme="sakura"] .progress-ring-fill { stroke: #f4849e; }
body[data-theme="sakura"] .progress-center { color: #f4849e; font-family: 'ZCOOL KuaiLe', cursive; }
body[data-theme="sakura"] .progress-info h3 { font-family: 'ZCOOL KuaiLe', cursive; font-weight: 400; }

body[data-theme="sakura"] .quest-card h3 { font-family: 'ZCOOL KuaiLe', cursive; font-weight: 400; }
body[data-theme="sakura"] .quest-row { background: #fff6f8; border: 1.5px solid #fbe0e7; border-radius: 14px; }
body[data-theme="sakura"] .quest-check { background: #fff; border-color: #f6b6c6; }
body[data-theme="sakura"] .quest-row.done .quest-check { background: #5cc1a3; border-color: #5cc1a3; }

body[data-theme="sakura"] .entry-input { background: #fff6f8; border-radius: 12px; }
body[data-theme="sakura"] .entry-input:focus { background: #fff; border-color: #f4849e; }
body[data-theme="sakura"] .entry-number { background: #ffe7ee; color: #f4849e; }
body[data-theme="sakura"] .entry-number.filled { background: #f4849e; color: #fff; }
body[data-theme="sakura"] .tag-select { background: #fff; border-radius: 50px; }
body[data-theme="sakura"] .entry-add-btn { border-style: dashed; border-color: #f6b6c6; color: #f4849e; border-radius: 50px; }

body[data-theme="sakura"] .save-btn,
body[data-theme="sakura"] .auth-btn,
body[data-theme="sakura"] .modal-btn,
body[data-theme="sakura"] .dream-add-btn { background: #f4849e; border-radius: 50px; font-family: 'ZCOOL KuaiLe', cursive; font-weight: 400; box-shadow: 0 6px 16px rgba(244, 132, 158, 0.28); }
body[data-theme="sakura"] .share-action { background: #fff !important; color: #f4849e; border: 2px solid #f6b6c6; box-shadow: none; font-family: 'ZCOOL KuaiLe', cursive; }

body[data-theme="sakura"] .tab-bar { background: #fff; border-top: 1px solid #fbe0e7; }
body[data-theme="sakura"] .tab-item { color: #d4a9b6; }
body[data-theme="sakura"] .tab-item.active { color: #f4849e; }

body[data-theme="sakura"] .jar-card { background: linear-gradient(145deg, #f4849e, #9b85d8); }
body[data-theme="sakura"] .stat-value { color: #f4849e; font-family: 'ZCOOL KuaiLe', cursive; }

/* ============ SHARE CARD ============ */
body[data-theme="sakura"] .share-card {
  background-color: #fff6f4; color: #7a4a57; font-family: 'Noto Sans SC', sans-serif;
  background-image: radial-gradient(circle, rgba(244, 132, 158, 0.13) 2px, transparent 2.6px);
  background-size: 22px 22px; border: 2px solid #fbdfe6;
}
body[data-theme="sakura"] .share-card-header h2 { font-family: 'ZCOOL KuaiLe', cursive; color: #f4849e; font-weight: 400; }
body[data-theme="sakura"] .share-card-header p { color: #b58a96; opacity: 1; }

body[data-theme="sakura"] .share-card-stats { gap: 9px; }
body[data-theme="sakura"] .share-card-stat { flex: 1; border-radius: 16px; padding: 12px 4px; }
body[data-theme="sakura"] .share-card-stat:nth-child(1) { background: #ffe7ee; }
body[data-theme="sakura"] .share-card-stat:nth-child(2) { background: #e3f5ee; }
body[data-theme="sakura"] .share-card-stat:nth-child(3) { background: #ece6fb; }
body[data-theme="sakura"] .share-card-stat .val { font-family: 'ZCOOL KuaiLe', cursive; font-weight: 400; }
body[data-theme="sakura"] .share-card-stat:nth-child(1) .val { color: #f4849e; }
body[data-theme="sakura"] .share-card-stat:nth-child(2) .val { color: #5cc1a3; }
body[data-theme="sakura"] .share-card-stat:nth-child(3) .val { color: #9b85d8; }
body[data-theme="sakura"] .share-card-stat .lbl { color: #b58a96; opacity: 1; }

body[data-theme="sakura"] .share-card-entries { background: transparent; padding: 0; backdrop-filter: none; }
body[data-theme="sakura"] .share-card-entry { background: #fff; border: 1.5px solid #fbe0e7; border-radius: 14px; padding: 11px 13px; margin-bottom: 9px; align-items: center; }
body[data-theme="sakura"] .share-card-entry + .share-card-entry { border-top: 1.5px solid #fbe0e7; }
body[data-theme="sakura"] .share-card-num { color: #fff; }
body[data-theme="sakura"] .share-card-entry:nth-child(1) .share-card-num { background: #f4849e; }
body[data-theme="sakura"] .share-card-entry:nth-child(2) .share-card-num { background: #5cc1a3; }
body[data-theme="sakura"] .share-card-entry:nth-child(3) .share-card-num { background: #9b85d8; }
body[data-theme="sakura"] .share-card-text { color: #6b4651; }
body[data-theme="sakura"] .share-card-tag { border-radius: 50px; padding: 3px 10px; }
body[data-theme="sakura"] .share-card-entry:nth-child(1) .share-card-tag { background: #ffe7ee; color: #f4849e; }
body[data-theme="sakura"] .share-card-entry:nth-child(2) .share-card-tag { background: #e3f5ee; color: #5cc1a3; }
body[data-theme="sakura"] .share-card-entry:nth-child(3) .share-card-tag { background: #ece6fb; color: #9b85d8; }

body[data-theme="sakura"] .share-card-qr { background: #fff; border: 1.5px dashed #f6b6c6; border-radius: 16px; }
body[data-theme="sakura"] .share-qr-img { border-radius: 8px; }
body[data-theme="sakura"] .share-qr-label { font-family: 'ZCOOL KuaiLe', cursive; color: #f4849e; }
body[data-theme="sakura"] .share-qr-url { color: #b58a96; opacity: 1; }
body[data-theme="sakura"] .share-card-footer .streak { color: #f4849e; }
body[data-theme="sakura"] .share-card-footer .brand { color: #c79fac; opacity: 1; }