From b39148738fa0d1b97b5fc768da73c93ab4bbf5be Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Fri, 2 Feb 2024 01:30:10 +0800
Subject: [PATCH] fix(style): adapt unadapted parts of the user space page in
 dark mode #259

---
 src/styles/adaptedStyles/userSpacePage.scss | 568 ++++++++++----------
 1 file changed, 291 insertions(+), 277 deletions(-)

diff --git a/src/styles/adaptedStyles/userSpacePage.scss b/src/styles/adaptedStyles/userSpacePage.scss
index ba81132b..c24e1927 100644
--- a/src/styles/adaptedStyles/userSpacePage.scss
+++ b/src/styles/adaptedStyles/userSpacePage.scss
@@ -5,7 +5,14 @@
     margin-top: 15px;
   }
 }
+
 .bewly-design {
+  .wrapper .edit-video-modal .target-favlist {
+    padding: 12px 36px;
+  }
+
+  // #region theme color adaption part
+  // Increase the priority of the style inside by writing a non-existent selector in :not()
   // 淺色模式下主要對 theme color 調整配合 bewlybewly 配色
   // 深色模式下才對主要邊框和背景色調整
   // 淺色模式下顏色避免太大調整
@@ -15,32 +22,86 @@
     #navigator a:hover,
     #page-video #submit-video-type-filter a.active,
     .n .n-data.router-link-active .n-data-k,
-    .n .n-data.router-link-active .n-data-v {
+    .n .n-data.router-link-active .n-data-v,
+    .wrapper
+      .edit-video-modal
+      .target-favlist
+      .target-favitem:hover
+      .target-fav-title
+      .fav-meta
+      .fav-name,
+    a:hover,
+    #page-index
+      .channel
+      .section-right-options
+      .play-all-channel:hover
+      .video-commonplayer_play,
+    #page-follows .follow-tabs span.active,
+    #page-follows .follow-tabs span:hover,
+    .favInfo-box .favInfo-details .fav-name:hover,
+    .sub-tabs a.active,
+    #page-subs .action .sub-action,
+    .album-list__tab--active .album-list__tab-name,
+    #page-fav .fav-main .filter-item .text:hover,
+    .fans-action-btn:hover,
+    .search-keyword-highlight,
+    .v-search-count,
+    .feed-dynamic-header-search-count,
+    .card .main-content .button-bar .single-button .text-bar.selected,
+    .wrapper .edit-video-modal .edit-video-subtitle {
       color: var(--bew-theme-color);
     }
 
-    #navigator-fixed {
-      a:active,
-      a:hover {
-        color: var(--bew-theme-color) !important;
-      }
-    }
-
+    #navigator-fixed a:active,
+    #navigator-fixed a:hover,
     .n .n-statistics .n-fs:hover p,
     .n .n-statistics .n-gz:hover p,
-    #navigator a:hover {
+    #navigator a:hover,
+    a:hover,
+    .be-dropdown-item:hover,
+    #page-fav .fav-main .filter-item .filter-type .be-dropdown-item:hover i,
+    #page-fav .fav-main .filter-item .filter-type .be-dropdown-item:hover span,
+    #page-fav .fav-main .fav-action-bottom li:hover,
+    #page-fav .fav-main .fav-action-bottom .select-cancel,
+    #page-fav .fav-main .fav-action-top .back-to-info:hover,
+    .sub-tabs .filter-content .cur-filter:hover,
+    .fans-name[style*='color'],
+    .dynamic-keyword {
       color: var(--bew-theme-color) !important;
     }
 
     .n .n-cursor,
-    .be-tab-cursor {
+    .be-tab-cursor,
+    .bangumi-pagelistbox .p:hover,
+    .bangumi-pagelistbox .p.active,
+    .btn.primary,
+    .be-pager-item-active,
+    .sub-tabs a.active,
+    .be-input_inner:focus,
+    #page-index #i-ann-content textarea:focus,
+    #page-index #i-ann-content textarea:hover {
       border-color: var(--bew-theme-color);
     }
 
+    #page-follows .follow-main .follow-action-top .back-to-info:hover,
+    #page-fav .fav-main .fav-action-top .back-to-info:hover,
+    .fans-action-btn:hover {
+      border-color: var(--bew-theme-color) !important;
+    }
+
     .n .n-cursor,
     #pin-wrapper .pin-layer-vlist .small-item.selected,
     .be-switch-container.is-checked .be-switch,
-    .h .h-follow {
+    .h .h-follow,
+    #page-follows .follow-sidenav .follow-list-container .follow-item.cur,
+    #page-follows .follow-tabs span.active:after,
+    .contribution-sidenav .contribution-item.cur,
+    #page-setting .setting-index-module:hover,
+    .btn.primary,
+    #page-fav .fav-sidenav .fav-item.cur,
+    .favInfo-box .favInfo-details .fav-options .fav-play,
+    .be-pager-item-active,
+    .search-nav-item.search-nav-actived {
       background-color: var(--bew-theme-color);
     }
 
@@ -58,7 +119,25 @@
     }
 
     .i-m-title .icon-i-title,
-    .g-search .search-btn:hover {
+    .g-search .search-btn:hover,
+    .i-m-btn:hover .icon,
+    .i-live .i-live-off-host:hover .i-live-icon,
+    .i-live .i-live-off-host:hover .r-arrow,
+    .bp-svg-icon.comment-hover,
+    .custom-like-icon.zan-a-hover,
+    .bp-svg-icon.transmit-hover,
+    .wrapper
+      .edit-video-modal
+      .target-favlist
+      .target-favitem
+      .target-fav-title
+      .fav-select.selected,
+    #page-fav
+      .fav-main
+      .fav-action-bottom
+      .fav-action-fixtop
+      .clearfix:not(.filter-disable)
+      .icon {
       filter: var(--bew-filter-icon-glow);
     }
 
@@ -81,90 +160,17 @@
     }
 
     .s-space {
-      // #page-index #i-ann-content textarea:focus,
-      // #page-index #i-ann-content textarea:hover {
-      //   border-color: var(--bew-theme-color);
-      // }
-
-      a:hover,
-      #page-index
-        .channel
-        .section-right-options
-        .play-all-channel:hover
-        .video-commonplayer_play,
-      #page-follows .follow-tabs span.active,
-      #page-follows .follow-tabs span:hover,
-      .favInfo-box .favInfo-details .fav-name:hover,
-      .sub-tabs a.active,
-      #page-subs .action .sub-action,
-      .album-list__tab--active .album-list__tab-name,
-      #page-fav .fav-main .filter-item .text:hover,
-      .fans-action-btn:hover,
-      .search-keyword-highlight,
-      .v-search-count,
-      .feed-dynamic-header-search-count,
-      .card .main-content .button-bar .single-button .text-bar.selected {
-        color: var(--bew-theme-color);
-      }
-
-      a:hover,
-      .be-dropdown-item:hover,
-      #page-fav .fav-main .filter-item .filter-type .be-dropdown-item:hover i,
-      #page-fav
-        .fav-main
-        .filter-item
-        .filter-type
-        .be-dropdown-item:hover
-        span,
-      #page-fav .fav-main .fav-action-bottom li:hover,
-      #page-fav .fav-main .fav-action-bottom .select-cancel,
-      #page-fav .fav-main .fav-action-top .back-to-info:hover,
-      .sub-tabs .filter-content .cur-filter:hover,
-      .fans-name[style*='color'],
-      .dynamic-keyword {
-        color: var(--bew-theme-color) !important;
-      }
-
       .search-nav-item.search-nav-actived .num,
       .search-nav-item.search-nav-actived .text {
         color: white !important;
       }
 
-      #page-follows .follow-sidenav .follow-list-container .follow-item.cur,
-      #page-follows .follow-tabs span.active:after,
-      .contribution-sidenav .contribution-item.cur,
-      #page-setting .setting-index-module:hover,
-      .btn.primary,
-      #page-fav .fav-sidenav .fav-item.cur,
-      .favInfo-box .favInfo-details .fav-options .fav-play,
-      .be-pager-item-active,
-      .search-nav-item.search-nav-actived {
-        background-color: var(--bew-theme-color);
-      }
-
       .bangumi-pagelistbox .p:hover,
       .bangumi-pagelistbox .p.active {
         background-color: var(--bew-theme-color) !important;
         color: white !important;
       }
 
-      .bangumi-pagelistbox .p:hover,
-      .bangumi-pagelistbox .p.active,
-      .btn.primary,
-      .be-pager-item-active,
-      .sub-tabs a.active,
-      .be-input_inner:focus,
-      #page-index #i-ann-content textarea:focus,
-      #page-index #i-ann-content textarea:hover {
-        border-color: var(--bew-theme-color);
-      }
-
-      #page-follows .follow-main .follow-action-top .back-to-info:hover,
-      #page-fav .fav-main .fav-action-top .back-to-info:hover,
-      .fans-action-btn:hover {
-        border-color: var(--bew-theme-color) !important;
-      }
-
       .btn.primary:focus,
       .btn.primary:hover {
         background-color: var(--bew-theme-color-80);
@@ -197,15 +203,6 @@
         border-color: var(--bew-theme-color);
       }
 
-      .i-m-btn:hover .icon,
-      .i-live .i-live-off-host:hover .i-live-icon,
-      .i-live .i-live-off-host:hover .r-arrow,
-      .bp-svg-icon.comment-hover,
-      .custom-like-icon.zan-a-hover,
-      .bp-svg-icon.transmit-hover {
-        filter: var(--bew-filter-icon-glow);
-      }
-
       .ps {
         padding: 0;
       }
@@ -215,7 +212,9 @@
       }
     }
   }
