/* ==========================================================================
   气泡音乐 — Daylight skin（日间浅色主题）
   --------------------------------------------------------------------------
   该文件在 neon.css 之后加载，所有规则的作用域都限定在 body.ds-light。
   夜间模式下 body 不含 .ds-light，因此本文件对暗色皮肤零影响。
   切换逻辑见 themes/volcano/layout/extrajs/content.html 的 #night_mode_toggle。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 色板
   -------------------------------------------------------------------------- */
body.ds-light {
  --neon-bg: #f7f7f4;
  --neon-surface: #ffffff;
  --neon-surface-2: #ffffff;
  --neon-surface-3: #f1f1ed;
  --neon-text: #15151a;
  --neon-muted: #63636a;
  --neon-dim: #94949b;
  --neon-line: rgba(0, 0, 0, 0.09);
  --neon-line-strong: rgba(0, 0, 0, 0.15);
  --neon-shadow: 0 20px 48px rgba(0, 0, 0, 0.10);
  --neon-lime-soft: rgba(95, 125, 0, 0.10);
  --neon-lime-line: rgba(95, 125, 0, 0.30);
  /* 老模板（style.css）用 --main-color 当文字/边框色，浅底上亮绿不可读，改深橄榄绿。
     neon.css 的强调块走 --neon-lime（保持亮绿），不受影响。 */
  --main-color: #5f7d00 !important;
  --second-color: #4d6600 !important;
}

html:has(body.ds-light) {
  background: #f7f7f4 !important;
}

body.ds-light,
body.ds-light.neon-has-ambient {
  background: #f7f7f4 !important;
  color: #15151a !important;
  color-scheme: light;
}

body.ds-light .neon-ambient::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(247, 247, 244, 0.82) 44%, #f7f7f4 82%) !important;
}

body.ds-light * {
  scrollbar-color: #c9c9c4 transparent;
}

body.ds-light ::-webkit-scrollbar-thumb {
  background: #c9c9c4 !important;
}

body.ds-light ::selection {
  background: #d8ff3e;
  color: #101010;
}

/* --------------------------------------------------------------------------
   2. Header
   -------------------------------------------------------------------------- */
body.ds-light header {
  background: rgba(255, 255, 255, 0.88) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
}

body.ds-light header .head_search .head_search_cont input {
  background: #f0f0ec !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  color: #15151a !important;
}

body.ds-light header .head_search .head_search_cont input::placeholder {
  color: #94949b !important;
}

body.ds-light header .head_search .head_search_cont input:focus {
  background: #ffffff !important;
  border-color: #b6ce00 !important;
  color: #15151a !important;
}

body.ds-light header .head_search .search_dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12) !important;
}

body.ds-light header .head_search .search_dropdown .trend_head,
body.ds-light header .head_search .search_dropdown .serach_trend a {
  color: #63636a !important;
}

body.ds-light header .head_search .search_dropdown .serach_trend a:hover {
  color: #15151a !important;
}

body.ds-light header .head_user .mat-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12) !important;
}

body.ds-light header .head_user .mat-dropdown ul li a {
  color: #34343a !important;
}

body.ds-light header .head_user .mat-dropdown ul li a:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #15151a !important;
}

body.ds-light header .head_user .ds_hdr_top_btns,
body.ds-light header .head_user .upload-song-btn,
body.ds-light header .head_user .import-song-btn {
  color: #34343a !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  background: transparent !important;
}

body.ds-light header .head_user .ds_hdr_top_btns:hover,
body.ds-light header .head_user .upload-song-btn:hover,
body.ds-light header .head_user .import-song-btn:hover {
  background: #d8ff3e !important;
  color: #101010 !important;
  border-color: #d8ff3e !important;
}

body.ds-light header .ds_go_pro {
  color: #5f7d00 !important;
  border-color: rgba(95, 125, 0, 0.35) !important;
}

body.ds-light header .head_user .unread_count,
body.ds-light header .head_user .unread_cart_count,
body.ds-light header .head_user .unread_R_count,
body.ds-light header .head_user span#new-messages {
  background: #d8ff3e !important;
  color: #101010 !important;
}

/* --------------------------------------------------------------------------
   3. 侧边栏
   -------------------------------------------------------------------------- */
