From 0a02f04d028537d7c4a47643fe534cfe965fc8b8 Mon Sep 17 00:00:00 2001 From: the1812 Date: Mon, 23 Mar 2020 21:20:24 +0800 Subject: [PATCH 1/2] Fix line-height --- bilibili-evolved.offline.user.js | 4 ++-- bilibili-evolved.preview-offline.user.js | 4 ++-- bilibili-evolved.preview.user.js | 2 +- bilibili-evolved.user.js | 2 +- min/bundle.json | 2 +- min/bundle.zip | Bin 1714672 -> 1714691 bytes min/custom-navbar.min.css | 2 +- src/style/custom-navbar/custom-navbar.scss | 1 + 8 files changed, 9 insertions(+), 8 deletions(-) diff --git a/bilibili-evolved.offline.user.js b/bilibili-evolved.offline.user.js index 013485ae2..504a42383 100644 --- a/bilibili-evolved.offline.user.js +++ b/bilibili-evolved.offline.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Offline) -// @version 616.21 +// @version 616.23 // @description Bilibili Evolved 的离线版, 所有功能都已内置于脚本中. // @author Grant Howard, Coulomb-G // @copyright 2020, Grant Howard (https://github.com/the1812) & Coulomb-G (https://github.com/Coulomb-G) @@ -1218,7 +1218,7 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/compact-layout.min.js"] = (()=>{return(t,c)=>{const o=["https://www.bilibili.com/","https://www.bilibili.com/watchlater/#/list","https://www.bilibili.com/ranking"];if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}return{reload:()=>{if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}},unload:()=>{document.body.classList.remove("compact");c.removeStyle("compactLayoutStyle")}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-control-background.min.css"] = `.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control .bilibili-player-video-control-bottom,.bilibili-player-video-control .bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background:rgba(0,0,0,var(--custom-control-background-opacity))!important}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-control-background.min.js"] = (()=>{return(o,t)=>{document.body.style.setProperty("--custom-control-background-opacity",o.customControlBackgroundOpacity);addSettingsListener("customControlBackgroundOpacity",o=>{document.body.style.setProperty("--custom-control-background-opacity",o)});const n=()=>{t.applyStyle("customControlBackgroundStyle");if(!o.touchVideoPlayer){t.applyImportantStyleFromText(`\n\n`)}};n();return{reload:n,unload:()=>{t.removeStyle("customControlBackgroundStyle");const o=document.getElementById("control-background-non-touch");o&&o.remove()}}}})(); -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px;line-height:normal}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.html"] = `

顶栏布局

边缘间距: 设定两侧边缘处的间距, 单位为百分比, 100%为整个顶栏的宽度. 允许设置的范围为 0% ~ 40%
{{boundsPadding}}%
顺序与显示: 在左侧的条状图标上拖动可以改变它们的顺序, 或者按住名字一会再拖动也可以调顺序. 点击右侧的眼睛图标可以显示/隐藏它们.
`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.js"] = (()=>{return(t,i)=>{const a=["//www.bilibili.com","//t.bilibili.com","//search.bilibili.com","//space.bilibili.com","//account.bilibili.com","//pay.bilibili.com","//member.bilibili.com","//big.bilibili.com","//message.bilibili.com","//app.bilibili.com","//passport.bilibili.com","//game.bilibili.com","//live.bilibili.com/blackboard/"];const s=["//t.bilibili.com/vote/h5/index/#/result","//t.bilibili.com/lottery/h5/index/#/result","//member.bilibili.com/video/upload","//space.bilibili.com/ajax/","//www.bilibili.com/h5/comment/","//www.bilibili.com/blackboard/","//member.bilibili.com/v2"];const n=()=>{document.body.style.setProperty("--navbar-bounds-padding",`0 ${t.customNavbarBoundsPadding}%`);document.body.style.setProperty("--navbar-blur-opacity",(t.customNavbarBlurOpacity||.7).toString());addSettingsListener("customNavbarBlurOpacity",t=>{document.body.style.setProperty("--navbar-blur-opacity",t)})};const e=(t,i,a)=>{a.classList.toggle(t,i)};const o=t=>{dq(".custom-navbar").classList.toggle("dark",t);dq(".custom-navbar-settings").classList.toggle("dark",t)};return(()=>{if(isIframe()){return}n();const c=!(!a.some(t=>document.URL.includes(t))||s.some(t=>document.URL.includes(t)))||document.URL.includes("//www.bilibili.com/blackboard/bnj2020.html");if(c){document.body.classList.add("custom-navbar-loading");(async()=>{const a=await i.importAsync((()=>"customNavbarHtml")());document.body.insertAdjacentHTML("beforeend",a);addSettingsListener("useDarkStyle",o,true);const s=()=>dq(".custom-navbar");["Fill","Shadow","Compact","Blur"].forEach(t=>{const i="customNavbar"+t;addSettingsListener(i,i=>e(t.toLowerCase(),i,s()),true)});SpinQuery.condition(()=>dq("#banner_link,.international-header .bili-banner"),t=>t===null?false:Boolean(t.style.backgroundImage),i=>{Observer.attributes(i,()=>{const a=dqa(".custom-navbar .blur-layer");a.forEach(t=>{t.style.backgroundImage=i.style.backgroundImage;t.setAttribute("data-image",i.style.backgroundImage)});addSettingsListener("customNavbarTransparent",i=>{if(!t.hideBanner){s().classList.toggle("transparent",i)}},true);addSettingsListener("hideBanner",i=>{if(t.customNavbarTransparent){s().classList.toggle("transparent",!i)}})})});const{Blank:n}=await i.importAsync("custom-navbar-blank");const{Logo:c}=await i.importAsync("custom-navbar-logo");const{Category:r}=await i.importAsync("custom-navbar-category");const{SimpleLink:l}=await i.importAsync("custom-navbar-simple-link");const{UserInfo:m}=await i.importAsync("custom-navbar-user-info");const{SearchBox:b}=await i.importAsync("custom-navbar-search-box");const{Iframe:u}=await i.importAsync("custom-navbar-iframe");const d=[new n(1),new c,new r,new l("排行","https://www.bilibili.com/ranking","ranking"),new l("相簿","https://h.bilibili.com","drawing"),new l("音频","https://www.bilibili.com/audio/home/","music"),new u("游戏中心","https://game.bilibili.com/",{src:`https://www.bilibili.com/page-proxy/game-nav.html`,width:`680px`,height:`260px`,lazy:true,iframeName:"games"}),new u("直播","https://live.bilibili.com",{src:`https://live.bilibili.com/blackboard/dropdown-menu.html`,width:`528px`,height:`266px`,lazy:true,iframeName:"lives"}),new l("会员购","https://show.bilibili.com","shop"),new l("漫画","https://manga.bilibili.com","manga"),new n(2),new b,new m];if(getUID()){const{WatchlaterList:t}=await i.importAsync("custom-navbar-watchlater-list");const{Messages:a}=await i.importAsync("custom-navbar-messages");const{Activities:s}=await i.importAsync("custom-navbar-activities");const{Subscriptions:n}=await i.importAsync("custom-navbar-subscriptions");const{FavoritesList:e}=await i.importAsync("custom-navbar-favorites-list");const{HistoryList:o}=await i.importAsync("custom-navbar-history-list");d.push(new a,new n,new s,new t,new e,new o)}const{Upload:p}=await i.importAsync("custom-navbar-upload");d.push(new p,new n(3));new Vue({el:".custom-navbar",data:{components:d},methods:{async requestPopup(t){if(!t.requestedPopup&&!t.disabled&&!t.active){this.$set(t,`requestedPopup`,true);if(t.initialPopup){t.initialPopup()}}if(t.onPopup){t.onPopup()}}},mounted(){document.body.classList.remove("custom-navbar-loading");const t=()=>{d.forEach(t=>t.checkPosition())};addSettingsListener("customNavbarOrder",t,true);addSettingsListener("customNavbarHidden",t);addSettingsListener("customNavbarBoundsPadding",t);window.addEventListener("resize",t)}})})()}return{widget:{content:`\n
\n\n顶栏布局\n
`,condition:()=>c,success:async()=>{const{initSettingsPanel:t}=await i.importAsync("custom-navbar-settings");await t()}},unload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="none");i.removeStyle("customNavbarStyle")},reload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="flex");i.applyImportantStyle("customNavbarStyle")}}})()}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar-activities.min.js"] = (()=>{return(t,i)=>{const{NavbarComponent:a}=i.import("custom-navbar-component");let e=async()=>{};let n=async()=>{};let c;const s=({dataObject:t,apiUrl:a,name:n,handleJson:c,template:s})=>{return{template:s,components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{handleJson:c,async fetchData(t=false){try{const i=await Ajax.getJsonWithCredentials(a);if(i.code!==0){throw new Error(i.message)}await this.handleJson(i)}catch(i){if(t===true){return}logError(`加载${n}动态失败, error = ${i}`)}finally{this.loading=false}}},data(){return Object.assign({loading:true},t)},mounted(){this.fetchData();e=(async()=>await this.fetchData(true))},destroyed(){e=(async()=>{})}}};class r extends a{constructor(){super();this.boundingWidth=380;this.noPadding=true;this.href=t.oldTweets?"https://www.bilibili.com/account/dynamic":"https://t.bilibili.com/";this.html="动态";this.popupHtml=`\n
\n\n
\n\n\n\n \x3c!-- 查看更多 --\x3e\n
\n
\n`;this.active=document.URL.replace(/\?.*$/,"")===this.href;this.initialPopup=(()=>{this.init()});this.onPopup=(()=>{this.setNotifyCount(0)});this.getNotifyCount();setInterval(async()=>{await this.getNotifyCount();await n();await e()},r.updateInterval)}static get updateInterval(){return 5*60*1e3}static getLatestID(){return document.cookie.replace(new RegExp(`(?:(?:^|.*;\\s*)bp_t_offset_${getUID()}\\s*\\=\\s*([^;]*).*$)|^.*$`),"$1")}static setLatestID(t){const i=r.getLatestID();if(r.compareID(t,i)<0){return}document.cookie=`bp_t_offset_${getUID()}=${t};path=/;domain=.bilibili.com;max-age=${60*60*24*30}`}static compareID(t,i){if(t===i){return 0}if(t.length>i.length){return 1}if(i.length>t.length){return-1}return t>i===true?1:-1}static isNewID(t){return r.compareID(t,c)>0}static updateLatestID(t){const[i]=[...t.map(t=>t.id)].sort(r.compareID).reverse();r.setLatestID(i)}async getNotifyCount(){const t=`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8,64,512`;const i=await Ajax.getJsonWithCredentials(t);if(i.code!==0){return}this.setNotifyCount(i.data.update_num)}async init(){Vue.component("activity-loading",{template:`\n
\n加载中...\n
`,props:["loading"]});Vue.component("activity-empty",{template:`\n
空空如也哦 = ̄ω ̄=
`});new Vue({el:await SpinQuery.select(".activity-popup"),data:{tabs:[{name:"视频",component:"video-activity",moreUrl:"https://t.bilibili.com/?tab=8",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8`},notifyCount:null},{name:"番剧",component:"bangumi-activity",moreUrl:"https://t.bilibili.com/?tab=512",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=512`},notifyCount:null},{name:"专栏",component:"column-activity",moreUrl:"https://t.bilibili.com/?tab=64",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=64`},notifyCount:null},{name:"直播",component:"live-activity",moreUrl:"https://link.bilibili.com/p/center/index#/user-center/follow/1",notifyCount:null}],selectedTab:"视频"},components:{"activity-tabs":{props:["items","tab"],template:`\n\n`,methods:{changeTab(t){if(this.tab===t.name){window.open(t.moreUrl,"_blank")}this.$emit("update:tab",t.name)}}},"video-activity":Object.assign(s({dataObject:{leftCards:[],rightCards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=8`,name:"视频",template:`\n
\n\n\n
\n\n
\n
\n\n
\n
\n`,handleJson:async function(t){const i=t.data.cards.filter(t=>{return t.desc.orig_dy_id===0}).map(t=>{const i=JSON.parse(t.card);return{coverUrl:i.pic,title:i.title,timeNumber:i.duration,time:formatDuration(i.duration),description:i.desc,aid:i.aid,videoUrl:`https://www.bilibili.com/av${i.aid}`,faceUrl:t.desc.user_profile.info.face,upName:t.desc.user_profile.info.uname,upUrl:`https://space.bilibili.com/${t.desc.user_profile.info.uid}`,id:t.desc.dynamic_id_str,watchlater:true,get new(){return r.isNewID(this.id)}}});this.leftCards=i.filter((t,i)=>i%2===0);this.rightCards=i.filter((t,i)=>i%2===1);if(this.leftCards.length!==this.rightCards.length){this.leftCards.pop()}r.updateLatestID(i)}}),{components:{"video-card":{props:["card","watchlaterInit"],store:store,data(){return{}},computed:{...Vuex.mapState(["watchlaterList"]),watchlater(){if(this.watchlaterInit!==null){return this.watchlaterList.includes(this.card.aid)}else{return null}}},components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{...Vuex.mapActions(["toggleWatchlater"])},async mounted(){},template:`\n\n
\n\n
{{card.time}}
\n
{{watchlater ? '已添加' : '稍后再看'}}
\n
\n

{{card.title}}

\n
\n\n{{card.upName}}\n\n\n`}}}),"bangumi-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=512`,name:"番剧",template:`\n
\n\n\n\n\n

{{card.epTitle}}

\n
\n\n
{{card.title}}
\n
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{title:i.apiSeasonInfo.title,coverUrl:i.apiSeasonInfo.cover,epCoverUrl:i.cover,epTitle:i.new_desc,url:i.url,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"column-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=64`,name:"专栏",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.description}}
\n\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{covers:i.image_urls,originalCovers:i.origin_image_urls,upName:i.author.name,faceUrl:i.author.face,upUrl:`https://space.bilibili.com/${i.author.mid}`,title:i.title,description:i.summary,url:`https://www.bilibili.com/read/cv${i.id}`,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"live-activity":s({dataObject:{cards:[]},apiUrl:`https://api.live.bilibili.com/relation/v1/feed/feed_list?page=1&pagesize=24`,name:"直播",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.name}}
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.list.map(t=>{return{faceUrl:t.face,title:t.title,name:t.uname,id:t.roomid,url:t.link}})}})},computed:{content(){return this.tabs.find(t=>t.name===this.selectedTab).component},viewMoreUrl(){return this.tabs.find(t=>t.name===this.selectedTab).moreUrl}},mounted(){n=(async()=>{for(const t of this.tabs){if(t.notifyApi){const i=await Ajax.getJsonWithCredentials(t.notifyApi);if(i.code!==0||!i.data.update_num||this.selectedTab===t.name){continue}t.notifyCount=i.data.update_num}}});n()},destroyed(){n=(async()=>{})},watch:{selectedTab(t){this.tabs.find(i=>i.name===t).notifyCount=null}}})}get name(){return"activities"}}c=r.getLatestID();return{export:{Activities:r}}}})(); diff --git a/bilibili-evolved.preview-offline.user.js b/bilibili-evolved.preview-offline.user.js index 2d7f65e64..5bc789a0f 100644 --- a/bilibili-evolved.preview-offline.user.js +++ b/bilibili-evolved.preview-offline.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Preview Offline) -// @version 616.21 +// @version 616.23 // @description Bilibili Evolved 的预览离线版, 可以抢先体验新功能, 并且所有功能都已内置于脚本中. // @author Grant Howard, Coulomb-G // @copyright 2020, Grant Howard (https://github.com/the1812) & Coulomb-G (https://github.com/Coulomb-G) @@ -1218,7 +1218,7 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/compact-layout.min.js"] = (()=>{return(t,c)=>{const o=["https://www.bilibili.com/","https://www.bilibili.com/watchlater/#/list","https://www.bilibili.com/ranking"];if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}return{reload:()=>{if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}},unload:()=>{document.body.classList.remove("compact");c.removeStyle("compactLayoutStyle")}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-control-background.min.css"] = `.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control .bilibili-player-video-control-bottom,.bilibili-player-video-control .bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background:rgba(0,0,0,var(--custom-control-background-opacity))!important}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-control-background.min.js"] = (()=>{return(o,t)=>{document.body.style.setProperty("--custom-control-background-opacity",o.customControlBackgroundOpacity);addSettingsListener("customControlBackgroundOpacity",o=>{document.body.style.setProperty("--custom-control-background-opacity",o)});const n=()=>{t.applyStyle("customControlBackgroundStyle");if(!o.touchVideoPlayer){t.applyImportantStyleFromText(`\n\n`)}};n();return{reload:n,unload:()=>{t.removeStyle("customControlBackgroundStyle");const o=document.getElementById("control-background-non-touch");o&&o.remove()}}}})(); -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px;line-height:normal}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.html"] = `

顶栏布局

