/* =====================================================
   zmt.css —— 文章列表页独立样式（仅依赖页面现有 class 名）
   配色：主色 #d70000 / 深色 #b80000 / 辅助 #fdd435
   适配：桌面(≥1025) / 平板(≤1024) / 手机(≤768) / 小屏(≤480)
===================================================== */
/* ===== 色彩与基础变量 ===== */
:root{
  --primary:#ff6600;
  --primary-dark:#FF3300;
  --accent:#fdd435;
  --ink:#1a1a2e;
  --bg:#f5f5f5;
  --card:#ffffff;
  --text2:#333333;
  --text3:#999999;
  --line:#e0e0e0;
}

/* ===== 基础重置 ===== */
*{box-sizing:border-box;}
/* overflow-x 用 clip 而非 hidden：hidden 会使 sticky 失效，clip 同样阻止横向滚动 */
html{-webkit-text-size-adjust:100%;overflow-x:clip;}
body{
  margin:0;font-size:16px;line-height:1.7;color:var(--text2);background:var(--bg);
  font-family:'PingFang SC','Microsoft YaHei',sans-serif;
  overflow-x:clip;
}
form,input,select,textarea{font-family:inherit;}
img{border:0;max-width:100%;vertical-align:middle;}
ul{margin:0;padding:0;}
li{list-style:none;}
dl,dt,dd{margin:0;padding:0;}
p,h1,h2,h3,strong,em,span{margin:0;padding:0;}
a:link,a:visited,a:active{color:var(--text2);text-decoration:none;}
a:hover{color:var(--primary);}
em{font-style:normal;}

/* ===== 通用容器与工具类 ===== */
.m{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;clear:both;}
.f_l{float:left;}
.f_r{float:right;}
.f_gray{color:var(--text3);}
.b20{height:20px;font-size:0;line-height:0;}
.head_s{height:40px;}          /* 为吸顶工具条占位 */

/* =====================================================
   1. 顶部吸顶工具条
===================================================== */
.head{
  position:fixed;top:0;left:0;right:0;z-index:999;
  width:100%;height:40px;line-height:40px;font-size:14px;overflow:hidden;background: var(--ink);
}
.head_m{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;height:40px;overflow:hidden;}
.head_l{float:left;}
.head_l ul{display:flex;gap:22px;}
.head_l li{white-space:nowrap;}
.head_r{float:right;}
.head_r a,.head_l a{color:rgba(255,255,255,.88);}
.head_r a:hover,.head_l a:hover{color:var(--accent);}
.head_t{color:var(--accent);font-weight:700;}
.head_r a.u1,.head_r a.u2 {margin:0 5px;}
/* 工具条各项前加小圆点装饰（不依赖远程图标） */
.h_fav::before,.h_mobile::before,.h_qrcode::before,.h_cart::before,a.u1::before,a.u2::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--primary);margin-right:8px;vertical-align:2px;
}

/* =====================================================
   2. Logo + 搜索行（整行 flex，桌面单行垂直居中）
===================================================== */
.m:has(> .logo){
  display:flex;align-items:center;flex-wrap:nowrap;gap:14px;
  padding-top:11px;padding-bottom:16px;
}
.logo{flex:none;overflow:visible;}
.logo img{height:65px;width:auto;}

#destoon_search{flex:1 1 auto;min-width:240px;}
.head_search{
  width:100%;height:46px;border:2px solid var(--primary);
  background:#b7b7b7;overflow:hidden;display:flex;align-items:center;
}
.head_search > div{display:flex;align-items:center;width:100%;height:100%;}
.search_i{
  flex:1;min-width:0;height:100%;border:0;outline:none;
  padding:0 14px;font-size:16px;color:var(--text2);
}
.search_m{
  flex:none;width:84px;height:100%;border:0;border-left:1px solid var(--line);
  background:#fafafa;color:var(--text3);text-align:center;cursor:pointer;outline:none;font-size:16px;
}
.search_s{
  flex:none;width:92px;height:100%;border:0;cursor:pointer;
  background:var(--primary);color:#fff;font-weight:700;letter-spacing:2px;font-size:16px;
}
.search_s:hover{background:var(--primary-dark);}

