/* ═══════════════════════════════════════════════════════════
   主题：莓蓝糖霜 · Berry Soda
   对应主播：小雨甘nya（streamer_id = 3493081397594923）
   设计参考：主播头像 —— 粉发 / 蓝眼 / 蓝色蝴蝶结 / 粉色猫爪
     · 粉为骨：糖果粉主色，负责强调、按钮、选中态
     · 蓝为魂：天空蓝辅色，负责语言胶囊、悬停、渐变收尾
     · 白为底：奶油白卡片 + 云朵 / 爱心 / 星点 装饰
   调色：糖果粉 #ff7db5 + 天空蓝 #7fc8f5 + 奶油白

   ⚠ 与清灵主题的区别：清灵是「浅蓝为主 + 樱花粉点缀」，
     本主题刻意反过来做「粉为主 + 蓝为辅」，两者同为浅色但一眼可辨。
   ⚠ 全部选择器都限定在 html[data-theme="berry"] 之下，
     不带该属性的页面（清灵）像素级不受影响。
   ═══════════════════════════════════════════════════════════ */

/* ── 1. 变量 ───────────────────────────────────────────── */
html[data-theme="berry"] {
  /* 浅色主题：显式声明，阻止安卓浏览器的「强制深色」把整页反色 */
  color-scheme: only light;
  --bg:          #fff4f9;                    /* 奶油粉白 */
  --bg2:         #fdecf5;
  --bg3:         #fbe4f0;
  --card-bg:     #ffffff;
  --card-hover:  #fffafd;
  --glass:       rgba(255, 255, 255, .78);
  --glass-b:     rgba(255, 158, 205, .42);
  --border:      rgba(255, 158, 205, .38);
  --border2:     rgba(255, 158, 205, .20);
  --text:        #52374f;                    /* 暖梅色，比纯黑柔和 */
  --text2:       #7d6480;
  --muted:       #ab94b6;
  --accent:      #ff7db5;                    /* 糖果粉：主强调 */
  --accent-h:    #ff9ec9;                    /* 浅粉：高亮/悬停文字 */
  --accent-glow: rgba(255, 125, 181, .32);
  --pink:        #ff9ec9;
  --cyan:        #7fc8f5;                    /* 天空蓝：辅色通道 */

  /* 主题专属 */
  --candy:       #ff7db5;                    /* 糖果粉 */
  --candy-soft:  #ffd3e6;
  --sky:         #7fc8f5;                    /* 天空蓝（她的瞳色） */
  --sky-deep:    #4a9fd6;
  --sky-soft:    #d9eefe;
  --cream:       #fff4f9;

  /* SC 付费歌曲的金色：粉白底上要压深一点才看得清 */
  --sc-gold:         #c07f10;
  --sc-gold-bg:      rgba(255,193,77,.22);
  --sc-gold-border:  rgba(192,127,16,.36);
  --sc-gold-solid:   #e08a00;

  /* 直播状态气泡的「开播红」：粉白底上需要更深的红才够清晰 */
  --live-red:        #d81f3c;
  --live-red-bg:     rgba(216,31,60,.09);
  --live-red-border: rgba(216,31,60,.32);
  --live-red-bg-h:   rgba(216,31,60,.16);
  --live-red-glow:   rgba(216,31,60,.22);
}

