.raoliangyin-app[data-raoliangyin-theme="dark"] {
  --raoliangyin-background:
    radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.1), transparent 24%),
    linear-gradient(180deg, #87404a 0%, #34232a 50%, #17181f 100%);
  --raoliangyin-accent: #ff5a73;
  --raoliangyin-accent-soft: rgba(255, 90, 115, 0.38);
  --raoliangyin-text-main: #ffffff;
  --raoliangyin-text-secondary: rgba(255, 244, 247, 0.88);
  --raoliangyin-text-muted: rgba(255, 236, 241, 0.48);
  --raoliangyin-track-color: rgba(255, 255, 255, 0.34);
  --raoliangyin-surface: rgba(255, 255, 255, 0.08);
  --raoliangyin-surface-strong: rgba(255, 255, 255, 0.12);
  --raoliangyin-shadow: rgba(0, 0, 0, 0.32);
  --raoliangyin-thumb-color: #ffffff;
  --raoliangyin-button-border: rgba(255, 255, 255, 0.06);
  --raoliangyin-button-text: #fff6f8;
  --raoliangyin-soft-button-bg: rgba(255, 90, 115, 0.16);
  --raoliangyin-play-button-bg: linear-gradient(180deg, #ff7588, #f33d59);
  --raoliangyin-playlist-bg: rgba(32, 24, 31, 0.96);
  --raoliangyin-time-color: rgba(255, 241, 245, 0.86);
  --raoliangyin-overlay-bg: rgba(8, 6, 10, 0.34);
  --raoliangyin-control-side-bg: rgba(255, 255, 255, 0.06);
  --raoliangyin-control-side-border: rgba(255, 255, 255, 0.05);
  --raoliangyin-control-side-text: rgba(255, 255, 255, 0.9);
  --raoliangyin-control-mode-bg: rgba(255, 90, 115, 0.14);
  --raoliangyin-control-mode-text: #ffe6eb;
  --raoliangyin-import-bg: rgba(248, 239, 242, 0.96);
  --raoliangyin-import-shadow: rgba(24, 8, 14, 0.32);
  --raoliangyin-import-title: #2a171d;
  --raoliangyin-import-label: rgba(71, 36, 47, 0.78);
  --raoliangyin-import-link: #9a3d57;
  --raoliangyin-import-close-bg: rgba(255, 255, 255, 0.66);
  --raoliangyin-import-close-color: #5d2c39;
  --raoliangyin-import-close-border: rgba(98, 42, 59, 0.08);
  --raoliangyin-import-control-border: rgba(137, 92, 107, 0.2);
  --raoliangyin-import-control-bg: rgba(255, 255, 255, 0.86);
  --raoliangyin-import-control-text: #41232d;
  --raoliangyin-import-placeholder: rgba(108, 76, 87, 0.64);
  --raoliangyin-import-focus-border: rgba(255, 94, 121, 0.42);
  --raoliangyin-import-focus-ring: rgba(255, 94, 121, 0.14);
  --raoliangyin-import-button-bg: rgba(255, 255, 255, 0.92);
  --raoliangyin-import-button-text: #3f222c;
  --raoliangyin-import-button-strong-bg: #171316;
  --raoliangyin-import-button-strong-border: #171316;
  --raoliangyin-import-button-strong-text: #ffffff;
  --raoliangyin-import-card-border: rgba(134, 94, 106, 0.16);
  --raoliangyin-import-card-bg: rgba(109, 45, 62, 0.06);
  --raoliangyin-import-card-title: #341b24;
  --raoliangyin-import-hint-border: rgba(144, 97, 112, 0.22);
  --raoliangyin-import-hint-bg: rgba(255, 255, 255, 0.3);
  --raoliangyin-import-hint-text: rgba(87, 50, 62, 0.76);
  --raoliangyin-search-result-bg: rgba(255, 255, 255, 0.64);
  --raoliangyin-search-result-border: rgba(140, 101, 115, 0.2);
  --raoliangyin-search-result-title: #351b24;
  --raoliangyin-search-result-desc: rgba(86, 52, 63, 0.78);
}

.raoliangyin-app[data-raoliangyin-theme="light"] {
  --raoliangyin-background:
    radial-gradient(circle at 78% 10%, rgba(255, 255, 255, 0.72), transparent 26%),
    linear-gradient(180deg, #d7e8fb 0%, #cfe1f8 48%, #c1d8f4 100%);
  --raoliangyin-accent: #69a9f7;
  --raoliangyin-accent-soft: rgba(105, 169, 247, 0.26);
  --raoliangyin-text-main: #19477d;
  --raoliangyin-text-secondary: rgba(44, 93, 151, 0.78);
  --raoliangyin-text-muted: rgba(95, 138, 191, 0.62);
  --raoliangyin-track-color: rgba(123, 171, 232, 0.38);
  --raoliangyin-surface: rgba(255, 255, 255, 0.56);
  --raoliangyin-surface-strong: rgba(255, 255, 255, 0.7);
  --raoliangyin-shadow: rgba(85, 131, 188, 0.2);
  --raoliangyin-thumb-color: #ffffff;
  --raoliangyin-button-border: rgba(100, 149, 213, 0.12);
  --raoliangyin-button-text: #2d5f98;
  --raoliangyin-soft-button-bg: rgba(105, 169, 247, 0.16);
  --raoliangyin-play-button-bg: linear-gradient(180deg, #86c0ff, #5b9df0);
  --raoliangyin-playlist-bg: rgba(232, 242, 255, 0.96);
  --raoliangyin-time-color: rgba(65, 112, 169, 0.8);
  --raoliangyin-overlay-bg: rgba(116, 150, 194, 0.2);
  --raoliangyin-control-side-bg: rgba(255, 255, 255, 0.64);
  --raoliangyin-control-side-border: rgba(111, 165, 219, 0.16);
  --raoliangyin-control-side-text: #245987;
  --raoliangyin-control-mode-bg: rgba(102, 186, 255, 0.2);
  --raoliangyin-control-mode-text: #1f5687;
  --raoliangyin-import-bg: rgba(244, 248, 255, 0.96);
  --raoliangyin-import-shadow: rgba(64, 98, 150, 0.18);
  --raoliangyin-import-title: #123d6e;
  --raoliangyin-import-label: #486f98;
  --raoliangyin-import-link: #516fd4;
  --raoliangyin-import-close-bg: rgba(224, 236, 248, 0.92);
  --raoliangyin-import-close-color: #3f6b99;
  --raoliangyin-import-close-border: rgba(149, 181, 218, 0.24);
  --raoliangyin-import-control-border: rgba(189, 204, 222, 0.92);
  --raoliangyin-import-control-bg: rgba(255, 255, 255, 0.92);
  --raoliangyin-import-control-text: #355a84;
  --raoliangyin-import-placeholder: #8ba5c2;
  --raoliangyin-import-focus-border: #9fc1ef;
  --raoliangyin-import-focus-ring: rgba(122, 173, 234, 0.14);
  --raoliangyin-import-button-bg: rgba(255, 255, 255, 0.94);
  --raoliangyin-import-button-text: #294f79;
  --raoliangyin-import-button-strong-bg: #131313;
  --raoliangyin-import-button-strong-border: #131313;
  --raoliangyin-import-button-strong-text: #ffffff;
  --raoliangyin-import-card-border: rgba(197, 214, 235, 0.92);
  --raoliangyin-import-card-bg: rgba(228, 239, 251, 0.68);
  --raoliangyin-import-card-title: #173f6f;
  --raoliangyin-import-hint-border: rgba(165, 191, 223, 0.86);
  --raoliangyin-import-hint-bg: rgba(255, 255, 255, 0.28);
  --raoliangyin-import-hint-text: #6889ad;
  --raoliangyin-search-result-bg: rgba(255, 255, 255, 0.72);
  --raoliangyin-search-result-border: rgba(190, 208, 231, 0.9);
  --raoliangyin-search-result-title: #204b7a;
  --raoliangyin-search-result-desc: #6c8aac;
}

.raoliangyin-app[data-raoliangyin-theme="light"] .raoliangyin-app__bg {
  background:
    radial-gradient(circle at 78% 12%, rgba(255, 255, 255, 0.55), transparent 24%),
    radial-gradient(circle at 48% 66%, rgba(255, 255, 255, 0.26), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(120, 165, 220, 0.1));
}

.raoliangyin-app[data-raoliangyin-theme="light"] .raoliangyin-disc {
  background:
    radial-gradient(circle at center, #edf7ff 0 12%, #83b9e8 12% 14%, #eef7ff 14% 24%, transparent 24%),
    repeating-radial-gradient(circle at center, rgba(62, 123, 174, 0.08) 0 2px, rgba(255, 255, 255, 0.5) 2px 4px),
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.95), transparent 24%),
    linear-gradient(145deg, #fafdff, #d6ebff 55%, #b3d4f3);
  box-shadow:
    0 22px 50px rgba(88, 140, 190, 0.22),
    inset 0 0 0 1px rgba(255, 255, 255, 0.92),
    inset 0 0 32px rgba(124, 173, 219, 0.12);
}

.raoliangyin-app[data-raoliangyin-theme="light"] .raoliangyin-disc__groove {
  background: radial-gradient(circle at center, rgba(98, 172, 255, 0.95), rgba(49, 102, 182, 0.92));
  box-shadow:
    inset 0 0 0 10px rgba(255, 255, 255, 0.3),
    0 0 24px rgba(79, 145, 221, 0.22);
}

.raoliangyin-app[data-raoliangyin-theme="light"] .raoliangyin-disc__groove::before {
  border-color: rgba(78, 129, 180, 0.12);
}

.raoliangyin-app[data-raoliangyin-theme="light"] .raoliangyin-disc__groove::after {
  border-color: rgba(72, 126, 180, 0.18);
}

.raoliangyin-app[data-raoliangyin-theme="light"] .raoliangyin-disc__cover--fallback {
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.4), transparent 42%),
    linear-gradient(180deg, rgba(98, 172, 255, 0.92), rgba(49, 102, 182, 0.9));
  box-shadow:
    inset 0 0 0 10px rgba(255, 255, 255, 0.28),
    0 0 24px rgba(79, 145, 221, 0.14);
}

.raoliangyin-app[data-raoliangyin-theme="light"] .raoliangyin-disc__center {
  background: radial-gradient(circle at 35% 35%, #ffffff, #d9ecff 62%, #7ba9d1 100%);
  box-shadow:
    0 0 0 8px rgba(223, 241, 255, 0.96),
    0 0 0 12px rgba(95, 150, 214, 0.14),
    0 4px 12px rgba(74, 123, 171, 0.18);
}