/* ==========================================================
 * 生活百事通 · 侧栏聚合块样式  life-bst.css
 * 适用：www.fzjsgw.com / EyouCMS template/default/pc
 * 依赖：站点 core.css / pages.css（已加载 .widget / .section-title）
 * 版本：2026-11-09  |  命名空间 .jgw-bst，不影响其他栏目
 * ========================================================== */
/* ===== 生活百事通 · 侧栏聚合块（命名空间 jgw-bst，避免污染站点样式） ===== */
/* 保险：部分内页未加载 wow.js 时仍保证内容可见 */
.jgw-bst.wow { visibility: visible !important; }
.jgw-bst .section-title { position: relative; margin-bottom: 12px; }
.jgw-bst .section-title h3 { margin: 18px 0 14px; }
.jgw-bst .bst-more { position: absolute; right: 18px; top: 22px; font-size: 12px; color: #999; }
.jgw-bst .bst-more:hover { color: #D90000; }
.jgw-bst .bst-hero { margin: 0 14px 4px; border-radius: 8px; overflow: hidden; line-height: 0; }
.jgw-bst .bst-hero-svg { display: block; width: 100%; height: auto; }
.jgw-bst .bst-tabs { display: flex; margin: 10px 14px 0; border-bottom: 1px solid #f0f0f0; }
.jgw-bst .bst-tab { flex: 1; text-align: center; padding: 6px 0 10px; font-size: 13px; color: #888; cursor: pointer; position: relative; user-select: none; }
.jgw-bst .bst-tab:hover { color: #D90000; }
.jgw-bst .bst-tab.on { color: #D90000; font-weight: 600; }
.jgw-bst .bst-tab.on::after { content: ''; position: absolute; left: 24%; right: 24%; bottom: -1px; height: 2px; border-radius: 2px; background: #D90000; }
.jgw-bst .bst-panel { display: none; }
.jgw-bst .bst-panel.on { display: block; }
/* 覆盖站点 .widget ul / .widget ul li 的全局规则 */
.jgw-bst .bst-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 2px; padding: 15px 10px 8px !important; }
.jgw-bst .bst-grid li { float: none; width: auto; white-space: normal; overflow: visible; text-overflow: clip; margin: 0 !important; padding: 0; font-size: 12px !important; text-align: center; }
.jgw-bst .bst-grid a { display: block; color: #444; }
.jgw-bst .bst-grid a:hover { color: #D90000; }
.jgw-bst .bst-ico { width: 42px; height: 42px; border-radius: 12px; margin: 0 auto 6px; display: flex; align-items: center; justify-content: center; background: var(--bst-soft); color: var(--bst-main); transition: transform .18s ease, box-shadow .18s ease; }
.jgw-bst .bst-grid a:hover .bst-ico { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0,0,0,.09); }
.jgw-bst .bst-ico svg { width: 24px; height: 24px; }
.jgw-bst .bst-grid h4 { font-size: 12px; font-weight: 400; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jgw-bst .bst-list { padding: 6px 16px 4px !important; }
.jgw-bst .bst-list li { float: none; white-space: normal !important; overflow: visible; text-overflow: clip; margin: 0 !important; padding: 9px 0; font-size: 13px !important; line-height: 1.5; border-bottom: 1px dashed #f1f1f1; display: flex; align-items: flex-start; gap: 8px; }
.jgw-bst .bst-list li:last-child { border-bottom: 0; }
.jgw-bst .bst-tag { flex: 0 0 44px; width: 44px; box-sizing: border-box; text-align: center; white-space: nowrap; margin-top: 1px; font-size: 11px; line-height: 18px; height: 18px; padding: 0 4px; border-radius: 3px; color: #D90000; background: #FFF0EF; }
.jgw-bst .bst-list a { color: #444; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.jgw-bst .bst-list a:hover { color: #D90000; }
.jgw-bst .bst-foot { text-align: center; padding: 2px 0 18px; }
.jgw-bst .bst-foot a { display: inline-block; font-size: 12px; color: #D90000; background: #FFFAF9; border: 1px solid #FFD9D4; border-radius: 15px; padding: 4px 18px; }
.jgw-bst .bst-foot a:hover { background: #D90000; color: #fff; border-color: #D90000; }
@media only screen and (max-width: 480px) {
  .jgw-bst .bst-grid { grid-template-columns: repeat(4, 1fr); padding: 14px 8px 8px !important; }
  .jgw-bst .bst-ico { width: 38px; height: 38px; }
}

/* 图片资源版（life_bst_img.htm）专用 */
.jgw-bst .bst-ico { overflow: hidden; }
.jgw-bst .bst-ico img { display: block; width: 100%; height: 100%; border-radius: 12px; }
.jgw-bst .bst-hero-img { display: block; width: 100%; height: auto; }