@charset "utf-8";
/* ============================================================================
 *  配色包 · 暮光紫（加强版）
 *  文件：template/default/asset/css/my-palette-dusk.css
 *
 *  HBO Max / Twitch 那一路。夜间感最强，年轻化，深色模式下尤其出彩。
 *
 *  ---- 跟上一版比，多做了什么 ----
 *  上一版只改了 4 个 CSS 变量，所以只有"用变量的地方"变色，
 *  官方写死颜色的地方纹丝不动 —— 这就是你看到「橙色模板配绿色背景」的原因。
 *
 *  这一版扫了前台会加载的 35 个官方样式表，把写死的品牌绿**按色相整体换掉**，
 *  一共改了 97 条声明。另外还处理了三件变量管不到的事：
 *    · 首页背景那张绿色图 → 换成 CSS 渐变（跟着配色走，还省一个请求）
 *    · 页脚背景图 → 那张图其实是纯色，直接用底色（又省一个请求）
 *    · 热门分类小框、「更多」按钮、跑马灯热词 → 全部并入配色
 *
 *  ---- 什么没动（故意的）----
 *  色相 110~142 的那一批绿（#00be06 #22c55e #16a34a 之类）是【状态色】——
 *  "在线""成功""已完结"这些语义。它们本来就该是绿的，跟品牌色无关，所以保留。
 *
 *  ---- 怎么换配色 ----
 *  解压另一个「配色_XX」包即可，include.html 里那一行会被自动换掉。
 * ==========================================================================*/


/* ══════════════════════════════════════════════════════════════
   ① 主题变量
   ══════════════════════════════════════════════════════════════ */
:root{
    --tpl-accent:        #8e59d8;
    --tpl-accent-hover:  #7534cf;
    --tpl-accent-muted:  #8e59d83d;
    --tpl-social-name:   #876cac;
}
.bstem,
body.bstem{
    --tpl-accent:        #b18de2;
    --tpl-accent-hover:  #9d70db;
    --tpl-accent-muted:  #b18de238;
    --tpl-bg-base:       #0e0c11;
    --tpl-bg-muted:      #19161d;
    --tpl-border:        #37313f;
    --tpl-border-soft:   #24202a;
    --tpl-social-name:   #876cac;
}


/* ══════════════════════════════════════════════════════════════
   ② 官方样式表里写死的品牌绿 —— 按色相整体换掉（97 条）
   这一段是扫描生成的，不用读，也不建议手改。
   要调整体色，改上面 ① 里的值然后让我重新生成整包。
   ══════════════════════════════════════════════════════════════ */