body.ds-light .ma_sidebar,
body.ds-light .sidebar_innr {
  background: #ffffff !important;
  border-right: 1px solid rgba(0, 0, 0, 0.07) !important;
}

body.ds-light .sidebar .sidebar_innr .sections li a {
  color: #56565d !important;
}

body.ds-light .sidebar .sidebar_innr .sections li a:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #15151a !important;
}

body.ds-light .sidebar .sidebar_innr .sections li.active a {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .ma_sidebar .sections_title,
body.ds-light .ma_sidebar .sidebar_sections_title {
  color: #94949b !important;
}

/* --------------------------------------------------------------------------
   4. 通用块 / 标题 / 空状态
   -------------------------------------------------------------------------- */
body.ds-light .home_widget_title,
body.ds-light .home_big_title {
  color: #15151a !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

body.ds-light .home_widget_title .slide_btns a {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #56565d !important;
}

body.ds-light .home_widget_title .slide_btns a:hover {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .see_all a {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #56565d !important;
}

body.ds-light .see_all a:hover {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .content,
body.ds-light .reset-page,
body.ds-light .sett_page,
body.ds-light .single_song .ss_related,
body.ds-light .user_info_cont,
body.ds-light .feed_post .fp_body,
body.ds-light .store_songs .song_list {
  background: #ffffff !important;
  color: #15151a !important;
}

body.ds-light .sz-empty-search,
body.ds-light .empty_state {
  background: #ffffff !important;
  color: #63636a !important;
}

body.ds-light .sz-empty-search input {
  background: #f0f0ec !important;
  color: #15151a !important;
  border-color: rgba(0, 0, 0, 0.09) !important;
}

body.ds-light .ma_404 h3 {
  color: #15151a !important;
}

body.ds-light .search_tabs ul li a {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #63636a !important;
}

body.ds-light .search_tabs ul li a:hover {
  color: #15151a !important;
}

body.ds-light .search_tabs ul li.active a {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .search_result_count {
  color: #63636a !important;
}

body.ds-light .search_filters h4,
body.ds-light .search_filters h5,
body.ds-light .search_filters .filter_title {
  color: #15151a !important;
}

body.ds-light .tooltip-inner {
  background: #2a2a2e !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   5. 卡片 / 列表项
   -------------------------------------------------------------------------- */
body.ds-light .rp_slider .track_list .track:hover,
body.ds-light .short_list_cont .home_tp_songs_list .s_lsongs_child:hover,
body.ds-light .short_list_cont .s_lsongs_child:hover,
body.ds-light .sq_music_tracks .track:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

body.ds-light .sq_music_tracks .track .track_info .title,
body.ds-light .short_list_cont .s_lsongs_child .art_details h4,
body.ds-light .rp_slider .track_list .track .track_info .title {
  color: #15151a !important;
}

body.ds-light .sq_music_tracks .track .track_info .artist,
body.ds-light .short_list_cont .s_lsongs_child .art_details p {
  color: #63636a !important;
}

body.ds-light .top_playlist_list > div:before {
  color: #b0b0b6 !important;
}

body.ds-light .top_playlist_list .btn {
  color: #5f7d00 !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
}

/* --------------------------------------------------------------------------
   6. 表单 / 输入
   -------------------------------------------------------------------------- */
body.ds-light .mat_input input,
body.ds-light .mat_input select,
body.ds-light .mat_input textarea,
body.ds-light .form-control {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #15151a !important;
}

body.ds-light .mat_input input::placeholder,
body.ds-light .mat_input textarea::placeholder,
body.ds-light .form-control::placeholder {
  color: #9b9ba2 !important;
}

body.ds-light .mat_input input:focus,
body.ds-light .mat_input select:focus,
body.ds-light .mat_input textarea:focus,
body.ds-light .form-control:focus {
  background: #ffffff !important;
  border-color: #b6ce00 !important;
  color: #15151a !important;
}

body.ds-light .mat_input input[readonly],
body.ds-light .mat_input select:disabled {
  background: #f1f1ed !important;
  color: #7a7a81 !important;
}

body.ds-light .mat_input > label,
body.ds-light .mat_input .mat_label {
  color: #63636a !important;
}

body.ds-light .mat_input ul.tagit,
body.ds-light .mat_input.float > .form-control,
body.ds-light .mat_input.float > select {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #15151a !important;
}

body.ds-light .mat_input.float > .form-control.bootstrap-select > .dropdown-menu,
body.ds-light .mat_input.float > .form-control.bootstrap-select > .dropdown-menu * {
  background: #ffffff !important;
  color: #34343a !important;
}

body.ds-light input[type="checkbox"],
body.ds-light input[type="radio"] {
  accent-color: #7d9c00 !important;
}

/* --------------------------------------------------------------------------
   7. 弹窗 / 下拉
   -------------------------------------------------------------------------- */
body.ds-light .modal-content,
body.ds-light .auth_box .modal-content {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  color: #15151a !important;
}

body.ds-light .modal-header,
body.ds-light .modal-footer {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

body.ds-light .modal-header .modal-title {
  color: #15151a !important;
}

body.ds-light .close {
  color: #63636a !important;
  text-shadow: none !important;
}

body.ds-light .mat-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12) !important;
}

body.ds-light .mat-dropdown ul li a {
  color: #34343a !important;
}

body.ds-light .mat-dropdown ul li a:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #15151a !important;
}

/* --------------------------------------------------------------------------
   8. 主色按钮（light 下亮绿底 + 深字，保持品牌辨识）
   -------------------------------------------------------------------------- */
body.ds-light .btn-primary,
body.ds-light .btn-primary:not(:disabled):not(.disabled).active,
body.ds-light .btn-primary:not(:disabled):not(.disabled):active,
body.ds-light .show > .btn-primary.dropdown-toggle {
  background: #d8ff3e !important;
  border-color: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .btn-outline-primary {
  color: #5f7d00 !important;
  border-color: rgba(95, 125, 0, 0.40) !important;
}

body.ds-light .btn-outline-primary:hover {
  background: #d8ff3e !important;
  border-color: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .btn-primary-rev {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #15151a !important;
}

/* --------------------------------------------------------------------------
   9. 播放器（底部条 + 队列面板）
   -------------------------------------------------------------------------- */
body.ds-light .ma_player,
body.ds-light .ds-player {
  background: linear-gradient(135deg, #ffffff 0%, #f4f4ef 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.12) !important;
}

body.ds-light .ma_player .player {
  background: transparent !important;
}

body.ds-light .player .song_details .song_title h3,
body.ds-light .player .song_details .song_name,
body.ds-light .player .song_details .song_title a {
  color: #15151a !important;
}

body.ds-light .player .song_details .song_fav:hover,
body.ds-light .player .song_progress_right .song_queue:hover {
  color: #15151a !important;
}

body.ds-light .player .song_progress_right .song_queue {
  color: #6d6d74 !important;
}

body.ds-light .player .song_time,
body.ds-light .player .song_details .song_time_sec {
  color: #7a7a81 !important;
}

body.ds-light .player .song_progress .amplitude-song-slider,
body.ds-light .player .song_progress_right .song_volume input[type="range"] {
  background: rgba(0, 0, 0, 0.10) !important;
}

body.ds-light .ma_player_playlist {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16) !important;
}

body.ds-light .ma_player_playlist .queue_head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.ds-light .ma_player_playlist .queue_head h4 {
  color: #15151a !important;
}

body.ds-light .ma_player_playlist .queue_head span {
  color: #b03a2e !important;
}

body.ds-light .ma_player_playlist .song .song_title {
  color: #15151a !important;
}

body.ds-light .ma_player_playlist .song .song_artist {
  color: #6d6d74 !important;
}

body.ds-light .ma_player_playlist .song .song_icon_container img {
  background: #efefeb !important;
}

body.ds-light .ma_player_playlist .song:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

body.ds-light .ma_player_playlist .song.amplitude-playing {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .ma_player_playlist .song.amplitude-playing .song_title,
body.ds-light .ma_player_playlist .song.amplitude-playing .song_artist {
  color: #101010 !important;
}

body.ds-light .queue_overlay {
  background: rgba(20, 20, 24, 0.28) !important;
}

/* --------------------------------------------------------------------------
   10. 单曲 / 专辑 / 艺人详情页
   -------------------------------------------------------------------------- */
body.ds-light .single_song .ssong_header.blur,
body.ds-light .single_song .ssong_header {
  background: #ffffff !important;
}

body.ds-light .single_song .ssong_header.blur .blur_img:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(247, 247, 244, 0.9) 70%, #f7f7f4 100%) !important;
}

body.ds-light .single_song .ssong_header .ss_sub_head h2 a {
  color: #15151a !important;
}

body.ds-light .single_song .ssong_header .ss_sub_head .ss_publisher_info,
body.ds-light .single_song .ssong_header .ss_sub_head .ss_publisher_info > span,
body.ds-light .single_song .ssong_header .ss_sub_head .published {
  color: #6d6d74 !important;
}

body.ds-light .single_song .ssong_header .ss_sub_head .mus_track_toolbar .btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #34343a !important;
}

body.ds-light .single_song .ssong_header .ss_sub_head .mus_track_toolbar .btn:hover {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .mus_track_ss_stats li,
body.ds-light .mus_track_ss_stats li span {
  color: #56565d !important;
}

body.ds-light .album_poster_info .al_name a,
body.ds-light .album_poster_info .al_artist a,
body.ds-light .artist_user_info .info_container h4 a,
body.ds-light .artist_user_info .info_container p {
  color: #15151a !important;
}

body.ds-light .artist_user_info .info_container p.auth_fol_info a {
  color: #6d6d74 !important;
}

/* 行内歌词（歌曲页右栏） */
body.ds-light .dsnpi-scroll,
body.ds-light .dsnpi-line,
body.ds-light .dsnpi-base,
body.ds-light .dsnpi-scroll.is-static .dsnpi-line .dsnpi-base,
body.ds-light .dsnpi-line:hover .dsnpi-base,
body.ds-light .dsnpi-line:focus-visible .dsnpi-base {
  color: #7a7a81 !important;
}

body.ds-light .dsnpi-fill,
body.ds-light .dsnpi-ch.is-sung {
  color: #15151a !important;
}

body.ds-light .dsnpi-line.is-active .dsnpi-base,
body.ds-light .dsnpi-line.is-active .dsnpi-sub {
  color: #15151a !important;
}

body.ds-light .dsnpi-line .dsnpi-sub {
  color: #94949b !important;
}

body.ds-light .dsnpi-empty,
body.ds-light .dsnpi-empty b {
  color: #15151a !important;
}

body.ds-light .dsnpi-empty span:last-child {
  color: #7a7a81 !important;
}

body.ds-light .dsnpi-empty-ico {
  color: #b6b6bc !important;
}

/* --------------------------------------------------------------------------
   11. 登录 / 落地页
   -------------------------------------------------------------------------- */
body.ds-light .auth_box_prnt,
body.ds-light .neon-landing {
  background: #f7f7f4 !important;
}

body.ds-light .auth_box .right_combo {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.ds-light .auth_box .right_combo > h2 {
  color: #15151a !important;
}

body.ds-light .auth_box .right_combo .mat_input input {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #15151a !important;
}

body.ds-light .auth_box .right_combo .forgot_password a {
  color: #6d6d74 !important;
}

body.ds-light .auth_box .right_combo .forgot_password a:hover {
  color: #5f7d00 !important;
}

body.ds-light .neon-hero h1,
body.ds-light .neon-intro h1,
body.ds-light .neon-section-head h2,
body.ds-light .neon-cta h2,
body.ds-light .neon-feature-card h3,
body.ds-light .neon-hero-note strong,
body.ds-light .neon-landing-brand {
  color: #15151a !important;
}

body.ds-light .neon-hero h1 span {
  color: #5f7d00 !important;
}

body.ds-light .neon-intro .eyebrow,
body.ds-light .neon-hero-eyebrow,
body.ds-light .neon-hero-note-kicker,
body.ds-light .neon-kicker {
  color: #5f7d00 !important;
}

body.ds-light .neon-landing-search input {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #15151a !important;
}

body.ds-light .neon-landing-search input:focus {
  border-color: #b6ce00 !important;
}

body.ds-light .neon-landing-links a {
  color: #6d6d74 !important;
}

body.ds-light .neon-landing-links a:hover,
body.ds-light .neon-landing-links a.active,
body.ds-light .neon-login-link:hover {
  color: #15151a !important;
}

body.ds-light .neon-btn-ghost {
  color: #34343a !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}

body.ds-light .neon-btn-ghost:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #15151a !important;
}

body.ds-light .neon-cta .neon-btn-primary {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .neon-hero-note,
body.ds-light .neon-feature-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  color: #56565d !important;
}

body.ds-light .neon-feature-icon {
  color: #5f7d00 !important;
}

body.ds-light .neon-section-head > a {
  color: #6d6d74 !important;
}

body.ds-light .neon-section-head > a:hover {
  color: #15151a !important;
}

/* --------------------------------------------------------------------------
   12. 设置 / 个人页
   -------------------------------------------------------------------------- */
body.ds-light .sett_page .st_content,
body.ds-light .sett_page .st_sidebar {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

body.ds-light .sett_page .st_content .st_form h3 {
  color: #15151a !important;
}

body.ds-light .sett_page .st_sidebar li a {
  color: #56565d !important;
}

body.ds-light .sett_page .st_sidebar li a:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #15151a !important;
}

body.ds-light .sett_page .st_sidebar li.active a {
  background: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .sett_page .mat_sett_btn .btn {
  color: #5f7d00 !important;
}

body.ds-light .ma_footer a {
  color: #6d6d74 !important;
}

body.ds-light .ma_footer a:hover {
  color: #15151a !important;
}

body.ds-light .ma_footer {
  border-top-color: rgba(0, 0, 0, 0.07) !important;
  color: #7a7a81 !important;
}

/* --------------------------------------------------------------------------
   13. 品牌 Logo
   logo.png 是「黑底 + 白字 + 绿气泡」的位图，直接放在浅色页面上会变成一块黑。
   反色后再把色相转回 180 度，可得到「白底 + 黑字 + 绿气泡」的效果。
   -------------------------------------------------------------------------- */
body.ds-light .head_logo img,
body.ds-light header .navbar-brand img,
body.ds-light .ma_home_nav nav .navbar-brand img,
body.ds-light .auth_box .right_combo > .navbar-brand img,
body.ds-light .neon-landing-brand img,
body.ds-light .ds-brand img {
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: normal;
}

/* 语言切换：浅底上不用高饱和绿块 */
body.ds-light .neon-lang-switch span.active,
body.ds-light header .lang_switch .active {
  background: #d8ff3e !important;
  color: #101010 !important;
}

/* --------------------------------------------------------------------------
   14. MV 专区
   -------------------------------------------------------------------------- */
body.ds-light .mv-page {
  background: #f7f7f4 !important;
  color: #15151a !important;
}

body.ds-light .mv-page .mv-hero {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

body.ds-light .mv-top,
body.ds-light .mv-top a {
  color: #63636a !important;
}

body.ds-light .mv-top strong,
body.ds-light .mv-hero h1,
body.ds-light .mv-section-head h2,
body.ds-light .mv-form-title h3,
body.ds-light .mv-submissions strong,
body.ds-light .mv-empty strong {
  color: #15151a !important;
}

body.ds-light .mv-hero h1 em,
body.ds-light .mv-kicker,
body.ds-light .mv-kicker span,
body.ds-light .mv-eyebrow,
body.ds-light .mv-gallery-action,
body.ds-light .mv-sub-icon,
body.ds-light .mv-drop > span,
body.ds-light .mv-signin > span,
body.ds-light .mv-empty button,
body.ds-light .mv-watch:not(.mv-cover),
body.ds-light .mv-admin-link {
  color: #5f7d00 !important;
}

body.ds-light .mv-hero p,
body.ds-light .mv-section-head h2 small,
body.ds-light .mv-section-head p,
body.ds-light .mv-form-title p,
body.ds-light .mv-submissions p,
body.ds-light .mv-submissions small,
body.ds-light .mv-empty p,
body.ds-light .mv-credit,
body.ds-light .mv-generate-bottom > span {
  color: #6d6d74 !important;
}

body.ds-light .mv-workspace,
body.ds-light #mv-generate {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.ds-light .mv-option {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  color: #34343a !important;
}

body.ds-light .mv-option.active {
  background: rgba(216, 255, 62, 0.22) !important;
  border-color: #b6ce00 !important;
  box-shadow: 0 0 0 1px #b6ce00 !important;
}

body.ds-light .mv-option small,
body.ds-light .mv-option i,
body.ds-light .mv-style-list small,
body.ds-light .mv-style-list b {
  color: #63636a !important;
}

body.ds-light .mv-option-icon.purple,
body.ds-light .mv-option-icon.green,
body.ds-light .mv-badge,
body.ds-light .mv-badge.mint {
  background: rgba(216, 255, 62, 0.30) !important;
  color: #4a6200 !important;
}

body.ds-light .mv-grid-form label,
body.ds-light .mv-field,
body.ds-light .mv-style legend,
body.ds-light .mv-duration legend {
  color: #34343a !important;
}

body.ds-light .mv-grid-form input,
body.ds-light .mv-field textarea,
body.ds-light .mv-grid-form select,
body.ds-light .mv-style-list span,
body.ds-light .mv-duration span {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #15151a !important;
}

body.ds-light .mv-grid-form input::placeholder,
body.ds-light .mv-field textarea::placeholder {
  color: #9b9ba2 !important;
}

body.ds-light .mv-grid-form input:focus,
body.ds-light .mv-field textarea:focus,
body.ds-light .mv-grid-form select:focus {
  border-color: #b6ce00 !important;
}

body.ds-light .mv-style-list input:checked + span,
body.ds-light .mv-duration input:checked + span {
  border-color: #b6ce00 !important;
  background: rgba(216, 255, 62, 0.20) !important;
  color: #4a6200 !important;
}

body.ds-light .mv-audio,
body.ds-light .mv-drop,
body.ds-light .mv-signin,
body.ds-light .mv-submissions,
body.ds-light .mv-empty,
body.ds-light .mv-modal-inner {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
}

body.ds-light .mv-audio strong,
body.ds-light .mv-drop strong,
body.ds-light .mv-signin strong {
  color: #15151a !important;
}

body.ds-light .mv-audio small,
body.ds-light .mv-drop small,
body.ds-light .mv-signin p {
  color: #6d6d74 !important;
}

body.ds-light .mv-audio > span:first-child,
body.ds-light .mv-sub-icon {
  background: rgba(216, 255, 62, 0.32) !important;
  color: #4a6200 !important;
}

body.ds-light .mv-categories a,
body.ds-light .mv-pagination a {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  color: #56565d !important;
}

body.ds-light .mv-categories a.active,
body.ds-light .mv-pagination .mv-next {
  background: #d8ff3e !important;
  border-color: #d8ff3e !important;
  color: #101010 !important;
}

body.ds-light .mv-inline-notice {
  background: #fff7e0 !important;
  color: #8a6100 !important;
}

body.ds-light .mv-inline-notice.error {
  background: #ffeceb !important;
  color: #a83326 !important;
}

body.ds-light .mv-message {
  background: #eaf7e6 !important;
  color: #2f6b28 !important;
}

body.ds-light .mv-message.error {
  background: #ffeceb !important;
  color: #a83326 !important;
}

body.ds-light .mv-submissions article {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

body.ds-light .mv-modal video,
body.ds-light .mv-modal iframe,
body.ds-light #mv-gen-video {
  background: #000 !important;
}

body.ds-light .mv-ghost:hover {
  border-color: #b6ce00 !important;
  color: #4a6200 !important;
}

/* --------------------------------------------------------------------------
   15. 刷歌页（/shuage）浅色版
   该页是独立的全屏沉浸设计（shuage.css），配色自成体系：
   底色 #050608、面板 rgba(34,37,45,.72)、文字为多级白色透明度。
   浅色版按「白底 + 深字 + 保留亮绿强调」重排。
   -------------------------------------------------------------------------- */
body.ds-light .sq-app,
body.ds-light #sq-app {
  background: #f7f7f4 !important;
  color: #15151a !important;
}

body.ds-light .sq-backdrop {
  background-color: #f7f7f4 !important;
  opacity: 0.16 !important;
}

body.ds-light .sq-bg-shade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(247, 247, 244, 0.72) 62%, #f7f7f4 100%) !important;
}

body.ds-light .sq-bg-grain {
  opacity: 0.35 !important;
  mix-blend-mode: multiply !important;
}

/* 顶部栏 */
body.ds-light .sq-top {
  background: transparent !important;
}

body.ds-light .sq-brand,
body.ds-light .sq-nav,
body.ds-light .sq-nav a,
body.ds-light .sq-nav button,
body.ds-light .sq-avatar,
body.ds-light .sq-face {
  color: #2c2c33 !important;
}

body.ds-light .sq-nav a,
body.ds-light .sq-nav button {
  color: #56565d !important;
}

body.ds-light .sq-nav a:hover,
body.ds-light .sq-nav button:hover {
  color: #15151a !important;
}

body.ds-light .sq-pref {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #34343a !important;
}

body.ds-light .sq-pref:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #15151a !important;
}

body.ds-light .sq-close {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #34343a !important;
}

body.ds-light .sq-face i,
body.ds-light .sq-face i::before,
body.ds-light .sq-face b {
  background: #34343a !important;
}

/* 底部快捷键提示条 */
body.ds-light .sq-dt-foot,
body.ds-light .sq-dt-count,
body.ds-light .sq-dt-keys {
  color: rgba(0, 0, 0, 0.42) !important;
}

body.ds-light .sq-dt-keys b {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #4a4a52 !important;
}

/* 封面 */
body.ds-light .sq-art {
  background: #e9e8e2 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.14) !important;
}

body.ds-light .sq-art-shade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.18) 100%) !important;
}

body.ds-light .sq-art-edge {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

/* 文案区 */
body.ds-light .sq-live-main,
body.ds-light .sq-title,
body.ds-light .sq-song {
  color: #15151a !important;
}

body.ds-light .sq-live-sub,
body.ds-light .sq-artist {
  color: rgba(0, 0, 0, 0.62) !important;
}

body.ds-light .sq-eyebrow {
  color: rgba(0, 0, 0, 0.44) !important;
}

body.ds-light .sq-live-badge {
  background: rgba(216, 255, 62, 0.45) !important;
  border: 1px solid rgba(120, 150, 0, 0.45) !important;
  color: #4a6200 !important;
}

body.ds-light .sq-tag {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.60) !important;
}

body.ds-light .sq-tag.sq-tag-vip {
  background: rgba(216, 255, 62, 0.45) !important;
  border: 1px solid rgba(120, 150, 0, 0.45) !important;
  color: #4a6200 !important;
}

body.ds-light .sq-verified {
  background: rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.62) !important;
}

body.ds-light .sq-follow {
  color: #5f7d00 !important;
  border-color: rgba(95, 125, 0, 0.42) !important;
}

body.ds-light .sq-follow:hover {
  background: rgba(216, 255, 62, 0.5) !important;
  color: #3d5100 !important;
}

/* 歌词 */
body.ds-light .sq-dtl-row {
  color: rgba(0, 0, 0, 0.42) !important;
}

body.ds-light .sq-dtl-row.is-active,
body.ds-light .sq-dtl-text {
  color: #15151a !important;
}

body.ds-light .sq-dtl-time {
  color: rgba(95, 125, 0, 0.9) !important;
}

/* 操作区 */
body.ds-light .sq-action,
body.ds-light .sq-action-icon {
  color: #34343a !important;
}

body.ds-light .sq-action-num {
  color: rgba(0, 0, 0, 0.48) !important;
}

/* 进度条与传输控制 */
body.ds-light .sq-time {
  color: rgba(0, 0, 0, 0.5) !important;
}

body.ds-light .sq-bar-track {
  background: rgba(0, 0, 0, 0.12) !important;
}

body.ds-light .sq-bar-fill {
  background: #86a800 !important;
}

body.ds-light .sq-bar-knob {
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28) !important;
}

