/* ============================================================
   来源：views/tools/west/index.html 内联 <style> 第 1 块（原位抽离，18 行）
   说明：在原位置以 <link rel="stylesheet"> 引入，来源顺序不变，
        层叠结果与抽离前逐字一致，不会引起样式变化。
   ============================================================ */
.wst-hero { background: #EFE6D6; color: #fff; border-radius: 16px; padding: 30px 28px 30px 150px; margin-bottom: 18px; }
.wst-hero h1 { margin: 0 0 8px; font-size: 1.6rem; display: flex; align-items: center; gap: 10px; }
.wst-hero p { margin: 0; font-size: .9rem; line-height: 1.9; color: #ffe9e9; max-width: 640px; }
.wst-hero .chips { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.wst-hero .chips span { border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.12); border-radius: 14px; padding: 2px 12px; font-size: .76rem; }
.wst-sec { margin: 18px 0 8px; display: flex; align-items: baseline; gap: 10px; }
.wst-sec b { font-size: 1.05rem; color: #2c2b28; }
.wst-sec span { font-size: .78rem; color: #98a3bd; }
.wst-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.wst-card { display: flex; gap: 14px; align-items: flex-start; border: 1px solid #e3e9f5; border-radius: 14px; padding: 18px; background: #fff; text-decoration: none; color: inherit; transition: all .18s; }
.wst-card:hover { border-color: #eb1313; box-shadow: 0 6px 18px rgba(80, 110, 180, .14); transform: translateY(-2px); }
.wst-ic { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.7rem; flex: 0 0 auto; }
.wst-card .wt b { font-size: 1.02rem; color: #2c2b28; display: block; }
.wst-card .wt .en { font-size: .72rem; color: #a3aed0; letter-spacing: .5px; }
.wst-card .wt p { margin: 6px 0 0; font-size: .8rem; color: #7a8498; line-height: 1.7; }
.wst-card .wt .go { display: inline-block; margin-top: 8px; font-size: .78rem; color: #eb1313; font-weight: 600; }
.wst-grid.g2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) { .wst-grid, .wst-grid.g2 { grid-template-columns: 1fr; } }

/* ============================================================
   西方娱乐首页头图：人物徽章改到左侧（对齐 theme/index.html 图标在左）
   —— 覆盖 hero-banner.css 通用「right:36px 贴右」规则；
       整段内容右移避让左侧人物；窄屏隐藏徽章时恢复默认左内边距。
       仅作用西方娱乐模块（.xb-west），不影响其它模块。
   ============================================================ */
.xb-west .ge-badge {
    left: 28px;
    right: auto;
    bottom: 0;
}
@media (max-width: 600px) {
    .wst-hero { padding-left: 28px; }   /* 窄屏徽章隐藏，恢复默认左内边距 */
}