/* ==========================================================
   v3 装饰版 · 对齐首页 fzjsgw.com 设计语言
   命名空间 .jgw-topic（仿站点 life-bst.css 的 .jgw-bst 做法）
   部署到 EyouCMS 时可删去本段，改引 core.css / pages.css / life-bst.css
   ========================================================== */
:root{
  --main:#D90000; --main-2:#E1474D; --soft:#FFF0EF; --line-red:#FFD9D4; --btn:#FFFAF9;
  --t1:#333; --t2:#444; --t3:#555; --t4:#888; --t5:#999;
  --line:#eee; --dash:#f1f1f1; --bg:#f5f5f5; --card:#fff;
  --blue:#4796D8; --orange:#FD6440; --ico-orange:#E07B16; --ico-blue:#2B7CD3; --ico-green:#2E9E6B;
  --hero-a:#FFF5F0; --hero-b:#FFE3D8; --hero-ink:#8E2A16; --hero-sub:#B4705A; --hero-line:#C4482F;
}
*{box-sizing:border-box;}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;color:var(--t2);background:var(--bg);font-size:14px;line-height:1.7;}
a{color:var(--t2);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--main);}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px;}

.jgw-topic .site-top{background:#fff;border-bottom:1px solid var(--line);}
.jgw-topic .site-top .wrap{display:flex;align-items:center;height:60px;gap:20px;}
.jgw-topic .logo{font-size:21px;font-weight:800;color:var(--main);letter-spacing:1px;line-height:1.15;white-space:nowrap;}
.jgw-topic .logo small{display:block;font-size:11px;font-weight:400;color:var(--t5);letter-spacing:0;}
.jgw-topic .site-nav{display:flex;gap:18px;font-size:14px;margin-left:12px;}
.jgw-topic .site-nav a{color:var(--t1);}
.jgw-topic .site-nav a.cur{color:var(--main);font-weight:600;}
.jgw-topic .search{margin-left:auto;display:flex;height:32px;}
.jgw-topic .search input{width:170px;border:1px solid #dedede;border-right:0;border-radius:3px 0 0 3px;padding:0 10px;font-size:12px;outline:none;color:var(--t3);}
.jgw-topic .search button{width:38px;border:none;background:var(--main);color:#fff;border-radius:0 3px 3px 0;cursor:pointer;font-size:14px;}

/* 首页同款 SVG 暖色 banner */
.jgw-topic .hero-card{background:var(--card);border-radius:4px;margin:18px 0 0;padding:14px;}
.jgw-topic .bst-hero{border-radius:8px;overflow:hidden;line-height:0;}
.jgw-topic .bst-hero svg{display:block;width:100%;height:auto;}
.jgw-topic .hero-note{font-size:12px;color:var(--t5);padding:9px 4px 1px;}

/* 快捷入口：复用首页 bst-grid 图标网格 */
.jgw-topic .quick{background:var(--card);border-radius:4px;margin:14px 0 0;padding:4px 6px 14px;}
.jgw-topic .quick-title{font-size:12px;color:var(--t5);padding:10px 14px 2px;letter-spacing:1px;}
.jgw-topic .bst-grid{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:12px 2px;padding:10px 8px 0;margin:0;}
.jgw-topic .bst-grid li{margin:0;padding:0;text-align:center;}
.jgw-topic .bst-grid a{display:block;color:var(--t2);}
.jgw-topic .bst-grid a:hover{color:var(--main);}
.jgw-topic .bst-ico{width:46px;height:46px;border-radius:12px;margin:0 auto 7px;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-topic .bst-grid a:hover .bst-ico{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.09);}
.jgw-topic .bst-ico svg{width:24px;height:24px;}
.jgw-topic .bst-grid h4{margin:0;font-size:12px;font-weight:400;line-height:1.35;color:var(--t3);}

/* 栏目卡片：widget + section-title（首页同款） */
.jgw-topic .widget{background:var(--card);border-radius:4px;margin:14px 0 0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);}
.jgw-topic .section-title{position:relative;border-bottom:1px solid var(--line);margin-bottom:12px;}
.jgw-topic .section-title h3{border-left:3px solid var(--main);padding-left:15px;margin:18px 0 14px;font-weight:normal;font-size:1.25em;color:var(--t1);line-height:1.3;}
.jgw-topic .cat-sub{font-size:12px;color:var(--t5);margin:-4px 0 10px 18px;}
.jgw-topic .bst-more{position:absolute;right:18px;top:22px;font-size:12px;color:var(--t5);}
.jgw-topic .bst-more:hover{color:var(--main);}

/* 区县筛选 chips（沿用 bst-foot 胶囊色彩） */
.jgw-topic .filter{display:flex;gap:7px;flex-wrap:wrap;margin:0 18px 12px;}
.jgw-topic .filter span{font-size:12px;color:var(--t4);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:3px 12px;cursor:pointer;transition:.15s;user-select:none;}
.jgw-topic .filter span:hover{color:var(--main);border-color:var(--line-red);background:var(--btn);}
.jgw-topic .filter span.on{color:#fff;background:var(--main);border-color:var(--main);}

/* 文章列表：bst-list 虚线 + 序号徽章 + 区县红标签 */
.jgw-topic .bst-list{list-style:none;padding:0 18px 4px;margin:0;}
.jgw-topic .bst-list li{padding:9px 0;border-bottom:1px dashed var(--dash);display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;}
.jgw-topic .bst-list li:last-child{border-bottom:0;}
.jgw-topic .bst-list li i{font-style:normal;flex:0 0 auto;font-size:11px;background:#eee;color:var(--t4);padding:2px 7px;min-width:20px;text-align:center;border-radius:3px;margin-top:1px;}
.jgw-topic .bst-list li i.a1{background:var(--main);color:#fff;}
.jgw-topic .bst-list li i.a2{background:var(--orange);color:#fff;}
.jgw-topic .bst-list li i.a3{background:var(--blue);color:#fff;}
.jgw-topic .bst-tag{flex:0 0 44px;width:44px;text-align:center;white-space:nowrap;margin-top:1px;font-size:11px;line-height:18px;height:18px;padding:0 4px;border-radius:3px;color:var(--main);background:var(--soft);}
.jgw-topic .bst-list a{color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.jgw-topic .bst-list a:hover{color:var(--main);}
.jgw-topic .bst-list .empty{color:var(--t5);border:0;font-size:12px;}

/* bst-foot 胶囊按钮 */
.jgw-topic .bst-foot{text-align:center;padding:6px 0 18px;}
.jgw-topic .bst-foot a{display:inline-block;font-size:12px;color:var(--main);background:var(--btn);border:1px solid var(--line-red);border-radius:15px;padding:4px 18px;}
.jgw-topic .bst-foot a:hover{background:var(--main);color:#fff;border-color:var(--main);}

/* 权重架构表 */
.jgw-topic .hubs table{width:100%;border-collapse:collapse;font-size:13px;}
.jgw-topic .hubs table th,.jgw-topic .hubs table td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;}
.jgw-topic .hubs table th{background:#fafafa;color:var(--t3);font-weight:600;}
.jgw-topic .hubs table tbody tr:nth-child(even){background:#fcfcfc;}
.jgw-topic .hubs .lv{display:inline-block;font-size:11px;color:#fff;background:var(--main);border-radius:3px;padding:1px 7px;font-weight:700;}
.jgw-topic .hubs tr:nth-child(2) .lv{background:var(--orange);}
.jgw-topic .hubs tr:nth-child(3) .lv{background:var(--blue);}
.jgw-topic .hubs tr:nth-child(4) .lv{background:#aaa;}
.jgw-topic .hubs .hubbox{padding:0 18px 20px;}

.jgw-topic > footer:not(.footer){background:#343639;color:#bbb;font-size:12px;text-align:center;padding:16px;margin-top:20px;}
.jgw-topic footer a{color:#ddd;}

.jgw-topic .cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;margin:14px 0 0;}
.jgw-topic .cat-grid > .widget{margin:0;display:flex;flex-direction:column;}
.jgw-topic .cat-grid .bst-list{flex:1 1 auto;}
.jgw-topic .cat-grid .bst-foot{margin-top:auto;}
@media (max-width:760px){.jgw-topic .cat-grid{grid-template-columns:1fr;}}
/* 首页 wow fadeInUp 入场动画（纯 CSS 近似，不依赖 wow.js） */
@keyframes jgwFadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.jgw-topic .widget,.jgw-topic .hero-card,.jgw-topic .quick{animation:jgwFadeUp .5s ease both;}
/* 同一行两块同步淡入，与原型 v3 一致 */
.jgw-topic #cat-life,.jgw-topic #cat-bianmin{animation-delay:.06s;}
.jgw-topic #cat-fuwu,.jgw-topic #cat-health{animation-delay:.18s;}
.jgw-topic #cat-hubs{animation-delay:.30s;}

@media (max-width:860px){
  .jgw-topic .site-nav{display:none;}
  .jgw-topic .bst-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:480px){
  .jgw-topic .search{display:none;}
  .jgw-topic .bst-grid{grid-template-columns:repeat(4,1fr);gap:10px 2px;}
  .jgw-topic .bst-ico{width:38px;height:38px;}
  .jgw-topic .hubs .hubbox{overflow-x:auto;}
  .jgw-topic .hubs table{min-width:560px;}
}


/* ==========================================================
   覆盖站点 core.css / pages.css 的全局约束（专题页专用）
   core.css 的 .widget ul li 设了 white-space:nowrap / overflow:hidden /
   text-overflow:ellipsis / margin-bottom，会让列表不换行、两行截断失效；
   本文件最后加载，用更高优先级显式还原。
   ========================================================== */
.jgw-topic .widget ul.bst-list > li,
.jgw-topic .widget ul.bst-grid > li{
  white-space:normal; overflow:visible; text-overflow:clip;
  margin:0; padding-left:0; list-style:none;
}
.jgw-topic .widget ul.bst-list > li.art-item{ margin-bottom:0; }

/* 前三名序号徽章（对应首页 a1 红 / a2 橙 / a3 蓝），无需模板输出 class */
.jgw-topic .bst-list > li.art-item:nth-child(1) > i{ background:#D90000; color:#fff; }
.jgw-topic .bst-list > li.art-item:nth-child(2) > i{ background:#FD6440; color:#fff; }
.jgw-topic .bst-list > li.art-item:nth-child(3) > i{ background:#4796D8; color:#fff; }

/* 站点 .widget 默认无圆角/无阴影的兜底，保持 v3 卡片观感 */
.jgw-topic .widget{ box-shadow:0 1px 2px rgba(0,0,0,.03); }

/* view_special.htm 专用：专题内容页 h1（补齐语义标题，首页 h3 同款红竖条） */
.jgw-topic .topic-h1{
  font-size:22px; font-weight:normal; color:var(--title);
  border-left:3px solid var(--main); padding-left:12px;
  margin:2px 4px 12px; line-height:1.4;
}