/* ── 2. 页面底色：粉蓝天光 + 细格纹 ────────────────────── */
html[data-theme="berry"] body {
  background-color: #fff4f9;
  background-image:
    radial-gradient(ellipse 74% 42% at 50% 0%,   rgba(255,143,192,.26), transparent 64%),
    radial-gradient(ellipse 58% 44% at 12% 100%, rgba(150,212,255,.44), transparent 60%),
    radial-gradient(ellipse 58% 44% at 88% 100%, rgba(255,175,210,.38), transparent 60%),
    repeating-linear-gradient(45deg,  rgba(255,158,205,.05) 0 1px, transparent 1px 14px),
    repeating-linear-gradient(-45deg, rgba(127,200,245,.06) 0 1px, transparent 1px 14px),
    /* 纵向：顶部粉 → 底部蓝，一屏之内就能看出「粉蓝」 */
    linear-gradient(180deg, #fff6fb 0%, #fdf0f8 32%, #f7f0fd 64%, #e9f3fe 100%);
  background-attachment: fixed;
}

/* ── 3. Hero：粉蓝天光、云朵、双色光环头像 ─────────────── */
html[data-theme="berry"] .hero { padding: 58px 24px 42px; }

html[data-theme="berry"] .hero-bg {
  background:
    /* 顶部粉色天光 */
    radial-gradient(ellipse 78% 54% at 50% -8%, rgba(255,143,192,.40), transparent 72%),
    /* 底部整条蓝色云带：让 hero 下半部转蓝，与顶部粉形成「粉→蓝」 */
    radial-gradient(ellipse 94% 44% at 50% 112%, rgba(150,212,255,.44), transparent 72%),
    /* 头像正后方：蓝色光环 */
    radial-gradient(circle 138px at 50% 104px, rgba(168,220,255,.62), transparent 74%),
    /* 右下角粉色云团，与左侧蓝云呼应 */
    radial-gradient(ellipse 52% 42% at 88% 104%, rgba(255,175,210,.50), transparent 66%),
    /* 散落的小爱心 / 星点 */
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z' fill='%23ff7db5' fill-opacity='.55'/%3E%3C/svg%3E") 15% 26% / 13px 13px no-repeat,
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z' fill='%237fc8f5' fill-opacity='.55'/%3E%3C/svg%3E") 83% 21% / 11px 11px no-repeat,
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z' fill='%237fc8f5' fill-opacity='.60'/%3E%3C/svg%3E") 24% 64% / 10px 10px no-repeat,
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 7.8L22 12l-7.8 2.2L12 22l-2.2-7.8L2 12l7.8-2.2z' fill='%23ff7db5' fill-opacity='.60'/%3E%3C/svg%3E") 76% 58% / 9px 9px no-repeat
    !important;
}

/* 底部两朵软云（左蓝右粉），被 .hero 的 overflow:hidden 裁出柔和云带 */
html[data-theme="berry"] .hero-bg::before,
html[data-theme="berry"] .hero-bg::after {
  content: "";
  position: absolute;
  bottom: -30px;
  width: 250px; height: 100px;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(2.5px);
}
html[data-theme="berry"] .hero-bg::before {
  left: -34px;
  background:
    radial-gradient(circle at 34% 42%, rgba(255,255,255,.94) 0 33%, transparent 35%),
    radial-gradient(circle at 58% 30%, rgba(255,255,255,.88) 0 29%, transparent 31%),
    radial-gradient(ellipse at 50% 82%, rgba(150,212,255,.46) 0 62%, transparent 66%);
}
html[data-theme="berry"] .hero-bg::after {
  right: -34px;
  background:
    radial-gradient(circle at 66% 42%, rgba(255,255,255,.94) 0 33%, transparent 35%),
    radial-gradient(circle at 42% 30%, rgba(255,255,255,.88) 0 29%, transparent 31%),
    radial-gradient(ellipse at 50% 82%, rgba(255,175,210,.48) 0 62%, transparent 66%);
}

/* 头像：白圈 + 粉环，左蓝右粉双色光晕（呼应她粉发蓝眼） */
html[data-theme="berry"] .hero-avatar {
  width: 96px; height: 96px;
  background: linear-gradient(135deg, #ffd9ea, #d6eeff);
  border: 3px solid #fff;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.72),
    0 0 0 6px rgba(255,143,192,.42),
    -10px -6px 30px rgba(150,212,255,.52),   /* 天空蓝：左 */
    10px 8px 34px rgba(255,125,181,.54),     /* 糖果粉：右 */
    0 0 68px rgba(255,143,192,.34);
}
html[data-theme="berry"] .hero-avatar img {
  filter: saturate(1.05) contrast(1.02);
}

/* 主播名：粉色 → 蓝色 渐变（不换字体，保持轻量，不额外加载字体） */
html[data-theme="berry"] .hero-name {
  font-size: 30px;
  letter-spacing: 1.2px;
  background: linear-gradient(120deg, #ff5fa6 4%, #ff9ec9 34%, #9fd0f5 68%, #57a6dc 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 名字下方：粉蓝渐细线 + 正中一颗糖果粉爱心 */
html[data-theme="berry"] .hero-name::after {
  content: "";
  display: block;
  width: 202px;
  height: 13px;
  margin: 11px auto 0;
  background:
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z' fill='%23ff7db5'/%3E%3C/svg%3E") center / 14px 14px no-repeat,
    linear-gradient(90deg,
      rgba(127,200,245,0) 0%, rgba(127,200,245,.58) 20%,
      rgba(255,125,181,.72) 50%,
      rgba(255,125,181,.58) 80%, rgba(127,200,245,0) 100%) center / 100% 1.5px no-repeat;
  pointer-events: none;
}

html[data-theme="berry"] .hero-stats {
  background: rgba(255, 255, 255, .80);
  border: 1px solid rgba(255, 158, 205, .46);
  box-shadow:
    inset 0 0 0 3px rgba(255, 255, 255, .60),
    0 6px 22px rgba(255, 158, 205, .22);
}
html[data-theme="berry"] .stat-num {
  color: #ef5f9f;
  text-shadow: 0 0 10px rgba(255, 125, 181, .28);
}
html[data-theme="berry"] .stat-label { color: #ab94b6; }
html[data-theme="berry"] .stat-sep { background: linear-gradient(180deg, rgba(127,200,245,.45), rgba(255,125,181,.45)); }

/* ── 4. 工具栏 / 搜索 / 筛选 ───────────────────────────── */
html[data-theme="berry"] .toolbar-wrap {
  /* 横向也是 左粉 → 右蓝 的轻微过渡 */
  background: linear-gradient(90deg, rgba(255,251,253,.93), rgba(255,255,255,.91) 52%, rgba(246,251,255,.93)) !important;
  border-bottom: 1px solid rgba(255, 158, 205, .40) !important;
  box-shadow: 0 2px 0 rgba(255, 158, 205, .12), 0 10px 26px rgba(190, 160, 205, .16);
}

html[data-theme="berry"] .search-box input {
  background: #fff;
  border: 1.5px solid rgba(255, 125, 181, .45);
  color: var(--text);
}
html[data-theme="berry"] .search-box input::placeholder { color: #c3aecb; }
html[data-theme="berry"] .search-box input:focus {
  border-color: var(--sky) !important;
  box-shadow: 0 0 0 3px rgba(127, 200, 245, .26), 0 0 18px rgba(127, 200, 245, .22) !important;
}
html[data-theme="berry"] .search-icon { color: #ef5f9f; opacity: .85; }
html[data-theme="berry"] .search-clear {
  background: rgba(255, 125, 181, .16);
  color: #e04b8f;
}
html[data-theme="berry"] .search-clear:hover {
  background: rgba(255, 125, 181, .30);
  color: #fff;
}

html[data-theme="berry"] .filter-btn {
  background: #fff;
  border: 1px solid rgba(255, 158, 205, .40);
  color: #7d6480;
}
html[data-theme="berry"] .filter-btn:hover {
  background: rgba(255, 158, 205, .14);
  border-color: rgba(255, 125, 181, .60);
  color: #d1478a;
}
html[data-theme="berry"] .filter-btn.active {
  background: linear-gradient(120deg, rgba(255,158,205,.28), rgba(159,208,245,.28)) !important;
  border-color: rgba(255, 125, 181, .62) !important;
  color: #d1478a !important;
  box-shadow: 0 0 16px rgba(255, 125, 181, .26);
}
html[data-theme="berry"] .filter-badge {
  background: linear-gradient(135deg, #ff7db5, #7fc8f5);
  color: #fff;
  box-shadow: 0 0 10px rgba(255, 125, 181, .45);
}

html[data-theme="berry"] .sort-wrap select {
  background: #fff;
  border: 1px solid rgba(255, 158, 205, .40);
  color: #7d6480;
}
html[data-theme="berry"] .sort-wrap select:focus { border-color: var(--sky); }
html[data-theme="berry"] .sort-wrap select option { background: #fff; color: var(--text); }

html[data-theme="berry"] .view-toggle {
  background: #fff;
  border: 1px solid rgba(255, 158, 205, .40);
}
html[data-theme="berry"] .vt-btn { color: #ab94b6; }
html[data-theme="berry"] .vt-btn.active {
  background: linear-gradient(120deg, rgba(255,158,205,.30), rgba(159,208,245,.30)) !important;
  color: #d1478a !important;
  box-shadow: inset 0 0 12px rgba(255, 125, 181, .22);
}

/* 下拉面板 + 选项 */
html[data-theme="berry"] .dropdown-panel {
  background: linear-gradient(180deg, #fffdfe, #fdf3f9);
  border-bottom: 1px solid rgba(255, 158, 205, .34);
}
html[data-theme="berry"] .dropdown-clear { color: #d1478a; }
html[data-theme="berry"] .dropdown-clear:hover { background: rgba(255, 125, 181, .14); }
html[data-theme="berry"] .chip {
  background: #fff;
  border: 1px solid rgba(255, 158, 205, .38);
  color: #7d6480;
}
html[data-theme="berry"] .chip:hover {
  background: rgba(159, 208, 245, .16);
  border-color: rgba(127, 200, 245, .55);
  color: #3f8ec4;
}
html[data-theme="berry"] .chip.selected {
  background: linear-gradient(120deg, rgba(255,158,205,.30), rgba(159,208,245,.30)) !important;
  border-color: rgba(255, 125, 181, .60) !important;
  color: #c9407f !important;
  box-shadow: 0 0 14px rgba(255, 125, 181, .26);
}

/* 字母导航 */
html[data-theme="berry"] .alpha-btn {
  border: 1px solid rgba(255, 158, 205, .30);
  color: #ab94b6;
}
html[data-theme="berry"] .alpha-btn:hover {
  background: rgba(159, 208, 245, .18);
  border-color: rgba(127, 200, 245, .55);
  color: #3f8ec4;
}
html[data-theme="berry"] .alpha-btn.active {
  background: linear-gradient(120deg, rgba(255,158,205,.30), rgba(159,208,245,.30)) !important;
  border-color: rgba(255, 125, 181, .60) !important;
  color: #c9407f !important;
  box-shadow: 0 0 14px rgba(255, 125, 181, .28);
}

/* 活动筛选标签 */
html[data-theme="berry"] .active-chip {
  background: rgba(255, 158, 205, .20);
  border-color: rgba(255, 125, 181, .48);
  color: #c9407f;
}
html[data-theme="berry"] .active-chip:hover { background: rgba(255, 158, 205, .32); }

/* ── 5. 歌曲卡片 ───────────────────────────────────────── */
html[data-theme="berry"] .song-card {
  background: #ffffff;
  border: 1px solid rgba(255, 158, 205, .34);
  box-shadow: 0 4px 18px rgba(190, 160, 205, .16);
}
html[data-theme="berry"] .song-card:hover {
  background: #fffafd;
  border-color: rgba(127, 200, 245, .60);
  box-shadow: 0 10px 30px rgba(255, 143, 192, .24), 0 0 0 3px rgba(168, 220, 255, .18);
}
html[data-theme="berry"] .song-card::before {
  height: 3px;
  background: linear-gradient(90deg, var(--sky), var(--candy) 48%, var(--sky)) !important;
  box-shadow: 0 0 12px rgba(255, 143, 192, .42);
}

html[data-theme="berry"] .sc-title { color: #4a3049; }
html[data-theme="berry"] .sc-artist { color: #7d6480; }
html[data-theme="berry"] .sc-aliases { color: #ab94b6; }
html[data-theme="berry"] .sc-initial {
  color: #e04b8f;
  background: linear-gradient(135deg, rgba(255,158,205,.22), rgba(159,208,245,.22));
  box-shadow: inset 0 0 0 1px rgba(255, 125, 181, .30);
}

/* 语言 = 天空蓝（她的瞳色）；标签 = 糖果粉 */
html[data-theme="berry"] .sc-lang {
  background: rgba(143, 201, 240, .18);
  border: 1px solid rgba(127, 200, 245, .48);
  color: #3f8ec4;
}
html[data-theme="berry"] .sc-tag {
  background: rgba(255, 143, 192, .13);
  border: 1px dashed rgba(255, 143, 192, .50);
  color: #d95e9a;
}

/* ── 6. 按钮 ───────────────────────────────────────────── */
html[data-theme="berry"] .sc-copy-btn {
  border: 1px solid rgba(255, 125, 181, .50);
  background: rgba(255, 125, 181, .12);
  color: #d1478a;
}
html[data-theme="berry"] .sc-copy-btn:hover {
  background: linear-gradient(120deg, rgba(255,158,205,.28), rgba(159,208,245,.28));
  border-color: rgba(255, 125, 181, .72);
  color: #b93a72;
  box-shadow: 0 4px 16px rgba(255, 125, 181, .28);
}
html[data-theme="berry"] .sc-copy-btn--done {
  background: rgba(126, 217, 170, .16) !important;
  border-color: rgba(90, 200, 150, .50) !important;
  color: #2f9c72 !important;
}

/* 「随便听听」：粉→蓝 渐变，本主题的招牌按钮
   ⚠ 基础样式用 background-size:220% 是为了让 randomBtnFlow 能流动；
     这里改成 200% 并让渐变的「可见窗口」正好是 粉→蓝，否则只会看到粉色那一段。 */
html[data-theme="berry"] .random-btn {
  border: 1px solid rgba(255, 125, 181, .55) !important;
  background: linear-gradient(120deg, #ff7db5 0%, #ffa8d0 22%, #a5d6f7 62%, #74b8e8 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(160, 80, 130, .42);
  box-shadow: 0 4px 18px rgba(255, 125, 181, .38);
}
html[data-theme="berry"] .random-btn:hover {
  background: linear-gradient(120deg, #ff6aab 0%, #ff96c4 22%, #8fcbf3 62%, #5aa9de 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  border-color: rgba(230, 80, 150, .70) !important;
  box-shadow: 0 6px 26px rgba(255, 125, 181, .50);
}
html[data-theme="berry"] .random-btn.sc-copy-btn--done {
  background: rgba(126, 217, 170, .18) !important;
  border-color: rgba(90, 200, 150, .50) !important;
  color: #2f9c72 !important;
  text-shadow: none;
}
html[data-theme="berry"] .random-btn.random-btn--spinning {
  border-color: rgba(255, 125, 181, .85) !important;
  color: #fff !important;
  box-shadow: 0 0 0 6px rgba(255, 143, 192, .12), 0 0 34px rgba(255, 125, 181, .55);
  animation: randomBtnFlow 1.1s linear infinite !important;
}

/* ── 7. 转盘（随便听听） ───────────────────────────────── */
html[data-theme="berry"] .roulette-overlay {
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 158, 205, .34), rgba(253, 243, 250, .96) 56%),
    rgba(255, 250, 253, .94);
}
html[data-theme="berry"] .roulette-indicator {
  background: rgba(255, 125, 181, .95);
  box-shadow: 0 0 16px rgba(255, 125, 181, .70), 0 0 46px rgba(255, 125, 181, .30);
}
html[data-theme="berry"] .roulette-indicator::before { border-bottom-color: rgba(255, 125, 181, .95); }
html[data-theme="berry"] .roulette-indicator::after  { border-top-color:    rgba(255, 125, 181, .95); }
html[data-theme="berry"] .roulette-strip {
  filter: drop-shadow(0 0 26px rgba(255, 143, 192, .35));
}
html[data-theme="berry"] .roulette-card {
  background: linear-gradient(160deg, #ffffff, #fdf1f8);
  border: 1.5px solid rgba(255, 158, 205, .40);
}
html[data-theme="berry"] .roulette-card__title { color: #4a3049; }
html[data-theme="berry"] .roulette-card__artist { color: #ab94b6; }
html[data-theme="berry"] .roulette-card--winner {
  border-color: rgba(255, 125, 181, .92) !important;
  box-shadow: 0 0 26px 5px rgba(255, 125, 181, .55),
              0 0 70px 10px rgba(159, 208, 245, .38) !important;
  background: linear-gradient(160deg, #fff2f8, #eaf5fe) !important;
}
html[data-theme="berry"] .roulette-card--winner .roulette-card__title { color: #c9407f; }

/* 抽中卡片：改用本主题关键帧（不覆盖全局 randomSettle，避免影响清灵） */
html[data-theme="berry"] .song-card--random {
  box-shadow: 0 0 22px 5px rgba(255, 125, 181, .52) !important;
  border-color: rgba(255, 125, 181, .82) !important;
  background: #fff4fa !important;
  animation: berrySettle 2.2s ease !important;
}
html[data-theme="berry"] .song-table tbody tr.song-card--random {
  background: rgba(255, 143, 192, .16) !important;
  box-shadow: inset 3px 0 0 rgba(255, 125, 181, .85),
              0 0 18px rgba(255, 125, 181, .28) !important;
  animation: berrySettleRow 2.2s ease !important;
}
@keyframes berrySettle {
  0%   { box-shadow: 0 0 22px 5px rgba(255,125,181,.52); border-color: rgba(255,125,181,.82); background: #fff4fa; transform: scale(1.05); }
  22%  { box-shadow: 0 0 14px 3px rgba(255,125,181,.32); transform: scale(1.02); }
  55%  { box-shadow: 0 0 9px 2px rgba(127,200,245,.26); border-color: rgba(127,200,245,.55); }
  100% { box-shadow: none; border-color: rgba(255,158,205,.34); background: #ffffff; transform: scale(1); }
}
@keyframes berrySettleRow {
  0%   { background: rgba(255,143,192,.16); box-shadow: inset 3px 0 0 rgba(255,125,181,.85), 0 0 18px rgba(255,125,181,.28); }
  32%  { background: rgba(255,143,192,.10); box-shadow: inset 3px 0 0 rgba(255,125,181,.52), 0 0 9px rgba(127,200,245,.18); }
  100% { background: transparent; box-shadow: none; }
}

/* ── 8. 列表视图 ───────────────────────────────────────── */
html[data-theme="berry"] .song-table thead th {
  background: rgba(255, 247, 252, .96);
  color: #c9407f;
  border-bottom: 1px solid rgba(255, 158, 205, .42);
}
html[data-theme="berry"] .song-table tbody tr:hover { background: rgba(159, 208, 245, .12); }
html[data-theme="berry"] .song-table td { border-bottom: 1px solid rgba(255, 158, 205, .18); }
html[data-theme="berry"] .td-lang {
  background: rgba(143, 201, 240, .18);
  border: 1px solid rgba(127, 200, 245, .46);
  color: #3f8ec4;
}
html[data-theme="berry"] .td-tag {
  background: rgba(255, 143, 192, .13);
  border: 1px dashed rgba(255, 143, 192, .48);
  color: #d95e9a;
}

/* ── 9. 页脚 / Toast / 滚动条 / 选区 ───────────────────── */
html[data-theme="berry"] .live-link {
  background: linear-gradient(120deg, rgba(255,158,205,.20), rgba(159,208,245,.20));
  border: 1px solid rgba(255, 125, 181, .48);
  color: #c9407f;
}
html[data-theme="berry"] .live-link:hover {
  background: linear-gradient(120deg, rgba(255,158,205,.36), rgba(159,208,245,.36));
  border-color: rgba(255, 125, 181, .74);
  box-shadow: 0 6px 24px rgba(255, 125, 181, .30);
}

html[data-theme="berry"] .toast-notification {
  background: linear-gradient(120deg, #ff7db5, #ff9ec9 50%, #a5d6f7);
  color: #fff;
  box-shadow: 0 4px 18px rgba(255, 125, 181, .45);
}

/* 空状态 */
html[data-theme="berry"] .empty-icon {
  filter: drop-shadow(0 0 14px rgba(255, 143, 192, .55)) saturate(1.05);
}
html[data-theme="berry"] .empty-title { color: #7d6480; }

html[data-theme="berry"] ::-webkit-scrollbar-thumb { background: rgba(255, 125, 181, .44); border-radius: 4px; }
html[data-theme="berry"] ::-webkit-scrollbar-thumb:hover { background: rgba(255, 125, 181, .70); }
html[data-theme="berry"] ::-webkit-scrollbar-track { background: rgba(255, 244, 249, .60); }

html[data-theme="berry"] ::selection { background: rgba(255, 125, 181, .34); color: #4a3049; }
html[data-theme="berry"] button:focus-visible,
html[data-theme="berry"] input:focus-visible,
html[data-theme="berry"] select:focus-visible,
html[data-theme="berry"] a:focus-visible {
  outline: 2px solid var(--sky);
  outline-offset: 2px;
}

/* ── 10. 移动端微调 ────────────────────────────────────── */
@media (max-width: 860px) {
  html[data-theme="berry"] .hero-bg::before,
  html[data-theme="berry"] .hero-bg::after { display: none; }
}
@media (max-width: 768px) {
  html[data-theme="berry"] .hero { padding: 44px 20px 34px; }
  html[data-theme="berry"] .hero-name { font-size: 23px; letter-spacing: .6px; }
  html[data-theme="berry"] .hero-name::after { width: 156px; margin-top: 9px; }
  html[data-theme="berry"] .hero-avatar { width: 78px; height: 78px; }
  html[data-theme="berry"] .hero-bg {
    background:
      radial-gradient(ellipse 80% 50% at 50% -4%, rgba(255,143,192,.44), transparent 72%),
      radial-gradient(circle 104px at 50% 92px, rgba(168,220,255,.55), transparent 74%),
      radial-gradient(ellipse 62% 42% at 16% 106%, rgba(150,212,255,.44), transparent 66%),
      radial-gradient(ellipse 62% 42% at 84% 106%, rgba(255,175,210,.46), transparent 66%)
      !important;
  }
  html[data-theme="berry"] .toolbar-wrap.sticky-mobile {
    background: linear-gradient(to bottom, rgba(255,255,255,.97), rgba(255,255,255,.12));
  }
}

/* ── 11. 尊重系统"减少动态效果" ────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html[data-theme="berry"] .random-btn.random-btn--spinning { animation: none !important; }
}