+  // #endregion
 
+  // #region dark mode adaption part
   // 深色模式下對主題顏色調整
   &.dark {
     .n .n-inner,
@@ -238,116 +237,128 @@
     .search-component-input input,
     #page-article .row .breadcrumb .item,
     .album-list__title,
-    .bangumi-pagelistbox .p {
+    .bangumi-pagelistbox .p,
+    .wrapper
+      .edit-video-modal
+      .target-favlist
+      .target-favitem
+      .target-fav-title
+      .fav-meta
+      .fav-name,
+    .wrapper .edit-video-modal .edit-video-title {
       color: var(--bew-text-1);
     }
 
-    .s-space {
-      .section,
-      #page-index .fav-covers,
-      #page-index .channel .channel-item,
-      .i-pin-v .be-tab,
-      .i-m-r2,
-      #page-index .col-2 .section-title,
-      .user-info .user-info-title,
-      .article-content,
-      .s-content,
-      .i-m-upload,
-      #pin-wrapper .pin-layer-header,
-      #page-follows .follow-main .follow-header.follow-header-info,
-      .list-item,
-      #page-follows .follow-sidenav,
-      #page-follows .follow-sidenav .nav-container.follow-container,
-      #page-follows .follow-main,
-      #page-follows .list-item:last-child,
-      .contribution-sidenav ~ .main-content,
-      .contribution-sidenav,
-      #page-fav .fav-main .favList-info,
-      #page-fav .fav-main,
-      #page-fav .fav-sidenav,
-      #page-setting .setting-index-module,
-      #page-setting .setting-index-container,
-      #page-fav .fav-sidenav .nav-container,
-      #page-fav .fav-sidenav .playlist-group,
-      #page-fav .fav-sidenav .watch-later,
-      #page-subs .mini-item,
-      #page-follows .follow-main .follow-action-top,
-      .modal-wrapper .modal-title,
-      #page-fav .fav-main .filter-item.search,
-      #page-fav .fav-main .search-types,
-      .be-input_inner,
-      .be-dropdown-item.be-dropdown-item-delimiter,
-      #page-myalbum .album-content,
-      #pin-wrapper #pin-layer,
-      .i-mp-action-menu,
-      .modal-wrapper,
-      .create-wrapper .dialog-title,
-      .create-wrapper .create-input .series-title input,
-      .create-wrapper .create-input .series-desc .series-desc-box,
-      .create-wrapper .create-input .series-kw input,
-      .create-wrapper
-        .create-input
-        .series-kw
-        .rec-kw
-        .keyword-content
-        .keyword,
-      .create-wrapper
-        .create-input
-        .series-kw
-        .rec-kw
-        .keyword-content
-        .keyword
-        .keyword-txt,
-      .create-wrapper .choose-action .back-btn,
-      .create-wrapper .choose-action .cancel-btn,
-      .create-wrapper .create-action .back-btn,
-      .create-wrapper .create-action .cancel-btn,
-      .be-dropdown-menu,
-      .edit-media-list .edit-mask .edit-board .head,
-      .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .name-input,
-      .edit-media-list
-        .edit-mask
-        .edit-board
-        .edit-info
-        .info-wrap
-        .media-list-intro,
-      .pgc-space-follow-item .bangumi-options .opt-list,
-      .space_input,
-      #page-setting #setting-new-tag-btn,
-      #page-follows .follow-main .follow-action-top .back-to-info,
-      #page-video .play-all-btn,
-      #page-fav .fav-main .fav-action-top,
-      #page-fav .fav-main .fav-action-top .back-to-info,
-      #page-fav .fav-main .fav-video-list.is-batch .small-item.selected,
-      #page-fav .fav-main .fav-video-list.is-batch .small-item:hover,
-      .i-live .i-live-unfo-btn,
-      .i-live .i-live-fo-count,
-      #page-collection-detail .filter,
-      .bangumi-pagelistbox .p,
-      .bangumi-pagelistbox .custom-right .custom-right-inner.custompage,
-      .feed-dynamic,
-      #page-dynamic .bili-dyn-item,
-      .fans-action-btn.follow {
-        border-color: var(--bew-border-color);
-      }
+    .btn.ghost,
+    .btn.ghost:focus,
+    .btn.ghost:hover {
+      color: var(--bew-text-2);
+    }
 
-      .feed-dynamic-content .card {
-        border-color: var(--bew-border-color) !important;
-      }
+    .section,
+    #page-index .fav-covers,
+    #page-index .channel .channel-item,
+    .i-pin-v .be-tab,
+    .i-m-r2,
+    #page-index .col-2 .section-title,
+    .user-info .user-info-title,
+    .article-content,
+    .s-content,
+    .i-m-upload,
+    #pin-wrapper .pin-layer-header,
+    #page-follows .follow-main .follow-header.follow-header-info,
+    .list-item,
+    #page-follows .follow-sidenav,
+    #page-follows .follow-sidenav .nav-container.follow-container,
+    #page-follows .follow-main,
+    #page-follows .list-item:last-child,
+    .contribution-sidenav ~ .main-content,
+    .contribution-sidenav,
+    #page-fav .fav-main .favList-info,
+    #page-fav .fav-main,
+    #page-fav .fav-sidenav,
+    #page-setting .setting-index-module,
+    #page-setting .setting-index-container,
+    #page-fav .fav-sidenav .nav-container,
+    #page-fav .fav-sidenav .playlist-group,
+    #page-fav .fav-sidenav .watch-later,
+    #page-subs .mini-item,
+    #page-follows .follow-main .follow-action-top,
+    .modal-wrapper .modal-title,
+    #page-fav .fav-main .filter-item.search,
+    #page-fav .fav-main .search-types,
+    .be-input_inner,
+    .be-dropdown-item.be-dropdown-item-delimiter,
+    #page-myalbum .album-content,
+    #pin-wrapper #pin-layer,
+    .i-mp-action-menu,
+    .modal-wrapper,
+    .create-wrapper .dialog-title,
+    .create-wrapper .create-input .series-title input,
+    .create-wrapper .create-input .series-desc .series-desc-box,
+    .create-wrapper .create-input .series-kw input,
+    .create-wrapper .create-input .series-kw .rec-kw .keyword-content .keyword,
+    .create-wrapper
+      .create-input
+      .series-kw
+      .rec-kw
+      .keyword-content
+      .keyword
+      .keyword-txt,
+    .create-wrapper .choose-action .back-btn,
+    .create-wrapper .choose-action .cancel-btn,
+    .create-wrapper .create-action .back-btn,
+    .create-wrapper .create-action .cancel-btn,
+    .be-dropdown-menu,
+    .edit-media-list .edit-mask .edit-board .head,
+    .edit-media-list .edit-mask .edit-board .edit-info .info-wrap .name-input,
+    .edit-media-list
+      .edit-mask
+      .edit-board
+      .edit-info
+      .info-wrap
+      .media-list-intro,
+    .pgc-space-follow-item .bangumi-options .opt-list,
+    .space_input,
+    #page-setting #setting-new-tag-btn,
+    #page-follows .follow-main .follow-action-top .back-to-info,
+    #page-video .play-all-btn,
+    #page-fav .fav-main .fav-action-top,
+    #page-fav .fav-main .fav-action-top .back-to-info,
+    #page-fav .fav-main .fav-video-list.is-batch .small-item.selected,
+    #page-fav .fav-main .fav-video-list.is-batch .small-item:hover,
+    .i-live .i-live-unfo-btn,
+    .i-live .i-live-fo-count,
+    #page-collection-detail .filter,
+    .bangumi-pagelistbox .p,
+    .bangumi-pagelistbox .custom-right .custom-right-inner.custompage,
+    .feed-dynamic,
+    #page-dynamic .bili-dyn-item,
+    .fans-action-btn.follow,
+    .btn.ghost,
+    .btn.ghost:focus,
+    .btn.ghost:hover {
+      border-color: var(--bew-border-color);
+    }
 
-      #page-fav .fav-main .small-item {
-        border-color: transparent;
-      }
+    .feed-dynamic-content .card {
+      border-color: var(--bew-border-color) !important;
+    }
 
-      .series-item .split-line {
-        background-color: var(--bew-border-color);
-      }
+    #page-fav .fav-main .small-item {
+      border-color: transparent;
+    }
 
-      .i-pin-c {
-        box-shadow: unset;
-      }
+    .series-item .split-line,
+    .wrapper .edit-video-modal .favlist-body:after {
+      background-color: var(--bew-border-color);
+    }
 
-      .section-title,
+    .i-pin-c {
+      box-shadow: unset;
+    }
+
+    .section-title,
       #page-index .col-2 .section .user-auth.no-auth .no-auth-title .goto-auth,
       .user-info .user-info-title .info-title,
       .article-title,
@@ -393,99 +404,102 @@
       #page-collection-detail .channel-detail .content .breadcrumb .item,
       .bangumi-pagelistbox .custom-right .custom-right-inner.custompage,
       .feed-dynamic-header-title {
-        color: var(--bew-text-1);
-      }
+      color: var(--bew-text-1);
+    }
 
