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


/* ══════════════════════════════════════════════════════════════
   ① 主题变量
   ══════════════════════════════════════════════════════════════ */
:root{
    --tpl-accent:        #2368c7;
    --tpl-accent-hover:  #1d56a5;
    --tpl-accent-muted:  #2368c73d;
    --tpl-social-name:   #6c87ac;
}
.bstem,
body.bstem{
    --tpl-accent:        #6f9fe2;
    --tpl-accent-hover:  #4d88db;
    --tpl-accent-muted:  #6f9fe238;
    --tpl-bg-base:       #0c0e11;
    --tpl-bg-muted:      #16191d;
    --tpl-border:        #31373f;
    --tpl-border-soft:   #20242a;
    --tpl-social-name:   #6c87ac;
}


/* ══════════════════════════════════════════════════════════════
   ② 官方样式表里写死的品牌绿 —— 按色相整体换掉（97 条）
   这一段是扫描生成的，不用读，也不建议手改。
   要调整体色，改上面 ① 里的值然后让我重新生成整包。
   ══════════════════════════════════════════════════════════════ */
.bstem .mac_results ul li:hover{background:rgba(54,121,214,.14);}
.part_eone .renqi{color:#3478d7;}
.latest-tab-nav li.current{background:linear-gradient(135deg,#0058d3,#0055cd);color:#e7f1ff;}
.latest-tab-box .movie-latest,.latest-tab-nav #latest1.current{color:#e7f1ff;}
.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:#e7f1ff;}
.acResults{border:1px solid #0b5fd5;}
.forecast-tab-nav li.current{color:#0b5fd5;}
#directory-focus{border-color:#0b5fd5;}
.ui-link:hover{border-color:#0b5fd5;}
.latest-tab-nav li.current{background:linear-gradient(135deg,#0058d3,#0055cd);color:#e7f1ff;}
.amount-card:hover{box-shadow:0 4px 8px rgba(54,121,214,.12);}
.amount-input:focus{box-shadow:0 0 0 3px rgba(54,121,214,.2);}
.payment-card:hover,.paytype-card:hover{box-shadow:0 8px 16px rgba(54,121,214,.25);}
.pm-card:hover{box-shadow:0 6px 14px rgba(54,121,214,.15);}
.pay-success-panel .points-badge{background:rgba(54,121,214,.1);}
.search-hub__panel{background:linear-gradient(var(--tpl-bg-base,#fff),var(--tpl-bg-base,#fff)) padding-box,linear-gradient(219deg,#3679d6,#7eb3fc,#3679d6) border-box;}
.search-hub__panel--expanded{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(219deg,#3679d6,#7eb3fc,#3679d6) border-box;}
.search-hub__panel-bottom .search-hub__submit{background:#628fcf;}
.vod-search-hub-body .search-hub .head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,121,214,.2),rgba(54,121,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(54,121,214,.28),rgba(54,121,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,#3679d6,#7eb3fc,#3679d6) border-box;}
body.bstem.vod-search-hub-body .search-hub__ask-ai-text{color:#6699e0;}
.top_nav_more_btn:hover{background:rgba(54,121,214,.15);}
.top_nav_overlay_item:hover{background:#eff4fa;}
.bstem .top_nav_overlay_item:hover{color:#659ff0;}
.bstem .top_nav_overlay_btn_all{color:#00132e;}
.top_nav_overlay_btn_all:hover{background:#2c69bf;}
.bstem .top_nav_overlay_btn_all:hover{color:#00132e;}
.bstem .top_nav_more_btn:hover{background:rgba(54,121,214,.4);}
#topnav .head_search_capsule_host .head_search_capsule{border:1px solid #4074be;}
#topnav .head_search_capsule_host .head_search_capsule_fake{border:1px solid #4074be;}
#topnav .head_search_capsule_host .head_search_capsule_submit_fake{background:#4074be;}
#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:#4074be;}
.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,121,214,.2),rgba(54,121,214,.07) 100%,transparent 0);}
.bstem .head_hot_overlay_item.head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,121,214,.28),rgba(54,121,214,.09) 48%,transparent);}
.head_user .mac_user_box .link:hover i,body>.mac_user_box .link:hover i{color:#2c68bc;}
.mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl button.mac-cat-filter-item{background:rgba(54,121,214,.1)!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active>a{background:rgba(54,121,214,.14)!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li:not(.active)>a:hover{background:#e8eef7!important;}
.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active>a:hover{background:rgba(54,121,214,.22)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li.active>a{background:rgba(54,121,214,.32)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li:not(.active)>a:hover{background:rgba(232,238,247,.14)!important;}
body.detail-wrap.bstem .play_list_box .playlist_notfull .content_playlist li.active>a:hover{background:rgba(54,121,214,.4)!important;}
.detail-wrap .content_detail .playbtn.o_like a.btn_like.digg_link.is_click{background:#3679d6;border-color:#3679d6;}
.vod-play-tagwall .vod-play-tagwall__pill--c0{background:#dae6f7;color:#172840;}
.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,121,214,.35);}
.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0,body.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0{background:#1c2b3f;color:#c5d6ee;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a{background:rgba(54,121,214,.14)!important;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li:not(.active)>a:hover{background:#e8eef7!important;}
#play_page .tabs.playlist .playlist_notfull .content_playlist li.active>a:hover{background:rgba(54,121,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(54,121,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(232,238,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(54,121,214,.4)!important;}
.vod-play-tagwall .vod-play-tagwall__pill--c0{background:#dae6f7;color:#172840;}
.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,121,214,.35);}
.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0,body.bstem .vod-play-tagwall .vod-play-tagwall__pill--c0{background:#1c2b3f;color:#c5d6ee;}
.search-hub__panel{background:linear-gradient(var(--tpl-bg-base,#fff),var(--tpl-bg-base,#fff)) padding-box,linear-gradient(219deg,#3679d6,#7eb3fc,#3679d6) border-box;}
.search-hub__panel--expanded{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(219deg,#3679d6,#7eb3fc,#3679d6) border-box;}
.search-hub__panel-bottom .search-hub__submit{background:#628fcf;}
.vod-search-hub-body .search-hub .head_hot_overlay_item_primary{background:linear-gradient(90deg,rgba(54,121,214,.2),rgba(54,121,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(54,121,214,.28),rgba(54,121,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,#3679d6,#7eb3fc,#3679d6) border-box;}
body.bstem.vod-search-hub-body .search-hub__ask-ai-text{color:#6699e0;}
.btn-primary{box-shadow:0 4px 14px rgba(54,121,214,.3);}
.btn-primary:hover{box-shadow:0 6px 20px rgba(54,121,214,.4);}
.bstem .btn-outline:hover{background:#0c203d;}
.auth-invite-toggle__rule{background:rgba(54,121,214,.3);}
.extra-fab-main>a.extra-toggle{box-shadow:0 12px 30px rgba(3,84,198,.55);}

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

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

@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,116,190,.06);border-color:rgba(64,116,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(54,121,214,.1);border-color:rgba(54,121,214,.45);}
    #mac-ajax-auth-root .auth-app-dl-promo{background:#e8f0fb;border:1px solid rgba(54,121,214,.32);}
    .bstem #mac-ajax-auth-root .auth-app-dl-promo,body.bstem #mac-ajax-auth-root .auth-app-dl-promo{border-color:rgba(54,121,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:#e9f0f9;}
    .mac-catalog-show .vod_all .screen_list:not(.sx_tz) li.hl>a{background-color:#e9f0f9;}
    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,121,214,.2);color:#3679d6;}
}

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


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

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


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

/* 板块右上角的「更多」—— 跟「展开」做成同一个控件
 *
 * 为什么要统一：这两个是同一类东西（都是"还有更多，点这里"），
 * 现在却长得像两个系统里的按钮 —— 一个是 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:#d6eef5 !important; color:#167792 !important; border:1px solid #a4dbea !important; }
.mtw__pill--c1{ background:#dee9f7 !important; color:#164a92 !important; border:1px solid #a4c1ea !important; }
.mtw__pill--c2{ background:#d6d8f5 !important; color:#162192 !important; border:1px solid #a4a9ea !important; }
.mtw__pill--c3{ background:#e2eff8 !important; color:#165e92 !important; border:1px solid #a4cdea !important; }
.mtw__pill--c4{ background:#dae0f6 !important; color:#163192 !important; border:1px solid #a4b3ea !important; }
.mtw__pill--c5{ background:#e0def7 !important; color:#211692 !important; border:1px solid #a9a4ea !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, #e0eaf7 0%, #f1f5f9 100%) !important;
    border-bottom: 1px solid #c7d8ef;
}
.bstem #topnav .head_box,
.bstem body .head_box,
.bstem #topnav .head_box.nav_top,
.bstem #topnav .head_box.nav_fixed{
    background: linear-gradient(180deg, #161c24 0%, #101317 100%) !important;
    border-bottom-color: #29313d;
}

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

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

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


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