.head_search_kw{flex:none;line-height:normal;}
.head_search_kw strong{
  display:inline-block;padding:10px 20px;font-size:16px;font-weight:700;
  color:var(--primary);background:#fff;border:2px solid var(--primary);
  cursor:pointer;white-space:nowrap;
}
.head_search_kw a:hover strong{background:var(--primary);color:#fff;}

.head_app{
  position:relative;flex:none;width:170px;height:46px;line-height:46px;text-align:center;
  background:var(--ink);
}
.head_app a{display:block;color:#fff;font-size:16px;font-weight:600;}
.head_app a:hover{color:var(--accent);}
.head_layer{
  position:absolute;top:54px;left:50%;transform:translateX(-50%);
  /* 高于 .head(999) 与站点原样式给导航条的层级；.head_app 不设 z-index，避免形成层叠上下文把弹层压回去 */
  z-index:100000;
  width:178px;padding:10px;background:#fff;color:var(--text2);
  border:1px solid var(--line);
  text-align:center;font-size:16px;
}
.head_layer img{width:158px;margin:0 auto;display:block;}
.head_layer p{margin:6px 0 0;line-height:1.5;font-size:14px;}

/* =====================================================
   3. 主导航条
===================================================== */
.menu{
  background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  /* 压在弹层下面：站点原样式常给导航条一个高 z-index，会把 .head_layer 和吸顶 logo 行盖住 */
  position:relative;z-index:1;
}
.menu ul{display:flex;flex-wrap:wrap;}
.menu li{flex:none;}
.menu li a{
  display:block;height:52px;line-height:52px;padding:0 18px;
  font-size:17px;letter-spacing:1px;color:var(--text2);
}
.menu li a:hover{color:var(--primary);}
.menu .menuon a{color:var(--primary);font-weight:700;position:relative;}
.menu .menuon a::after{
  content:"";position:absolute;left:18px;right:18px;bottom:6px;height:3px;
  background:var(--primary);
}
.menu li.n a{font-size:16px;color:var(--text3);padding:0 14px;}
.menu li.n a:hover{color:var(--primary);}

/* =====================================================
   4. 主体两栏布局
===================================================== */
.qw{padding:20px 0 30px;}
.qw_m{
  width:100%;max-width:1200px;margin:0 auto 20px;padding:0 16px;
  display:flex;gap:20px;align-items:stretch;
}
.qw_m:last-child{margin-bottom:0;}
.qw_ml{flex:1 1 auto;min-width:0;overflow:hidden;}
.qw_mr{flex:0 0 300px;width:300px;}

/* ---- 轮播（覆盖内联宽高，统一 2:1）---- */
.slide{
  position:relative;overflow:hidden;
  background:var(--ink);
  width:auto !important;height:auto !important;aspect-ratio:848/445;
}
.slide a{display:block;height:100%;}
.slide img{display:block;width:100%;height:100%;object-fit:cover;}

/* ---- 右栏顶部广告组 ---- */
.qw_mr_ad li{margin:0 0 15px;overflow:hidden;}
.qw_mr_ad li:last-child{margin-bottom:0;}
.qw_mr_ad img{display:block;width:100%;height:auto;}

/* ---- 热点·推荐（统一 16:10 裁切，杜绝大小不一）---- */
.qw_ml_t{
  background:var(--card);
  padding:18px;margin-bottom:20px;overflow:hidden;
}
.qw_ml_tt{
  font-size:20px;font-weight:700;color:var(--ink);
  border-left:5px solid var(--primary);padding-left:12px;line-height:1.2;margin-bottom:16px;
}
.qw_ml_tb{display:flex;flex-wrap:wrap;gap:16px;}
.qw_ml_tb_tp{
  position:relative;flex:1 1 calc(25% - 12px);min-width:0;
  aspect-ratio:4/3;overflow:hidden;background:var(--ink);
}
.qw_ml_tb_tp a{display:block;width:100%;height:100%;}
.qw_ml_tb_tp img{display:block;width:100%;height:100%;object-fit:cover;}
.qw_ml_tb_tp:hover img{transform:scale(1.05);transition:transform .3s;}
.qw_ml_tb_tptxt{
  position:absolute;left:0;right:0;bottom:0;padding:0 0 9px 9px;
  font-size:14px;line-height:20px;height:50px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.88));
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.qw_ml_tb_tp a:hover .qw_ml_tb_tptxt{color:var(--accent);}

/* ---- 今日焦点列表 ---- */
.qw_ml_b{background:var(--card);padding:18px;overflow:hidden;}
.qw_ml_bt{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  border-bottom:2px solid var(--primary);padding-bottom:10px;margin-bottom:6px;
}
.qw_ml_bt strong{font-size:20px;color:var(--primary);letter-spacing:1px;}
.qw_ml_bt span a{display:inline-block;padding:2px 12px;font-size:16px;color:var(--text3);border-radius:3px;}
.qw_ml_bt span a:hover{color:#fff;background:var(--primary);}

.qw_ml_bb .bb_list li{padding:16px 0;border-bottom:1px dashed var(--line);overflow:hidden;}
.qw_ml_bb .bb_list li:last-child{border-bottom:none;}
.himg{
  float:left;width:200px;margin:0 18px 8px 0;overflow:hidden;
  aspect-ratio:16/10;background:var(--ink);
}
.himg img{display:block;width:100%;height:100%;object-fit:cover;}
.himg:hover img{transform:scale(1.05);transition:transform .3s;}
.bb_list strong{display:block;font-size:17px;line-height:1.5;margin-bottom:4px;}
.bb_list strong a{color:var(--text2);}
.bb_list strong a:hover{color:var(--primary);}
.bb_list li{font-size:14px;color:var(--text3);}
.bb_list .f_gray{margin-top:6px;display:inline-block;}
.bb_list li a em{
  display:inline-block;margin-top:6px;margin-left:8px;padding:1px 10px;font-size:16px;
  color:var(--primary);border:1px solid var(--primary);background:#fff;border-radius:3px;
}
.bb_list li a:hover em{background:var(--primary);color:#fff;}

/* ---- 阅读更多 ---- */
.load-more{text-align:center;padding:20px 0 6px;}
.load-more a{
  display:inline-block;min-width:180px;padding:10px 36px;font-size:16px;font-weight:600;
  color:var(--primary);background:#fff;border:2px solid var(--primary);border-radius:6px;
}
.load-more a:hover{background:var(--primary);color:#fff;}

/* ---- 右栏卡片盒 ---- */
.qw_mr_box{
  background:var(--card);
  padding:16px;margin-bottom:20px;overflow:hidden;
}
.qw_mr_box:last-child{margin-bottom:0;}
.qw_mr_box h3{
  font-size:18px;color:var(--ink);line-height:1.2;margin-bottom:12px;font-weight:700;
  border-left:4px solid var(--primary);padding-left:10px;
}
.qw_mr_boxad{overflow:hidden;}
.qw_mr_boxad img{display:block;width:100%;height:auto;}

/* 要闻推荐 / 最近更新 */
.list_daily li{padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px;color:var(--text3);line-height:1.6;overflow:hidden;}
.list_daily li:last-child{border-bottom:none;}
.list_daily strong{display:block;font-size:16px;line-height:1.5;margin-bottom:2px;}
.list_daily strong a{color:var(--text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.list_daily strong a:hover{color:var(--primary);}

/* 分类小列表 */
.box_list li{
  height:34px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  padding-left:16px;position:relative;
}
.box_list li::before{
  content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:var(--primary);
}
.box_list li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.box_list li strong{font-size:14px;font-weight:400;color:var(--text2);}
.box_list li:hover strong{color:var(--primary);}

/* 分页 */
.pages { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 30px 0; flex-wrap: wrap; }
.pages a, .pages span { display: inline-flex; align-items: center; justify-content: center;
  padding: 3px 6px; background: #fff; border: 1px solid var(--line);font-size:16px;
}
.pages strong { padding: 3px 6px; background: var(--primary-dark); border-color: var(--primary-dark);color: #fff; font-weight: normal; }
.pages a:hover { border-color: var(--primary-dark); color: var(--primary-dark); }

/* =====================================================
   5. 页脚
===================================================== */
.foot_b,.top_b{width:100%;background:var(--card);border-top:2px solid var(--primary);}
.foot_page{
  background:#fafafa;border-bottom:1px solid var(--line);
  text-align:center;padding:16px;font-size:16px;color:var(--text3);line-height:2.2;
}
.foot_page a{color:var(--text3);margin:0 6px;}
.foot_page a:hover{color:var(--primary);}
.foot{text-align:center;padding:22px 16px;font-size:14px;color:var(--text3);line-height:2;}
.foot a{color:var(--text3);}
.foot a:hover{color:var(--primary);}
#powered img{margin-top:6px;}

/* ---- 返回顶部 ---- */
.back2top{
  position:fixed;right:24px;bottom:80px;z-index:998;width:48px;height:48px;
  background:var(--primary);border-radius:50%;cursor:pointer;
}
.back2top a{display:block;width:100%;height:100%;position:relative;}
.back2top a::before{
  content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;
  border-left:3px solid #fff;border-top:3px solid #fff;
  transform:translate(-50%,-30%) rotate(45deg);
}
.back2top:hover{background:var(--primary-dark);}

/* =====================================================
   6. 平板适配（≤1180px 隐藏 APP 块；≤1024px 两栏转纵向）
===================================================== */
@media screen and (max-width:1180px){
  .head_app{display:none;}
}
@media screen and (max-width:1024px){
  .m:has(> .logo){gap:10px;}
  #destoon_search{flex-basis:100%;}

  .qw_m{flex-direction:column;}
  .qw_ml{width:100%;flex:none;}
  .qw_mr{width:100%;flex:none;display:flex;flex-wrap:wrap;gap:16px;}
  .qw_mr_ad{width:100%;}
  .qw_mr_ad ul{display:flex;gap:12px;}
  .qw_mr_ad li{flex:1;margin:0;min-width:0;}
  .qw_mr_box{flex:1 1 calc(50% - 8px);width:auto;margin:0;min-width:0;}
}

/* =====================================================
   7. 手机适配（≤768px）
===================================================== */
@media screen and (max-width:768px){
  body{font-size:16px;}
  .m,.head_m,.qw_m{padding-left:12px;padding-right:12px;}

  /* 工具条与直达号：移动端隐藏 */
  .head,.head_s{display:none;}
  .head_search_kw{display:none;}

  /* Logo 行：吸顶浮动（fixed；sticky 会被 overflow-x:hidden 失效） */
  body{padding-top:56px;}
  .m:has(> .logo){
    position:fixed;top:0;left:0;right:0;z-index:998;
    display:flex !important;flex-direction:row !important;align-items:center;gap:12px;
    width:100%;max-width:none;padding:8px 12px;
    background-color:#ffffff;
  }
  .logo{flex:none;text-align:left;}
  .logo img{height:40px;}
  #destoon_search{flex:1 1 auto;min-width:0;display:none;}
  .head_search{height:40px;border-color:#fff;}
  .search_m{display:none;}
  .search_s{width:44px;}

  /* 右侧会员图标：复用 .head_app，隐藏原文字与二维码弹层 */
  .head_app{
    display:block;
    flex:none;width:26px;height:26px;margin:0;background:none;
    position: absolute;
        right: 10px;
  }
  .head_app a{
    font-size:0;width:26px;height:26px;position:relative;color:#fff;
    background-color:#ff6600;border-radius:18px;
  }
  /* 人形图标：头 + 肩 */
  .head_app a::before{
    content:"";position:absolute;left:50%;top:20%;transform:translateX(-50%);
    width:8px;height:8px;border-radius:50%;border:2px solid #fff;
  }
  .head_app a::after{
    content:"";position:absolute;left:50%;bottom:12%;transform:translateX(-50%);
    width:16px;height:6px;border:2px solid #fff;border-bottom:none;
    border-radius:13px 13px 0 0;
  }
  .head_layer{display:none !important;}

  /* 导航横向滑动 */
  .menu .m{padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .menu .m::-webkit-scrollbar{display:none;}
  .menu ul{flex-wrap:nowrap;width:max-content;padding:0 8px;}
  .menu li a{height:46px;line-height:46px;padding:0 12px;font-size:16px;white-space:nowrap;}
  .menu li.n a{padding:0 12px;font-size:16px;}
  .menu .menuon a::after{left:12px;right:12px;}

  /* 轮播 16:9 */
  .qw{padding:0;}
  .slide{aspect-ratio:16/9;}
  .slide>div {display:none;}

  /* 热点推荐两列 */
  .qw_ml_t,.qw_ml_b{padding:12px;}
  .qw_ml_tt{font-size:17px;}
  .qw_ml_tb{gap:10px;}
  .qw_ml_tb_tp{flex:1 1 calc(50% - 5px);}

  /* 焦点列表：保持左图右文，图片容器固定宽高、溢出隐藏 */
  .qw_ml_bt{gap:10px;}
  .qw_ml_bt strong{font-size:17px;}
  .qw_ml_bt span a{font-size:16px;padding:1px 8px;}
  .himg{float:left;width:100px;height:70px;aspect-ratio:auto;margin:0 12px 8px 0;overflow:hidden;}
  .himg img{width:100%;height:100%;object-fit:cover;}
  .bb_list strong,.bb_list strong a{font-size:16px;}
  .bb_list li{font-size:14px;}

  /* 右栏单列；广告组两列 */
  .qw_mr{flex-direction:column;}
  .qw_mr_box{flex:none;width:100%;}
  .qw_mr_ad ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .qw_mr_ad li{margin:0;}
  .pages {font-size:0px;}
  .pages a, .pages span, .pages strong, .pages cite {display:none;}
  .pages a.prev, .pages a.next {display:block;}
  .load-more a{min-width:60%;}
  .back2top{right:14px;bottom:64px;width:42px;height:42px;}

  /* 页脚：字号改小；链接行不换行（超宽时横向滑动） */
  .foot_page{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:16px;line-height:2;padding:12px;}
  .foot_page::-webkit-scrollbar{display:none;}
  .foot{display:none;}
}

/* =====================================================
   8. 小屏手机（≤480px）
===================================================== */
@media screen and (max-width:480px){
  .menu li a,.menu li.n a{padding:0 10px;font-size:16px;}

  /* 热点推荐保持两列，仅缩小文字 */
  .qw_ml_tb_tptxt{font-size:14px;height:44px;}

  /* 焦点列表保持左图右文，缩略图进一步缩小 */
  .himg{width:84px;height:58px;margin-right:10px;}
  .bb_list strong{font-size:16px;}

  /* ---- 列表 / 详情 / 搜索页小屏微调 ---- */
  .ztitle{font-size:18px;}
  .limtxt_li img[align="left"]{width:92px;height:66px;}
  #article{font-size:14px;}
}

/* =====================================================
   9. 通用辅助类（列表页 / 详情页 / 搜索页共用）
===================================================== */
.c_b{clear:both;}
.b10{height:10px;font-size:0;line-height:0;clear:both;}
.px11{font-size:12px;}
.px12{font-size:14px;}
.px14{font-size:16px;}
.f_red{color:var(--primary);}
.highlight{color:var(--primary);font-weight:700;}

/* ---- 面包屑导航 ---- */
.nav{padding:12px 4px;font-size:16px;color:var(--text3);}
.nav a{color:var(--text3);}
.nav a:hover{color:var(--primary);}
.nav i{font-style:normal;margin:0 6px;color:var(--text3);}

/* ---- 广告位图片（覆盖 width 属性，自适应容器）---- */
.adbox{overflow:hidden;}
.adbox img{display:block;width:100%;height:auto;}
.right_ad{margin:0 0 20px;}
.ad_news_full{padding:10px 0;}
.ad_news_full img{display:block;width:100%;height:auto;}
.bdnad:empty,.sponsor:empty{display:none;}

/* ---- 加载更多动画占位 ---- */
.animation_image{text-align:center;padding:12px 0;color:var(--text3);font-size:16px;}

/* ---- 右栏内的间隔占位块在 flex 布局下多余 ---- */
.qw_mr>.b10{display:none;}

/* =====================================================
   10. 列表页（list.html）
===================================================== */
/* 分类筛选条：固定两列 */
.ncat_li ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;}
.ncat_li a{
  display:block;text-align:center;padding:6px 12px;font-size:16px;
  background:var(--card);border:1px solid var(--line);
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.ncat_li a:hover{color:var(--primary);border-color:var(--primary);}
.ncat_li em{font-style:normal;color:var(--text3);font-size:16px;margin-left:4px;}
.ncat_li .side_on a{background:var(--primary);border-color:var(--primary);color:#fff;}
.ncat_li .side_on em{color:rgba(255,255,255,.85);}

/* 文章列表卡片 */
.ncatlist,.catlist{
  background:var(--card);
  padding:6px 18px;overflow:hidden;
}
.limtxt_li{padding:16px 0;border-bottom:1px dashed var(--line);overflow:hidden;}
.limtxt_li:last-child{border-bottom:none;}
.limtxt_li h3{font-size:17px;line-height:1.5;margin-bottom:6px;}
.limtxt_li h3 a{color:var(--text2);}
.limtxt_li h3 a:hover{color:var(--primary);}
.limtxt_li .px14{line-height:1.6;}
.limtxt_li .px12{margin-top:6px;color:var(--text3);}
.limtxt_li em{
  display:inline-block;margin-left:8px;padding:1px 10px;font-size:16px;font-style:normal;
  color:var(--primary);border:1px solid var(--primary);background:#fff;
}
.limtxt_li a:hover em{background:var(--primary);color:#fff;}
/* 左浮动缩略图：覆盖 align="left" width="240" 属性，统一裁切 */
.limtxt_li img[align="left"]{
  float:left;width:240px;aspect-ratio:16/10;object-fit:cover;
  background:var(--ink);margin:0 16px 8px 0;
}

/* 右栏“浏览头条” */
.art_newlist{margin:0;}
.art_newlist i{display:none;}
.art_newlist dt{
  font-size:16px;color:var(--text3);line-height:1.6;
  padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed var(--line);
}
.art_newlist dt h2{font-size:16px;line-height:1.4;margin-bottom:4px;}
.art_newlist dt a{display:block;color:var(--text2);}
.art_newlist dt a:hover{color:var(--primary);}
.art_newlist dd{padding:8px 0;border-bottom:1px dashed var(--line);overflow:hidden;}
.art_newlist dd:last-child{border-bottom:none;}
.art_newlist dd a{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:16px;line-height:1.5;color:var(--text2);
}
.art_newlist dd a:hover{color:var(--primary);}

/* =====================================================
   11. 文章详情页（show.html）
===================================================== */
.left_box{
  background:var(--card);
  padding:24px;overflow:hidden;
}
.ztitle{font-size:26px;line-height:1.4;color:var(--ink);margin-bottom:14px;}

/* 作者信息行 */
.article_desc{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.authorico{position:relative;flex:none;width:48px;height:48px;}
.authorico img{display:block;width:48px;height:48px;border-radius:50%;}
.authorvz{
  position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;
  border-radius:50%;background:var(--accent);border:2px solid #fff;
}
.author{flex:1 1 200px;min-width:0;}
.authorname a{font-size:16px;font-weight:700;color:var(--ink);}
.authorname a:hover{color:var(--primary);}
.articles{font-size:16px;color:var(--text3);margin-top:2px;line-height:1.6;}
.articles .time{margin-left:12px;}
.followar{flex:none;}
.followar a{
  display:inline-block;padding:4px 16px;font-size:16px;
  color:var(--primary);border:1px solid var(--primary);background:#fff;
}
.followar a:hover{background:var(--primary);color:#fff;}

/* 字号调节 / 核心提示 */
.info{padding:8px 0 0;}
.c_p{cursor:pointer;vertical-align:middle;}
.introduce{
  background:#fff8f0;border-left:4px solid var(--primary);
  padding:12px 16px;font-size:16px;color:var(--text2);margin:12px 0 18px;line-height:1.7;
}

/* 正文 */
#article{font-size:17px;line-height:2;color:#262626;word-break:break-word;}
#article p{margin:0 0 18px;}
#article h2{
  font-size:20px;line-height:1.4;color:var(--ink);
  border-left:5px solid var(--primary);padding-left:12px;margin:28px 0 16px;
}
#article .image-wrapper{text-align:center;margin:20px 0;}
#article img{display:inline-block;max-width:100%;height:auto;}

/* 阅读全文折叠：未勾选时正文最多显示 2 屏，超出隐藏 */
.read_more_ck{display:none;}
#content{max-height:200vh;overflow:hidden;}
.read_more_ck:checked ~ #content{max-height:none;}
.read_more_btn{
  position:relative;padding-top:70px;margin-top:-70px;
  background:linear-gradient(rgba(255,255,255,0),#fff 72%);
}
.read_more_ck:checked ~ .read_more_btn{display:none;}
.read_more_btn label{
  display:block;cursor:pointer;text-align:center;
}
.read_more_btn label span{
  display:inline-block;min-width:180px;padding:10px 36px;font-size:16px;font-weight:600;
  color:var(--primary);background:#fff;border:2px solid var(--primary);
}
.read_more_btn label:hover span{background:var(--primary);color:#fff;}

/* 上下篇 */
.np{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;}
.np li{padding:6px 0;font-size:16px;overflow:hidden;}
.np strong{font-weight:400;color:var(--text3);}
.np a{color:var(--text2);}
.np a:hover{color:var(--primary);}

/* 分享行（center 标签仅此处使用） */
center{display:block;text-align:center;font-size:16px;color:var(--text3);padding:10px 0;line-height:2;}
center a{color:var(--text3);}
center a:hover{color:var(--primary);}

/* 同类文章 */
.zshow_b{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.zshow_b_l{width:20%;}
.zshow_b_r{width:80%;}
.show_cat ul{display:flex;flex-wrap:wrap;gap:10px;}
.show_cat a{
  display:inline-block;padding:5px 16px;font-size:16px;
  background:#fff;border:1px solid var(--line);width:90%;text-align:center;}
.show_cat a:hover{color:var(--primary);border-color:var(--primary);}
.show_cat li {width:100%;}
.show_cat .show_cat_on a{background:var(--primary);border-color:var(--primary);color:#fff;}
.zshow_b_r .qw_ml_tt{margin-top:18px;}

/* 右栏：作者卡片 */
.user_info{
  background:var(--card);
  padding:16px;margin-bottom:20px;overflow:hidden;font-size:16px;color:var(--text3);line-height:1.6;
}
.user_info img{display:block;width:60px;height:60px;border-radius:50%;float:left;margin:0 12px 8px 0;}
.user_info h2{display:inline;font-size:16px;color:var(--ink);}
.user_info>div{overflow:hidden;}  /* BFC：包住浮动的头像，避免与下方列表重叠 */
.user_info dl{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
.user_info dt{
  font-size:16px;font-weight:600;line-height:1.5;margin-bottom:6px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.user_info dt a{color:var(--ink);}
.user_info dt a:hover{color:var(--primary);}
.user_info dd{padding:6px 0;}
.user_info dd+dd{border-top:1px dashed var(--line);}
.user_info dd a{display:block;color:var(--text2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.user_info dd a:hover{color:var(--primary);}

/* 右栏：推荐文章（图右文左） */
.art_imglist li{
  padding:10px 0;border-bottom:1px dashed var(--line);overflow:hidden;
  font-size:16px;line-height:1.5;
}
.art_imglist li:last-child{border-bottom:none;}
.art_imglist li > a{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  color:var(--text2);
}
.art_imglist li > a:hover{color:var(--primary);}
.art_imglist img{display:block;width:80px;height:60px;object-fit:cover;background:var(--ink);}

/* 右栏：媒体合作 */
.meiti a{
  display:inline-block;padding:4px 12px;margin:0 8px 8px 0;
  background:#f7f7f7;font-size:16px;color:var(--text3);
}
.meiti a:hover{color:#fff;background:var(--primary);}

/* 右栏：点击排行 */
.listrank ol{margin:0;padding:0;}
.listrank li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:16px;color:var(--text3);line-height:1.6;}
.listrank li:last-child{border-bottom:none;}
.listrank li a{display:block;font-size:16px;color:var(--text2);}
.listrank li a:hover{color:var(--primary);}

/* 右栏：浮动图层（在上级层内；滚动接触窗口顶端时吸顶，top 避开 40px 吸顶工具条；JS 控制显隐） */
.fixbox{
  display:none;position:sticky;top:18px;width:100%;margin-bottom:20px;
  background:#fff;border:1px solid var(--line);
  overflow:hidden;
}
.box_hd{padding:12px;font-size:16px;color:var(--text3);line-height:1.5;}
.box_hd img{display:block;width:48px;height:48px;border-radius:50%;float:right;margin-left:10px;}

/* =====================================================
   12. 搜索页（page.html）
===================================================== */
#fsearch{
  background:var(--card);
  padding:10px 18px;margin-bottom:20px;
}
.sort{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);}
.sort:last-child{border-bottom:none;}
.sort-k{flex:none;width:64px;font-size:16px;color:var(--text3);line-height:30px;}
.sort-v{flex:1 1 auto;min-width:0;font-size:16px;line-height:30px;}
.sort-v input[type="text"]{
  height:30px;padding:0 10px;border:1px solid var(--line);
  max-width:100%;outline:none;
}
.sort-v input[type="text"]:focus{border-color:var(--primary);}
.sort-v select{
  height:30px;padding:0 6px;border:1px solid var(--line);
  background:#fff;outline:none;max-width:100%;vertical-align:middle;
}
.sort-v label{margin-right:4px;}
.sort-v b{font-weight:400;color:var(--text3);margin:0 8px 0 16px;}
.btn-blue,.btn{
  height:32px;padding:0 24px;border:none;
  font-size:16px;cursor:pointer;vertical-align:middle;
}
.btn-blue{background:var(--primary);color:#fff;}
.btn-blue:hover{background:var(--primary-dark);}
.btn{background:#eee;color:var(--text2);margin-left:10px;}
.btn:hover{background:#ddd;}

/* 右栏：分组标题 + 列表（标题与内容拼成一张卡片） */
.head-sub{
  background:var(--card);border:1px solid var(--line);border-bottom:none;
  padding:12px 16px;
  font-size:16px;color:var(--ink);
}
.head-sub strong{font-weight:700;border-left:4px solid var(--primary);padding-left:10px;}
.list-txt,.list-rank{
  background:var(--card);border:1px solid var(--line);
  padding:10px 16px;margin:0 0 20px;
}
.list-txt li{
  height:32px;line-height:32px;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis;font-size:16px;
}
.list-txt a{color:var(--text2);}
.list-txt a:hover{color:var(--primary);}
.list-rank li{
  padding:8px 0;border-bottom:1px dashed var(--line);overflow:hidden;
  font-size:16px;line-height:22px;
}
.list-rank li:last-child{border-bottom:none;}
.list-rank em,.list-rank i{
  display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;
  font-style:normal;font-size:16px;margin-right:8px;vertical-align:1px;
  background:#eee;color:var(--text3);
}
.list-rank em{background:var(--primary);color:#fff;}
.list-rank a{color:var(--text2);}
.list-rank a:hover{color:var(--primary);}

/* =====================================================
   13. 以上页面的平板适配（≤1024px）
===================================================== */
@media screen and (max-width:1024px){
  .right_ad{flex:1 1 100%;width:100%;}
  .user_info{flex:1 1 100%;width:100%;}

  /* 标题+列表拼成的卡片：整行堆叠，并用负边距抵消 flex gap，保持卡片相连 */
  .head-sub,.list-txt,.list-rank{flex:1 1 100%;}
  .list-txt,.list-rank{margin:-16px 0 0;}
}

/* =====================================================
   14. 以上页面的手机适配（≤768px）
===================================================== */
@media screen and (max-width:768px){
  /* 面包屑与广告 */
  .nav{font-size:16px;padding:8px 2px;}
  .right_ad{margin-bottom:16px;}

  /* 列表页：筛选条与列表 */
  .ncat_li ul{gap:8px;margin-bottom:12px;}
  .ncat_li a{padding:4px 12px;font-size:16px;}
  .ncatlist,.catlist{padding:2px 12px;}
  .limtxt_li{padding:12px 0;}
  .limtxt_li h3{font-size:16px;}
  .limtxt_li .px14{font-size:16px;}
  .limtxt_li em{font-size:16px;padding:0 8px;}
  .limtxt_li img[align="left"]{width:110px;height:78px;aspect-ratio:auto;margin:0 12px 6px 0;}

  /* 详情页：卡片与正文 */
  .left_box{padding:14px;}
  .ztitle{font-size:20px;margin-bottom:10px;}
  .article_desc{gap:10px;padding:12px 0;}
  .authorico,.authorico img{width:40px;height:40px;}
  .authorvz{width:14px;height:14px;}
  .authorname a{font-size:16px;}
  .articles{font-size:16px;}
  .articles .time{display:block;margin:2px 0 0;}
  .introduce{font-size:16px;padding:10px 12px;margin:10px 0 14px;}
  #article{font-size:16px;line-height:1.9;}
  #article p{margin:0 0 14px;}
  #article h2{font-size:17px;margin:20px 0 12px;padding-left:10px;border-left-width:4px;}
  .np li{font-size:16px;}
  center{font-size:16px;}
  .zshow_b{margin-top:14px;padding-top:12px;}
  .zshow_b_r .qw_ml_tt{font-size:16px;margin-top:14px;}
  .zshow_b_l {display:none;}
  .zshow_b_r {width:100%;}

  /* 右栏卡片 */
  .user_info{padding:14px;margin-bottom:14px;}
  .user_info img{width:48px;height:48px;margin:0 10px 6px 0;}
  .user_info h2{font-size:16px;}
  .user_info dl{margin-top:10px;padding-top:10px;}
  .user_info dt{font-size:16px;}
  .user_info dd{padding:5px 0;font-size:16px;}
  .user_info{display:none;}
  .fixbox{display:none !important;}  /* JS 的 show() 是内联样式，必须 !important 才能在移动端强制隐藏 */
  .art_imglist li{font-size:16px;}
  .meiti a{padding:3px 10px;font-size:16px;margin:0 6px 6px 0;}

  /* 搜索页：筛选表单纵向堆叠 */
  #fsearch{padding:6px 12px;margin-bottom:16px;}
  .sort{flex-direction:column;gap:6px;padding:8px 0;}
  .sort-k{width:auto;line-height:24px;font-size:16px;}
  .sort-v{line-height:28px;}
  .sort-v input[type="text"]{width:100%;}
  .sort-v label,.sort-v input[type="radio"]{display:none;}
  .sort-v b{margin:0 6px 0 10px;}
  .btn-blue,.btn{height:34px;padding:0 20px;}
  .btn{margin:6px 0 0;}
  .head-sub{padding:10px 12px;font-size:16px;}
  .list-txt,.list-rank{padding:8px 12px;}
  .list-txt li{font-size:16px;}
  .list-rank li{font-size:16px;}
}