-      .i-m-btn,
-      .elec .elec-total-count,
-      .pgc-space-follow-item .pgc-item-info .pgc-item-desc,
-      #page-follows .follow-main .follow-action-bottom .select-counter,
-      #page-follows .list-item .auth-description,
-      .edit-media-list .edit-mask .edit-board .edit-info .media-list-type,
-      #page-fav .fav-main .fav-action-top .back-to-info,
-      .v-search-result,
-      .feed-dynamic-header-search {
-        color: var(--bew-text-2);
-      }
+    .i-m-btn,
+    .elec .elec-total-count,
+    .pgc-space-follow-item .pgc-item-info .pgc-item-desc,
+    #page-follows .follow-main .follow-action-bottom .select-counter,
+    #page-follows .list-item .auth-description,
+    .edit-media-list .edit-mask .edit-board .edit-info .media-list-type,
+    #page-fav .fav-main .fav-action-top .back-to-info,
+    .v-search-result,
+    .feed-dynamic-header-search {
+      color: var(--bew-text-2);
+    }
 
-      .section .count {
-        background-color: var(--bew-fill-1);
-        border-color: var(--bew-fill-1);
-        color: var(--bew-text-2);
-      }
+    .section .count {
+      background-color: var(--bew-fill-1);
+      border-color: var(--bew-fill-1);
+      color: var(--bew-text-2);
+    }
 