body.ds-light .sq-tp.sq-tp-prev,
body.ds-light .sq-tp.sq-tp-next {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #2c2c33 !important;
}

body.ds-light .sq-tp.sq-tp-prev:hover,
body.ds-light .sq-tp.sq-tp-next:hover {
  background: rgba(0, 0, 0, 0.09) !important;
}

body.ds-light .sq-tp.sq-tp-play {
  background: #d8ff3e !important;
  color: #0b0e07 !important;
  box-shadow: 0 8px 22px rgba(150, 180, 0, 0.35) !important;
}

body.ds-light .sq-tab {
  color: rgba(0, 0, 0, 0.48) !important;
}

body.ds-light .sq-tab.is-active {
  color: #15151a !important;
}

body.ds-light .sq-play {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  color: #2c2c33 !important;
}

/* 上滑面板：歌词 / 评论 / 更多 */
body.ds-light .sq-sheet.sq-sheet-lyrics,
body.ds-light .sq-sheet.sq-sheet-comments,
body.ds-light .sq-sheet.sq-sheet-mini {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  box-shadow: 0 -18px 50px rgba(0, 0, 0, 0.14) !important;
  color: #15151a !important;
}

body.ds-light .sq-sheet-grip {
  background: rgba(0, 0, 0, 0.16) !important;
}

