/* ============================================================
   17论坛 · 2026 媒体风皮肤 v2（仅 www.17lubbs.com 论坛门面加载）
   设计语言：新闻媒体头版 —— 深蓝主色 / 直角卡片 / 强排版层级
   原则：只做视觉增强，不改 DOM，不破坏移动端适配
   ============================================================ */
:root{
  --lz-primary:#1e50b3;
  --lz-primary-2:#173f8f;
  --lz-accent:#d93025;
  --lz-bg:#f5f6f8;
  --lz-card:#ffffff;
  --lz-line:#e3e6eb;
  --lz-text:#1c1f24;
  --lz-sub:#69707a;
  --lz-radius:6px;
  --lz-shadow:0 1px 3px rgba(20,30,50,.06);
}
html,body{
  background:var(--lz-bg) !important;
  color:var(--lz-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--lz-primary);text-decoration:none}
a:hover{color:var(--lz-primary-2)}
.wp{max-width:1200px;margin:0 auto;padding:0 18px}

/* ================= 顶部：媒体报头 ================= */
#hd{background:#fff !important;border-bottom:2px solid var(--lz-primary) !important;position:sticky;top:0;z-index:999}
#hd .wp{display:flex;align-items:center;min-height:64px}
#hd h2 a,#hd .logo a{font-weight:800;font-size:24px;color:var(--lz-text);letter-spacing:1px}
#hd h2 em,#hd .logo em{color:var(--lz-accent);font-style:normal}
#nv,#nv li a{background:transparent !important}
#nv{overflow-x:auto;white-space:nowrap}
#nv li a{
  display:inline-block;padding:9px 18px !important;margin:0 1px;border-radius:4px !important;
  color:var(--lz-text) !important;font-size:15.5px;font-weight:600;background:none !important;
  border-bottom:2px solid transparent;transition:all .15s ease;
}
#nv li a:hover{color:var(--lz-primary) !important;background:#eef2fa !important}
#nv li.a a,#nv li.current a{color:#fff !important;background:var(--lz-primary) !important}

/* 报头 logo（横版 SVG 自带域名与口号，无需额外副标） */
.buslogo img{height:52px !important;width:auto !important;display:block}
@media (max-width:768px){.buslogo img{height:40px !important}}

/* ================= 主体：直角卡片 ================= */
#ct,.bm,.bm_c,.frame,.block{border-radius:var(--lz-radius) !important}
.bm,.frame{
  background:var(--lz-card) !important;border:1px solid var(--lz-line) !important;
  box-shadow:var(--lz-shadow);margin-bottom:18px !important;
}
.bm_c{padding:18px 20px !important}
.bm_h,.block .title,.frame-title{
  padding:14px 20px !important;border-bottom:2px solid var(--lz-text) !important;
  background:#fff !important;border-radius:6px 6px 0 0;
}
.bm_h a,.block .title h1,.frame-title h2{font-size:18px !important;font-weight:800 !important;color:var(--lz-text) !important;letter-spacing:.5px}

/* ================= 门户：媒体头版 ================= */