-      // .album-list__tab--active .album-list__tab-name {
-      //   color: var(--bew-theme-color);
-      // }
+    // .album-list__tab--active .album-list__tab-name {
+    //   color: var(--bew-theme-color);
+    // }
 
-      .section .count:before {
-        display: none;
-      }
+    .section .count:before {
+      display: none;
+    }
 
-      #pin-wrapper #pin-layer,
-      .i-mp-action-menu,
-      .modal-wrapper,
-      .be-dropdown-menu,
-      .dialog-wrapper,
-      .edit-media-list .edit-mask .edit-board,
-      .pgc-space-follow-item .bangumi-options .opt-list {
-        background-color: var(--bew-elevated-solid-1);
-      }
+    #pin-wrapper #pin-layer,
+    .i-mp-action-menu,
+    .modal-wrapper,
+    .be-dropdown-menu,
+    .dialog-wrapper,
+    .edit-media-list .edit-mask .edit-board,
+    .pgc-space-follow-item .bangumi-options .opt-list {
+      background-color: var(--bew-elevated-solid-1);
+    }
 
-      .col-full {
-        background-color: var(--bew-content-solid-1);
-        box-shadow: 0 0 0 1px var(--bew-border-color);
-      }
+    .col-full {
+      background-color: var(--bew-content-solid-1);
+      box-shadow: 0 0 0 1px var(--bew-border-color);
+    }
 
