/* ═══════════════════════════════════════════════════════════
   主题：青柠云朵 · Lime Cloud
   对应主播：修修宝OvO（streamer_id = 439356032）
   设计参考：主播形象 —— 奶油金卷发 / 蓝宝石发夹 / 紫瞳 / 吊带裙
     · 绿为骨：柠檬草绿主色，负责强调、按钮、选中态
     · 蓝为魂：天蓝辅色（她的发夹宝石），负责语言胶囊、悬停、云朵
     · 白为底：奶油白卡片 + 四叶草 / 小云 / 黄花瓣 装饰
   调色：柠檬绿 #7ec93f + 天蓝 #6bbde8 + 奶油白 #f7fce9

   ⚠ 与另两套浅色主题的区别：
     清灵 = 浅蓝为主 + 樱花粉点缀；
     小雨甘 = 糖果粉为主 + 天空蓝；
     本主题 = 柠檬绿为主 + 天蓝 + 一抹黄，三者同为浅色但一眼可辨。
   ⚠ 全部选择器都限定在 html[data-theme="lime"] 之下，
     不带该属性的页面（清灵）像素级不受影响。
   ═══════════════════════════════════════════════════════════ */

/* ── 1. 变量 ───────────────────────────────────────────── */
html[data-theme="lime"] {
  /* 浅色主题：显式声明，阻止安卓浏览器的「强制深色」把整页反色 */
  color-scheme: only light;
  --bg:          #f7fce9;                    /* 淡青柠白 */
  --bg2:         #f0f9dc;
  --bg3:         #e8f6cd;
  --card-bg:     #ffffff;
  --card-hover:  #fbfff3;
  --glass:       rgba(255, 255, 255, .80);
  --glass-b:     rgba(158, 214, 92, .42);
  --border:      rgba(158, 214, 92, .38);
  --border2:     rgba(158, 214, 92, .20);
  --text:        #38472a;                    /* 橄榄墨绿，比纯黑柔和 */
  --text2:       #64734f;
  --muted:       #93a37c;
  --accent:      #7ec93f;                    /* 柠檬绿：主强调 */
  --accent-h:    #9adb5c;                    /* 浅绿：高亮/悬停文字 */
  --accent-glow: rgba(126, 201, 63, .32);
  --pink:        #f3d94e;                    /* 本主题的「第二暖色」= 花瓣黄 */
  --cyan:        #6bbde8;                    /* 天蓝：辅色通道 */

  /* 主题专属 */
  --lime:        #7ec93f;                    /* 柠檬绿 */
  --lime-deep:   #4e9427;
  --lime-soft:   #d9f0b8;
  --sky:         #6bbde8;                    /* 天蓝（她的发夹宝石） */
  --sky-deep:    #3d8fbe;
  --sky-soft:    #dbf0fb;
  --petal:       #f3d94e;                    /* 花瓣黄 */
  --petal-soft:  #fdf3c4;
  --iris:        #8b7fd4;                    /* 她的瞳色，仅用于极小点缀 */
  --cream:       #f7fce9;

  /* SC 付费歌曲的金色：青柠白底上要压深一点才看得清（避开花瓣黄） */
  --sc-gold:         #b87613;
  --sc-gold-bg:      rgba(240,170,50,.20);
  --sc-gold-border:  rgba(184,118,19,.36);
  --sc-gold-solid:   #d4860c;

  /* 直播状态气泡的「开播红」：浅绿底上需要偏冷一点的红才不撞花瓣黄 */
  --live-red:        #d5293f;
  --live-red-bg:     rgba(213,41,63,.09);
  --live-red-border: rgba(213,41,63,.32);
  --live-red-bg-h:   rgba(213,41,63,.16);
  --live-red-glow:   rgba(213,41,63,.22);
}

