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


/* ══════════════════════════════════════════════════════════════
   ① 主题变量
   ══════════════════════════════════════════════════════════════ */
:root{
    --tpl-accent:        #268455;
    --tpl-accent-hover:  #207048;
    --tpl-accent-muted:  #2684553d;
    --tpl-social-name:   #6cac8c;
}
.bstem,
body.bstem{
    --tpl-accent:        #38b476;
    --tpl-accent-hover:  #32a26a;
    --tpl-accent-muted:  #38b47638;
    --tpl-bg-base:       #0c110e;
    --tpl-bg-muted:      #161d1a;
    --tpl-border:        #313f38;
    --tpl-border-soft:   #202a25;
    --tpl-social-name:   #6cac8c;
}


/* ══════════════════════════════════════════════════════════════
   ② 官方样式表里写死的品牌绿 —— 按色相整体换掉（97 条）
   这一段是扫描生成的，不用读，也不建议手改。
   要调整体色，改上面 ① 里的值然后让我重新生成整包。
   ══════════════════════════════════════════════════════════════ */
.bstem .mac_results ul li:hover{background:rgba(54,214,134,.14);}
.part_eone .renqi{color:#34d786;}
.latest-tab-nav li.current{background:linear-gradient(135deg,#00d36a,#00cd67);color:#e7fff3;}
.latest-tab-box .movie-latest,.latest-tab-nav #latest1.current{color:#e7fff3;}
.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:#e7fff3;}
.acResults{border:1px solid #0bd570;}
.forecast-tab-nav li.current{color:#0bd570;}
#directory-focus{border-color:#0bd570;}
.ui-link:hover{border-color:#0bd570;}
.latest-tab-nav li.current{background:linear-gradient(135deg,#00d36a,#00cd67);color:#e7fff3;}
.amount-card:hover{box-shadow:0 4px 8px rgba(54,214,134,.12);}
.amount-input:focus{box-shadow:0 0 0 3px rgba(54,214,134,.2);}
.payment-card:hover,.paytype-card:hover{box-shadow:0 8px 16px rgba(54,214,134,.25);}
.pm-card:hover{box-shadow:0 6px 14px rgba(54,214,134,.15);}
.pay-success-panel .points-badge{background:rgba(54,214,134,.1);}
.search-hub__panel{background:linear-gradient(var(--tpl-bg-base,#fff),var(--tpl-bg-base,#fff)) padding-box,linear-gradient(219deg,#36d686,#7eb3fc,#36d686) border-box;}
.search-hub__panel--expanded{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(219deg,#36d686,#7eb3fc,#36d686) border-box;}
.search-hub__panel-bottom .search-hub__submit{background:#62cf99;}
.vod-search-hub-body .search-hub .head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,214,134,.2),rgba(54,214,134,.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(54,214,134,.28),rgba(54,214,134,.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,#36d686,#7eb3fc,#36d686) border-box;}
body.bstem.vod-search-hub-body .search-hub__ask-ai-text{color:#66e0a3;}
.top_nav_more_btn:hover{background:rgba(54,214,134,.15);}
.top_nav_overlay_item:hover{background:#effaf4;}
.bstem .top_nav_overlay_item:hover{color:#65f0ab;}
.bstem .top_nav_overlay_btn_all{color:#002e17;}
.top_nav_overlay_btn_all:hover{background:#2cbf76;}
.bstem .top_nav_overlay_btn_all:hover{color:#002e17;}
.bstem .top_nav_more_btn:hover{background:rgba(54,214,134,.4);}
#topnav .head_search_capsule_host .head_search_capsule{border:1px solid #40be7f;}
#topnav .head_search_capsule_host .head_search_capsule_fake{border:1px solid #40be7f;}
#topnav .head_search_capsule_host .head_search_capsule_submit_fake{background:#40be7f;}
#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:#40be7f;}
.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,214,134,.2),rgba(54,214,134,.07) 100%,transparent 0);}
.bstem .head_hot_overlay_item.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,214,134,.28),rgba(54,214,134,.09) 48%,transparent);}
.head_user .mac_user_box .link:hover i,body>.mac_user_box .link:hover i{color:#2cbc74;}
.mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item{background:rgba(54,214,134,.1)!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active>a{background:rgba(54,214,134,.14)!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li:not(.active)>a:hover{background:#e8f7f0!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active>a:hover{background:rgba(54,214,134,.22)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li.active>a{background:rgba(54,214,134,.32)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li:not(.active)>a:hover{background:rgba(232,247,240,.14)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li.active>a:hover{background:rgba(54,214,134,.4)!important;}
.detail-wrap .content_detail .playbtn.o_like a.btn_like.digg_link.is_click{background:#36d686;border-color:#36d686;}
.vod-play-tagwall .vod-play-tagwall__pill--c0{background:#daf7e9;color:#17402c;}
.vod-play-tagwall .vod-play-tagwall__pill:focus-visible,.vod-play-tagwall .vod-play-tagwall__pill:hover{box-shadow:0 0 0 2px rgba(54,214,134,.35);}
.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0,body.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0{background:#1c3f2e;color:#c5eeda;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a{background:rgba(54,214,134,.14)!important;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li:not(.active)>a:hover{background:#e8f7f0!important;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a:hover{background:rgba(54,214,134,.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(54,214,134,.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(232,247,240,.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(54,214,134,.4)!important;}
.vod-play-tagwall .vod-play-tagwall__pill--c0{background:#daf7e9;color:#17402c;}
.vod-play-tagwall .vod-play-tagwall__pill:focus-visible,.vod-play-tagwall .vod-play-tagwall__pill:hover{box-shadow:0 0 0 2px rgba(54,214,134,.35);}
.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0,body.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0{background:#1c3f2e;color:#c5eeda;}
.search-hub__panel{background:linear-gradient(var(--tpl-bg-base,#fff),var(--tpl-bg-base,#fff)) padding-box,linear-gradient(219deg,#36d686,#7eb3fc,#36d686) border-box;}
.search-hub__panel--expanded{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(219deg,#36d686,#7eb3fc,#36d686) border-box;}
.search-hub__panel-bottom .search-hub__submit{background:#62cf99;}
.vod-search-hub-body .search-hub .head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,214,134,.2),rgba(54,214,134,.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(54,214,134,.28),rgba(54,214,134,.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,#36d686,#7eb3fc,#36d686) border-box;}
body.bstem.vod-search-hub-body .search-hub__ask-ai-text{color:#66e0a3;}
.btn-primary{box-shadow:0 4px 14px rgba(54,214,134,.3);}
.btn-primary:hover{box-shadow:0 6px 20px rgba(54,214,134,.4);}
.bstem .btn-outline:hover{background:#0c3d25;}
.auth-invite-toggle__rule{background:rgba(54,214,134,.3);}
.extra-fab-main>a.extra-toggle{box-shadow:0 12px 30px rgba(3,198,101,.55);}

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

@media screen and (max-width:820px){
    .mobile-head .head_user .mac_user{-webkit-tap-highlight-color:rgba(54,214,134,.2);}
    .all_menu_inner .all-menu-tag.is-active,.all_menu_inner .all-menu-tag:hover{background:rgba(54,214,134,.12);}
    .bstem .all_menu_inner .all-menu-tag.is-active,.bstem .all_menu_inner .all-menu-tag:hover{background:rgba(54,214,134,.15);}
    .mac-catalog-show .mac-catalog-filter-head__mobile .head_search_capsule_host .head_search_capsule{border:1px solid #40be7f;}
    .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:#40be7f;}
}

@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(64,190,127,.06);border-color:rgba(64,190,127,.45);}
    .bstem :is(.mac_results_body_panel,#topnav .head_search_inner .mac_results_hot).mac_search_drop_rich .search-hub__tag:hover{background:rgba(54,214,134,.1);border-color:rgba(54,214,134,.45);}
    #mac-ajax-auth-root .auth-app-dl-promo{background:#e8fbf2;border:1px solid rgba(54,214,134,.32);}
    .bstem #mac-ajax-auth-root .auth-app-dl-promo,body.bstem #mac-ajax-auth-root .auth-app-dl-promo{border-color:rgba(54,214,134,.45);}
}

@media (min-width:821px){
    .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item{background-color:#e9f9f1;}
    .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl>a{background-color:#e9f9f1;}
    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(54,214,134,.2);color:#36d686;}
}

@media screen and (max-width:819px){
    #play_page .mac-play-chat-panel{--mac-drawer-accent:#36d686;}
    #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:#62cf99;}
    body:not(.bstem) #play_page .mac-play-chat-msg--peer .mac-play-chat-msg__bubble{border:1px solid #d9e4de;box-shadow:0 2px 4px 0 rgba(54,214,134,.06);}
}


/* ══════════════════════════════════════════════════════════════
   ③ 页面背景 —— 用 CSS 渐变替掉那张图，而且三团光铺满整页
   官方首页贴的是 images/home/home-bg@2x.png（电脑端那张 446KB），
   我们之前换成了 webp。现在直接不用图片了：0 个请求，颜色跟着配色走。
   ══════════════════════════════════════════════════════════════ */
/* 【渐变背景·全站】晨雾绿：三团不同颜色的光晕 + 三段底色渐变。
   全站统一（首页、详情、播放、分类…）。顶部保持画布底色，跟头部无缝衔接；
   颜色都很淡，白色卡片照样浮在上面。
   ★ 不想要渐变：把 background-image 那几行删掉，只留 background-color。 */
body:not(.bstem):not(.ai-chat-page),
body.home-index-body:not(.bstem){
    background-color: #e8f5ee !important;
    background-image:
        radial-gradient(120% 40% at 92%   0%, #cdefde 0%, rgba(205,239,222,0) 70%),
        radial-gradient( 95% 30% at  0%  48%, #d7f1f1 0%, rgba(215,241,241,0) 72%),
        radial-gradient(115% 32% at 100% 100%, #e4ead2 0%, rgba(228,234,210,0) 70%),
        linear-gradient(170deg, #e8f5ee 0%, #e9f6f6 48%, #eef1e7 100%) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: 100% 100% !important;
    background-position: 0 0 !important;
}
/* 暗色模式：同样三色，换成深色调 */
body.bstem:not(.ai-chat-page),
body.home-index-body.bstem{
    background-color: #0b0f0d !important;
    background-image:
        radial-gradient(120% 40% at 92%   0%, #1f4532 0%, rgba(0,0,0,0) 70%),
        radial-gradient( 95% 30% at  0%  48%, #1e3838 0%, rgba(0,0,0,0) 72%),
        radial-gradient(115% 32% at 100% 100%, #282e14 0%, rgba(0,0,0,0) 70%),
        linear-gradient(170deg, #0b0f0d 0%, #0e1616 48%, #10120b 100%) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: 100% 100% !important;
    background-position: 0 0 !important;
}


/* ══════════════════════════════════════════════════════════════
   ④ 页脚背景 —— 去掉那张图（右下角那团绿光的来源）
   ══════════════════════════════════════════════════════════════ */
/* 官方 .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:     #f3faf6;
    --tag-color:  #175636;
    --tag-border: #3bbc7b;
    --tag-more-color: var(--tpl-accent);
}
/* 双保险：直接钉在格子本身上，任何情况下都盖得住 */
section.mac-type-tags .mac-type-tags__item{
    background: #f3faf6;
    color: #175636;
    border-color: #3bbc7b;
}
.bstem section.mac-type-tags .mac-type-tags__item{
    background: #1b2a22;
    color: #abe3c7;
    border-color: #3d7157;
}
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:     #1b2a22;
    --tag-color:  #abe3c7;
    --tag-border: #3d7157;
}

/* 板块右上角的「更多」—— 跟「展开」做成同一个控件
 *
 * 为什么要统一：这两个是同一类东西（都是"还有更多，点这里"），
 * 现在却长得像两个系统里的按钮 —— 一个是 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:#d9f2dc !important; color:#185b21 !important; border:1px solid #abe3b3 !important; }
.mtw__pill--c1{ background:#e1f4eb !important; color:#195c3a !important; border:1px solid #abe3c7 !important; }
.mtw__pill--c2{ background:#d9f2ee !important; color:#18594e !important; border:1px solid #abe3d9 !important; }
.mtw__pill--c3{ background:#e5f6ea !important; color:#195e30 !important; border:1px solid #abe3be !important; }
.mtw__pill--c4{ background:#ddf3ec !important; color:#185a46 !important; border:1px solid #abe3d2 !important; }
.mtw__pill--c5{ background:#e1f4f4 !important; color:#185a5a !important; border:1px solid #abe3e3 !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, #e3f5ec 0%, #f2f8f5 100%) !important;
    border-bottom: 1px solid #ccebdb;
}
.bstem #topnav .head_box,
.bstem body .head_box,
.bstem #topnav .head_box.nav_top,
.bstem #topnav .head_box.nav_fixed{
    background: linear-gradient(180deg, #16241d 0%, #101713 100%) !important;
    border-bottom-color: #293d33;
}

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

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

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


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