-      #page-video #submit-video-type-filter,
-      .fans-action-follow,
-      .album-list__tabs,
-      #page-follows .follow-main .follow-action-bottom .follow-action-fixtop,
-      #page-fav .fav-sidenav .icon-cursor,
-      #page-setting #setting-new-tag-btn,
-      #page-fav .fav-main .fav-action-bottom .fav-action-fixtop,
-      .bangumi-pagelistbox .p,
-      .bangumi-pagelistbox .custom-right .custom-right-inner.custompage {
-        background-color: var(--bew-fill-1);
-      }
+    #page-video #submit-video-type-filter,
+    .fans-action-follow,
+    .album-list__tabs,
+    #page-follows .follow-main .follow-action-bottom .follow-action-fixtop,
+    #page-fav .fav-sidenav .icon-cursor,
+    #page-setting #setting-new-tag-btn,
+    #page-fav .fav-main .fav-action-bottom .fav-action-fixtop,
+    .bangumi-pagelistbox .p,
+    .bangumi-pagelistbox .custom-right .custom-right-inner.custompage,
+    .btn.ghost,
+    .btn.ghost:focus,
+    .btn.ghost:hover {
+      background-color: var(--bew-fill-1);
+    }
 
-      #page-setting #setting-new-tag-btn {
-        background: var(--bew-content-solid-1);
-      }
+    #page-setting #setting-new-tag-btn {
+      background: var(--bew-content-solid-1);
+    }
 