边缘间距: 设定两侧边缘处的间距, 单位为百分比, 100%为整个顶栏的宽度. 允许设置的范围为 0% ~ 40%
{{boundsPadding}}%
顺序与显示: 在左侧的条状图标上拖动可以改变它们的顺序, 或者按住名字一会再拖动也可以调顺序. 点击右侧的眼睛图标可以显示/隐藏它们.
`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.js"] = (()=>{return(t,i)=>{const a=["//www.bilibili.com","//t.bilibili.com","//search.bilibili.com","//space.bilibili.com","//account.bilibili.com","//pay.bilibili.com","//member.bilibili.com","//big.bilibili.com","//message.bilibili.com","//app.bilibili.com","//passport.bilibili.com","//game.bilibili.com","//live.bilibili.com/blackboard/"];const s=["//t.bilibili.com/vote/h5/index/#/result","//t.bilibili.com/lottery/h5/index/#/result","//member.bilibili.com/video/upload","//space.bilibili.com/ajax/","//www.bilibili.com/h5/comment/","//www.bilibili.com/blackboard/","//member.bilibili.com/v2"];const n=()=>{document.body.style.setProperty("--navbar-bounds-padding",`0 ${t.customNavbarBoundsPadding}%`);document.body.style.setProperty("--navbar-blur-opacity",(t.customNavbarBlurOpacity||.7).toString());addSettingsListener("customNavbarBlurOpacity",t=>{document.body.style.setProperty("--navbar-blur-opacity",t)})};const e=(t,i,a)=>{a.classList.toggle(t,i)};const o=t=>{dq(".custom-navbar").classList.toggle("dark",t);dq(".custom-navbar-settings").classList.toggle("dark",t)};return(()=>{if(isIframe()){return}n();const c=!(!a.some(t=>document.URL.includes(t))||s.some(t=>document.URL.includes(t)))||document.URL.includes("//www.bilibili.com/blackboard/bnj2020.html");if(c){document.body.classList.add("custom-navbar-loading");(async()=>{const a=await i.importAsync((()=>"customNavbarHtml")());document.body.insertAdjacentHTML("beforeend",a);addSettingsListener("useDarkStyle",o,true);const s=()=>dq(".custom-navbar");["Fill","Shadow","Compact","Blur"].forEach(t=>{const i="customNavbar"+t;addSettingsListener(i,i=>e(t.toLowerCase(),i,s()),true)});SpinQuery.condition(()=>dq("#banner_link,.international-header .bili-banner"),t=>t===null?false:Boolean(t.style.backgroundImage),i=>{Observer.attributes(i,()=>{const a=dqa(".custom-navbar .blur-layer");a.forEach(t=>{t.style.backgroundImage=i.style.backgroundImage;t.setAttribute("data-image",i.style.backgroundImage)});addSettingsListener("customNavbarTransparent",i=>{if(!t.hideBanner){s().classList.toggle("transparent",i)}},true);addSettingsListener("hideBanner",i=>{if(t.customNavbarTransparent){s().classList.toggle("transparent",!i)}})})});const{Blank:n}=await i.importAsync("custom-navbar-blank");const{Logo:c}=await i.importAsync("custom-navbar-logo");const{Category:r}=await i.importAsync("custom-navbar-category");const{SimpleLink:l}=await i.importAsync("custom-navbar-simple-link");const{UserInfo:m}=await i.importAsync("custom-navbar-user-info");const{SearchBox:b}=await i.importAsync("custom-navbar-search-box");const{Iframe:u}=await i.importAsync("custom-navbar-iframe");const d=[new n(1),new c,new r,new l("排行","https://www.bilibili.com/ranking","ranking"),new l("相簿","https://h.bilibili.com","drawing"),new l("音频","https://www.bilibili.com/audio/home/","music"),new u("游戏中心","https://game.bilibili.com/",{src:`https://www.bilibili.com/page-proxy/game-nav.html`,width:`680px`,height:`260px`,lazy:true,iframeName:"games"}),new u("直播","https://live.bilibili.com",{src:`https://live.bilibili.com/blackboard/dropdown-menu.html`,width:`528px`,height:`266px`,lazy:true,iframeName:"lives"}),new l("会员购","https://show.bilibili.com","shop"),new l("漫画","https://manga.bilibili.com","manga"),new n(2),new b,new m];if(getUID()){const{WatchlaterList:t}=await i.importAsync("custom-navbar-watchlater-list");const{Messages:a}=await i.importAsync("custom-navbar-messages");const{Activities:s}=await i.importAsync("custom-navbar-activities");const{Subscriptions:n}=await i.importAsync("custom-navbar-subscriptions");const{FavoritesList:e}=await i.importAsync("custom-navbar-favorites-list");const{HistoryList:o}=await i.importAsync("custom-navbar-history-list");d.push(new a,new n,new s,new t,new e,new o)}const{Upload:p}=await i.importAsync("custom-navbar-upload");d.push(new p,new n(3));new Vue({el:".custom-navbar",data:{components:d},methods:{async requestPopup(t){if(!t.requestedPopup&&!t.disabled&&!t.active){this.$set(t,`requestedPopup`,true);if(t.initialPopup){t.initialPopup()}}if(t.onPopup){t.onPopup()}}},mounted(){document.body.classList.remove("custom-navbar-loading");const t=()=>{d.forEach(t=>t.checkPosition())};addSettingsListener("customNavbarOrder",t,true);addSettingsListener("customNavbarHidden",t);addSettingsListener("customNavbarBoundsPadding",t);window.addEventListener("resize",t)}})})()}return{widget:{content:`\n
\n\n顶栏布局\n
`,condition:()=>c,success:async()=>{const{initSettingsPanel:t}=await i.importAsync("custom-navbar-settings");await t()}},unload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="none");i.removeStyle("customNavbarStyle")},reload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="flex");i.applyImportantStyle("customNavbarStyle")}}})()}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar-activities.min.js"] = (()=>{return(t,i)=>{const{NavbarComponent:a}=i.import("custom-navbar-component");let e=async()=>{};let n=async()=>{};let c;const s=({dataObject:t,apiUrl:a,name:n,handleJson:c,template:s})=>{return{template:s,components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{handleJson:c,async fetchData(t=false){try{const i=await Ajax.getJsonWithCredentials(a);if(i.code!==0){throw new Error(i.message)}await this.handleJson(i)}catch(i){if(t===true){return}logError(`加载${n}动态失败, error = ${i}`)}finally{this.loading=false}}},data(){return Object.assign({loading:true},t)},mounted(){this.fetchData();e=(async()=>await this.fetchData(true))},destroyed(){e=(async()=>{})}}};class r extends a{constructor(){super();this.boundingWidth=380;this.noPadding=true;this.href=t.oldTweets?"https://www.bilibili.com/account/dynamic":"https://t.bilibili.com/";this.html="动态";this.popupHtml=`\n
\n\n
\n\n\n\n \x3c!-- 查看更多 --\x3e\n
\n
\n`;this.active=document.URL.replace(/\?.*$/,"")===this.href;this.initialPopup=(()=>{this.init()});this.onPopup=(()=>{this.setNotifyCount(0)});this.getNotifyCount();setInterval(async()=>{await this.getNotifyCount();await n();await e()},r.updateInterval)}static get updateInterval(){return 5*60*1e3}static getLatestID(){return document.cookie.replace(new RegExp(`(?:(?:^|.*;\\s*)bp_t_offset_${getUID()}\\s*\\=\\s*([^;]*).*$)|^.*$`),"$1")}static setLatestID(t){const i=r.getLatestID();if(r.compareID(t,i)<0){return}document.cookie=`bp_t_offset_${getUID()}=${t};path=/;domain=.bilibili.com;max-age=${60*60*24*30}`}static compareID(t,i){if(t===i){return 0}if(t.length>i.length){return 1}if(i.length>t.length){return-1}return t>i===true?1:-1}static isNewID(t){return r.compareID(t,c)>0}static updateLatestID(t){const[i]=[...t.map(t=>t.id)].sort(r.compareID).reverse();r.setLatestID(i)}async getNotifyCount(){const t=`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8,64,512`;const i=await Ajax.getJsonWithCredentials(t);if(i.code!==0){return}this.setNotifyCount(i.data.update_num)}async init(){Vue.component("activity-loading",{template:`\n
\n加载中...\n
`,props:["loading"]});Vue.component("activity-empty",{template:`\n
空空如也哦 = ̄ω ̄=
`});new Vue({el:await SpinQuery.select(".activity-popup"),data:{tabs:[{name:"视频",component:"video-activity",moreUrl:"https://t.bilibili.com/?tab=8",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8`},notifyCount:null},{name:"番剧",component:"bangumi-activity",moreUrl:"https://t.bilibili.com/?tab=512",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=512`},notifyCount:null},{name:"专栏",component:"column-activity",moreUrl:"https://t.bilibili.com/?tab=64",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=64`},notifyCount:null},{name:"直播",component:"live-activity",moreUrl:"https://link.bilibili.com/p/center/index#/user-center/follow/1",notifyCount:null}],selectedTab:"视频"},components:{"activity-tabs":{props:["items","tab"],template:`\n\n`,methods:{changeTab(t){if(this.tab===t.name){window.open(t.moreUrl,"_blank")}this.$emit("update:tab",t.name)}}},"video-activity":Object.assign(s({dataObject:{leftCards:[],rightCards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=8`,name:"视频",template:`\n
\n\n\n
\n\n
\n
\n\n
\n
\n`,handleJson:async function(t){const i=t.data.cards.filter(t=>{return t.desc.orig_dy_id===0}).map(t=>{const i=JSON.parse(t.card);return{coverUrl:i.pic,title:i.title,timeNumber:i.duration,time:formatDuration(i.duration),description:i.desc,aid:i.aid,videoUrl:`https://www.bilibili.com/av${i.aid}`,faceUrl:t.desc.user_profile.info.face,upName:t.desc.user_profile.info.uname,upUrl:`https://space.bilibili.com/${t.desc.user_profile.info.uid}`,id:t.desc.dynamic_id_str,watchlater:true,get new(){return r.isNewID(this.id)}}});this.leftCards=i.filter((t,i)=>i%2===0);this.rightCards=i.filter((t,i)=>i%2===1);if(this.leftCards.length!==this.rightCards.length){this.leftCards.pop()}r.updateLatestID(i)}}),{components:{"video-card":{props:["card","watchlaterInit"],store:store,data(){return{}},computed:{...Vuex.mapState(["watchlaterList"]),watchlater(){if(this.watchlaterInit!==null){return this.watchlaterList.includes(this.card.aid)}else{return null}}},components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{...Vuex.mapActions(["toggleWatchlater"])},async mounted(){},template:`\n\n
\n\n
{{card.time}}
\n
{{watchlater ? '已添加' : '稍后再看'}}
\n
\n

{{card.title}}

\n
\n\n{{card.upName}}\n\n\n`}}}),"bangumi-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=512`,name:"番剧",template:`\n
\n\n\n\n\n

{{card.epTitle}}

\n
\n\n
{{card.title}}
\n
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{title:i.apiSeasonInfo.title,coverUrl:i.apiSeasonInfo.cover,epCoverUrl:i.cover,epTitle:i.new_desc,url:i.url,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"column-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=64`,name:"专栏",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.description}}
\n\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{covers:i.image_urls,originalCovers:i.origin_image_urls,upName:i.author.name,faceUrl:i.author.face,upUrl:`https://space.bilibili.com/${i.author.mid}`,title:i.title,description:i.summary,url:`https://www.bilibili.com/read/cv${i.id}`,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"live-activity":s({dataObject:{cards:[]},apiUrl:`https://api.live.bilibili.com/relation/v1/feed/feed_list?page=1&pagesize=24`,name:"直播",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.name}}
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.list.map(t=>{return{faceUrl:t.face,title:t.title,name:t.uname,id:t.roomid,url:t.link}})}})},computed:{content(){return this.tabs.find(t=>t.name===this.selectedTab).component},viewMoreUrl(){return this.tabs.find(t=>t.name===this.selectedTab).moreUrl}},mounted(){n=(async()=>{for(const t of this.tabs){if(t.notifyApi){const i=await Ajax.getJsonWithCredentials(t.notifyApi);if(i.code!==0||!i.data.update_num||this.selectedTab===t.name){continue}t.notifyCount=i.data.update_num}}});n()},destroyed(){n=(async()=>{})},watch:{selectedTab(t){this.tabs.find(i=>i.name===t).notifyCount=null}}})}get name(){return"activities"}}c=r.getLatestID();return{export:{Activities:r}}}})(); diff --git a/bilibili-evolved.preview.user.js b/bilibili-evolved.preview.user.js index b64da19fb..1d1d5ec8a 100644 --- a/bilibili-evolved.preview.user.js +++ b/bilibili-evolved.preview.user.js @@ -1217,7 +1217,7 @@ onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/m onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/compact-layout.min.js"] = (()=>{return(t,c)=>{const o=["https://www.bilibili.com/","https://www.bilibili.com/watchlater/#/list","https://www.bilibili.com/ranking"];if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}return{reload:()=>{if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}},unload:()=>{document.body.classList.remove("compact");c.removeStyle("compactLayoutStyle")}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/custom-control-background.min.css"] = `.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control .bilibili-player-video-control-bottom,.bilibili-player-video-control .bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background:rgba(0,0,0,var(--custom-control-background-opacity))!important}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/custom-control-background.min.js"] = (()=>{return(o,t)=>{document.body.style.setProperty("--custom-control-background-opacity",o.customControlBackgroundOpacity);addSettingsListener("customControlBackgroundOpacity",o=>{document.body.style.setProperty("--custom-control-background-opacity",o)});const n=()=>{t.applyStyle("customControlBackgroundStyle");if(!o.touchVideoPlayer){t.applyImportantStyleFromText(`\n\n`)}};n();return{reload:n,unload:()=>{t.removeStyle("customControlBackgroundStyle");const o=document.getElementById("control-background-non-touch");o&&o.remove()}}}})(); -onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; +onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px;line-height:normal}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/custom-navbar.min.html"] = `

顶栏布局