/* ── 2. 页面底色：柠檬天光 + 细圆点格 ──────────────────── */
html[data-theme="lime"] body {
  background-color: #f7fce9;
  background-image:
    radial-gradient(ellipse 74% 42% at 50% 0%,   rgba(168,224,92,.28), transparent 64%),
    radial-gradient(ellipse 58% 44% at 10% 100%, rgba(160,216,246,.42), transparent 60%),
    radial-gradient(ellipse 58% 44% at 90% 100%, rgba(243,217,78,.26), transparent 60%),
    radial-gradient(circle at 1px 1px, rgba(126,201,63,.14) 1px, transparent 0),
    /* 纵向：顶部青柠 → 中段奶油 → 底部天蓝，一屏之内就能看出「绿→蓝」 */
    linear-gradient(180deg, #f8fdea 0%, #f3fbe1 32%, #f5fbe6 64%, #e9f5fb 100%);
  background-size: auto, auto, auto, 22px 22px, auto;
  background-attachment: fixed;
}

/* ── 3. Hero：青柠天光、四叶草、双色光环头像 ───────────── */
html[data-theme="lime"] .hero { padding: 58px 24px 42px; }

html[data-theme="lime"] .hero-bg {
  background:
    /* 顶部青柠天光 */
    radial-gradient(ellipse 78% 54% at 50% -8%, rgba(168,224,92,.40), transparent 72%),
    /* 底部整条天蓝云带：让 hero 下半部转蓝 */
    radial-gradient(ellipse 94% 44% at 50% 112%, rgba(160,216,246,.42), transparent 72%),
    /* 头像正后方：绿色光环 */
    radial-gradient(circle 138px at 50% 104px, rgba(206,240,158,.62), transparent 74%),
    /* 右下角花瓣黄云团，与左侧蓝云呼应 */
    radial-gradient(ellipse 52% 42% at 88% 104%, rgba(243,217,78,.34), transparent 66%),
    /* 散落的小花 / 小云 / 星点 */
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%237ec93f' fill-opacity='.58'%3E%3Cellipse cx='12' cy='6.2' rx='3.4' ry='4.1'/%3E%3Cellipse cx='12' cy='17.8' rx='3.4' ry='4.1'/%3E%3Cellipse cx='6.2' cy='12' rx='4.1' ry='3.4'/%3E%3Cellipse cx='17.8' cy='12' rx='4.1' ry='3.4'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ffffff' fill-opacity='.9'/%3E%3C/svg%3E") 15% 26% / 15px 15px no-repeat,
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 18.5a4.5 4.5 0 010-9 6 6 0 0111.4-1.2 4.1 4.1 0 01.1 10.2z' fill='%236bbde8' fill-opacity='.55'/%3E%3C/svg%3E") 83% 22% / 15px 15px 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='%23a8cc2a' 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='%236bbde8' fill-opacity='.60'/%3E%3C/svg%3E") 76% 58% / 9px 9px no-repeat
    !important;
}

/* 底部两朵软云（左蓝右绿），被 .hero 的 overflow:hidden 裁出柔和云带 */
html[data-theme="lime"] .hero-bg::before,
html[data-theme="lime"] .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="lime"] .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(160,216,246,.44) 0 62%, transparent 66%);
}
html[data-theme="lime"] .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(206,240,158,.50) 0 62%, transparent 66%);
}