-      .search-page,
-      .card,
-      .feed-dynamic-content .bb-comment {
-        background-color: var(--bew-content-solid-1);
-      }
+    .search-page,
+    .card,
+    .feed-dynamic-content .bb-comment {
+      background-color: var(--bew-content-solid-1);
+    }
 
-      .be-dropdown-item:hover,
-      .elec .elec-status,
-      .elec .elec-status-bg,
-      .elec .elec-status-bg-grey {
-        background: unset !important;
-      }
+    .be-dropdown-item:hover,
+    .elec .elec-status,
+    .elec .elec-status-bg,
+    .elec .elec-status-bg-grey {
+      background: unset !important;
+    }
 
-      #pin-wrapper .pin-layer-vlist .small-item:hover,
-      .i-mp-action-item:hover,
-      .create-wrapper .choose-action .back-btn,
-      .create-wrapper .choose-action .cancel-btn,
-      .create-wrapper .create-action .back-btn,
-      .create-wrapper .create-action .cancel-btn,
-      #page-fav .fav-sidenav .fav-item:hover,
-      #page-follows .follow-sidenav .follow-list-container .follow-item:hover,
-      .contribution-sidenav .contribution-item:hover,
-      .pgc-space-follow-item .bangumi-options .opt-list li:hover,
-      #page-fav .fav-main .filter-item .filter-type .be-dropdown-item:hover,
-      #page-fav .fav-main .fav-video-list.is-batch .small-item.selected,
-      #page-fav .fav-main .fav-video-list.is-batch .small-item:hover,
-      .search-nav-item:hover {
-        background-color: var(--bew-fill-2);
-      }
+    #pin-wrapper .pin-layer-vlist .small-item:hover,
+    .i-mp-action-item:hover,
+    .create-wrapper .choose-action .back-btn,
+    .create-wrapper .choose-action .cancel-btn,
+    .create-wrapper .create-action .back-btn,
+    .create-wrapper .create-action .cancel-btn,
+    #page-fav .fav-sidenav .fav-item:hover,
+    #page-follows .follow-sidenav .follow-list-container .follow-item:hover,
+    .contribution-sidenav .contribution-item:hover,
+    .pgc-space-follow-item .bangumi-options .opt-list li:hover,
+    #page-fav .fav-main .filter-item .filter-type .be-dropdown-item:hover,
+    #page-fav .fav-main .fav-video-list.is-batch .small-item.selected,
+    #page-fav .fav-main .fav-video-list.is-batch .small-item:hover,
+    .search-nav-item:hover {
+      background-color: var(--bew-fill-2);
+    }
 
-      .pgc-space-follow-item .bangumi-options .opt-list li.disabled {
-        opacity: 0.6;
-      }
+    .pgc-space-follow-item .bangumi-options .opt-list li.disabled {
+      opacity: 0.6;
     }
   }
+  // #endregion
 }