/* 章节标题：左强调条（通用） */
.activity_title,.left_nav_title{
  position:relative;padding:2px 0 2px 12px !important;
  font-size:17px !important;font-weight:800 !important;color:var(--lz-text) !important;
  letter-spacing:1px;border:none !important;background:none !important;
}
.activity_title::before,.left_nav_title::before{
  content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;
  background:var(--lz-accent);border-radius:2px;
}
/* 公共社区侧栏 */
.left_nav{background:#fff !important;border:1px solid var(--lz-line) !important;border-radius:6px !important;box-shadow:var(--lz-shadow)}
.left_nav_title{padding-bottom:10px !important;margin-bottom:6px;border-bottom:1px solid var(--lz-line) !important}
.left_nav a{color:var(--lz-text) !important;font-size:14.5px}
.left_nav a:hover{color:var(--lz-primary) !important}

/* 头条区（article）：头条 + 次条两级层级 */
.bus_jdbt{background:#fff !important;border:1px solid var(--lz-line) !important;border-radius:6px !important;box-shadow:var(--lz-shadow);padding:18px 22px 10px !important}
.article_title{margin:8px 0 0 !important;padding:0 0 10px;border-bottom:1px solid var(--lz-line) !important}
.article_title a{
  position:relative;font-size:22px !important;font-weight:800 !important;
  color:var(--lz-text) !important;letter-spacing:.5px;line-height:1.5 !important;
  padding-left:64px;display:block;
}
.article_title a::before{
  content:"头条";position:absolute;left:0;top:3px;
  background:var(--lz-accent);color:#fff;font-size:13px;font-weight:700;
  padding:3px 9px;border-radius:3px;letter-spacing:2px;line-height:1.4;
}
.article_title a:hover{color:var(--lz-primary) !important}
/* 次条：第二条起变小标题 + 灰色徽章 */
.article_title ~ .article_title{
  padding:12px 0 12px !important;margin:0 !important;
  border-bottom:1px dashed #eef0f3 !important;
}
.article_title ~ .article_title:last-of-type{border-bottom:none !important}
.article_title ~ .article_title a{font-size:17px !important;font-weight:700 !important;padding-left:64px}
.article_title ~ .article_title a::before{content:"次条";background:var(--lz-sub)}
.article_content{
  color:var(--lz-sub) !important;font-size:14px !important;line-height:1.8 !important;
  margin:6px 0 14px !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* 文章列表（ily-list）：媒体列表行 */
.ily-list{background:#fff !important;border:1px solid var(--lz-line) !important;border-radius:6px !important;box-shadow:var(--lz-shadow);padding:6px 20px !important}
.ily-list li{border-bottom:1px solid #eef0f3 !important;padding:14px 0 !important;margin:0 !important}
.ily-list li:last-child{border-bottom:none !important}
.list-title a{
  font-size:16.5px !important;font-weight:700 !important;color:var(--lz-text) !important;
  line-height:1.6 !important;transition:color .12s ease;
}
.list-title a:hover{color:var(--lz-primary) !important}
.list-bar{margin-top:6px}
.list-info,.list-bar_left span{color:var(--lz-sub) !important;font-size:13px !important}
.list-name{color:var(--lz-sub) !important;font-size:13px !important}
.single-img img{border-radius:4px !important}

/* 热帖排行：序号徽章（前三红色） */
.other_hot{background:#fff !important;border:1px solid var(--lz-line) !important;border-radius:6px !important;box-shadow:var(--lz-shadow);padding:14px 18px !important}
.other_hot ul li,.other_hot li{padding:8px 0 !important;border-bottom:1px dashed #eef0f3 !important;list-style:none}
.other_hot li:last-child{border-bottom:none !important}
.other_hot li a{color:var(--lz-text) !important;font-size:14.5px !important;font-weight:500 !important}
.other_hot li a:hover{color:var(--lz-primary) !important}
.other_hot li span{
  display:inline-block !important;min-width:20px;text-align:center;
  background:#c7cdd6;color:#fff;font-size:12px;font-weight:700;
  border-radius:3px;padding:1px 5px;margin-right:8px;
}
.other_hot li:nth-child(1) span,.other_hot li:nth-child(2) span,.other_hot li:nth-child(3) span{background:var(--lz-accent)}

/* 活跃网友：头像网格 */
.net_friend{background:#fff !important;border:1px solid var(--lz-line) !important;border-radius:6px !important;box-shadow:var(--lz-shadow);padding:14px 18px !important}
.bususerlogo img{border-radius:4px !important;border:1px solid var(--lz-line)}
.net_friend_name{font-size:12.5px !important;color:var(--lz-sub) !important;margin-top:4px}

/* 登录卡 */
.quick_login{background:#fff !important;border:1px solid var(--lz-line) !important;border-radius:6px !important;box-shadow:var(--lz-shadow)}
.login_btn,.resiger_btn{
  border-radius:4px !important;font-weight:700 !important;letter-spacing:2px;
  border:none !important;background:var(--lz-primary) !important;color:#fff !important;
}
.resiger_btn{background:#fff !important;color:var(--lz-primary) !important;border:1px solid var(--lz-primary) !important}
.busreport a{color:var(--lz-sub) !important;font-size:12.5px !important}

/* 列表标题单行截断 */
.list-title a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* 轮播图与无图占位处理：媒体站不展示灰色占位图 */
.busbanner{display:none !important}
img[src*="nophoto"]{display:none !important}
.single-img{float:none !important;display:none !important}

/* 文章列表内部空 UL 隐藏 */
.ily-list ul:empty{display:none !important}
/* 列表卡片间距统一 */
.ily-list{margin-bottom:18px !important}
.bus_jdbt{margin-bottom:18px !important}

/* 占位区清理：假广告位与空活动区 */
.forumads,.activity_stage{display:none !important}

/* ================= 论坛页：版块/帖子列表 ================= */
#threadlist .tl th{padding:12px 10px !important}
#threadlist tr th,#threadlist tr td{border-bottom:1px solid #eef0f3 !important}
#threadlist tr:last-child th,#threadlist tr:last-child td{border-bottom:none !important}
#threadlist tbody tr{transition:background .12s ease}
#threadlist tbody tr:hover{background:#f6f8fc !important}
.tl .xst{font-size:15.5px !important;font-weight:600 !important;color:var(--lz-text) !important}
.tl .xst:hover{color:var(--lz-primary) !important}
.common,.xw1,.num em{color:var(--lz-sub)}
.by a{color:var(--lz-sub) !important}
.forumcount,.num span{color:var(--lz-primary) !important;font-weight:700}
/* ================= 论坛首页：分区媒体样式（#nv_forum） ================= */
/* 数据条（今日/昨日/帖子/会员） */
#nv_forum .bm.o ll,#nv_forum .bm.oll{background:#fff !important;border:1px solid var(--lz-line) !important;border-radius:6px !important;box-shadow:var(--lz-shadow);padding:12px 18px !important}
#nv_forum .bm.oll a,#nv_forum .bm.oll{color:var(--lz-sub) !important;font-size:13.5px}
#nv_forum .bm.oll strong,#nv_forum .bm.oll em{color:var(--lz-primary) !important;font-weight:700}

/* 分区标题栏：深蓝底 + 自动编号（01/02/03…）+ 红色角标 */
#nv_forum .bm.bmw{overflow:hidden}
#nv_forum .bm_h{
  background:var(--lz-primary) !important;border-bottom:none !important;
  padding:11px 18px !important;position:relative;counter-increment:lzsec;
}
#nv_forum .bm_h a,#nv_forum .bm_h h2 a{
  color:#fff !important;font-size:17px !important;font-weight:800 !important;letter-spacing:3px;
}
#nv_forum .bm_h::before{
  content:"0" counter(lzsec);
  display:inline-block;margin-right:12px;padding:1px 8px;
  background:var(--lz-accent);color:#fff;font-size:13px;font-weight:800;
  border-radius:3px;letter-spacing:1px;vertical-align:2px;
}
/* 分区栏右侧「展开/收起」按钮染色 */
#nv_forum .bm_h .o{filter:brightness(0) invert(1)}

/* 分区主体：版块行式布局 */
#nv_forum #category_1,#nv_forum .bm_c{background:#fff !important}
#nv_forum .fl_tb tr{border-bottom:1px solid #f0f2f5 !important;transition:background .12s ease}
#nv_forum .fl_tb tr:last-child{border-bottom:none !important}
#nv_forum .fl_tb tr:hover{background:#f6f8fc !important}
#nv_forum .fl_tb td{padding:16px 10px !important;vertical-align:middle}
/* 版块图标：统一品牌蓝，悬停变红 */
#nv_forum .fl_icn svg path{fill:var(--lz-primary) !important;transition:fill .15s ease}
#nv_forum .fl_tb tr:hover .fl_icn svg path{fill:var(--lz-accent) !important}
/* 版块名 */
#nv_forum .fl_tb h2 a{font-size:16.5px !important;font-weight:800 !important;color:var(--lz-text) !important;letter-spacing:.5px}
#nv_forum .fl_tb h2 a:hover{color:var(--lz-primary) !important}
/* 版块简介 */
#nv_forum .fl_tb .xg2{color:var(--lz-sub) !important;font-size:13px !important;line-height:1.7 !important;margin-top:4px !important;max-width:420px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
/* 主题/帖数 */
#nv_forum .fl_i{white-space:nowrap}
#nv_forum .fl_i .xi2{color:var(--lz-primary) !important;font-weight:800;font-size:15px}
#nv_forum .fl_i .xg1{color:var(--lz-sub) !important;font-size:13px}
/* 最后发表 */
#nv_forum .fl_by{font-size:13px !important;color:var(--lz-sub) !important;max-width:260px}
#nv_forum .fl_by .xi2{color:var(--lz-text) !important;font-weight:600 !important;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#nv_forum .fl_by cite{font-style:normal;color:var(--lz-sub) !important;font-size:12.5px}
#nv_forum .fl_by cite a{color:var(--lz-sub) !important}

/* 版块内页列表头 */
.forumname a{border-left:4px solid var(--lz-primary);padding-left:8px !important;font-weight:800}


/* ================= 帖子内容 ================= */
.plc{background:#fff !important;border-radius:var(--lz-radius) !important;box-shadow:var(--lz-shadow);border:1px solid var(--lz-line) !important;margin-bottom:14px !important;overflow:hidden}
.pls{background:#f8f9fb !important;border-right:1px solid var(--lz-line) !important}
.t_f{font-size:16px !important;line-height:1.9 !important;color:var(--lz-text)}
.pi strong,.authi a.xw1{color:var(--lz-text) !important}
.pcb{padding:20px !important}
.pattl img{border-radius:4px}

/* ================= 分页与按钮 ================= */
#pg,.pgs{margin:18px 0}
.pg a,.pg strong,.pg label{border-radius:4px !important;border:1px solid var(--lz-line) !important;background:#fff !important;color:var(--lz-text) !important;margin:0 3px !important;padding:6px 12px !important}
.pg a:hover{border-color:var(--lz-primary) !important;color:var(--lz-primary) !important}
.pg strong{background:var(--lz-primary) !important;color:#fff !important;border-color:var(--lz-primary) !important;font-weight:700}
.pn,.pnc,button.pn{
  border-radius:4px !important;border:none !important;
  background:var(--lz-primary) !important;color:#fff !important;
  padding:8px 20px !important;font-size:14px !important;font-weight:700 !important;
  letter-spacing:1px;transition:all .15s ease;
}
.pn:hover,.pnc:hover{background:var(--lz-primary-2) !important}
.pcb .pnc,#f_pst .pnc{background:var(--lz-primary) !important}

/* ================= 右侧栏纵向节奏统一 ================= */
.other_activity > *{margin-bottom:18px !important}
.other_activity > *:last-child{margin-bottom:0 !important}

/* ================= 页脚 ================= */
.bus_foot{border-top:2px solid var(--lz-text) !important;margin-top:28px !important;padding:26px 0 10px !important;background:#fff !important}
.bus_foot .footer-content li{list-style:none;color:var(--lz-sub) !important;font-size:13px !important;line-height:2 !important}
.bus_foot a{color:var(--lz-sub) !important}
.bus_foot a:hover{color:var(--lz-primary) !important}
#ft,.wp.cl:last-of-type{padding:14px 0 40px}
#ft{color:var(--lz-sub) !important;font-size:13px;border-top:none !important;margin-top:0 !important}
#ft a{color:var(--lz-sub) !important}

/* ================= 深论式媒体首页组件（.lz-*） ================= */
/* 公告头条条 */
.lz-ann{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--lz-line);border-radius:6px;box-shadow:var(--lz-shadow);padding:12px 18px;margin:18px 0 14px;overflow:hidden}
.lz-ann-badge{flex:none;background:var(--lz-accent);color:#fff;font-size:13px;font-weight:800;letter-spacing:2px;padding:4px 10px;border-radius:3px;white-space:nowrap}
.lz-ann-lead{flex:none;max-width:46%;font-size:17px;font-weight:900;color:var(--lz-accent) !important;letter-spacing:.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lz-ann-item{font-size:13.5px;color:var(--lz-sub) !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lz-ann-item::before{content:"|";margin-right:10px;color:#d8dce2}
.lz-ann a:hover{color:var(--lz-primary) !important}

/* 圆形版块快捷入口 */
.lz-circles{display:grid;grid-template-columns:repeat(7,1fr);gap:14px 8px;background:#fff;border:1px solid var(--lz-line);border-radius:6px;box-shadow:var(--lz-shadow);padding:20px 18px;margin-bottom:14px}
.lz-circle{display:flex;flex-direction:column;align-items:center;gap:8px}
.lz-circle-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;color:#fff;font-size:22px;font-weight:800;box-shadow:0 3px 8px rgba(20,30,50,.18);transition:transform .15s ease}
.lz-circle:hover .lz-circle-ico{transform:translateY(-3px)}
.lz-circle-name{font-size:13px;color:var(--lz-text);font-weight:600}
.lz-circle:hover .lz-circle-name{color:var(--lz-primary)}

/* 两栏布局 */
.lz-cols{display:flex;gap:16px;align-items:flex-start}
.lz-main{flex:1;min-width:0}
.lz-side{flex:none;width:300px}

/* 分区楼层 */
.lz-sec{background:#fff;border:1px solid var(--lz-line);border-radius:6px;box-shadow:var(--lz-shadow);margin-bottom:16px;overflow:hidden}
.lz-sec-head{display:flex;align-items:flex-end;justify-content:space-between;background:var(--lz-primary);padding:11px 18px;counter-increment:lzsec2}
.lz-sec-head h2 a{color:#fff !important;font-size:17px;font-weight:800;letter-spacing:2px}
.lz-sec-head h2 a::before{content:"0" counter(lzsec2);display:inline-block;margin-right:10px;padding:1px 8px;background:var(--lz-accent);color:#fff;font-size:12.5px;font-weight:800;border-radius:3px;vertical-align:2px}
.lz-sec-title p{color:rgba(255,255,255,.75);font-size:12px;margin-top:3px;letter-spacing:.5px}
.lz-sec-more{color:rgba(255,255,255,.85) !important;font-size:13px;white-space:nowrap}
.lz-sec-more:hover{color:#fff !important}
.lz-sec-list{list-style:none;margin:0;padding:4px 18px}
.lz-sec-list li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0f2f5}
.lz-sec-list li:last-child{border-bottom:none}
.lz-tag{flex:none;background:#eef2fa;color:var(--lz-primary) !important;font-size:12px;font-weight:700;padding:2px 8px;border-radius:3px;white-space:nowrap}
.lz-t{flex:1;font-size:15px;font-weight:600;color:var(--lz-text) !important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lz-t:hover{color:var(--lz-primary) !important}
.lz-meta{flex:none;font-size:12.5px;color:var(--lz-sub)}
.lz-empty{color:var(--lz-sub);font-size:14px;justify-content:center;padding:22px 0 !important}

/* 右侧栏标题 */
.lz-side-title{font-size:15.5px;font-weight:800;color:var(--lz-text);letter-spacing:1px;padding-bottom:10px;margin-bottom:6px;border-bottom:2px solid var(--lz-text);position:relative}
.lz-side-title::after{content:"";position:absolute;left:0;bottom:-2px;width:44px;height:2px;background:var(--lz-accent)}

/* 热帖排行（复用 other_hot 容器） */
.lz-side .other_hot{box-shadow:none;margin-bottom:16px !important}
.other_hot li em{display:block;font-style:normal;color:var(--lz-sub);font-size:12px;margin-top:2px;padding-left:28px}
.other_hot li a{display:inline-block;max-width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}

/* 论坛数据卡 */
.lz-stat{background:#fff;border:1px solid var(--lz-line);border-radius:6px;box-shadow:var(--lz-shadow);padding:14px 18px}
.lz-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:10px}
.lz-stat-grid div{text-align:center;background:#f7f8fa;border-radius:4px;padding:10px 4px}
.lz-stat-grid strong{display:block;font-size:19px;color:var(--lz-primary);font-weight:800}
.lz-stat-grid span{font-size:12px;color:var(--lz-sub)}
.lz-login-tip{color:var(--lz-sub);font-size:13px;padding:6px 0 12px}

/* ================= 移动端 ================= */
@media (max-width:768px){
  .wp{padding:0 12px}
  #hd .wp{min-height:54px}
  .bm_c,.pcb{padding:12px !important}
  .t_f{font-size:15px !important}
  .tl .xst{font-size:15px !important}
  .article_title a{font-size:18px !important;padding-left:56px}
  .article_title a::before{font-size:11px;padding:2px 7px;top:4px}
  .list-title a{font-size:15px !important}
  .ily-list,.bus_jdbt{padding:12px 14px !important}
  /* 论坛分区：小屏版块行堆叠 */
  #nv_forum .bm_h a{font-size:15.5px !important;letter-spacing:2px}
  #nv_forum .fl_tb,#nv_forum .fl_tb tbody,#nv_forum .fl_tb tr,#nv_forum .fl_tb td{display:block;width:100% !important}
  #nv_forum .fl_tb td{padding:10px 12px !important;border:none !important}
  #nv_forum .fl_icn{display:none !important}
  #nv_forum .fl_i{display:none !important}
  #nv_forum .fl_tb h2 a{font-size:16px !important}
  #nv_forum .fl_tb .xg2{max-width:none !important}
  #nv_forum .fl_by{max-width:none !important;padding-top:2px !important}
  /* 深论式首页：小屏适配 */
  .lz-cols{flex-direction:column}
  .lz-side{width:100%}
  .lz-circles{grid-template-columns:repeat(4,1fr)}
  .lz-ann{flex-wrap:wrap;gap:8px}
  .lz-ann-lead{max-width:100%}
  .lz-ann-item{display:none}
  .lz-sec-list li{flex-wrap:wrap}
  .lz-t{flex-basis:100%}
  .lz-meta{flex-basis:100%;padding-left:0}
}