/* 头像：白圈 + 绿环，左蓝右绿双色光晕（呼应她蓝发夹 + 青柠氛围） */
html[data-theme="lime"] .hero-avatar {
  width: 96px; height: 96px;
  background: linear-gradient(135deg, #e6f8c8, #dbf0fb);
  border: 3px solid #fff;
  box-shadow:
    0 0 0 5px rgba(255,255,255,.74),
    0 0 0 6px rgba(158,214,92,.46),
    -10px -6px 30px rgba(160,216,246,.50),   /* 天蓝：左 */
    10px 8px 34px rgba(126,201,63,.50),      /* 柠檬绿：右 */
    0 0 68px rgba(168,224,92,.34);
}
html[data-theme="lime"] .hero-avatar img {
  filter: saturate(1.05) contrast(1.02);
}

/* 主播名：青柠绿 → 天蓝 渐变（不换字体，保持轻量） */
html[data-theme="lime"] .hero-name {
  font-size: 30px;
  letter-spacing: 1.2px;
  background: linear-gradient(120deg, #5aa823 4%, #8bcf45 34%, #7cc6ea 68%, #4295c6 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* 名字下方：绿蓝渐细线 + 正中一朵四叶草
   ⚠ 尺寸与间隙是调过的：4 个圆必须留出可见的缝隙。
     半径一大、间距一小，在 20px 上下就叠成一个绿色方块，
     完全看不出是叶子（第一版就栽在这儿）。 */
html[data-theme="lime"] .hero-name::after {
  content: "";
  display: block;
  width: 202px;
  height: 22px;
  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%3Cg fill='%237ec93f'%3E%3Ccircle cx='7.2' cy='7.2' r='4'/%3E%3Ccircle cx='16.8' cy='7.2' r='4'/%3E%3Ccircle cx='7.2' cy='16.8' r='4'/%3E%3Ccircle cx='16.8' cy='16.8' r='4'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E") center / 22px 22px no-repeat,
    linear-gradient(90deg,
      rgba(107,189,232,0) 0%, rgba(107,189,232,.58) 20%,
      rgba(126,201,63,.74) 50%,
      rgba(126,201,63,.58) 80%, rgba(107,189,232,0) 100%) center / 100% 1.5px no-repeat;
  pointer-events: none;
}

html[data-theme="lime"] .hero-stats {
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(158, 214, 92, .46);
  box-shadow:
    inset 0 0 0 3px rgba(255, 255, 255, .62),
    0 6px 22px rgba(158, 214, 92, .20);
}
html[data-theme="lime"] .stat-num {
  color: #5aa823;
  text-shadow: 0 0 10px rgba(126, 201, 63, .26);
}
html[data-theme="lime"] .stat-label { color: #93a37c; }
html[data-theme="lime"] .stat-sep { background: linear-gradient(180deg, rgba(107,189,232,.45), rgba(126,201,63,.45)); }

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

html[data-theme="lime"] .search-box input {
  background: #fff;
  border: 1.5px solid rgba(126, 201, 63, .45);
  color: var(--text);
}
html[data-theme="lime"] .search-box input::placeholder { color: #aebb97; }
html[data-theme="lime"] .search-box input:focus {
  border-color: var(--sky) !important;
  box-shadow: 0 0 0 3px rgba(107, 189, 232, .26), 0 0 18px rgba(107, 189, 232, .22) !important;
}
html[data-theme="lime"] .search-icon { color: #5aa823; opacity: .85; }
html[data-theme="lime"] .search-clear {
  background: rgba(126, 201, 63, .16);
  color: #4a8a20;
}
html[data-theme="lime"] .search-clear:hover {
  background: rgba(126, 201, 63, .32);
  color: #fff;
}

html[data-theme="lime"] .filter-btn {
  background: #fff;
  border: 1px solid rgba(158, 214, 92, .40);
  color: #64734f;
}
html[data-theme="lime"] .filter-btn:hover {
  background: rgba(158, 214, 92, .14);
  border-color: rgba(126, 201, 63, .60);
  color: #4a8a20;
}
html[data-theme="lime"] .filter-btn.active {
  background: linear-gradient(120deg, rgba(158,214,92,.30), rgba(160,216,246,.30)) !important;
  border-color: rgba(126, 201, 63, .62) !important;
  color: #3f7d1a !important;
  box-shadow: 0 0 16px rgba(126, 201, 63, .26);
}
html[data-theme="lime"] .filter-badge {
  background: linear-gradient(135deg, #7ec93f, #6bbde8);
  color: #fff;
  box-shadow: 0 0 10px rgba(126, 201, 63, .45);
}

html[data-theme="lime"] .sort-wrap select {
  background: #fff;
  border: 1px solid rgba(158, 214, 92, .40);
  color: #64734f;
}
html[data-theme="lime"] .sort-wrap select:focus { border-color: var(--sky); }
html[data-theme="lime"] .sort-wrap select option { background: #fff; color: var(--text); }

html[data-theme="lime"] .view-toggle {
  background: #fff;
  border: 1px solid rgba(158, 214, 92, .40);
}
html[data-theme="lime"] .vt-btn { color: #93a37c; }
html[data-theme="lime"] .vt-btn.active {
  background: linear-gradient(120deg, rgba(158,214,92,.30), rgba(160,216,246,.30)) !important;
  color: #3f7d1a !important;
  box-shadow: inset 0 0 12px rgba(126, 201, 63, .22);
}

/* 下拉面板 + 选项 */
html[data-theme="lime"] .dropdown-panel {
  background: linear-gradient(180deg, #fdfff9, #f4fbe6);
  border-bottom: 1px solid rgba(158, 214, 92, .34);
}
html[data-theme="lime"] .dropdown-clear { color: #4a8a20; }
html[data-theme="lime"] .dropdown-clear:hover { background: rgba(126, 201, 63, .14); }
html[data-theme="lime"] .chip {
  background: #fff;
  border: 1px solid rgba(158, 214, 92, .38);
  color: #64734f;
}
html[data-theme="lime"] .chip:hover {
  background: rgba(160, 216, 246, .16);
  border-color: rgba(107, 189, 232, .55);
  color: #35799f;
}
html[data-theme="lime"] .chip.selected {
  background: linear-gradient(120deg, rgba(158,214,92,.32), rgba(160,216,246,.30)) !important;
  border-color: rgba(126, 201, 63, .60) !important;
  color: #3f7d1a !important;
  box-shadow: 0 0 14px rgba(126, 201, 63, .26);
}

/* 字母导航 */
html[data-theme="lime"] .alpha-btn {
  border: 1px solid rgba(158, 214, 92, .30);
  color: #93a37c;
}
html[data-theme="lime"] .alpha-btn:hover {
  background: rgba(160, 216, 246, .18);
  border-color: rgba(107, 189, 232, .55);
  color: #35799f;
}
html[data-theme="lime"] .alpha-btn.active {
  background: linear-gradient(120deg, rgba(158,214,92,.32), rgba(160,216,246,.30)) !important;
  border-color: rgba(126, 201, 63, .60) !important;
  color: #3f7d1a !important;
  box-shadow: 0 0 14px rgba(126, 201, 63, .28);
}

/* 活动筛选标签 */
html[data-theme="lime"] .active-chip {
  background: rgba(158, 214, 92, .20);
  border-color: rgba(126, 201, 63, .48);
  color: #3f7d1a;
}
html[data-theme="lime"] .active-chip:hover { background: rgba(158, 214, 92, .32); }

/* ── 5. 歌曲卡片 ───────────────────────────────────────── */
html[data-theme="lime"] .song-card {
  background: #ffffff;
  border: 1px solid rgba(158, 214, 92, .34);
  box-shadow: 0 4px 18px rgba(160, 190, 130, .16);
}
html[data-theme="lime"] .song-card:hover {
  background: #fbfff3;
  border-color: rgba(107, 189, 232, .58);
  box-shadow: 0 10px 30px rgba(126, 201, 63, .22), 0 0 0 3px rgba(206, 240, 158, .22);
}
html[data-theme="lime"] .song-card::before {
  height: 3px;
  /* 绿 → 花瓣黄 → 天蓝：这条三色条是本主题的识别点 */
  background: linear-gradient(90deg, var(--lime), var(--petal) 48%, var(--sky)) !important;
  box-shadow: 0 0 12px rgba(126, 201, 63, .40);
}

html[data-theme="lime"] .sc-title { color: #33421f; }
html[data-theme="lime"] .sc-artist { color: #64734f; }
html[data-theme="lime"] .sc-aliases { color: #93a37c; }
html[data-theme="lime"] .sc-initial {
  color: #4a8a20;
  background: linear-gradient(135deg, rgba(158,214,92,.24), rgba(160,216,246,.22));
  box-shadow: inset 0 0 0 1px rgba(126, 201, 63, .30);
}

/* 语言 = 天蓝（她的发夹）；标签 = 柠檬绿 */
html[data-theme="lime"] .sc-lang {
  background: rgba(143, 205, 238, .18);
  border: 1px solid rgba(107, 189, 232, .48);
  color: #35799f;
}
html[data-theme="lime"] .sc-tag {
  background: rgba(126, 201, 63, .13);
  border: 1px dashed rgba(126, 201, 63, .50);
  color: #4f8f24;
}

/* ── 6. 按钮 ───────────────────────────────────────────── */
html[data-theme="lime"] .sc-copy-btn {
  border: 1px solid rgba(126, 201, 63, .50);
  background: rgba(126, 201, 63, .12);
  color: #4a8a20;
}
html[data-theme="lime"] .sc-copy-btn:hover {
  background: linear-gradient(120deg, rgba(158,214,92,.30), rgba(243,217,78,.24));
  border-color: rgba(126, 201, 63, .72);
  color: #3d7317;
  box-shadow: 0 4px 16px rgba(126, 201, 63, .28);
}
html[data-theme="lime"] .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="lime"] .random-btn {
  border: 1px solid rgba(126, 201, 63, .55) !important;
  background: linear-gradient(120deg, #7ec93f 0%, #a8da62 22%, #f0d95e 48%, #9ed3f0 76%, #6bbde8 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(90, 130, 40, .45);
  box-shadow: 0 4px 18px rgba(126, 201, 63, .38);
}
html[data-theme="lime"] .random-btn:hover {
  background: linear-gradient(120deg, #6fbd30 0%, #9bd257 22%, #ebd24d 48%, #8bcbec 76%, #57abe0 100%) !important;
  background-size: 200% 200% !important;
  background-position: 0% 50% !important;
  border-color: rgba(78, 148, 39, .70) !important;
  box-shadow: 0 6px 26px rgba(126, 201, 63, .50);
}
html[data-theme="lime"] .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="lime"] .random-btn.random-btn--spinning {
  border-color: rgba(126, 201, 63, .85) !important;
  color: #fff !important;
  box-shadow: 0 0 0 6px rgba(158, 214, 92, .14), 0 0 34px rgba(126, 201, 63, .55);
  animation: randomBtnFlow 1.1s linear infinite !important;
}

/* ── 7. 转盘（随便听听） ───────────────────────────────── */
html[data-theme="lime"] .roulette-overlay {
  background:
    radial-gradient(circle at 50% 50%, rgba(158, 214, 92, .32), rgba(248, 253, 236, .96) 56%),
    rgba(250, 255, 244, .94);
}
html[data-theme="lime"] .roulette-indicator {
  background: rgba(126, 201, 63, .95);
  box-shadow: 0 0 16px rgba(126, 201, 63, .70), 0 0 46px rgba(126, 201, 63, .30);
}
html[data-theme="lime"] .roulette-indicator::before { border-bottom-color: rgba(126, 201, 63, .95); }
html[data-theme="lime"] .roulette-indicator::after  { border-top-color:    rgba(126, 201, 63, .95); }
html[data-theme="lime"] .roulette-strip {
  filter: drop-shadow(0 0 26px rgba(126, 201, 63, .33));
}
html[data-theme="lime"] .roulette-card {
  background: linear-gradient(160deg, #ffffff, #f6fbe8);
  border: 1.5px solid rgba(158, 214, 92, .40);
}
html[data-theme="lime"] .roulette-card__title { color: #33421f; }
html[data-theme="lime"] .roulette-card__artist { color: #93a37c; }
html[data-theme="lime"] .roulette-card--winner {
  border-color: rgba(126, 201, 63, .92) !important;
  box-shadow: 0 0 26px 5px rgba(126, 201, 63, .52),
              0 0 70px 10px rgba(107, 189, 232, .36) !important;
  background: linear-gradient(160deg, #f6fde8, #eaf6fd) !important;
}
html[data-theme="lime"] .roulette-card--winner .roulette-card__title { color: #3f7d1a; }

/* 抽中卡片：改用本主题关键帧（不覆盖全局 randomSettle，避免影响其它主题） */
html[data-theme="lime"] .song-card--random {
  box-shadow: 0 0 22px 5px rgba(126, 201, 63, .50) !important;
  border-color: rgba(126, 201, 63, .82) !important;
  background: #f8feee !important;
  animation: limeSettle 2.2s ease !important;
}
html[data-theme="lime"] .song-table tbody tr.song-card--random {
  background: rgba(158, 214, 92, .16) !important;
  box-shadow: inset 3px 0 0 rgba(126, 201, 63, .85),
              0 0 18px rgba(126, 201, 63, .28) !important;
  animation: limeSettleRow 2.2s ease !important;
}
@keyframes limeSettle {
  0%   { box-shadow: 0 0 22px 5px rgba(126,201,63,.50); border-color: rgba(126,201,63,.82); background: #f8feee; transform: scale(1.05); }
  22%  { box-shadow: 0 0 14px 3px rgba(126,201,63,.32); transform: scale(1.02); }
  55%  { box-shadow: 0 0 9px 2px rgba(107,189,232,.26); border-color: rgba(107,189,232,.55); }
  100% { box-shadow: none; border-color: rgba(158,214,92,.34); background: #ffffff; transform: scale(1); }
}
@keyframes limeSettleRow {
  0%   { background: rgba(158,214,92,.16); box-shadow: inset 3px 0 0 rgba(126,201,63,.85), 0 0 18px rgba(126,201,63,.28); }
  32%  { background: rgba(158,214,92,.10); box-shadow: inset 3px 0 0 rgba(126,201,63,.52), 0 0 9px rgba(107,189,232,.18); }
  100% { background: transparent; box-shadow: none; }
}

/* ── 8. 列表视图 ───────────────────────────────────────── */
html[data-theme="lime"] .song-table thead th {
  background: rgba(250, 255, 243, .96);
  color: #3f7d1a;
  border-bottom: 1px solid rgba(158, 214, 92, .42);
}
html[data-theme="lime"] .song-table tbody tr:hover { background: rgba(160, 216, 246, .12); }
html[data-theme="lime"] .song-table td { border-bottom: 1px solid rgba(158, 214, 92, .18); }
html[data-theme="lime"] .td-lang {
  background: rgba(143, 205, 238, .18);
  border: 1px solid rgba(107, 189, 232, .46);
  color: #35799f;
}
html[data-theme="lime"] .td-tag {
  background: rgba(126, 201, 63, .13);
  border: 1px dashed rgba(126, 201, 63, .48);
  color: #4f8f24;
}

/* ── 9. 页脚 / Toast / 滚动条 / 选区 ───────────────────── */
html[data-theme="lime"] .live-link {
  background: linear-gradient(120deg, rgba(158,214,92,.20), rgba(160,216,246,.20));
  border: 1px solid rgba(126, 201, 63, .48);
  color: #3f7d1a;
}
html[data-theme="lime"] .live-link:hover {
  background: linear-gradient(120deg, rgba(158,214,92,.36), rgba(160,216,246,.36));
  border-color: rgba(126, 201, 63, .74);
  box-shadow: 0 6px 24px rgba(126, 201, 63, .28);
}

html[data-theme="lime"] .toast-notification {
  background: linear-gradient(120deg, #7ec93f, #a8da62 50%, #8cccee);
  color: #fff;
  box-shadow: 0 4px 18px rgba(126, 201, 63, .45);
}

/* 空状态 */
html[data-theme="lime"] .empty-icon {
  filter: drop-shadow(0 0 14px rgba(126, 201, 63, .52)) saturate(1.05);
}
html[data-theme="lime"] .empty-title { color: #64734f; }

html[data-theme="lime"] ::-webkit-scrollbar-thumb { background: rgba(126, 201, 63, .42); border-radius: 4px; }
html[data-theme="lime"] ::-webkit-scrollbar-thumb:hover { background: rgba(126, 201, 63, .68); }
html[data-theme="lime"] ::-webkit-scrollbar-track { background: rgba(247, 252, 233, .60); }

html[data-theme="lime"] ::selection { background: rgba(126, 201, 63, .32); color: #33421f; }
html[data-theme="lime"] button:focus-visible,
html[data-theme="lime"] input:focus-visible,
html[data-theme="lime"] select:focus-visible,
html[data-theme="lime"] a:focus-visible {
  outline: 2px solid var(--sky);
  outline-offset: 2px;
}

/* ── 10. 移动端微调 ────────────────────────────────────── */
@media (max-width: 860px) {
  html[data-theme="lime"] .hero-bg::before,
  html[data-theme="lime"] .hero-bg::after { display: none; }
}
@media (max-width: 768px) {
  html[data-theme="lime"] .hero { padding: 44px 20px 34px; }
  html[data-theme="lime"] .hero-name { font-size: 23px; letter-spacing: .6px; }
  html[data-theme="lime"] .hero-name::after { width: 156px; margin-top: 9px; }
  html[data-theme="lime"] .hero-avatar { width: 78px; height: 78px; }
  html[data-theme="lime"] .hero-bg {
    background:
      radial-gradient(ellipse 80% 50% at 50% -4%, rgba(168,224,92,.44), transparent 72%),
      radial-gradient(circle 104px at 50% 92px, rgba(206,240,158,.55), transparent 74%),
      radial-gradient(ellipse 62% 42% at 16% 106%, rgba(160,216,246,.42), transparent 66%),
      radial-gradient(ellipse 62% 42% at 84% 106%, rgba(243,217,78,.34), transparent 66%)
      !important;
  }
  html[data-theme="lime"] .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="lime"] .random-btn.random-btn--spinning { animation: none !important; }
}