body.ds-light .sq-sheet-head,
body.ds-light .sq-sheet-title,
body.ds-light .sq-comments-body,
body.ds-light .sq-mode-copy,
body.ds-light .sq-lyrics-scroll {
  color: #15151a !important;
}

body.ds-light .sq-sheet-close {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #34343a !important;
}

body.ds-light .sq-sheet-foot {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.45) !important;
}

body.ds-light .sq-sheet-track {
  color: rgba(0, 0, 0, 0.55) !important;
}

body.ds-light .sq-sheet-meta {
  color: rgba(0, 0, 0, 0.45) !important;
}

body.ds-light .sq-comments-input {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #15151a !important;
}

body.ds-light .sq-mode-item {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  color: #15151a !important;
}

body.ds-light .sq-mode-item.is-active {
  background: rgba(216, 255, 62, 0.35) !important;
  border-color: rgba(120, 150, 0, 0.45) !important;
}

body.ds-light .sq-mode-ico {
  background: rgba(216, 255, 62, 0.5) !important;
  color: #4a6200 !important;
}

body.ds-light .sq-mode-check {
  background: #86a800 !important;
  border-color: #86a800 !important;
}

/* 刷歌页：内联元素级补充（<b>/<span>/<i> 无类名的文字） */
body.ds-light .sq-eyebrow b {
  color: #6b8c00 !important;
}