边缘间距: 设定两侧边缘处的间距, 单位为百分比, 100%为整个顶栏的宽度. 允许设置的范围为 0% ~ 40%
{{boundsPadding}}%
顺序与显示: 在左侧的条状图标上拖动可以改变它们的顺序, 或者按住名字一会再拖动也可以调顺序. 点击右侧的眼睛图标可以显示/隐藏它们.
`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/custom-navbar.min.js"] = (()=>{return(t,i)=>{const a=["//www.bilibili.com","//t.bilibili.com","//search.bilibili.com","//space.bilibili.com","//account.bilibili.com","//pay.bilibili.com","//member.bilibili.com","//big.bilibili.com","//message.bilibili.com","//app.bilibili.com","//passport.bilibili.com","//game.bilibili.com","//live.bilibili.com/blackboard/"];const s=["//t.bilibili.com/vote/h5/index/#/result","//t.bilibili.com/lottery/h5/index/#/result","//member.bilibili.com/video/upload","//space.bilibili.com/ajax/","//www.bilibili.com/h5/comment/","//www.bilibili.com/blackboard/","//member.bilibili.com/v2"];const n=()=>{document.body.style.setProperty("--navbar-bounds-padding",`0 ${t.customNavbarBoundsPadding}%`);document.body.style.setProperty("--navbar-blur-opacity",(t.customNavbarBlurOpacity||.7).toString());addSettingsListener("customNavbarBlurOpacity",t=>{document.body.style.setProperty("--navbar-blur-opacity",t)})};const e=(t,i,a)=>{a.classList.toggle(t,i)};const o=t=>{dq(".custom-navbar").classList.toggle("dark",t);dq(".custom-navbar-settings").classList.toggle("dark",t)};return(()=>{if(isIframe()){return}n();const c=!(!a.some(t=>document.URL.includes(t))||s.some(t=>document.URL.includes(t)))||document.URL.includes("//www.bilibili.com/blackboard/bnj2020.html");if(c){document.body.classList.add("custom-navbar-loading");(async()=>{const a=await i.importAsync((()=>"customNavbarHtml")());document.body.insertAdjacentHTML("beforeend",a);addSettingsListener("useDarkStyle",o,true);const s=()=>dq(".custom-navbar");["Fill","Shadow","Compact","Blur"].forEach(t=>{const i="customNavbar"+t;addSettingsListener(i,i=>e(t.toLowerCase(),i,s()),true)});SpinQuery.condition(()=>dq("#banner_link,.international-header .bili-banner"),t=>t===null?false:Boolean(t.style.backgroundImage),i=>{Observer.attributes(i,()=>{const a=dqa(".custom-navbar .blur-layer");a.forEach(t=>{t.style.backgroundImage=i.style.backgroundImage;t.setAttribute("data-image",i.style.backgroundImage)});addSettingsListener("customNavbarTransparent",i=>{if(!t.hideBanner){s().classList.toggle("transparent",i)}},true);addSettingsListener("hideBanner",i=>{if(t.customNavbarTransparent){s().classList.toggle("transparent",!i)}})})});const{Blank:n}=await i.importAsync("custom-navbar-blank");const{Logo:c}=await i.importAsync("custom-navbar-logo");const{Category:r}=await i.importAsync("custom-navbar-category");const{SimpleLink:l}=await i.importAsync("custom-navbar-simple-link");const{UserInfo:m}=await i.importAsync("custom-navbar-user-info");const{SearchBox:b}=await i.importAsync("custom-navbar-search-box");const{Iframe:u}=await i.importAsync("custom-navbar-iframe");const d=[new n(1),new c,new r,new l("排行","https://www.bilibili.com/ranking","ranking"),new l("相簿","https://h.bilibili.com","drawing"),new l("音频","https://www.bilibili.com/audio/home/","music"),new u("游戏中心","https://game.bilibili.com/",{src:`https://www.bilibili.com/page-proxy/game-nav.html`,width:`680px`,height:`260px`,lazy:true,iframeName:"games"}),new u("直播","https://live.bilibili.com",{src:`https://live.bilibili.com/blackboard/dropdown-menu.html`,width:`528px`,height:`266px`,lazy:true,iframeName:"lives"}),new l("会员购","https://show.bilibili.com","shop"),new l("漫画","https://manga.bilibili.com","manga"),new n(2),new b,new m];if(getUID()){const{WatchlaterList:t}=await i.importAsync("custom-navbar-watchlater-list");const{Messages:a}=await i.importAsync("custom-navbar-messages");const{Activities:s}=await i.importAsync("custom-navbar-activities");const{Subscriptions:n}=await i.importAsync("custom-navbar-subscriptions");const{FavoritesList:e}=await i.importAsync("custom-navbar-favorites-list");const{HistoryList:o}=await i.importAsync("custom-navbar-history-list");d.push(new a,new n,new s,new t,new e,new o)}const{Upload:p}=await i.importAsync("custom-navbar-upload");d.push(new p,new n(3));new Vue({el:".custom-navbar",data:{components:d},methods:{async requestPopup(t){if(!t.requestedPopup&&!t.disabled&&!t.active){this.$set(t,`requestedPopup`,true);if(t.initialPopup){t.initialPopup()}}if(t.onPopup){t.onPopup()}}},mounted(){document.body.classList.remove("custom-navbar-loading");const t=()=>{d.forEach(t=>t.checkPosition())};addSettingsListener("customNavbarOrder",t,true);addSettingsListener("customNavbarHidden",t);addSettingsListener("customNavbarBoundsPadding",t);window.addEventListener("resize",t)}})})()}return{widget:{content:`\n
\n\n顶栏布局\n
`,condition:()=>c,success:async()=>{const{initSettingsPanel:t}=await i.importAsync("custom-navbar-settings");await t()}},unload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="none");i.removeStyle("customNavbarStyle")},reload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="flex");i.applyImportantStyle("customNavbarStyle")}}})()}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/custom-navbar-activities.min.js"] = (()=>{return(t,i)=>{const{NavbarComponent:a}=i.import("custom-navbar-component");let e=async()=>{};let n=async()=>{};let c;const s=({dataObject:t,apiUrl:a,name:n,handleJson:c,template:s})=>{return{template:s,components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{handleJson:c,async fetchData(t=false){try{const i=await Ajax.getJsonWithCredentials(a);if(i.code!==0){throw new Error(i.message)}await this.handleJson(i)}catch(i){if(t===true){return}logError(`加载${n}动态失败, error = ${i}`)}finally{this.loading=false}}},data(){return Object.assign({loading:true},t)},mounted(){this.fetchData();e=(async()=>await this.fetchData(true))},destroyed(){e=(async()=>{})}}};class r extends a{constructor(){super();this.boundingWidth=380;this.noPadding=true;this.href=t.oldTweets?"https://www.bilibili.com/account/dynamic":"https://t.bilibili.com/";this.html="动态";this.popupHtml=`\n
\n\n
\n\n\n\n \x3c!-- 查看更多 --\x3e\n
\n
\n`;this.active=document.URL.replace(/\?.*$/,"")===this.href;this.initialPopup=(()=>{this.init()});this.onPopup=(()=>{this.setNotifyCount(0)});this.getNotifyCount();setInterval(async()=>{await this.getNotifyCount();await n();await e()},r.updateInterval)}static get updateInterval(){return 5*60*1e3}static getLatestID(){return document.cookie.replace(new RegExp(`(?:(?:^|.*;\\s*)bp_t_offset_${getUID()}\\s*\\=\\s*([^;]*).*$)|^.*$`),"$1")}static setLatestID(t){const i=r.getLatestID();if(r.compareID(t,i)<0){return}document.cookie=`bp_t_offset_${getUID()}=${t};path=/;domain=.bilibili.com;max-age=${60*60*24*30}`}static compareID(t,i){if(t===i){return 0}if(t.length>i.length){return 1}if(i.length>t.length){return-1}return t>i===true?1:-1}static isNewID(t){return r.compareID(t,c)>0}static updateLatestID(t){const[i]=[...t.map(t=>t.id)].sort(r.compareID).reverse();r.setLatestID(i)}async getNotifyCount(){const t=`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8,64,512`;const i=await Ajax.getJsonWithCredentials(t);if(i.code!==0){return}this.setNotifyCount(i.data.update_num)}async init(){Vue.component("activity-loading",{template:`\n
\n加载中...\n
`,props:["loading"]});Vue.component("activity-empty",{template:`\n
空空如也哦 = ̄ω ̄=
`});new Vue({el:await SpinQuery.select(".activity-popup"),data:{tabs:[{name:"视频",component:"video-activity",moreUrl:"https://t.bilibili.com/?tab=8",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8`},notifyCount:null},{name:"番剧",component:"bangumi-activity",moreUrl:"https://t.bilibili.com/?tab=512",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=512`},notifyCount:null},{name:"专栏",component:"column-activity",moreUrl:"https://t.bilibili.com/?tab=64",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=64`},notifyCount:null},{name:"直播",component:"live-activity",moreUrl:"https://link.bilibili.com/p/center/index#/user-center/follow/1",notifyCount:null}],selectedTab:"视频"},components:{"activity-tabs":{props:["items","tab"],template:`\n\n`,methods:{changeTab(t){if(this.tab===t.name){window.open(t.moreUrl,"_blank")}this.$emit("update:tab",t.name)}}},"video-activity":Object.assign(s({dataObject:{leftCards:[],rightCards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=8`,name:"视频",template:`\n
\n\n\n
\n\n
\n
\n\n
\n
\n`,handleJson:async function(t){const i=t.data.cards.filter(t=>{return t.desc.orig_dy_id===0}).map(t=>{const i=JSON.parse(t.card);return{coverUrl:i.pic,title:i.title,timeNumber:i.duration,time:formatDuration(i.duration),description:i.desc,aid:i.aid,videoUrl:`https://www.bilibili.com/av${i.aid}`,faceUrl:t.desc.user_profile.info.face,upName:t.desc.user_profile.info.uname,upUrl:`https://space.bilibili.com/${t.desc.user_profile.info.uid}`,id:t.desc.dynamic_id_str,watchlater:true,get new(){return r.isNewID(this.id)}}});this.leftCards=i.filter((t,i)=>i%2===0);this.rightCards=i.filter((t,i)=>i%2===1);if(this.leftCards.length!==this.rightCards.length){this.leftCards.pop()}r.updateLatestID(i)}}),{components:{"video-card":{props:["card","watchlaterInit"],store:store,data(){return{}},computed:{...Vuex.mapState(["watchlaterList"]),watchlater(){if(this.watchlaterInit!==null){return this.watchlaterList.includes(this.card.aid)}else{return null}}},components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{...Vuex.mapActions(["toggleWatchlater"])},async mounted(){},template:`\n\n
\n\n
{{card.time}}
\n
{{watchlater ? '已添加' : '稍后再看'}}
\n
\n

{{card.title}}

\n
\n\n{{card.upName}}\n\n\n`}}}),"bangumi-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=512`,name:"番剧",template:`\n
\n\n\n\n\n

{{card.epTitle}}

\n
\n\n
{{card.title}}
\n
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{title:i.apiSeasonInfo.title,coverUrl:i.apiSeasonInfo.cover,epCoverUrl:i.cover,epTitle:i.new_desc,url:i.url,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"column-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=64`,name:"专栏",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.description}}
\n\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{covers:i.image_urls,originalCovers:i.origin_image_urls,upName:i.author.name,faceUrl:i.author.face,upUrl:`https://space.bilibili.com/${i.author.mid}`,title:i.title,description:i.summary,url:`https://www.bilibili.com/read/cv${i.id}`,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"live-activity":s({dataObject:{cards:[]},apiUrl:`https://api.live.bilibili.com/relation/v1/feed/feed_list?page=1&pagesize=24`,name:"直播",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.name}}
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.list.map(t=>{return{faceUrl:t.face,title:t.title,name:t.uname,id:t.roomid,url:t.link}})}})},computed:{content(){return this.tabs.find(t=>t.name===this.selectedTab).component},viewMoreUrl(){return this.tabs.find(t=>t.name===this.selectedTab).moreUrl}},mounted(){n=(async()=>{for(const t of this.tabs){if(t.notifyApi){const i=await Ajax.getJsonWithCredentials(t.notifyApi);if(i.code!==0||!i.data.update_num||this.selectedTab===t.name){continue}t.notifyCount=i.data.update_num}}});n()},destroyed(){n=(async()=>{})},watch:{selectedTab(t){this.tabs.find(i=>i.name===t).notifyCount=null}}})}get name(){return"activities"}}c=r.getLatestID();return{export:{Activities:r}}}})(); diff --git a/bilibili-evolved.user.js b/bilibili-evolved.user.js index bf35ac64c..2aa2919d1 100644 --- a/bilibili-evolved.user.js +++ b/bilibili-evolved.user.js @@ -1217,7 +1217,7 @@ onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/mi onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/compact-layout.min.js"] = (()=>{return(t,c)=>{const o=["https://www.bilibili.com/","https://www.bilibili.com/watchlater/#/list","https://www.bilibili.com/ranking"];if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}return{reload:()=>{if(o.includes(location.href.replace(location.search,""))){document.body.classList.add("compact");c.applyImportantStyle("compactLayoutStyle")}},unload:()=>{document.body.classList.remove("compact");c.removeStyle("compactLayoutStyle")}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-control-background.min.css"] = `.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control .bilibili-player-video-control-bottom,.bilibili-player-video-control .bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background:rgba(0,0,0,var(--custom-control-background-opacity))!important}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-control-background.min.js"] = (()=>{return(o,t)=>{document.body.style.setProperty("--custom-control-background-opacity",o.customControlBackgroundOpacity);addSettingsListener("customControlBackgroundOpacity",o=>{document.body.style.setProperty("--custom-control-background-opacity",o)});const n=()=>{t.applyStyle("customControlBackgroundStyle");if(!o.touchVideoPlayer){t.applyImportantStyleFromText(`\n\n`)}};n();return{reload:n,unload:()=>{t.removeStyle("customControlBackgroundStyle");const o=document.getElementById("control-background-non-touch");o&&o.remove()}}}})(); -onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; +onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.css"] = `@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px;line-height:normal}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.html"] = `

顶栏布局

边缘间距: 设定两侧边缘处的间距, 单位为百分比, 100%为整个顶栏的宽度. 允许设置的范围为 0% ~ 40%
{{boundsPadding}}%
顺序与显示: 在左侧的条状图标上拖动可以改变它们的顺序, 或者按住名字一会再拖动也可以调顺序. 点击右侧的眼睛图标可以显示/隐藏它们.
`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar.min.js"] = (()=>{return(t,i)=>{const a=["//www.bilibili.com","//t.bilibili.com","//search.bilibili.com","//space.bilibili.com","//account.bilibili.com","//pay.bilibili.com","//member.bilibili.com","//big.bilibili.com","//message.bilibili.com","//app.bilibili.com","//passport.bilibili.com","//game.bilibili.com","//live.bilibili.com/blackboard/"];const s=["//t.bilibili.com/vote/h5/index/#/result","//t.bilibili.com/lottery/h5/index/#/result","//member.bilibili.com/video/upload","//space.bilibili.com/ajax/","//www.bilibili.com/h5/comment/","//www.bilibili.com/blackboard/","//member.bilibili.com/v2"];const n=()=>{document.body.style.setProperty("--navbar-bounds-padding",`0 ${t.customNavbarBoundsPadding}%`);document.body.style.setProperty("--navbar-blur-opacity",(t.customNavbarBlurOpacity||.7).toString());addSettingsListener("customNavbarBlurOpacity",t=>{document.body.style.setProperty("--navbar-blur-opacity",t)})};const e=(t,i,a)=>{a.classList.toggle(t,i)};const o=t=>{dq(".custom-navbar").classList.toggle("dark",t);dq(".custom-navbar-settings").classList.toggle("dark",t)};return(()=>{if(isIframe()){return}n();const c=!(!a.some(t=>document.URL.includes(t))||s.some(t=>document.URL.includes(t)))||document.URL.includes("//www.bilibili.com/blackboard/bnj2020.html");if(c){document.body.classList.add("custom-navbar-loading");(async()=>{const a=await i.importAsync((()=>"customNavbarHtml")());document.body.insertAdjacentHTML("beforeend",a);addSettingsListener("useDarkStyle",o,true);const s=()=>dq(".custom-navbar");["Fill","Shadow","Compact","Blur"].forEach(t=>{const i="customNavbar"+t;addSettingsListener(i,i=>e(t.toLowerCase(),i,s()),true)});SpinQuery.condition(()=>dq("#banner_link,.international-header .bili-banner"),t=>t===null?false:Boolean(t.style.backgroundImage),i=>{Observer.attributes(i,()=>{const a=dqa(".custom-navbar .blur-layer");a.forEach(t=>{t.style.backgroundImage=i.style.backgroundImage;t.setAttribute("data-image",i.style.backgroundImage)});addSettingsListener("customNavbarTransparent",i=>{if(!t.hideBanner){s().classList.toggle("transparent",i)}},true);addSettingsListener("hideBanner",i=>{if(t.customNavbarTransparent){s().classList.toggle("transparent",!i)}})})});const{Blank:n}=await i.importAsync("custom-navbar-blank");const{Logo:c}=await i.importAsync("custom-navbar-logo");const{Category:r}=await i.importAsync("custom-navbar-category");const{SimpleLink:l}=await i.importAsync("custom-navbar-simple-link");const{UserInfo:m}=await i.importAsync("custom-navbar-user-info");const{SearchBox:b}=await i.importAsync("custom-navbar-search-box");const{Iframe:u}=await i.importAsync("custom-navbar-iframe");const d=[new n(1),new c,new r,new l("排行","https://www.bilibili.com/ranking","ranking"),new l("相簿","https://h.bilibili.com","drawing"),new l("音频","https://www.bilibili.com/audio/home/","music"),new u("游戏中心","https://game.bilibili.com/",{src:`https://www.bilibili.com/page-proxy/game-nav.html`,width:`680px`,height:`260px`,lazy:true,iframeName:"games"}),new u("直播","https://live.bilibili.com",{src:`https://live.bilibili.com/blackboard/dropdown-menu.html`,width:`528px`,height:`266px`,lazy:true,iframeName:"lives"}),new l("会员购","https://show.bilibili.com","shop"),new l("漫画","https://manga.bilibili.com","manga"),new n(2),new b,new m];if(getUID()){const{WatchlaterList:t}=await i.importAsync("custom-navbar-watchlater-list");const{Messages:a}=await i.importAsync("custom-navbar-messages");const{Activities:s}=await i.importAsync("custom-navbar-activities");const{Subscriptions:n}=await i.importAsync("custom-navbar-subscriptions");const{FavoritesList:e}=await i.importAsync("custom-navbar-favorites-list");const{HistoryList:o}=await i.importAsync("custom-navbar-history-list");d.push(new a,new n,new s,new t,new e,new o)}const{Upload:p}=await i.importAsync("custom-navbar-upload");d.push(new p,new n(3));new Vue({el:".custom-navbar",data:{components:d},methods:{async requestPopup(t){if(!t.requestedPopup&&!t.disabled&&!t.active){this.$set(t,`requestedPopup`,true);if(t.initialPopup){t.initialPopup()}}if(t.onPopup){t.onPopup()}}},mounted(){document.body.classList.remove("custom-navbar-loading");const t=()=>{d.forEach(t=>t.checkPosition())};addSettingsListener("customNavbarOrder",t,true);addSettingsListener("customNavbarHidden",t);addSettingsListener("customNavbarBoundsPadding",t);window.addEventListener("resize",t)}})})()}return{widget:{content:`\n
\n\n顶栏布局\n
`,condition:()=>c,success:async()=>{const{initSettingsPanel:t}=await i.importAsync("custom-navbar-settings");await t()}},unload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="none");i.removeStyle("customNavbarStyle")},reload:()=>{const t=dqa(".custom-navbar,.custom-navbar-settings");t.forEach(t=>t.style.display="flex");i.applyImportantStyle("customNavbarStyle")}}})()}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/custom-navbar-activities.min.js"] = (()=>{return(t,i)=>{const{NavbarComponent:a}=i.import("custom-navbar-component");let e=async()=>{};let n=async()=>{};let c;const s=({dataObject:t,apiUrl:a,name:n,handleJson:c,template:s})=>{return{template:s,components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{handleJson:c,async fetchData(t=false){try{const i=await Ajax.getJsonWithCredentials(a);if(i.code!==0){throw new Error(i.message)}await this.handleJson(i)}catch(i){if(t===true){return}logError(`加载${n}动态失败, error = ${i}`)}finally{this.loading=false}}},data(){return Object.assign({loading:true},t)},mounted(){this.fetchData();e=(async()=>await this.fetchData(true))},destroyed(){e=(async()=>{})}}};class r extends a{constructor(){super();this.boundingWidth=380;this.noPadding=true;this.href=t.oldTweets?"https://www.bilibili.com/account/dynamic":"https://t.bilibili.com/";this.html="动态";this.popupHtml=`\n
\n\n
\n\n\n\n \x3c!-- 查看更多 --\x3e\n
\n
\n`;this.active=document.URL.replace(/\?.*$/,"")===this.href;this.initialPopup=(()=>{this.init()});this.onPopup=(()=>{this.setNotifyCount(0)});this.getNotifyCount();setInterval(async()=>{await this.getNotifyCount();await n();await e()},r.updateInterval)}static get updateInterval(){return 5*60*1e3}static getLatestID(){return document.cookie.replace(new RegExp(`(?:(?:^|.*;\\s*)bp_t_offset_${getUID()}\\s*\\=\\s*([^;]*).*$)|^.*$`),"$1")}static setLatestID(t){const i=r.getLatestID();if(r.compareID(t,i)<0){return}document.cookie=`bp_t_offset_${getUID()}=${t};path=/;domain=.bilibili.com;max-age=${60*60*24*30}`}static compareID(t,i){if(t===i){return 0}if(t.length>i.length){return 1}if(i.length>t.length){return-1}return t>i===true?1:-1}static isNewID(t){return r.compareID(t,c)>0}static updateLatestID(t){const[i]=[...t.map(t=>t.id)].sort(r.compareID).reverse();r.setLatestID(i)}async getNotifyCount(){const t=`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8,64,512`;const i=await Ajax.getJsonWithCredentials(t);if(i.code!==0){return}this.setNotifyCount(i.data.update_num)}async init(){Vue.component("activity-loading",{template:`\n
\n加载中...\n
`,props:["loading"]});Vue.component("activity-empty",{template:`\n
空空如也哦 = ̄ω ̄=
`});new Vue({el:await SpinQuery.select(".activity-popup"),data:{tabs:[{name:"视频",component:"video-activity",moreUrl:"https://t.bilibili.com/?tab=8",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=8`},notifyCount:null},{name:"番剧",component:"bangumi-activity",moreUrl:"https://t.bilibili.com/?tab=512",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=512`},notifyCount:null},{name:"专栏",component:"column-activity",moreUrl:"https://t.bilibili.com/?tab=64",get notifyApi(){return`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_num?rsp_type=1&uid=${getUID()}&update_num_dy_id=${r.getLatestID()}&type_list=64`},notifyCount:null},{name:"直播",component:"live-activity",moreUrl:"https://link.bilibili.com/p/center/index#/user-center/follow/1",notifyCount:null}],selectedTab:"视频"},components:{"activity-tabs":{props:["items","tab"],template:`\n\n`,methods:{changeTab(t){if(this.tab===t.name){window.open(t.moreUrl,"_blank")}this.$emit("update:tab",t.name)}}},"video-activity":Object.assign(s({dataObject:{leftCards:[],rightCards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=8`,name:"视频",template:`\n
\n\n\n
\n\n
\n
\n\n
\n
\n`,handleJson:async function(t){const i=t.data.cards.filter(t=>{return t.desc.orig_dy_id===0}).map(t=>{const i=JSON.parse(t.card);return{coverUrl:i.pic,title:i.title,timeNumber:i.duration,time:formatDuration(i.duration),description:i.desc,aid:i.aid,videoUrl:`https://www.bilibili.com/av${i.aid}`,faceUrl:t.desc.user_profile.info.face,upName:t.desc.user_profile.info.uname,upUrl:`https://space.bilibili.com/${t.desc.user_profile.info.uid}`,id:t.desc.dynamic_id_str,watchlater:true,get new(){return r.isNewID(this.id)}}});this.leftCards=i.filter((t,i)=>i%2===0);this.rightCards=i.filter((t,i)=>i%2===1);if(this.leftCards.length!==this.rightCards.length){this.leftCards.pop()}r.updateLatestID(i)}}),{components:{"video-card":{props:["card","watchlaterInit"],store:store,data(){return{}},computed:{...Vuex.mapState(["watchlaterList"]),watchlater(){if(this.watchlaterInit!==null){return this.watchlaterList.includes(this.card.aid)}else{return null}}},components:{"dpi-img":()=>i.importAsync("dpi-img.vue")},methods:{...Vuex.mapActions(["toggleWatchlater"])},async mounted(){},template:`\n\n
\n\n
{{card.time}}
\n
{{watchlater ? '已添加' : '稍后再看'}}
\n
\n

{{card.title}}

\n
\n\n{{card.upName}}\n\n\n`}}}),"bangumi-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=512`,name:"番剧",template:`\n
\n\n\n\n\n