.bstem .mac_results ul li:hover{background:rgba(121,54,214,.14);}
.part_eone .renqi{color:#7834d7;}
.latest-tab-nav li.current{background:linear-gradient(135deg,#5800d3,#5500cd);color:#f1e7ff;}
.latest-tab-box .movie-latest,.latest-tab-nav #latest1.current{color:#f1e7ff;}
.latest-tab-box .dm-latest,.latest-tab-box .fun-latest,.latest-tab-box .tv-latest,.latest-tab-box .wei-latest,.latest-tab-nav #latest2.current,.latest-tab-nav #latest3.current,.latest-tab-nav #latest4.current,.latest-tab-nav #latest5.current{color:#f1e7ff;}
.acResults{border:1px solid #5f0bd5;}
.forecast-tab-nav li.current{color:#5f0bd5;}
#directory-focus{border-color:#5f0bd5;}
.ui-link:hover{border-color:#5f0bd5;}
.latest-tab-nav li.current{background:linear-gradient(135deg,#5800d3,#5500cd);color:#f1e7ff;}
.amount-card:hover{box-shadow:0 4px 8px rgba(121,54,214,.12);}
.amount-input:focus{box-shadow:0 0 0 3px rgba(121,54,214,.2);}
.payment-card:hover,.paytype-card:hover{box-shadow:0 8px 16px rgba(121,54,214,.25);}
.pm-card:hover{box-shadow:0 6px 14px rgba(121,54,214,.15);}
.pay-success-panel .points-badge{background:rgba(121,54,214,.1);}
.search-hub__panel{background:linear-gradient(var(--tpl-bg-base,#fff),var(--tpl-bg-base,#fff)) padding-box,linear-gradient(219deg,#7936d6,#7eb3fc,#7936d6) border-box;}
.search-hub__panel--expanded{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(219deg,#7936d6,#7eb3fc,#7936d6) border-box;}
.search-hub__panel-bottom .search-hub__submit{background:#8f62cf;}
.vod-search-hub-body .search-hub .head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(121,54,214,.2),rgba(121,54,214,.07) 100%,transparent 0);}
body.bstem .vod-search-hub-body .search-hub .head_hot_overlay_item.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(121,54,214,.28),rgba(121,54,214,.09) 48%,transparent);}
body.bstem.vod-search-hub-body .search-hub__panel,body.bstem.vod-search-hub-body .search-hub__panel--expanded{background:linear-gradient(var(--tpl-bg-muted,#1e1e22),var(--tpl-bg-muted,#1e1e22)) padding-box,linear-gradient(219deg,#7936d6,#7eb3fc,#7936d6) border-box;}
body.bstem.vod-search-hub-body .search-hub__ask-ai-text{color:#9966e0;}
.top_nav_more_btn:hover{background:rgba(121,54,214,.15);}
.top_nav_overlay_item:hover{background:#f4effa;}
.bstem .top_nav_overlay_item:hover{color:#9f65f0;}
.bstem .top_nav_overlay_btn_all{color:#13002e;}
.top_nav_overlay_btn_all:hover{background:#692cbf;}
.bstem .top_nav_overlay_btn_all:hover{color:#13002e;}
.bstem .top_nav_more_btn:hover{background:rgba(121,54,214,.4);}
#topnav .head_search_capsule_host .head_search_capsule{border:1px solid #7440be;}
#topnav .head_search_capsule_host .head_search_capsule_fake{border:1px solid #7440be;}
#topnav .head_search_capsule_host .head_search_capsule_submit_fake{background:#7440be;}
#topnav .head_search_capsule_host form .submit.head_search_capsule_submit,#topnav .head_search_capsule_host form .submit.head_search_capsule_submit.search_btn{background:#7440be;}
.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(121,54,214,.2),rgba(121,54,214,.07) 100%,transparent 0);}
.bstem .head_hot_overlay_item.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(121,54,214,.28),rgba(121,54,214,.09) 48%,transparent);}
.head_user .mac_user_box .link:hover i,body>.mac_user_box .link:hover i{color:#682cbc;}
.mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item{background:rgba(121,54,214,.1)!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active>a{background:rgba(121,54,214,.14)!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li:not(.active)>a:hover{background:#eee8f7!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active>a:hover{background:rgba(121,54,214,.22)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li.active>a{background:rgba(121,54,214,.32)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li:not(.active)>a:hover{background:rgba(238,232,247,.14)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li.active>a:hover{background:rgba(121,54,214,.4)!important;}
.detail-wrap .content_detail .playbtn.o_like a.btn_like.digg_link.is_click{background:#7936d6;border-color:#7936d6;}
.vod-play-tagwall .vod-play-tagwall__pill--c0{background:#e6daf7;color:#281740;}
.vod-play-tagwall .vod-play-tagwall__pill:focus-visible,.vod-play-tagwall .vod-play-tagwall__pill:hover{box-shadow:0 0 0 2px rgba(121,54,214,.35);}
.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0,body.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0{background:#2b1c3f;color:#d6c5ee;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a{background:rgba(121,54,214,.14)!important;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li:not(.active)>a:hover{background:#eee8f7!important;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a:hover{background:rgba(121,54,214,.22)!important;}
.bstem #play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a,body.bstem #play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a{background:rgba(121,54,214,.32)!important;}
.bstem #play_page .tabs.playlist .playlist_notfull .content_playlist li:not(.active)>a:hover,body.bstem #play_page .tabs.playlist .playlist_notfull .content_playlist li:not(.active)>a:hover{background:rgba(238,232,247,.14)!important;}
.bstem #play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a:hover,body.bstem #play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a:hover{background:rgba(121,54,214,.4)!important;}
.vod-play-tagwall .vod-play-tagwall__pill--c0{background:#e6daf7;color:#281740;}
.vod-play-tagwall .vod-play-tagwall__pill:focus-visible,.vod-play-tagwall .vod-play-tagwall__pill:hover{box-shadow:0 0 0 2px rgba(121,54,214,.35);}
.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0,body.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0{background:#2b1c3f;color:#d6c5ee;}
.search-hub__panel{background:linear-gradient(var(--tpl-bg-base,#fff),var(--tpl-bg-base,#fff)) padding-box,linear-gradient(219deg,#7936d6,#7eb3fc,#7936d6) border-box;}
.search-hub__panel--expanded{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(219deg,#7936d6,#7eb3fc,#7936d6) border-box;}
.search-hub__panel-bottom .search-hub__submit{background:#8f62cf;}
.vod-search-hub-body .search-hub .head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(121,54,214,.2),rgba(121,54,214,.07) 100%,transparent 0);}
body.bstem .vod-search-hub-body .search-hub .head_hot_overlay_item.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(121,54,214,.28),rgba(121,54,214,.09) 48%,transparent);}
body.bstem.vod-search-hub-body .search-hub__panel,body.bstem.vod-search-hub-body .search-hub__panel--expanded{background:linear-gradient(var(--tpl-bg-muted,#1e1e22),var(--tpl-bg-muted,#1e1e22)) padding-box,linear-gradient(219deg,#7936d6,#7eb3fc,#7936d6) border-box;}
body.bstem.vod-search-hub-body .search-hub__ask-ai-text{color:#9966e0;}
.btn-primary{box-shadow:0 4px 14px rgba(121,54,214,.3);}
.btn-primary:hover{box-shadow:0 6px 20px rgba(121,54,214,.4);}
.bstem .btn-outline:hover{background:#200c3d;}
.auth-invite-toggle__rule{background:rgba(121,54,214,.3);}
.extra-fab-main>a.extra-toggle{box-shadow:0 12px 30px rgba(84,3,198,.55);}

@media (max-width:820px){
    .mac-app-dl-bar{background:#f0e8fb;}
    .ranklist_txt span.text_muted{color:#7834d7;}
}

@media screen and (max-width:820px){
    .mobile-head .head_user .mac_user{-webkit-tap-highlight-color:rgba(121,54,214,.2);}
    .all_menu_inner .all-menu-tag.is-active,.all_menu_inner .all-menu-tag:hover{background:rgba(121,54,214,.12);}
    .bstem .all_menu_inner .all-menu-tag.is-active,.bstem .all_menu_inner .all-menu-tag:hover{background:rgba(121,54,214,.15);}
    .mac-catalog-show .mac-catalog-filter-head__mobile .head_search_capsule_host .head_search_capsule{border:1px solid #7440be;}
    .mac-catalog-show .mac-catalog-filter-head__mobile .head_search_capsule_host form .submit.head_search_capsule_submit,.mac-catalog-show .mac-catalog-filter-head__mobile .head_search_capsule_host form .submit.head_search_capsule_submit.search_btn{background:#7440be;}
}

@media screen and (min-width:821px){
    :is(.mac_results_body_panel,#topnav .head_search_inner .mac_results_hot).mac_search_drop_rich .search-hub__tag:hover{background:rgba(116,64,190,.06);border-color:rgba(116,64,190,.45);}
    .bstem :is(.mac_results_body_panel,#topnav .head_search_inner .mac_results_hot).mac_search_drop_rich .search-hub__tag:hover{background:rgba(121,54,214,.1);border-color:rgba(121,54,214,.45);}
    #mac-ajax-auth-root .auth-app-dl-promo{background:#f0e8fb;border:1px solid rgba(121,54,214,.32);}
    .bstem #mac-ajax-auth-root .auth-app-dl-promo,body.bstem #mac-ajax-auth-root .auth-app-dl-promo{border-color:rgba(121,54,214,.45);}
}

@media (min-width:821px){
    .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item{background-color:#f0e9f9;}
    .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl>a{background-color:#f0e9f9;}
    body.bstem .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item,body.bstem .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl>a{background-color:rgba(121,54,214,.2);color:#7936d6;}
}

@media screen and (max-width:819px){
    #play_page .mac-play-chat-panel{--mac-drawer-accent:#7936d6;}
    #play_page .mac-play-chat-panel__dmRow:not(.mac-play-drawer-row--ready) .mac-play-chat-panel__dmSend,#play_page .mac-play-chat-panel__footRow:not(.mac-play-drawer-row--ready) .mac-play-chat-panel__send{background:#8f62cf;}
    body:not(.bstem) #play_page .mac-play-chat-msg--peer .mac-play-chat-msg__bubble{border:1px solid #ded9e4;box-shadow:0 2px 4px 0 rgba(121,54,214,.06);}
}


/* ══════════════════════════════════════════════════════════════
   ③ 页面背景 —— 用 CSS 渐变替掉那张图，而且三团光铺满整页
   官方首页贴的是 images/home/home-bg@2x.png（电脑端那张 446KB），
   我们之前换成了 webp。现在直接不用图片了：0 个请求，颜色跟着配色走。
   ══════════════════════════════════════════════════════════════ */
body.home-index-body{
    /* 三团光：顶部 / 中部 / 底部。百分比是相对整页高度算的，
       所以页面越长，中部那团就越落在中间，不会像原来那样只有开头有颜色 */
    background-color: #ede7f5 !important;
    background-image:
        radial-gradient(132% 46% at 86%   0%, #d8c8ef 0%, #ede7f6 40%, rgba(255,255,255,0) 73%),
        radial-gradient( 92% 22% at  4%  54%, #ede8f5  0%, rgba(255,255,255,0) 72%),
        radial-gradient(118% 26% at 93% 100%, #ede7f6 0%, rgba(255,255,255,0) 70%) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: auto !important;
    background-position: 0 0 !important;
}
body.home-index-body.bstem{
    background-color: #0c0b0f !important;
    background-image:
        radial-gradient(132% 46% at 86%   0%, #302442  0%, rgba(0,0,0,0) 72%),
        radial-gradient( 92% 22% at  4%  54%, #1f1927 0%, rgba(0,0,0,0) 74%),
        radial-gradient(118% 26% at 93% 100%, #261d32 0%, rgba(0,0,0,0) 70%) !important;
}

/* 其它页面（分类页、搜索页、详情页…）也别是纯白，给一层很淡的底。
   卡片、输入框用的是 --tpl-bg-base（纯白），所以它们会从这层底色上"浮"起来。
   不想要就删掉这两条。 */
body:not(.bstem):not(.ai-chat-page){
    background-color: #ede7f5;
}
body.bstem:not(.ai-chat-page){
    background-color: #0c0b0f;
}


/* ══════════════════════════════════════════════════════════════
   ④ 页脚背景 —— 去掉那张图（右下角那团绿光的来源）
   ══════════════════════════════════════════════════════════════ */
/* 官方 .foot 贴了张 foot-bg.png，background-position:100% 100% —— 右下角那团绿光就是它。
   之前只在电脑端去掉了，手机端还留着，所以你在页脚右下角看到一团绿。
   现在两端一起去掉，让上面 body 的底部那团光透上来。顺带省一个图片请求。 */
.foot{
    background-image: none !important;
    background-color: transparent !important;
}


/* ══════════════════════════════════════════════════════════════
   ⑤ 关键部件 —— 精确钉死，故意排在 ② 后面，优先级更高
   ② 那一段是机器按色相换算的，明暗可能跟主色差一点；
   下面这些是最显眼的部件，直接用主色本身，保证一致。
   ══════════════════════════════════════════════════════════════ */

/* 搜索框外圈描边（官方写死 #48b687） */
.head_search_capsule{ border-color: var(--tpl-accent) !important; }

/* 搜索按钮（官方写死 #48b687，不是变量） */
.head_search_capsule_submit,
.head_search_capsule_submit_fake,
#topnav .head_search_capsule_host form .submit.head_search_capsule_submit.search_btn,
.search-hub__panel-bottom .search-hub__submit{
    background: var(--tpl-accent) !important;
}

/* 热门分类：加一圈同色描边（你要的）+ 淡色底
   ★ 这里必须写 section.mac-type-tags 而不是 .mac-type-tags ——
     widget/type_tags.html 自己带了一段 <style>，它在 body 里、排在本文件【后面】，
     选择器同级的话后来居上，我们会被它压掉（上一版就是栽在这儿，颜色根本没生效）。
     加上标签名 section 把优先级抬高一级，就稳了。
   ★ 嫌深嫌浅直接改下面三个色值，改完把 include.html 里的 ?v= 加 1。 */
section.mac-type-tags{
    --tag-bg:     #f5f2fa;
    --tag-color:  #5d24ab;
    --tag-border: #b593e3;
    --tag-more-color: var(--tpl-accent);
}
/* 双保险：直接钉在格子本身上，任何情况下都盖得住 */
section.mac-type-tags .mac-type-tags__item{
    background: #f5f2fa;
    color: #5d24ab;
    border-color: #b593e3;
}
.bstem section.mac-type-tags .mac-type-tags__item{
    background: #211b2a;
    color: #c2a8e6;
    border-color: #523d71;
}
section.mac-type-tags .mac-type-tags__item:hover,
section.mac-type-tags .mac-type-tags__item:active{
    background: var(--tpl-accent);
    color: #fff;
    border-color: var(--tpl-accent);
}
section.mac-type-tags .mac-type-tags__more{ color: var(--tpl-accent); }
.bstem section.mac-type-tags{
    --tag-bg:     #211b2a;
    --tag-color:  #c2a8e6;
    --tag-border: #523d71;
}

/* 板块右上角的「更多」—— 跟「展开」做成同一个控件
 *
 * 为什么要统一：这两个是同一类东西（都是"还有更多，点这里"），
 * 现在却长得像两个系统里的按钮 —— 一个是 15px 粗体药丸，
 * 另一个官方给的是 font-size:.26rem，手机上换算下来只有【9~11px】，
 * 小到几乎不像能点。而「更多」其实比「展开」更重要：
 * 它是进分类页的入口，「展开」只是原地多露几个标签。
 *
 * 选择器前面加了 body，是为了压过 index.css 里的同名规则（它排在本文件后面加载）。
 */
body .home-unified .hu-section-head .pc_more{
    background-color: var(--tpl-accent-muted) !important;
    color: var(--tpl-accent) !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: var(--fs-action, 13px) !important;   /* 梯子在 my-theme.css 末尾 */
    font-weight: 700 !important;
    line-height: 1.1 !important;
    padding: 5px 12px !important;
    min-height: 28px;
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .15s, color .15s;
}
body .home-unified .hu-section-head .pc_more .more_i{
    font-size: calc(var(--fs-action, 13px) + 3px) !important;
    line-height: 1;
}
body .home-unified .hu-section-head .pc_more:active{ transform: translateY(-50%) scale(.96); }
body .home-unified .hu-section-head .pc_more:hover{
    background-color: var(--tpl-accent) !important;
    color: #fff !important;
}

/* 搜索框上面那排跑马灯热词：原来是 6 个固定杂色，改成同色系深浅 */
.mtw__pill--c0{ background:#d9d8f3 !important; color:#2f28bc !important; border:1px solid #aba8e6 !important; }
.mtw__pill--c1{ background:#e9dff6 !important; color:#5d25ad !important; border:1px solid #c2a8e6 !important; }
.mtw__pill--c2{ background:#ecd8f3 !important; color:#701d8c !important; border:1px solid #d7a8e6 !important; }
.mtw__pill--c3{ background:#e8e3f7 !important; color:#4e29c0 !important; border:1px solid #b7a8e6 !important; }
.mtw__pill--c4{ background:#ebdcf5 !important; color:#6b2099 !important; border:1px solid #cea8e6 !important; }
.mtw__pill--c5{ background:#f4dff6 !important; color:#7d1c86 !important; border:1px solid #e1a8e6 !important; }

/* ══════════════════════════════════════════════════════════════
   ⑥ 顶栏 / 底栏 —— 最后一块大白板
   官方把顶栏写成 .head_box{background:var(--tpl-bg-base)!important}，
   也就是【纯白 + !important】。这是你一直觉得"感觉不到配色变动"的主因之一 ——
   屏幕最上面那一整条永远是白的，配色改得再多也被它压住。
   这里用 #topnav .head_box 提高一级优先级盖掉它，换成同色系的浅渐变，
   下端刻意收到跟画布底色一致，所以顶栏和页面是连在一起的，不会有一道断层。
   搜索框内部保持白色 —— 输入框就该比周围亮，不然不像能点的东西。
   ══════════════════════════════════════════════════════════════ */
#topnav .head_box,
body .head_box,
#topnav .head_box.nav_top,
#topnav .head_box.nav_fixed{
    background: linear-gradient(180deg, #eae2f6 0%, #f5f2f9 100%) !important;
    border-bottom: 1px solid #d8caed;
}
.bstem #topnav .head_box,
.bstem body .head_box,
.bstem #topnav .head_box.nav_top,
.bstem #topnav .head_box.nav_fixed{
    background: linear-gradient(180deg, #1c1624 0%, #131017 100%) !important;
    border-bottom-color: #31293d;
}

/* 页脚整条带子的颜色。真正画出来的是 public/foot.html 里的 .my-foot-band，
   它读这两个变量；换配色自动跟着变，不用改 foot.html。 */
:root{
    --pal-foot-band:      #e2d8f0;
    --pal-foot-band-line: #cdbbe7;
}
.bstem{
    --pal-foot-band:      #17131d;
    --pal-foot-band-line: #2f273a;
}

/* 电脑端搜索框外层那块灰底（官方写死 #f8f8f8） */
#topnav .head_search{ background: #f5f2f9; }
.bstem #topnav .head_search{ background: #1c1624; }

/* 手机底部导航条，同样是那条"纯白 + !important"规则的受害者 */
body .foot_mnav{
    background: linear-gradient(0deg, #eae2f6 0%, #f5f2f9 100%) !important;
    border-top: 1px solid #d8caed;
}
.bstem body .foot_mnav{
    background: linear-gradient(0deg, #1c1624 0%, #131017 100%) !important;
    border-top-color: #31293d;
}


/* ══════════════════════════════════════════════════════════════
   ⑦ 顶部站点名称
   颜色写死在 module/my_site_title.html 的 $my_st_color 里，而且它的 <style>
   在 body 里、排在本文件后面，所以这里用更具体的选择器压过去，不用 !important。
   顺带修了官方那套的毛病：原来深浅两个模式共用同一个深色字，
   切到夜间模式站名几乎看不清。
   ══════════════════════════════════════════════════════════════ */
.my-site-title .my-site-title__text{ color: #6126b3; }
.bstem .my-site-title .my-site-title__text{ color: #b292dd; }