body.ds-light .sq-mode-title {
  color: #15151a !important;
}

body.ds-light .sq-bubble {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #34343a !important;
}

body.ds-light .sq-progress-note,
body.ds-light .sq-progress-note span,
body.ds-light .sq-progress-note svg {
  color: rgba(0, 0, 0, 0.52) !important;
}

body.ds-light .sq-swipe-hint,
body.ds-light .sq-swipe-hint i {
  color: rgba(0, 0, 0, 0.42) !important;
}

body.ds-light .sq-sound-hint,
body.ds-light .sq-sound-hint span,
body.ds-light .sq-sound-hint svg {
  color: #6b8c00 !important;
}

body.ds-light .sq-sheet-title,
body.ds-light .sq-sheet-title span {
  color: #15151a !important;
}

body.ds-light .sq-sheet-title em {
  color: #6b8c00 !important;
}

body.ds-light .sq-comments-input input,
body.ds-light .sq-comments-input textarea {
  color: #15151a !important;
}

body.ds-light .sq-comments-input input::placeholder,
body.ds-light .sq-comments-input textarea::placeholder {
  color: #9b9ba2 !important;
}

body.ds-light .sq-mode-copy b {
  color: #15151a !important;
}

body.ds-light .sq-mode-copy small {
  color: rgba(0, 0, 0, 0.45) !important;
}

body.ds-light .sq-pref-wrap p {
  color: rgba(0, 0, 0, 0.45) !important;
}

body.ds-light .sq-pref-chips button {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  color: #34343a !important;
}

body.ds-light .sq-pref-chips button.is-active,
body.ds-light .sq-pref-chips button[aria-pressed="true"] {
  background: rgba(216, 255, 62, 0.45) !important;
  border-color: rgba(120, 150, 0, 0.45) !important;
  color: #3d5100 !important;
}

body.ds-light .sq-perk-copy b {
  color: #15151a !important;
}

body.ds-light .sq-perk-copy span {
  color: rgba(0, 0, 0, 0.52) !important;
}

body.ds-light .sq-perk-foot {
  color: rgba(0, 0, 0, 0.36) !important;
}

body.ds-light .sq-perk-ico,
body.ds-light .sq-perk-ico svg {
  color: #6b8c00 !important;
}

body.ds-light .sq-toast {
  background: #1f1f24 !important;
  color: #ffffff !important;
}

body.ds-light .sq-tap,
body.ds-light .sq-tap b {
  color: #15151a !important;
}

body.ds-light .sq-burger,
body.ds-light .sq-burger svg {
  color: #2c2c33 !important;
}