{{card.epTitle}}

\n
\n\n
{{card.title}}
\n
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{title:i.apiSeasonInfo.title,coverUrl:i.apiSeasonInfo.cover,epCoverUrl:i.cover,epTitle:i.new_desc,url:i.url,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"column-activity":s({dataObject:{cards:[]},apiUrl:`https://api.vc.bilibili.com/dynamic_svr/v1/dynamic_svr/dynamic_new?uid=${getUID()}&type_list=64`,name:"专栏",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.description}}
\n\n
\n`,handleJson:async function(t){this.cards=t.data.cards.map(t=>{const i=JSON.parse(t.card);return{covers:i.image_urls,originalCovers:i.origin_image_urls,upName:i.author.name,faceUrl:i.author.face,upUrl:`https://space.bilibili.com/${i.author.mid}`,title:i.title,description:i.summary,url:`https://www.bilibili.com/read/cv${i.id}`,id:t.desc.dynamic_id_str,get new(){return r.isNewID(this.id)}}});r.updateLatestID(this.cards)}}),"live-activity":s({dataObject:{cards:[]},apiUrl:`https://api.live.bilibili.com/relation/v1/feed/feed_list?page=1&pagesize=24`,name:"直播",template:`\n
\n\n\n\n\n

{{card.title}}

\n
{{card.name}}
\n
\n
\n`,handleJson:async function(t){this.cards=t.data.list.map(t=>{return{faceUrl:t.face,title:t.title,name:t.uname,id:t.roomid,url:t.link}})}})},computed:{content(){return this.tabs.find(t=>t.name===this.selectedTab).component},viewMoreUrl(){return this.tabs.find(t=>t.name===this.selectedTab).moreUrl}},mounted(){n=(async()=>{for(const t of this.tabs){if(t.notifyApi){const i=await Ajax.getJsonWithCredentials(t.notifyApi);if(i.code!==0||!i.data.update_num||this.selectedTab===t.name){continue}t.notifyCount=i.data.update_num}}});n()},destroyed(){n=(async()=>{})},watch:{selectedTab(t){this.tabs.find(i=>i.name===t).notifyCount=null}}})}get name(){return"activities"}}c=r.getLatestID();return{export:{Activities:r}}}})(); diff --git a/min/bundle.json b/min/bundle.json index 459a2e4b0..b8f94f6f9 100644 --- a/min/bundle.json +++ b/min/bundle.json @@ -32,7 +32,7 @@ "compact-layout.min.js": "B20609A7CBBDB1845FA0156FB5BE6B1E1A1B8B069EA85F65D16241DD2C12D738", "custom-control-background.min.css": "1981FD2BF3B17ECF33F98D5DEDAF0D32ACBE9532A51FDB70822286991AB98EF3", "custom-control-background.min.js": "2A439B045A51D24F5115DD25995ED37E3D0371A074199FE6C727F2235F39C4D9", - "custom-navbar.min.css": "F17DB373E033CCBACAB332A24868FED6A010B2E5CA43396C36648D1A7093A01F", + "custom-navbar.min.css": "774F1BF8DE8FC5526468571909B3FD2875404721BC44C6346EC60807485833C4", "custom-navbar.min.html": "FA6ACF1CA1DB6D3BD2BE310646B89B028756A36BF434BEBABE2BF00789581A09", "custom-navbar.min.js": "8AB481710497558D4A152A6D7E0226FDA78675729A3EFC6AA6AC5B0AA5404D17", "custom-navbar-activities.min.js": "DEC76A6C7527330CAA0B89B400C071E155B64D602A6A118A96BCAC451ED6FDBF", diff --git a/min/bundle.zip b/min/bundle.zip index 4d2f3757d90f7850300c284f63a7e7aeb1ed74a7..713d192d02f5ae431fadd7e168be14d79d3ea9b5 100644 GIT binary patch delta 2500 zcmY*a4Nz3q72f;aE(`ni7v8?zd)8h4L8%~2Q->G_5k!JEBB?P}F}eX16lI1VE&gKd zXsom`PT^D2RHqtEqoH-II@p+MOj7H#sS-Pr7@5(u(WI@4CI%J3o^@@CZ|0jb@0@eb zJ^#1wquTZ7YukP=Y{Ikp&E?b2WNzww{}Yob0&nN1!h1AVh@@=v9T#cXk}5oyHb&Ss zuF4S%g`qOc3=1QMVP(WJ;usM|2Tnmo?RgwRdEmn2UpVDPd;NFGn++= zcPRnn4#+(9odqgRFHlFIZ9rxT!u|m{RlI=y0r`FND6s0QJCz`+@3ZPZ_NlnGPnFng zCOa_(;6GQ;PAvsHsC2Qtqbs%H zPMzqq&?F^xErf*(R9a}XdT4`&;~TVO9I#N9qW&BoTWF$c-KxQ}RikKVySF}OM^MHn32Q)vjGMcOgEG1K)vJOqBB9 z;c^@$V8xJh;ba`U@f9w`QIR!$p53&tr4Gl2i&c z-?wdC+7ev1QJE6I98YST{#9s=kQ{VtRHVeMz@SEjVhsxH?EY@7ixBR5JC%wQ*d0uM zgBcDg7RRv7!Lr-<)WKzG2RWH+!Vj6mHm`P=>hkiJA~}O}9CA`9HgDS_);Tu^@gHUh zFEkgQ$;1>FjgM6ivqDwFQY2+?Bl+$)hF3HR@47gv-LSej@jphHo3B2Pb~im0cQe*$ zT3pk*Bn(dq-}X;8g`Aa!(^Ox#tR}mup=xmrJolxJjag3J|Nr!E$#R;OgcsITWiM>3 ztHwjOsyr039v#nu>bfZBRpzK0_UPEMNB1INaQS+fCAQ+ehh12N3Gtk+RL&jJm=#Ob#(f8VkYGpn3ii8 z=<{*2_afludVG$#ekxV}y3)Xn9~oY}?WZTWJ8$}FvRd(qfx&jehaF!@C+11En1wZx z8)!A&l{Crr{5HeXSkus0U4zR8*DsB@elPvjFf~;**3>L*s%>bFwox?;97m216GZF! zaCY_)kz>xehr)*X`WM5E(Ld$BIay_)3p*|8+T{#%5-zc$MLQ?1VdSCF^K!o?Ae4;dNcLO945 z&O%#|H&9o5RP{_dTZn90+>A)K!5!kI(9*+iR*%nzwj`FU4Y8yQzY5U|wN&w=Lh+~I zS~^Qo6IrqYMTt};pJNcM+0*6QPI$ea@BdNfAuUDE-Zcq@`D^ee}+uc{tJc^_H`U{DnFJuZX Oj3Rf;*ViQPr~d+g3i25M delta 2339 zcmYjSdr(x@8NcV=gb-w~7)&NKx?BJ!zczkr2@wq@5Ce%=>|e z?AVnn7%D?!*cfq)c!r(fU?eb{44vU(xEUUXm*Hdh8KW2hMvxI=7>qE(JhLlTrhI|+ zerZd16c0YVCl{z!E}{LN3?j2v=4$18)mVH1tm&0w)!Rp~zgNx@g}BlyXNU^q^vRjF z8MjphZE0E{Id6J~a(v`=tx_`lMxBqiYKMhg3p(Kie<4 zFD+r9;=U{uIM@&5j2TWVS7FDW7dSs76ryQ08mLD>ZafYKd@kv%#i^Y|xI+9&$pn;Ou9+ z23WtjNsVG-KkK(2)f$g!63wZc5tqsmZ{TLXoS@y9;Dq(0GmNY|(v7(TGOEp6=EU}8 z&LE!ZVcYF@r48mvr_c4M1WIoOemx+kib`}3$SJ~syg@lpxKKMN=ZKxLB^e!qa;zwV zV~DHJfcZnROw7iCA+Gga{42Jr*q1{y#L<20X_n~RcY%t;e%J&}vlV>cRIv7lGlZge z3LyQMGpK*>+ktllm1wOkP7Jh+#O=bMAdCG+Rhq_yeNkm&Z{UbZGsTzaR%wcO26-A4 zslT0u-)SVVQ==TQ5$80TuH7inVNKTwmW{H-A5mtb$>Kx&%tlkizwxDw%CwW4b#!jl zP2|K;wt9CPmc&t!cJOT-?QiQT_?%C*?wvZ4f1w*#eTS>&i6=|#*@N78DzWX~t1HN_ zXW8Ywx*Z)Bxp63-qM{g|$Frd+&`}3H1Zk)2gkAe}rLwN3A_sYQC85$zmiEH?I(EOW zhw&@c(CF~+E{N~!lq+)Jad5twnD3x6_01FLa*%wN9r@X1uM2J>B<rA zZujx+3uyAuQ{o@!@X?c^42GX`+lqyLnr#1IqDQH%s2=gv>}TzIwEF33@fy6NIM79S zW)!of67P*u!)ge(GNsL|RMR@Oc=uvHCc| zY&?L>Fz2YFiWg1f8pzKzLO360LgwcgSe|DXD2wNey(X()M6SsN`WkCZnxTHO884g6 z$~KbdKZ?O zxV4mbJjz{Im%@6_VNVLT`NT34e_v+)pAkbbNdQ(V6()3iYAW@wY^qr~LZkXr9yZT+ zn%LE8QtW4uEso*aR4P@Aui{cF5$fW|gIS~5g2d|4+~JcrF`9Xy;reKPmQ&)S@=D$E zdL-YGA$;SPLI3xo`;32Bh^{`CZB1hv<@jY9(|i#+(%8mUB&M^)3j8FUcg<)@r($hz zi$v~L8EMSmV8-Ez3}(PMtjgfDzWcd^_Z?}B5WPKv4VL0&1{HZOLMj`oD^}L!tXRIT zVuS+=Gg*EX>od6-cAU-Rm*P7sG4-rWiT&uaMHQxx;b3&UHHODkN~^^DR-P@LG1($G jvRHNvGk8%4u3$$N_o?eY68`_nR9w#@Uwqef$+`XyHYw4L diff --git a/min/custom-navbar.min.css b/min/custom-navbar.min.css index 5afd4b0e8..dfeab020a 100644 --- a/min/custom-navbar.min.css +++ b/min/custom-navbar.min.css @@ -1 +1 @@ -@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}} \ No newline at end of file +@font-face{font-family:custom-navbar-font;src:url(//s1.hdslb.com/bfs/seed/jinkela/header/asserts/iconfont.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-extended;src:url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.4bab144.ttf) format("truetype")}@font-face{font-family:custom-navbar-font-new-home;src:url(//s1.hdslb.com/bfs/seed/jinkela/header-v2/asserts/iconfont.ttf) format("truetype")}.custom-navbar-iconfont,.custom-navbar-iconfont-extended,.custom-navbar-iconfont-new-home{color:inherit;font-family:custom-navbar-font!important;font-size:24px;font-style:normal}.custom-navbar-iconfont-extended{font-family:custom-navbar-font-extended!important}.custom-navbar-iconfont-new-home{font-family:custom-navbar-font-new-home!important}.custom-navbar-icon-logo::before{content:""}.custom-navbar-icon-lv0::before{content:"";color:#9a9a9a}.custom-navbar-icon-lv1::before{content:"";color:#646464}.custom-navbar.dark .custom-navbar-icon-lv0::before{color:#777}.custom-navbar.dark .custom-navbar-icon-lv1::before{color:#ddd}.custom-navbar-icon-lv2::before{content:"";color:#1bc861}.custom-navbar-icon-lv3::before{content:"";color:#22baea}.custom-navbar-icon-lv4::before{content:"";color:#eaa722}.custom-navbar-icon-lv5::before{content:"";color:#ff7631}.custom-navbar-icon-lv6::before{content:"";color:#ff3131}.custom-navbar-icon-profile::before{content:""}.custom-navbar-icon-posts::before{content:""}.custom-navbar-icon-wallet::before{content:""}.custom-navbar-icon-live-center::before{content:""}.custom-navbar-icon-order-center::before{content:""}.custom-navbar-icon-logout::before{content:""}.custom-navbar-icon-ok::before{content:""}.custom-navbar-icon-cancel::before{content:""}.custom-navbar-icon-bind-phone::before{content:""}.custom-navbar-icon-bind-email::before{content:""}.custom-navbar-icon-coin::before{content:""}.custom-navbar-icon-b-coin::before{content:""}.custom-navbar-icon-activity::before{content:""}.custom-navbar-icon-message::before{content:""}.custom-navbar-icon-favorite::before{content:""}.custom-navbar-icon-history::before{content:""}.custom-navbar-icon-vip::before{content:""}.custom-navbar-icon-course::before{content:""}[class^=custom-navbar-icon-lv]::before{font-size:24px}body{--navbar-height:50px;--navbar-foreground:#555;--navbar-background:white;--navbar-bounds-padding:0 5%;--navbar-blur-opacity:0.7;--navbar-icon-size:24px}body.custom-navbar-loading::after{content:"";height:var(--navbar-height);width:100%;position:absolute;top:0;left:0;background-color:#fff;z-index:10001}body.dark.custom-navbar-loading::after{background-color:#333}.bili-banner .taper-line,.bili-header-m .head-banner .head-content .head-logo,.bili-header-m>#banner_link .search,.i_menu_login,.international-header .b-logo,.international-header .mini-header,.z-top-container>.header .search,body.no-banner #banner_link,body.no-banner .z-top-container.has-banner>.header,li.nav-item[report-id=playpage_dynamic] .i-frame,li.nav-item[report-id=playpage_dynamic] iframe{display:none!important}.van-popover{z-index:10002!important}:not(.international-home)>.international-header{min-height:var(--navbar-height)!important}.bili-header-m .head-banner{margin-top:calc(-1 * var(--navbar-height))!important}.bili-header-m>.nav-menu,.z_top{visibility:hidden!important;height:var(--navbar-height)!important}.link-top-container#tab-container{top:var(--navbar-height)!important}.custom-navbar,.custom-navbar *,.custom-navbar-settings,.custom-navbar-settings *{transition:.2s ease-out;-webkit-tap-highlight-color:transparent;outline:0!important;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}.custom-navbar{position:absolute;top:0;left:0;height:var(--navbar-height);width:100%;background-color:var(--navbar-background);color:var(--navbar-foreground);z-index:10001;display:flex;justify-content:center}.custom-navbar:not(.fill) .custom-navbar-iconfont{color:var(--theme-color)}.custom-navbar path{fill:var(--navbar-foreground)}.custom-navbar.fill:not(.transparent) path{fill:var(--foreground-color-d)}.custom-navbar.shadow:not(.transparent){box-shadow:#0002 0 1px 10px 1px}.custom-navbar.dark.shadow:not(.transparent){box-shadow:#0004 0 2px 10px 1px}.custom-navbar.dark:not(.fill):not(.transparent){--navbar-background:#222;--navbar-foreground:#eee}.custom-navbar.transparent{--navbar-background:transparent;--navbar-foreground:#eee}.custom-navbar.transparent::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(2 * var(--navbar-height));background-image:linear-gradient(to bottom,#000a 0,#0004 65%,transparent 100%)}.custom-navbar .popup{color:#000;background:#fff;transition:.2s ease-out .2s}.custom-navbar.dark .popup{color:#eee;background:#222}.custom-navbar.dark .popup iframe{box-shadow:rgba(0,0,0,.2) 0 4px 8px 0}.custom-navbar.fill:not(.transparent){--navbar-background:var(--theme-color);--navbar-foreground:var(--foreground-color-d);height:var(--navbar-height);width:100%}.custom-navbar.fill.shadow:not(.transparent){box-shadow:var(--theme-color-30) 0 2px 10px 1px}.custom-navbar>ul{display:flex;align-items:center;justify-content:space-between;margin:var(--navbar-bounds-padding);height:100%;flex-grow:1}.custom-navbar ul{list-style:none;color:inherit}.custom-navbar li{color:inherit;list-style:none}.custom-navbar>ul>li{position:relative;height:100%;display:flex;align-items:center;color:inherit}.custom-navbar li .active-bar{position:absolute;left:0;bottom:0;background-color:var(--theme-color);width:100%;height:3px;border-radius:1.5px;display:none}.custom-navbar.fill li .active-bar,.custom-navbar.transparent li .active-bar{background-color:rgba(0,0,0,.3)}.custom-navbar li.active .active-bar{display:flex}.custom-navbar>ul>li.view-border::before{content:"";width:94%;height:94%;border:2px dashed var(--navbar-foreground);position:absolute;top:3%;left:3%;box-sizing:border-box}.custom-navbar>ul>li:not(.disabled){cursor:pointer}.custom-navbar>ul>li.disabled a{cursor:default}.custom-navbar>ul>li:not(.disabled):hover{background:rgba(0,0,0,.1)}.custom-navbar .main-content{font-size:10pt;height:100%;display:flex;align-items:center;padding:0 10px;color:var(--navbar-foreground);user-select:none}.custom-navbar .active .main-content{font-weight:700;font-size:11pt}.custom-navbar .main-content:hover{color:var(--navbar-foreground)!important}.custom-navbar .popup{position:absolute;top:100%;left:50%;padding:8px;box-shadow:rgba(0,0,0,.2) 0 4px 8px 0;pointer-events:none;opacity:0;transform:translateY(-6px) translateX(-50%);cursor:default}.custom-navbar .popup.no-padding{padding:0}.custom-navbar .popup.transparent{background-color:transparent!important;box-shadow:none}.custom-navbar li.left-side .popup{left:0;transform:translateY(-6px) translateX(10%)}.custom-navbar li.right-side .popup{left:100%;transform:translateY(-6px) translateX(-90%)}.custom-navbar.dark .popup{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0}.custom-navbar a,.custom-navbar a:hover{color:inherit!important;text-decoration:none}.custom-navbar form{height:100%;display:flex;align-items:center;position:relative;--submit-button-size:30px;opacity:.4;margin:0}.custom-navbar.fill:not(.transparent) form{opacity:.8}.custom-navbar form:focus-within,.custom-navbar form:hover,.custom-navbar.fill form:focus-within,.custom-navbar.fill form:hover{opacity:1}.custom-navbar form input{border:none;height:60%;background:0 0;border-bottom:1.5px solid!important;color:var(--navbar-foreground);box-sizing:border-box;width:250px;padding-right:var(--submit-button-size);padding-left:4px}.custom-navbar form input:focus{border-bottom-color:var(--navbar-foreground)!important;outline:0!important}.custom-navbar form button[type=submit]{background:0 0;border:none;padding:4px;cursor:pointer;height:var(--submit-button-size);width:var(--submit-button-size);position:absolute;right:0;top:50%;transform:translateY(-50%)}.custom-navbar form input[type=text]::placeholder{color:var(--navbar-foreground)!important;opacity:.9}.custom-navbar .user-face-container{position:relative;height:calc(var(--navbar-height) - 16px);width:calc(var(--navbar-height) - 16px)}.custom-navbar .user-face,.custom-navbar .user-pendant{position:absolute;width:100%;height:100%}.custom-navbar .user-face{background-color:transparent;background-size:contain;border-radius:50%}.custom-navbar .user-pendant{background-color:transparent;background-size:cover;width:170%;height:170%;top:-12px;left:-12px;opacity:0;pointer-events:none}.custom-navbar .user-info-panel{width:240px;font-size:12px}.custom-navbar .user-info-panel .circle{position:relative;width:var(--navbar-icon-size);height:var(--navbar-icon-size);opacity:.7}.custom-navbar .user-info-panel .circle .mdi{position:absolute;top:0;left:0}.custom-navbar .user-info-panel .mdi-circle~.mdi{filter:invert(1);font-size:calc(var(--navbar-icon-size) - 10px);line-height:calc(var(--navbar-icon-size) - 10px);transform:translate(5px,5px)}.custom-navbar .user-info-panel i{font-size:var(--navbar-icon-size);font-style:normal;line-height:var(--navbar-icon-size)}.custom-navbar .user-info-panel .logged-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.custom-navbar .user-info-panel .items,.custom-navbar .user-info-panel .row{align-self:stretch;display:flex;justify-content:space-between;align-items:center}.custom-navbar .user-info-panel .row{margin:0 10px;width:auto!important}.custom-navbar .user-info-panel .row::after{content:none!important}.custom-navbar .user-info-panel .row.level-info{margin-bottom:-5px}.custom-navbar .user-info-panel .privileges{justify-content:center}.custom-navbar .user-info-panel .privileges>*{font-size:11px;background-color:#8882;padding:2px 4px;margin:0 2px;border-radius:4px;line-height:normal;cursor:pointer}.custom-navbar .user-info-panel .privileges>.received{cursor:default;opacity:.5}.custom-navbar .user-info-panel .privileges>:not(.received):hover{background-color:#8884}.custom-navbar .user-info-panel .operation{height:36px;display:flex;align-items:center;justify-content:center;position:relative;align-self:stretch}.custom-navbar .user-info-panel .operation:hover{background-color:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .operation .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0}.custom-navbar .user-info-panel .item>i{opacity:.7;font-size:14pt}.custom-navbar .user-info-panel .item{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:48px;flex:1}.custom-navbar .user-info-panel .item span{font-size:14px;font-weight:700;opacity:.7}.custom-navbar .user-info-panel .item>i:nth-child(2){font-size:18px;line-height:18px}.custom-navbar .user-info-panel .name,.custom-navbar .user-info-panel .welcome{font-size:16px;font-weight:700;margin:46px 0 16px;text-align:center;color:inherit}.custom-navbar .user-info-panel .name{margin:62px 0 0}.custom-navbar .user-info-panel .type{font-size:11px;opacity:.5;margin:6px 0}.custom-navbar .user-info-panel .separator{height:1px;align-self:stretch;margin:5px 10px;background:rgba(0,0,0,.1)}.custom-navbar .user-info-panel .logout{margin-top:5px}.custom-navbar .user-info-panel .logout:hover{color:inherit!important}.custom-navbar .user-info-panel .level-progress-thumb{width:100%;height:100%;background:var(--theme-color);transform-origin:left}.custom-navbar .user-info-panel .level-progress-label{font-size:11px}.custom-navbar .user-info-panel .stats{display:flex;align-items:center;align-self:stretch;margin:0 10px;line-height:normal}.custom-navbar .user-info-panel .stats-item{padding:6px 0;flex:1;display:flex;flex-direction:column;align-items:center;transition:none}.custom-navbar .user-info-panel .stats-item:hover{color:var(--theme-color)!important}.custom-navbar .user-info-panel .stats-item .stats-number{font-weight:700;margin-bottom:4px;font-size:14px;transition:none}.custom-navbar.dark .user-info-panel .separator{background:rgba(255,255,255,.1)}.custom-navbar .grey-button,.custom-navbar .theme-button{align-self:stretch;height:36px;display:flex;align-items:center;justify-content:center}.custom-navbar .grey-button{background:#ededed;color:inherit!important}.custom-navbar .grey-button:hover{background:#ddd}.custom-navbar.dark .grey-button{background:#383838}.custom-navbar.dark .grey-button:hover{background:#333}.custom-navbar .theme-button{background:var(--theme-color);color:var(--foreground-color)!important}.custom-navbar .theme-button:hover{background:var(--theme-color-90);color:var(--foreground-color)!important}.custom-navbar li:hover .user-face,.custom-navbar li:hover .user-pendant{transform:scale(2) translateY(10px);z-index:100;opacity:1}.custom-navbar .video-list{width:280px;font-size:12px}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after,.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{content:"";transition:.3s cubic-bezier(.22,.61,.36,1) .1s;width:calc(100% - 16px);height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));opacity:1;position:absolute;bottom:0;left:8px;pointer-events:none}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::after{width:0;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading):hover::after{width:calc(100% - 16px)}.custom-navbar.dark .video-list li:not(.history-item):not(.more):not(.loading)::after{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list li:not(.history-item):not(.more):not(.loading)::before{background:#8882}.custom-navbar .video-list li{position:relative}.custom-navbar .video-list li:not(.more) a{padding:12px 16px;margin:0;box-sizing:border-box;transition:.2s ease-out .1s;display:block;width:100%;height:100%;line-height:1.5}.custom-navbar.compact .video-list li:not(.more) a{padding:6px 8px}.custom-navbar .video-list li:not(.loading):hover .title{color:var(--theme-color)}.custom-navbar .video-list li.more a{width:100%;padding:8px 0;display:flex;justify-content:center;font-weight:700}.custom-navbar.compact .video-list li.more a{padding:6px 0}.custom-navbar .video-list li.more:hover{border-color:var(--theme-color);color:var(--theme-color)!important}.custom-navbar .video-list .loading{display:flex;justify-content:center;padding:8px;cursor:default}.custom-navbar .video-list.loaded .loading:not(.empty){display:none}.custom-navbar .video-list.history .history-item{border:none!important}.custom-navbar.compact .video-list li:not(.more) a,.custom-navbar.compact .video-list.history .history-item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-navbar .video-list li:not(.history-item):not(.more):hover a{color:var(--theme-color)!important}.custom-navbar .video-list.history li:not(.more) a{justify-content:space-between;position:relative;display:flex;padding:13px 16px!important}.custom-navbar.compact .video-list.history li:not(.more) a{padding:7px 8px!important}.custom-navbar .video-list.history a .description{opacity:.6;margin-left:4px;white-space:nowrap}.custom-navbar .video-list.history a .progress.foreground{height:2px;border-radius:1px;background:linear-gradient(to right,var(--theme-color),var(--theme-color-50));width:0;transition:.3s cubic-bezier(.22,.61,.36,1) .1s}.custom-navbar .video-list.history a:hover .progress.foreground{width:var(--progress)}.custom-navbar.dark .video-list.history a .progress.foreground{background:linear-gradient(to right,var(--theme-color-60),var(--theme-color))}.custom-navbar .video-list.history a .progress.background{position:absolute;bottom:0;left:8px;height:2px;width:calc(100% - 16px);transform-origin:left;border-radius:1px;background:#8882}.custom-navbar .notify-count{position:absolute;left:50%;top:0;background-color:var(--theme-color);padding:0 8px;display:flex;justify-content:center;font-size:11px;transform:translateX(-50%);opacity:0;line-height:14px;white-space:nowrap;color:var(--foreground-color);border-radius:0 0 8px 8px}.custom-navbar .notify-count:not(:empty):not(.hidden){opacity:1}.custom-navbar .notify-count.dot{color:transparent;border-radius:50%;width:8px;height:8px;padding:0;top:2px}.custom-navbar.fill .notify-count{background-color:rgba(0,0,0,.3)}.custom-navbar .blur-layer-container{overflow:hidden;display:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-navbar.blur:not(.transparent) .blur-layer-container{display:flex}.custom-navbar .blur-layer{width:100%;height:100%;background-position:center 0;background-repeat:no-repeat;filter:blur(36px);opacity:var(--navbar-blur-opacity)}.custom-navbar .blur-layer.left-pad{position:absolute;left:0;top:0;transform:translateX(-100%) scaleX(-1);width:100%;height:100%}.custom-navbar .blur-layer.right-pad{position:absolute;left:0;top:0;transform:translateX(100%) scaleX(-1);width:100%;height:100%}.custom-navbar.dark .blur-layer{filter:blur(54px)}.custom-navbar ol{color:#000}.custom-navbar.dark ol{color:#eee}.custom-navbar em.suggest-highlight{color:var(--theme-color);font-style:normal}.custom-navbar .copy-tip{position:absolute;top:calc(100% + 4px);left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-8px);border-radius:4px;background-color:#000a;color:#fff;padding:6px 8px}.custom-navbar .copy-tip.show{transform:translateX(-50%) translateY(0);opacity:1}.custom-navbar .search-list-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;display:flex;align-items:center}.custom-navbar .search-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;padding:6px 0 6px 6px}.custom-navbar .search-list-item .delete-history{opacity:.5;padding:6px 6px 6px 0;line-height:1}.custom-navbar .search-list-item .delete-history:hover{opacity:1}.custom-navbar .search-list-item:focus-within,.custom-navbar .search-list-item:hover{background-color:#8883}.custom-navbar .search-list-item.clear-history{text-align:center;font-weight:700;background-color:#8881;margin-top:8px;display:flex;align-items:center;justify-content:center;padding:6px}.custom-navbar .search-list-item.clear-history .mdi{line-height:1;margin-right:6px}.custom-navbar .search-list-item.clear-history:focus-within,.custom-navbar .search-list-item.clear-history:hover{color:var(--theme-color);background-color:#8883}.custom-navbar .search-list{width:250px}.custom-navbar .activity-popup{width:380px;font-size:9pt}.custom-navbar .activity-tabs{display:flex;padding:12px 12px 16px 18px;justify-content:space-between;align-items:center}.custom-navbar .activity-tabs .view-all,.custom-navbar .subscriptions-tabs .view-all{background-color:#8882;padding:4px 6px 4px 10px;height:28px;box-sizing:border-box;border-radius:14px;display:flex;align-items:center}.custom-navbar .activity-tabs .view-all i{font-size:14pt;margin-left:4px}.custom-navbar .subscriptions-tabs .view-all i{font-size:12pt;margin-left:4px}.custom-navbar .activity-tabs .view-all:hover,.custom-navbar .subscriptions-tabs .view-all:hover{background-color:#8884}.custom-navbar .activity-tab{position:relative;cursor:pointer}.custom-navbar .activity-tab.selected{opacity:1;transform:scale(1.2)}.custom-navbar .activity-tab .tab-name{line-height:normal;opacity:.5}.custom-navbar .activity-tab.selected .tab-name{opacity:1;font-weight:700}.custom-navbar .activity-tab[data-count]::before{content:attr(data-count);position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);font-size:10px;font-weight:400;line-height:1;background-color:#8884;padding:2px 4px;border-radius:10px;white-space:nowrap}.custom-navbar .activity-tab::after,.custom-navbar .subscriptions .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .activity-tab.selected::after,.custom-navbar .subscriptions .tab.selected::after{transform:scaleX(1)}.custom-navbar .activity-popup-content{overflow:auto;overscroll-behavior:contain;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;scrollbar-width:none!important}.custom-navbar .activity-popup-content::-webkit-scrollbar,.custom-navbar .subscriptions .content::-webkit-scrollbar{width:0!important}.custom-navbar .activity-popup-content .view-more{display:flex;align-items:center;flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;left:0;justify-content:center;padding:6px 12px;background-color:#fffe;transform:translateY(-6px);box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;cursor:pointer;height:28px;border-radius:14px;box-sizing:border-box;z-index:2}.custom-navbar .activity-popup-content .view-more:hover{background-color:#fff}.custom-navbar.dark .activity-popup-content .view-more:hover{background-color:#333}.custom-navbar .activity-popup-content .view-more .mdi{line-height:1;margin-left:8px;font-size:12pt}.custom-navbar .activity-popup-content .loading,.custom-navbar .bangumi-subscriptions .empty,.custom-navbar .bangumi-subscriptions .loading{height:100%;align-self:center;display:flex;align-items:center;justify-content:center}.custom-navbar .activity-popup-content .loading .mdi,.custom-navbar .bangumi-subscriptions .loading .mdi{line-height:1;margin-right:6px}.custom-navbar .video-activity{padding:0 12px;display:flex;justify-content:space-between;align-self:stretch}.custom-navbar .video-activity.center{height:100%;flex-direction:column;justify-content:center;align-items:center}.custom-navbar .video-activity-card{--card-width:172px;width:var(--card-width);display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;margin-bottom:12px;break-inside:avoid;flex-shrink:0}.custom-navbar.dark .activity-popup-content .view-more,.custom-navbar.dark .column-card,.custom-navbar.dark .video-activity-card{box-shadow:rgba(0,0,0,.3) 0 4px 8px 0;background-color:#2d2d2d}.custom-navbar .video-activity-card .cover{width:var(--card-width);background-color:#8884;height:calc(var(--card-width)/ 16 * 10);object-fit:cover;display:block;min-height:100px}.custom-navbar .video-activity-card .title{font-size:10pt;font-weight:700;margin:8px 8px 2px;color:inherit;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;max-height:3em;word-break:break-all}.custom-navbar .video-activity-card .title:hover,.custom-navbar .video-activity-card .up:hover .name{color:var(--theme-color)}.custom-navbar .video-activity-card .up{display:flex;justify-content:space-between;align-items:center;margin:6px 8px;border-radius:13px;padding:2px}.custom-navbar .video-activity-card .up:hover{background-color:#8882}.custom-navbar .video-activity-card .up .face{width:24px;border-radius:50%;background-color:#8884}.custom-navbar .video-activity-card .up .name{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-navbar .video-activity-card .cover-container{position:relative}.custom-navbar .video-activity-card .time,.custom-navbar .video-activity-card .watchlater{position:absolute;bottom:4px;display:flex;align-items:center;background-color:#000a;color:#fff;padding:0 8px;height:20px;border-radius:10px;box-sizing:border-box;opacity:0}.custom-navbar .video-activity-card:hover .time,.custom-navbar .video-activity-card:hover .watchlater{opacity:1}.custom-navbar .video-activity-card .time{left:4px}.custom-navbar .video-activity-card .watchlater{padding:0 8px 0 3px;right:4px;font-size:11px}.custom-navbar .video-activity-card .watchlater .mdi{line-height:1;margin-right:4px;font-size:16px}.custom-navbar .bangumi-activity{display:flex;flex-direction:column;padding-top:4px;width:100%}.custom-navbar .bangumi-activity.center{height:100%;justify-content:center;align-items:center}.custom-navbar .bangumi-card{--cover-width:100px;margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"cover epTitle" "cover title";grid-template-columns:var(--cover-width) 1fr;grid-template-rows:6fr 5fr;position:relative;flex-shrink:0}.custom-navbar.dark .bangumi-card,.custom-navbar.dark .live-card{box-shadow:rgba(0,0,0,.3) 0 2px 8px 0;background-color:#2d2d2d}.custom-navbar .bangumi-card .up{grid-area:title;display:flex;align-items:center;padding:0 12px;align-self:start;overflow:hidden}.custom-navbar .bangumi-card .up .cover{height:18px;border-radius:50%}.custom-navbar .bangumi-card .up .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 6px;line-height:normal}.custom-navbar .bangumi-card .ep-title{grid-area:epTitle;font-size:11pt;font-weight:700;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;color:inherit;line-height:normal}.custom-navbar .bangumi-card:hover .ep-title{color:var(--theme-color)}.custom-navbar .bangumi-card .ep-cover{width:var(--cover-width);min-height:62.5px;background-color:#8884;grid-area:cover}.custom-navbar .column-activity{display:flex;flex-direction:column;align-items:stretch;padding:0 12px}.custom-navbar .column-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .column-card{display:flex;flex-direction:column;margin-bottom:12px;box-shadow:rgba(0,0,0,.12) 0 4px 8px 0;position:relative;flex-shrink:0}.custom-navbar .column-card .up{position:absolute;left:8px;bottom:6px;padding:2px;display:flex;align-items:center;background-color:#000a;border-radius:14px;height:28px;box-sizing:border-box}.custom-navbar .column-card .face{border-radius:50%;height:24px}.custom-navbar .column-card .up .name{margin:0 6px;color:#fff}.custom-navbar .column-card .title{padding:10px 10px 0;font-size:11pt;font-weight:700;color:inherit;line-height:normal}.custom-navbar .column-card:hover .title{color:var(--theme-color)}.custom-navbar .column-card .description{margin:8px 10px;max-height:3em;overflow:hidden;text-overflow:ellipsis;word-break:break-all;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.custom-navbar .column-card .covers{position:relative;display:flex}.custom-navbar .column-card .cover{width:0;flex-grow:1;object-fit:cover}.custom-navbar .live-activity{display:flex;flex-direction:column;align-items:stretch;width:100%;padding-top:4px}.custom-navbar .live-activity.center{height:100%;align-items:center;justify-content:center}.custom-navbar .live-card{margin:0 12px 12px;box-shadow:rgba(0,0,0,.12) 0 2px 8px 0;display:grid;grid-template-areas:"face title" "face name";grid-template-columns:48px 1fr;grid-template-rows:6fr 5fr;height:52px;border-radius:26px;box-sizing:border-box;padding:2px;width:auto;flex-shrink:0}.custom-navbar .live-card .face{grid-area:face;border-radius:50%;height:48px}.custom-navbar .live-card .live-title{grid-area:title;font-size:11pt;font-weight:700;align-self:center;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;line-height:normal}.custom-navbar .live-card:hover .live-title{color:var(--theme-color)}.custom-navbar .live-card .name{grid-area:name;align-self:start;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.custom-navbar .activity-content-enter-active,.custom-navbar .activity-content-leave-active,.custom-navbar .subscriptions-content-enter-active,.custom-navbar .subscriptions-content-leave-active{transition:.2s ease-out}.custom-navbar .activity-content-enter,.custom-navbar .activity-content-leave-to,.custom-navbar .subscriptions-content-enter,.custom-navbar .subscriptions-content-leave-to{opacity:0;transform:translateY(12px)}.custom-navbar .bangumi-card.new::before,.custom-navbar .column-card.new::before,.custom-navbar .video-activity-card.new .cover-container::before{content:"NEW";position:absolute;top:4px;left:4px;background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;height:18px;border-radius:9px;font-weight:700;font-size:11px;line-height:18px;z-index:1}.custom-navbar .column-card.new::before{left:unset;right:8px;top:8px;height:20px;border-radius:10px;line-height:20px;font-size:12px;padding:0 8px}.custom-navbar .subscriptions{width:380px;font-size:9pt}.custom-navbar .subscriptions .tab-placeholder{flex-grow:1}.custom-navbar .subscriptions .tab{opacity:.5;margin-right:24px;position:relative;line-height:1.4;cursor:pointer}.custom-navbar .subscriptions .tab.selected{opacity:1;font-weight:700;transform:scale(1.2)}.custom-navbar .subscriptions .content{padding:8px 12px;height:500px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none!important}.custom-navbar .subscriptions-tabs{margin:12px 12px 8px 18px;display:flex;align-items:center}.custom-navbar .bangumi-subscriptions{display:flex;flex-direction:column}.custom-navbar .bangumi-subscriptions.center{height:100%}.custom-navbar .bangumi-subscriptions-card{position:relative;display:flex;margin-bottom:12px;flex-shrink:0}body.dark .custom-navbar .bangumi-subscriptions-card{background-color:#2d2d2d}.custom-navbar .bangumi-subscriptions-card .cover{height:64px;width:64px}.custom-navbar .bangumi-subscriptions-card .card-info{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;padding:0 12px;max-width:calc(100% - 24px - 64px);box-sizing:content-box}.custom-navbar .bangumi-subscriptions-card .info{padding:2px;background-color:#8882;font-size:12pt;border-radius:14px;line-height:1}.custom-navbar .bangumi-subscriptions-card .info:hover{background-color:#8884}.custom-navbar .bangumi-subscriptions-card .progress-row{flex-grow:1;display:flex;justify-content:space-between;align-self:stretch;align-items:center}.custom-navbar .bangumi-subscriptions-card .progress{white-space:nowrap;width:80%;overflow:hidden;text-overflow:ellipsis}.custom-navbar .bangumi-subscriptions-card .title{font-size:11pt;font-weight:700;padding-top:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}.custom-navbar .bangumi-subscriptions-card:hover .title{color:var(--theme-color)}.round-corner .custom-navbar .popup,.round-corner .custom-navbar .popup iframe{border-radius:var(--large-corner-radius)}.round-corner #custom-navbar-home-popup .category-item,.round-corner #custom-navbar-home-popup .category-item .popup{border-radius:var(--corner-radius)}.round-corner .custom-navbar .video-list li.more,.round-corner .user-info-panel .login,.round-corner .user-info-panel .logout{border-radius:0 0 var(--corner-radius) var(--corner-radius)}.round-corner .custom-navbar-settings{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .search-list-item{border-radius:var(--corner-radius)}.round-corner .custom-navbar .bangumi-subscriptions-card{border-radius:var(--large-corner-radius);box-shadow:rgba(0,0,0,.12) 0 2px 8px 0}.round-corner .custom-navbar .bangumi-subscriptions-card .cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:first-child{border-top-left-radius:var(--large-corner-radius)}.round-corner .custom-navbar .column-card .cover:nth-last-child(2){border-top-right-radius:var(--large-corner-radius)}.round-corner .custom-navbar .bangumi-card,.round-corner .custom-navbar .column-card,.round-corner .custom-navbar .video-activity-card{border-radius:var(--large-corner-radius)}.round-corner .custom-navbar .video-activity-card .cover{border-radius:var(--large-corner-radius) var(--large-corner-radius) 0 0}.round-corner .custom-navbar .bangumi-activity .ep-cover{border-radius:var(--large-corner-radius) 0 0 var(--large-corner-radius)}.custom-navbar-settings{display:flex;flex-direction:column;pointer-events:none;opacity:0;width:370px;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.95);z-index:10001;background:var(--navbar-background);padding-top:16px;box-shadow:#0002 0 1px 10px 1px;font-size:16px;line-height:1.5}.custom-navbar-settings.dark{--navbar-background:#222;--navbar-foreground:#eee;box-shadow:#0004 0 2px 10px 1px}.custom-navbar-settings h1{color:var(--navbar-foreground);font-size:16pt;font-weight:700}.custom-navbar-settings.show{pointer-events:initial;transform:translate(-50%,-46%) scale(1);opacity:1}.custom-navbar-settings .header,.custom-navbar-settings .orders{display:flex;justify-content:space-between;align-items:center}.custom-navbar-settings .header{padding:0 24px;font-size:9pt}.custom-navbar-settings .header .header-blank,.custom-navbar-settings .orders{flex-grow:1}.custom-navbar-settings .order-list{padding:0 24px;max-height:60vh;overflow:auto;overscroll-behavior:contain;list-style:none;width:100%;margin:16px 0}.custom-navbar-settings button{border:none;background-color:transparent;color:var(--navbar-foreground);padding:8px;cursor:pointer;font-size:14pt}.custom-navbar-settings button:hover{color:var(--theme-color)}.custom-navbar-settings .order-list li .mdi-menu{padding:8px}.custom-navbar-settings .order-list i{font-size:14pt}.custom-navbar-settings .order-list i.mdi-menu{cursor:move}.custom-navbar-settings .order-list li{color:var(--navbar-foreground);font-size:12pt;display:flex!important;justify-content:space-between;align-items:center;user-select:none;transition:opacity .2s ease-out}.custom-navbar-settings .order-list li.hidden{opacity:.5}.custom-navbar-settings .paddings{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;color:var(--navbar-foreground)}.custom-navbar-settings .paddings span{min-width:40px}.custom-navbar-settings .paddings input{flex-grow:1;margin-right:16px;-webkit-appearance:none;background:0 0;width:100%}.custom-navbar-settings .paddings input::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none;transform:translateY(-7px)}.custom-navbar-settings .paddings input::-moz-range-thumb{-webkit-appearance:none;height:18px;width:18px;background:var(--theme-color);border-radius:50%;box-shadow:0 2px 8px 0 var(--theme-color-50);cursor:pointer;border:none}.custom-navbar-settings .paddings input::-webkit-slider-runnable-track{width:100%;background:#8884;height:4px}.custom-navbar-settings .paddings input::-moz-range-track{width:100%;background:#8884;height:4px}#custom-navbar-home-popup{max-height:80vh;display:flex;flex-direction:column;flex-wrap:wrap;width:350px}#custom-navbar-home-popup .category-item{font-size:12pt;padding:8px 16px;cursor:pointer;position:relative}#custom-navbar-home-popup .category-item.loading{font-size:10pt;cursor:initial;display:flex;align-items:center;justify-content:center}#custom-navbar-home-popup .category-item:not(.loading):hover{background-color:#0001}#custom-navbar-home-popup .category-item a{display:flex;justify-content:space-between;align-items:center}#custom-navbar-home-popup .category-item svg{width:25px;height:25px;fill:currentColor;margin-right:10px}#custom-navbar-home-popup .category-item div{flex:1 0 auto}#custom-navbar-home-popup .category-item.main{min-width:150px}#custom-navbar-home-popup .category-item .popup{z-index:10002;width:max-content;transform:scaleX(0);transform-origin:left;padding:8px;left:100%;top:0;transition-delay:.3s;pointer-events:initial}#custom-navbar-home-popup .category-item span{opacity:.5}@media screen and (min-height:1000px){#custom-navbar-home-popup{flex-wrap:nowrap;width:250px}}.custom-navbar .popup .watchlater-list{min-height:200px;max-height:600px;width:380px;font-size:12px;display:flex;flex-flow:column nowrap;justify-content:space-between}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list .loading-tip{opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center}.custom-navbar .popup .watchlater-list .empty-tip .mdi,.custom-navbar .popup .watchlater-list .loading-tip .mdi{margin-right:6px}.custom-navbar .popup .watchlater-list .empty-tip,.custom-navbar .popup .watchlater-list.loading .loading-tip{opacity:1}.custom-navbar .popup .watchlater-list.loading>:not(.loading-tip){opacity:0}.custom-navbar .popup .watchlater-list .mdi{line-height:1;font-size:18px}.custom-navbar .popup .watchlater-list .round-button{box-sizing:border-box;height:28px;border-radius:14px;display:flex;align-items:center;background-color:#8882;justify-content:center;cursor:pointer;width:28px}.custom-navbar .popup .watchlater-list .round-button:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000C;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .popup .watchlater-list .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .popup .watchlater-list .header .search{position:relative;flex-grow:1;margin-right:16px}.custom-navbar .popup .watchlater-list .header .search input{width:100%;padding:4px;border:none;outline:0!important;color:inherit;background-color:transparent;border-radius:4px}.custom-navbar .popup .watchlater-list .header .search::after{content:"";position:absolute;top:calc(100%);left:0;width:100%;height:2px;border-radius:2px;transition:.24s ease-out;background-color:#8882}.custom-navbar .popup .watchlater-list .header .search.not-empty::after,.custom-navbar .popup .watchlater-list .header .search:focus-within::after{background-color:var(--theme-color)}.custom-navbar .popup .watchlater-list .header .operations{display:flex;align-items:center}.custom-navbar .popup .watchlater-list .header .operations .round-button:not(:last-child){margin-right:4px}.custom-navbar .popup .watchlater-list .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:28px;border-radius:14px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .popup .watchlater-list .header .more-info:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .header .more-info .mdi{margin-left:8px}.custom-navbar .popup .watchlater-list .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .popup .watchlater-list .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .popup .watchlater-list .cards-enter,.custom-navbar .popup .watchlater-list .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .popup .watchlater-list .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .popup .watchlater-list .cards .watchlater-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .popup .watchlater-list .cards .watchlater-card{background-color:#282828;color:#eee}.custom-navbar .popup .watchlater-list .cards .watchlater-card:not(:last-child){margin-bottom:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .cover{transform:scale(1.05)}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove{top:6px;left:6px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .remove .mdi{font-size:16px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .viewed{white-space:nowrap;right:6px;top:6px;padding:0 6px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .cover-container .cover{object-fit:cover}.custom-navbar .popup .watchlater-list .cards .watchlater-card:hover .floating{opacity:1}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .title:hover{color:var(--theme-color)!important}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;background-color:#8882;box-sizing:border-box;height:24px;border-radius:12px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover{background-color:#8884}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .popup .watchlater-list .cards .watchlater-card .up:hover .name{color:var(--theme-color)}.custom-navbar .popup .watchlater-list .undo{position:absolute;bottom:16px;left:50%;opacity:0;transform:translateX(-50%) translateY(8px)}.custom-navbar .popup .watchlater-list .undo.show{opacity:1;transform:translateX(-50%) translateY(0)}.custom-navbar .favorites-list{width:380px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .favorites-list .dropdown-menu{max-height:500px;overflow:auto}.custom-navbar .favorites-list .empty-tip,.custom-navbar .favorites-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .favorites-list>.loading-tip{display:none}.custom-navbar .favorites-list .mdi{line-height:1;font-size:18px}.custom-navbar .favorites-list.loading>.loading-tip{display:flex}.custom-navbar .favorites-list.loading>:not(.loading-tip){display:none}.custom-navbar .favorites-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .favorites-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;cursor:pointer}.custom-navbar .favorites-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .favorites-list .content .header .list-select{height:26px}.custom-navbar .favorites-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882}.custom-navbar .favorites-list .content .header .more-info:hover{background-color:#8884}.custom-navbar .favorites-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .favorites-list .content .header .play-all-container{flex-grow:1;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .favorites-list .content .header .play-all-container .play-all{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px;background-color:#8882}.custom-navbar .favorites-list .content .header .play-all-container .play-all:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .favorites-list .content .cards::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .favorites-list .content .cards-enter,.custom-navbar .favorites-list .content .cards-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .favorites-list .content .cards-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .favorites-list .content .cards .favorite-card{cursor:pointer;flex-shrink:0;border-radius:8px;box-shadow:0 4px 8px 0 #0001;color:#000;background-color:#fff;display:grid;grid-template:"cover title" 2fr "cover info" 1fr/130px 1fr;height:85px}body.dark .custom-navbar .favorites-list .content .cards .favorite-card{background-color:#282828;color:#eee}.custom-navbar .favorites-list .content .cards .favorite-card:not(:last-child){margin-bottom:12px}.custom-navbar .favorites-list .content .cards .favorite-card:hover .cover{transform:scale(1.05)}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container{grid-area:cover;overflow:hidden;border-radius:8px 0 0 8px;position:relative}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .favorite-time{top:6px;left:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .duration{left:6px;bottom:6px;padding:0 6px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .floating{position:absolute;opacity:0;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .cover-container .cover{object-fit:cover}.custom-navbar .favorites-list .content .cards .favorite-card:hover .floating{opacity:1}.custom-navbar .favorites-list .content .cards .favorite-card .title{grid-area:title;font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;word-break:break-all;line-height:1.5;overflow:hidden;margin-top:8px;padding:0 10px}.custom-navbar .favorites-list .content .cards .favorite-card .title:hover{color:var(--theme-color)!important}.custom-navbar .favorites-list .content .cards .favorite-card .up{flex:0 1 auto;padding:2px 10px 2px 2px;margin:0 8px 6px;justify-self:start;align-self:center;max-width:calc(100% - 16px);display:flex;align-items:center;box-sizing:border-box;height:24px;border-radius:12px;background-color:#8882}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover{background-color:#8884}.custom-navbar .favorites-list .content .cards .favorite-card .up .face{border-radius:50%;margin-right:6px;height:20px;width:20px}.custom-navbar .favorites-list .content .cards .favorite-card .up .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.custom-navbar .favorites-list .content .cards .favorite-card .up:hover .name{color:var(--theme-color)}.custom-navbar .history-list{width:350px;height:600px;font-size:12px;display:flex;align-items:stretch;flex-direction:column;justify-content:center}.custom-navbar .history-list .loading-tip{display:flex;justify-content:center;width:100%}.custom-navbar .history-list>.loading-tip{display:none}.custom-navbar .history-list .mdi{line-height:1;font-size:18px}.custom-navbar .history-list.loading>.loading-tip{display:flex}.custom-navbar .history-list.loading>:not(.loading-tip){display:none}.custom-navbar .history-list .content{display:flex;align-items:stretch;flex-direction:column;scrollbar-width:none!important;justify-content:space-between;flex-grow:1;overflow:auto}.custom-navbar .history-list .content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .header{display:flex;align-items:center;justify-content:space-between;margin:16px 12px}.custom-navbar .history-list .content .header .tabs{flex-grow:1;margin-right:48px;padding:0 6px;display:flex;align-items:center;justify-content:flex-start}.custom-navbar .history-list .content .header .tabs .tab{cursor:pointer;position:relative;white-space:nowrap}.custom-navbar .history-list .content .header .tabs .tab:not(:last-child){margin-right:24px}.custom-navbar .history-list .content .header .tabs .tab::after{content:"";width:calc(80%);height:2px;border-radius:1px;position:absolute;background-color:var(--theme-color);left:10%;bottom:-4px;transform:scaleX(0);transition:.2s ease-out}.custom-navbar .history-list .content .header .tabs .tab.active::after{transform:scaleX(1)}.custom-navbar .history-list .content .header .tabs .tab .tab-name{opacity:.5;line-height:normal}.custom-navbar .history-list .content .header .tabs .tab.active{transform:scale(1.2)}.custom-navbar .history-list .content .header .tabs .tab.active .tab-name{font-weight:700;opacity:1}.custom-navbar .history-list .content .header .more-info{display:flex;align-items:center;box-sizing:border-box;height:26px;border-radius:13px;padding:4px 6px 4px 10px;background-color:#8882;border:none;cursor:pointer;color:inherit;font-size:inherit}.custom-navbar .history-list .content .header .more-info:disabled{opacity:.3;cursor:not-allowed}.custom-navbar .history-list .content .header .more-info:hover:not(:disabled){background-color:#8884}.custom-navbar .history-list .content .header .more-info .mdi{margin-left:8px}.custom-navbar .history-list .content .history-content{flex:1;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;position:relative;scrollbar-width:none!important;padding:0 12px 12px}.custom-navbar .history-list .content .history-content-enter,.custom-navbar .history-list .content .history-content-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content::-webkit-scrollbar{height:0!important;width:0!important}.custom-navbar .history-list .content .history-content .time-group{padding-bottom:16px}.custom-navbar .history-list .content .history-content .time-group-enter,.custom-navbar .history-list .content .history-content .time-group-leave-to{opacity:0;transform:translateY(-16px) scale(.9)}.custom-navbar .history-list .content .history-content .time-group-leave-active{transition:.24s cubic-bezier(.22,.61,.36,1);position:absolute}.custom-navbar .history-list .content .history-content .time-group-name{padding-bottom:4px;margin-bottom:4px}.custom-navbar .history-list .content .history-content .time-group-items .floating{box-sizing:border-box;height:20px;border-radius:10px;display:flex;align-items:center;background-color:#000c;color:#fff;justify-content:center;position:absolute;opacity:0;font-size:11px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item{display:grid;grid-template:"cover title title" 3fr "cover up time" 2fr/80px 1fr auto;border-radius:4px 8px 8px 4px;color:#000;background-color:#fff;box-shadow:0 4px 8px 0 #0001}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item{background-color:#282828;color:#eee}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:not(:last-child){margin-bottom:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .cover{transform:scale(1.05)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item:hover .floating{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container{grid-area:cover;position:relative;height:55px;overflow:hidden;border-radius:4px 0 0 4px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover{object-fit:cover;width:80px;height:55px}body.dark .custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .cover.placeholder{filter:invert(.9)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .duration{left:2px;bottom:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress-number{left:2px;top:2px;padding:0 6px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .cover-container .progress{position:absolute;bottom:0;left:0;height:2px;border-radius:1px;background-color:var(--theme-color)}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title{grid-area:title;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-left:8px;padding-right:6px;font-size:13px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .title:hover{color:var(--theme-color)!important}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time,.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{font-size:11px;opacity:.75;align-self:start}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up{grid-area:up;display:flex;align-items:center;padding-left:8px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up:hover{opacity:1}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up .be-icon{margin-right:4px;font-size:14px}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .up-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.custom-navbar .history-list .content .history-content .time-group-items .time-group-item .time{font-size:11px;grid-area:time;padding-right:6px}.custom-navbar>ul>li:not(.disabled) .popup-container{position:absolute;top:100%;left:50%}#custom-navbar-home-popup .category-item:hover .popup,#custom-navbar-search:focus-within~.search-list:not(.empty),.custom-navbar .search-list:not(.empty):focus-within,.custom-navbar>ul>li:not(.disabled):hover .popup-container>.popup{transform:translateY(0) translateX(-50%);pointer-events:initial;opacity:1}.custom-navbar>ul>li:not(.disabled).right-side:hover .popup-container>.popup{transform:translateY(0) translateX(-90%);left:100%}.custom-navbar>ul>li:not(.disabled).left-side:hover .popup-container>.popup{transform:translateY(0) translateX(10%);left:0}#custom-navbar-home-popup .category-item:hover .popup{transform:scaleX(1)}.custom-navbar.compact #custom-navbar-home-popup .category-item{padding:6px}.custom-navbar.compact #custom-navbar-home-popup .category-item.main{min-width:110px}#custom-navbar-home-popup .category-item .popup a,#message-list a,#upload-actions a{position:relative;padding:8px;display:flex;justify-content:start;border-bottom:2px solid transparent;font-size:11pt;line-height:16pt}#custom-navbar-home-popup .category-item .popup a::before,#message-list a::before,#upload-actions a::before{content:"";position:absolute;top:calc(100% - 4px);left:8px;width:calc(100% - 16px);height:2px;border-radius:2px;background-color:var(--theme-color);transition:.16s ease-out .1s;transform:scaleX(0)}.custom-navbar.compact #custom-navbar-home-popup .category-item .popup a{padding:6px}#custom-navbar-home-popup .category-item .popup a:hover::before,#message-list a:hover::before,#upload-actions a:hover::before{transform:scaleX(1)}.im-list-box{border-radius:0!important}#upload-button{padding-left:4px;font-size:12pt;font-weight:700}#message-list,#upload-actions{width:max-content}#message-list a[data-count]::after{content:attr(data-count);position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--theme-color);color:var(--foreground-color);padding:0 6px;display:flex;justify-content:center;font-size:9pt;border-radius:6px}@media screen and (max-width:1300px){.custom-navbar form input{width:200px}} \ No newline at end of file diff --git a/src/style/custom-navbar/custom-navbar.scss b/src/style/custom-navbar/custom-navbar.scss index 52ae88bc3..dbf0bb3e4 100644 --- a/src/style/custom-navbar/custom-navbar.scss +++ b/src/style/custom-navbar/custom-navbar.scss @@ -584,6 +584,7 @@ li.nav-item[report-id="playpage_dynamic"] .i-frame, align-items: center; align-self: stretch; margin: 0 10px; + line-height: normal; &-item { padding: 6px 0; flex: 1; From e19e06f2d2f6f64094fa132995cbd9a531aaf817 Mon Sep 17 00:00:00 2001 From: the1812 Date: Mon, 23 Mar 2020 22:05:13 +0800 Subject: [PATCH 2/2] Fix bangumi bvid --- bilibili-evolved.offline.user.js | 4 ++-- bilibili-evolved.preview-offline.user.js | 4 ++-- bilibili-evolved.preview.user.js | 2 +- bilibili-evolved.user.js | 2 +- min/bundle.json | 2 +- min/bundle.zip | Bin 1714691 -> 1714820 bytes min/bvid-convert.min.js | 2 +- src/video/bvid-convert/bvid-convert.ts | 9 ++++++++- 8 files changed, 16 insertions(+), 9 deletions(-) diff --git a/bilibili-evolved.offline.user.js b/bilibili-evolved.offline.user.js index 504a42383..71d224410 100644 --- a/bilibili-evolved.offline.user.js +++ b/bilibili-evolved.offline.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Offline) -// @version 616.23 +// @version 616.26 // @description Bilibili Evolved 的离线版, 所有功能都已内置于脚本中. // @author Grant Howard, Coulomb-G // @copyright 2020, Grant Howard (https://github.com/the1812) & Coulomb-G (https://github.com/Coulomb-G) @@ -1205,7 +1205,7 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.css"] = `.video-control-blur-layer{width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:-1;top:0}.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control-bottom,.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background-color:transparent!important}.bilibili-player-video-control-bottom{position:relative}.bilibili-player-area .bilibili-player-video-control-bottom,.bilibili-player-area .bilibili-player-video-control-wrap{transition:none!important}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.js"] = (()=>{return(o,e)=>{const l=async()=>{const o=await SpinQuery.count(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-video-control-bottom",2);o.forEach(o=>{if(!o.classList.contains("video-control-blur-container")){o.classList.add("video-control-blur-container");o.insertAdjacentHTML("afterbegin",`
`)}})};e.applyStyle("blurVideoControlStyle");Observer.videoChange(l);return{reload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="block");e.applyStyle("blurVideoControlStyle")},unload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="none");e.removeStyle("blurVideoControlStyle")}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.css"] = `.bvid-convert{border:2px solid #8882;border-radius:8px;padding:6px 8px;margin:4px 0;order:-1;width:100%;box-sizing:border-box}.bvid-convert-item{font-size:14px}`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${unsafeWindow.bvid}
\n`}}}}})(); +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");const e=(()=>{if(unsafeWindow.bvid){return unsafeWindow.bvid}const i=dq(".av-link,.bv-link,.bvid-link");return i.innerHTML||"未找到BV号"})();i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${e}
\n`}}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/category-regions.min.js"] = (()=>{return(i,n)=>{const e={anime:1,bangumi:13,china:167,manga:-1,music:3,dance:129,game:4,tech:36,digital:188,life:160,kichiku:119,fashion:155,ads:165,entertainment:5,column:-1,movie:23,tv:11,film:181,documentary:177};const a={anime:"v/douga",bangumi:"anime",china:"guochuang",manga:"",music:"v/music",dance:"v/dance",game:"v/game",tech:"v/technology",digital:"v/digital",life:"v/life",kichiku:"v/kichiku",fashion:"v/fashion",ads:"v/ad/ad",entertainment:"v/ent",column:"",movie:"v/cinephile",tv:"tv",film:"cinema",documentary:"documentary"};return{export:{RegionCodes:e,RegionLinks:a}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/clear-cache.min.js"] = (()=>{return(n,c)=>{return{widget:{content:`\n\n\n清除缓存\n`,condition:()=>typeof offlineData==="undefined",success:()=>{$("#clear-cache").on("click",()=>{n.cache={};Toast.success("已删除全部缓存.","清除缓存",5e3)})}}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/collapse-live-side-bar.min.css"] = `.side-bar-cntr{transition:.24s ease-out!important;overflow:visible!important;transform:translateZ(0) translateX(100%)!important}.side-bar-cntr:hover{transform:translateZ(0)!important}.side-bar-cntr::after{right:calc(100% + 4px);transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-radius:2px;box-sizing:border-box;border:4px solid #aaa;border-top-color:transparent;border-right-color:transparent}body.dark .side-bar-cntr::after{border:4px solid #eee;border-top-color:transparent;border-right-color:transparent}.side-bar-cntr::before{right:calc(100% - 8px);transform:translateY(-50%);width:32px;height:48px;border-radius:8px 0 0 8px;background-color:#fff;border:1px solid #e9eaec}body.dark .side-bar-cntr::before{background-color:#222;border-color:transparent}.side-bar-cntr::after,.side-bar-cntr::before{content:"";transition:.24s ease-out;cursor:pointer;position:fixed;top:50%}.side-bar-cntr:hover::after,.side-bar-cntr:hover::before{opacity:0}`; diff --git a/bilibili-evolved.preview-offline.user.js b/bilibili-evolved.preview-offline.user.js index 5bc789a0f..f5ba60509 100644 --- a/bilibili-evolved.preview-offline.user.js +++ b/bilibili-evolved.preview-offline.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name Bilibili Evolved (Preview Offline) -// @version 616.23 +// @version 616.26 // @description Bilibili Evolved 的预览离线版, 可以抢先体验新功能, 并且所有功能都已内置于脚本中. // @author Grant Howard, Coulomb-G // @copyright 2020, Grant Howard (https://github.com/the1812) & Coulomb-G (https://github.com/Coulomb-G) @@ -1205,7 +1205,7 @@ offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/m offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.css"] = `.video-control-blur-layer{width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:-1;top:0}.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control-bottom,.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background-color:transparent!important}.bilibili-player-video-control-bottom{position:relative}.bilibili-player-area .bilibili-player-video-control-bottom,.bilibili-player-area .bilibili-player-video-control-wrap{transition:none!important}`; offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.js"] = (()=>{return(o,e)=>{const l=async()=>{const o=await SpinQuery.count(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-video-control-bottom",2);o.forEach(o=>{if(!o.classList.contains("video-control-blur-container")){o.classList.add("video-control-blur-container");o.insertAdjacentHTML("afterbegin",`
`)}})};e.applyStyle("blurVideoControlStyle");Observer.videoChange(l);return{reload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="block");e.applyStyle("blurVideoControlStyle")},unload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="none");e.removeStyle("blurVideoControlStyle")}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.css"] = `.bvid-convert{border:2px solid #8882;border-radius:8px;padding:6px 8px;margin:4px 0;order:-1;width:100%;box-sizing:border-box}.bvid-convert-item{font-size:14px}`; -offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${unsafeWindow.bvid}
\n`}}}}})(); +offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");const e=(()=>{if(unsafeWindow.bvid){return unsafeWindow.bvid}const i=dq(".av-link,.bv-link,.bvid-link");return i.innerHTML||"未找到BV号"})();i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${e}
\n`}}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/category-regions.min.js"] = (()=>{return(i,n)=>{const e={anime:1,bangumi:13,china:167,manga:-1,music:3,dance:129,game:4,tech:36,digital:188,life:160,kichiku:119,fashion:155,ads:165,entertainment:5,column:-1,movie:23,tv:11,film:181,documentary:177};const a={anime:"v/douga",bangumi:"anime",china:"guochuang",manga:"",music:"v/music",dance:"v/dance",game:"v/game",tech:"v/technology",digital:"v/digital",life:"v/life",kichiku:"v/kichiku",fashion:"v/fashion",ads:"v/ad/ad",entertainment:"v/ent",column:"",movie:"v/cinephile",tv:"tv",film:"cinema",documentary:"documentary"};return{export:{RegionCodes:e,RegionLinks:a}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/clear-cache.min.js"] = (()=>{return(n,c)=>{return{widget:{content:`\n\n\n清除缓存\n`,condition:()=>typeof offlineData==="undefined",success:()=>{$("#clear-cache").on("click",()=>{n.cache={};Toast.success("已删除全部缓存.","清除缓存",5e3)})}}}}})(); offlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/collapse-live-side-bar.min.css"] = `.side-bar-cntr{transition:.24s ease-out!important;overflow:visible!important;transform:translateZ(0) translateX(100%)!important}.side-bar-cntr:hover{transform:translateZ(0)!important}.side-bar-cntr::after{right:calc(100% + 4px);transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-radius:2px;box-sizing:border-box;border:4px solid #aaa;border-top-color:transparent;border-right-color:transparent}body.dark .side-bar-cntr::after{border:4px solid #eee;border-top-color:transparent;border-right-color:transparent}.side-bar-cntr::before{right:calc(100% - 8px);transform:translateY(-50%);width:32px;height:48px;border-radius:8px 0 0 8px;background-color:#fff;border:1px solid #e9eaec}body.dark .side-bar-cntr::before{background-color:#222;border-color:transparent}.side-bar-cntr::after,.side-bar-cntr::before{content:"";transition:.24s ease-out;cursor:pointer;position:fixed;top:50%}.side-bar-cntr:hover::after,.side-bar-cntr:hover::before{opacity:0}`; diff --git a/bilibili-evolved.preview.user.js b/bilibili-evolved.preview.user.js index 1d1d5ec8a..5cfd271fa 100644 --- a/bilibili-evolved.preview.user.js +++ b/bilibili-evolved.preview.user.js @@ -1204,7 +1204,7 @@ onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/m onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/blur-video-control.min.css"] = `.video-control-blur-layer{width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:-1;top:0}.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control-bottom,.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background-color:transparent!important}.bilibili-player-video-control-bottom{position:relative}.bilibili-player-area .bilibili-player-video-control-bottom,.bilibili-player-area .bilibili-player-video-control-wrap{transition:none!important}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/blur-video-control.min.js"] = (()=>{return(o,e)=>{const l=async()=>{const o=await SpinQuery.count(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-video-control-bottom",2);o.forEach(o=>{if(!o.classList.contains("video-control-blur-container")){o.classList.add("video-control-blur-container");o.insertAdjacentHTML("afterbegin",`
`)}})};e.applyStyle("blurVideoControlStyle");Observer.videoChange(l);return{reload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="block");e.applyStyle("blurVideoControlStyle")},unload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="none");e.removeStyle("blurVideoControlStyle")}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/bvid-convert.min.css"] = `.bvid-convert{border:2px solid #8882;border-radius:8px;padding:6px 8px;margin:4px 0;order:-1;width:100%;box-sizing:border-box}.bvid-convert-item{font-size:14px}`; -onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${unsafeWindow.bvid}
\n`}}}}})(); +onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");const e=(()=>{if(unsafeWindow.bvid){return unsafeWindow.bvid}const i=dq(".av-link,.bv-link,.bvid-link");return i.innerHTML||"未找到BV号"})();i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${e}
\n`}}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/category-regions.min.js"] = (()=>{return(i,n)=>{const e={anime:1,bangumi:13,china:167,manga:-1,music:3,dance:129,game:4,tech:36,digital:188,life:160,kichiku:119,fashion:155,ads:165,entertainment:5,column:-1,movie:23,tv:11,film:181,documentary:177};const a={anime:"v/douga",bangumi:"anime",china:"guochuang",manga:"",music:"v/music",dance:"v/dance",game:"v/game",tech:"v/technology",digital:"v/digital",life:"v/life",kichiku:"v/kichiku",fashion:"v/fashion",ads:"v/ad/ad",entertainment:"v/ent",column:"",movie:"v/cinephile",tv:"tv",film:"cinema",documentary:"documentary"};return{export:{RegionCodes:e,RegionLinks:a}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/clear-cache.min.js"] = (()=>{return(n,c)=>{return{widget:{content:`\n\n\n清除缓存\n`,condition:()=>typeof offlineData==="undefined",success:()=>{$("#clear-cache").on("click",()=>{n.cache={};Toast.success("已删除全部缓存.","清除缓存",5e3)})}}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/preview/min/collapse-live-side-bar.min.css"] = `.side-bar-cntr{transition:.24s ease-out!important;overflow:visible!important;transform:translateZ(0) translateX(100%)!important}.side-bar-cntr:hover{transform:translateZ(0)!important}.side-bar-cntr::after{right:calc(100% + 4px);transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-radius:2px;box-sizing:border-box;border:4px solid #aaa;border-top-color:transparent;border-right-color:transparent}body.dark .side-bar-cntr::after{border:4px solid #eee;border-top-color:transparent;border-right-color:transparent}.side-bar-cntr::before{right:calc(100% - 8px);transform:translateY(-50%);width:32px;height:48px;border-radius:8px 0 0 8px;background-color:#fff;border:1px solid #e9eaec}body.dark .side-bar-cntr::before{background-color:#222;border-color:transparent}.side-bar-cntr::after,.side-bar-cntr::before{content:"";transition:.24s ease-out;cursor:pointer;position:fixed;top:50%}.side-bar-cntr:hover::after,.side-bar-cntr:hover::before{opacity:0}`; diff --git a/bilibili-evolved.user.js b/bilibili-evolved.user.js index 2aa2919d1..fa53a2c99 100644 --- a/bilibili-evolved.user.js +++ b/bilibili-evolved.user.js @@ -1204,7 +1204,7 @@ onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/mi onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.css"] = `.video-control-blur-layer{width:100%;height:100%;position:absolute;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);z-index:-1;top:0}.bilibili-player-video-control-mask{background:0 0!important}.bilibili-player-video-control-bottom,.bui-slider .bui-track.bui-track-video-progress .bui-bar-wrap{background-color:transparent!important}.bilibili-player-video-control-bottom{position:relative}.bilibili-player-area .bilibili-player-video-control-bottom,.bilibili-player-area .bilibili-player-video-control-wrap{transition:none!important}`; onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/blur-video-control.min.js"] = (()=>{return(o,e)=>{const l=async()=>{const o=await SpinQuery.count(".bui-slider .bui-track.bui-track-video-progress,.bilibili-player-video-control-bottom",2);o.forEach(o=>{if(!o.classList.contains("video-control-blur-container")){o.classList.add("video-control-blur-container");o.insertAdjacentHTML("afterbegin",`
`)}})};e.applyStyle("blurVideoControlStyle");Observer.videoChange(l);return{reload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="block");e.applyStyle("blurVideoControlStyle")},unload:()=>{document.querySelectorAll(".video-control-blur-layer").forEach(o=>o.style.display="none");e.removeStyle("blurVideoControlStyle")}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.css"] = `.bvid-convert{border:2px solid #8882;border-radius:8px;padding:6px 8px;margin:4px 0;order:-1;width:100%;box-sizing:border-box}.bvid-convert-item{font-size:14px}`; -onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${unsafeWindow.bvid}
\n`}}}}})(); +onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/bvid-convert.min.js"] = (()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");const e=(()=>{if(unsafeWindow.bvid){return unsafeWindow.bvid}const i=dq(".av-link,.bv-link,.bvid-link");return i.innerHTML||"未找到BV号"})();i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${e}
\n`}}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/category-regions.min.js"] = (()=>{return(i,n)=>{const e={anime:1,bangumi:13,china:167,manga:-1,music:3,dance:129,game:4,tech:36,digital:188,life:160,kichiku:119,fashion:155,ads:165,entertainment:5,column:-1,movie:23,tv:11,film:181,documentary:177};const a={anime:"v/douga",bangumi:"anime",china:"guochuang",manga:"",music:"v/music",dance:"v/dance",game:"v/game",tech:"v/technology",digital:"v/digital",life:"v/life",kichiku:"v/kichiku",fashion:"v/fashion",ads:"v/ad/ad",entertainment:"v/ent",column:"",movie:"v/cinephile",tv:"tv",film:"cinema",documentary:"documentary"};return{export:{RegionCodes:e,RegionLinks:a}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/clear-cache.min.js"] = (()=>{return(n,c)=>{return{widget:{content:`\n\n\n清除缓存\n`,condition:()=>typeof offlineData==="undefined",success:()=>{$("#clear-cache").on("click",()=>{n.cache={};Toast.success("已删除全部缓存.","清除缓存",5e3)})}}}}})(); onlineData["https://raw.githubusercontent.com/the1812/Bilibili-Evolved/master/min/collapse-live-side-bar.min.css"] = `.side-bar-cntr{transition:.24s ease-out!important;overflow:visible!important;transform:translateZ(0) translateX(100%)!important}.side-bar-cntr:hover{transform:translateZ(0)!important}.side-bar-cntr::after{right:calc(100% + 4px);transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-radius:2px;box-sizing:border-box;border:4px solid #aaa;border-top-color:transparent;border-right-color:transparent}body.dark .side-bar-cntr::after{border:4px solid #eee;border-top-color:transparent;border-right-color:transparent}.side-bar-cntr::before{right:calc(100% - 8px);transform:translateY(-50%);width:32px;height:48px;border-radius:8px 0 0 8px;background-color:#fff;border:1px solid #e9eaec}body.dark .side-bar-cntr::before{background-color:#222;border-color:transparent}.side-bar-cntr::after,.side-bar-cntr::before{content:"";transition:.24s ease-out;cursor:pointer;position:fixed;top:50%}.side-bar-cntr:hover::after,.side-bar-cntr:hover::before{opacity:0}`; diff --git a/min/bundle.json b/min/bundle.json index b8f94f6f9..d86dc8f62 100644 --- a/min/bundle.json +++ b/min/bundle.json @@ -19,7 +19,7 @@ "blur-video-control.min.css": "B72FA7AD198ED1C9A9620A83881441F96F9FF3083ED12203A324B9753A7CCFFD", "blur-video-control.min.js": "00A2AC837FC455DF2AED7D0C350265C7438CC6F5C203F085E19639DDB86D0E11", "bvid-convert.min.css": "DC588791A7A191BCBAFD3C166523413101FA992EDEB24B81892D06B9868D67E1", - "bvid-convert.min.js": "0D7F799AD10FCD94C0C451264E03FAFF786F0BB9919E9AE6E10D13FD3957B849", + "bvid-convert.min.js": "3ED9567F4BED914B19CB73A07AB652CBE3378AD39BD74DCA7AA0F3A3DDBE7C86", "category-regions.min.js": "59666AFFFA63B942AC05B05C95E22BF6D655E3BA7DE3E46D8F86CEC79D0CA904", "clear-cache.min.js": "9AB1536D8278DA681831A589AD1414425BF206B36AE109FB4EC1E8A685BB2A9F", "collapse-live-side-bar.min.css": "22348786547D2D8DB659A306AF2E9C1F2050D66488778C71545AAEF785FD57E6", diff --git a/min/bundle.zip b/min/bundle.zip index 713d192d02f5ae431fadd7e168be14d79d3ea9b5..c36a6371c1fe01c660c2992d5e8594ccfdfe7e87 100644 GIT binary patch delta 2685 zcmZWr3s6+o8Qy#D^4hx#i|pRrbC6|u$V(yEu@OP!p(3Kj=oqzDZHa)OJmew707-nr zXbe$g^s{OTP7E?C3%1`85Uk#U=L4_^`0>_!;FnSz#OV zi_^0*m*wPV6qH3hU7C{-US5=0vau-N{(qWE=i!|AjKZ+MsPxjv+?@RNljzXHhn$SD z$H4HopKats<>cpQ7Nss(Fu$TAu=B9-c<0WRn>!klm)_j{ZeV42SWQBGzLdGOrT(Rs zdWpaYGC@mlA-EFU2<`+Af{vgN^aKOJli)=#61)lH2tEW8!AwvI7J~KNmU>>6_P-@T zayMVh7XPW{Zav4TZXO|hjVs+efo(fkzCHaF3;A7+dfp4i*NZOrv_&51=U3qI!8Oo7#bOy*!b9cnw{>+>DTJ?uFJ~Zj<)lUN28( z9fLJjhwKmKT4eQc!DbJWG!X7xT#v>++PxVU`)K#3HnjF}6GHoWlze?J!{>e62kZO! zBxySi^z-@BXSmtV=SU7jI(VA4?I)(e#bDWj-9Irm_=X8R);gHU@GxG@w+@D99V{4= z2FY2UgWI$timZY65hgHUkj&4%PXQc9#(kbDUB}7$JVo9bD#Jfiw&A^gI%FT94UI?` z;PbUh)97qdg{0!kVLJO~QfcS@hGavB7{|zR*$o2&JVM*Jf@IItF<;Dlz$eQIYh|=$ z$>W_V*FGSFhtTqX&y&7`ZjkIA2kmdDWqv3dr2QH7^8R|6qalzoY8|AOsQ*CMAdiu^ z#Oh#+)maeU%?(&M#Qo$OD|L8brOq_kOxoScwXkODjE{6}7aE3mk~Dy>A)X)|M)WYB zj`xOn0IG(0Bnv1+{xJ7P+b|XSOSq5lRN4Nl4)1T$`C-Edk>)B6jqo`vWCw1LQgZBz z6mwWy)xJ`Z#tN(V{Z%Bf$UneE5;L{u-_U8W;Z2>fp!3EUNRk>7LiOz!TU1V z+LEHcmZAvQv?7A7NJW}f#IxAnVy9LluxD1`6Rk*)3yX7N&bbR4GdJMcsJ;s8Jp@O*2j%X23b`IstyVO7h$Ok> zmIC7~3Qy6A2)CoZ(`(jl%)y0WJ|4?;V`-G>L?Y9dqFE>ANFPB`$WsmGDI!rC!Yc|D z>eMC}^}^(I+@;W|m*J%sNzw=w=_$wH3O&x2>s7p^7ZKXIm3j@N=kz|fs~3}{*Wqs< zMnr5zwt>1Aw*_w*h!dqdanC@_FuaT?Pg->kkVmW3ixZw=n)~Sk22IZ7n0!cGG)p6% zgRV5Cw# z<&HX|h-F0{Xg7*!QU_FTO3iyBmU)YKx0rZOOn5!2(mgS9xX3L(#K9g|y- zH(Dll3ng(3p%%)r7TL7O`=V4#j#AAyYawd>Jz7P2w5npRE9LBErD#_F3XfT-NLiau zXcZ~!iHgxx#YL-_B9~ODFjlDoc21}NRXz64g474x6I1r9j|O}K)m+S!hVccbQhW^| zL>%*I#4;gfu&FH|LA=VqWB#0cMNMdHueVZF%$!F)7D_ z^Vt@EOca!Hlphu7do1vy(teYNC;Z6W2|qDOeyqxZPhTM$4nHCx{}{nGkt+2e&qiK9 zL6c1^(Vk~k4H~_yD*XM$ubHm}OZ`PED+ofJzgSG~ux@{vqz@mr;`fhR%~)U`Em@2e z`7u_G1wT@MYVG9y23qVQMGk(_in9wzV-KJ!>nT(R2&;2EivnoZ?NPxjIdPR0?JKQ6 zb7W*xa}2gX5#v$NV$~FvY|71aGOIX{?xF4uD|UBS#ps(Qf=%zll|Y)?uf|q^0vGxM zm={DQPGVgU4RBIFP6mkt3Ah_X1AEDZYf1{zi(&7km;GgLZu0(x|MSL;DRIp~y2@ZO zavg_*iTiiZ7EJW<4uanVqMZY)X<^CbsGC65*jvdFRmpw#hftCqV`7Miqh)OfrB=L) z!)q5;o%C-FA(QR67b229S0CUS`jE>kh+LCil;I@B(oiDBg3~AsrRh6_=1?(1exsQq zv6$-H!)edP+Z^7v Qc_8kF3#04CA2_A^U#DY&e*gdg delta 2644 zcmY*b3s6+o8Qy#D;=y&i9}DpZ|UK zx7Q2SUMo0Kzt0#^T`}$aE05=znMPwix_@82RD1P6kx%)e#X0lxXBIBXE3Sy1yR5!8hGJnWcV((kI-4{hiz!<^it7 zj3-=3-Y9v($FuCd+MIzPjIjwnv=PtF_7f3;4dKFwpY(8tq`|ZvI@o&)nLTvXfgT<$ z=WJsb+{P?u?;)c-zrdCC=rhgX<@leJmjG14+hw!z%Vbhxb( z282E3PI*o*!}DG?63u<|NrjtQrN{^{$RWejIijQp+NjN_mOtk%ZA=z%gNEn)Jd*fCXt+*t%o#6ue$SSaEIP0=@B!)Q>03i4)7$&AFTsC zK?+3s0RK524e(%O5AsN92C4>mhTKr8N8&QQV>qDwgY^B|bpaxs?Ok7&FEXTxx)$1e zys557OqM&U_1IFQw<1dtE_P@K)=45&oBn}bgKzihE%;gzv2>xz#02)QRx~hSK?xI4 zbo(wQ(pXH}F!z*+NLCkza9K=J?j$IhypqDG!iDpZ87S!PB`Voe^lVJOR*u)lMY1f8QQ7%rKgCN zlCjm3bi^N2aO0rj7_QQOPvKr#b zoP6xni)6O39Px@s*G^b!(4eHkKrSgFR`#th;7El*#R7k-zoBMUDh*~u^Znln7!4HY z=t|TWggV^UJC^<6h!?62B1Kw-s|NCS&vFA&Rv4^^GE%}WtiYQ_F;NOZqmgQ>X*C`i zDb*jZL6k|Pu*0Y!0 zs}=w4;U-ksDC}W4U=zs_%}Dp6!eys~r=iGBxx5>TBX*JOeeYLRO<8_!aakU{BTMs9 zEeU@JPPTl$9Pyk+O6MjkYBpO1eq^R-G?PfqtQn$g`1Cp5_2G8w%jUV@D@3Za5^o5R zMo-xvgm{f@IE))YjAO?>f!$vu>StfEY8K~~6&DquwTs)Z)L%IDXRZ>NpHr4w;2twJ zd`Kia_77b5C%X$_3lNi~D9jBY?NhKXfaZ+PeJc*%w>n{P&;-%qXAUy>V1W&j3T=US z=qn7{Z9CCP{tl4fwW1x7I)m!mJpvYkDAqWl<(`AoW?f7bp-49hkB1%pj zGqkhdQV`9W%s4w9$Jsfe{V0|}!IY$2Bn8tr+w-~|Dbq+Y^lUbhgk8(R=fM=h0$dEH ziE^-yVjUMk;Xj#e$DBF#7uB(vC`xrhh=}uQ|HQ6Yyri-yf4HW)+^5U#+F}0EF5It` zi~Z#uW`~M&nw43hl<5u+`aN+mlr%)*n^5YIQ%?{*QY6vqxoD&q>p9(nYnBw}EXM9m z`tdNsm#aSiZ-vi%hJ(Ms?CKi%8Y%Mct!v&Ls7 z$KjRyh54Jq=(`LY3KOr<@*s>F=eu_~syA}$aP{Bc%3m(8*(eDY<4t$LHT07$zc?y4 zrz~%{UcLyYs9kJD4;`QvJbttoCx;&AIDMR+)SaWLLYCt^k<<|*BIw8~m=r;-E{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${unsafeWindow.bvid}
\n`}}}}})(); \ No newline at end of file +(()=>{return(i,n)=>{return{widget:{content:`
`,condition:async()=>{if(["https://www.bilibili.com/video/","https://www.bilibili.com/bangumi/"].some(i=>document.URL.startsWith(i))){return Boolean(await SpinQuery.select(()=>unsafeWindow.aid||unsafeWindow.bvid))}else{return false}},success:()=>{n.applyStyle("bvidConvertStyle");const i=dq(".bvid-convert");const e=(()=>{if(unsafeWindow.bvid){return unsafeWindow.bvid}const i=dq(".av-link,.bv-link,.bvid-link");return i.innerHTML||"未找到BV号"})();i.innerHTML=`\n
av${unsafeWindow.aid}
\n
${e}
\n`}}}}})(); \ No newline at end of file diff --git a/src/video/bvid-convert/bvid-convert.ts b/src/video/bvid-convert/bvid-convert.ts index 5b691cb3b..ed806d3fe 100644 --- a/src/video/bvid-convert/bvid-convert.ts +++ b/src/video/bvid-convert/bvid-convert.ts @@ -14,9 +14,16 @@ export default { success: () => { resources.applyStyle('bvidConvertStyle') const label = dq('.bvid-convert') as HTMLDivElement + const bvid = (() => { + if (unsafeWindow.bvid) { + return unsafeWindow.bvid + } + const link = dq('.av-link,.bv-link,.bvid-link') as HTMLElement + return link.innerHTML || '未找到BV号' + })() label.innerHTML = /*html*/`
av${unsafeWindow.aid}
-
${unsafeWindow.bvid}
+
${bvid}
` } }