*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"Microsoft YaHei","PingFang SC","Helvetica Neue",sans-serif;font-size:12px;color:#1a1a1a;background:#fff;line-height:1.6}
a{color:#1a1a1a;text-decoration:none}
a:hover{text-decoration:underline;color:#084d3a}
ul,ol{list-style:none}
.topbar{background:#fff;border-bottom:1px solid #ebebeb;padding:0 24px;height:44px;display:flex;align-items:center;justify-content:space-between}
.topbar-left{display:flex;align-items:center;gap:10px}
.topbar-title{font-size:14px;font-weight:700;color:#1a1a1a}
.topbar-badge{font-size:10px;background:#f5f5f5;border:1px solid #ebebeb;padding:1px 6px;color:#888;margin-left:4px}
.topbar-right{font-size:12px;color:#888}
.topbar-right a{color:#888;margin-left:16px}
.topbar-right a:hover{color:#0a6b50;text-decoration:none}
.stat-header{background:#fafafa;border-bottom:1px solid #d0d0d0;padding:20px 24px}
.stat-header h1{font-size:14px;font-weight:700;margin-bottom:4px}
.stat-header p{font-size:12px;color:#888;margin-bottom:16px}
.stat-row{display:flex;flex-wrap:wrap}
.stat-item{padding-right:28px;margin-right:28px;border-right:1px solid #d0d0d0}
.stat-item:last-child{border-right:none;margin-right:0;padding-right:0}
.stat-val{font-size:14px;font-weight:700;color:#0a6b50}
.stat-lbl{font-size:12px;color:#888;margin-top:1px}
.main-wrap{display:flex;margin:0 auto}
.sidebar{width:180px;flex-shrink:0;border-right:1px solid #ebebeb;background:#fff;position:sticky;top:0;height:100vh;overflow-y:auto;padding-bottom:24px}
.sidebar::-webkit-scrollbar{width:4px}
.sidebar::-webkit-scrollbar-thumb{background:#ddd}
.sid-title{font-size:12px;font-weight:600;color:#888;padding:14px 16px 6px;text-transform:uppercase;letter-spacing:0.5px}
.nav-item{display:block;padding:6px 16px 6px 20px;color:#444;font-size:12px;border-left:2px solid transparent}
.nav-item:hover{background:#f7f8fa;text-decoration:none;color:#0a6b50}
.nav-item.l1{font-weight:600;padding-left:16px;font-size:14px;color:#1a1a1a;padding-top:8px;padding-bottom:8px}
.nav-item.l2{padding-left:28px}
.content{flex:1;min-width:0}
.cat-block{border-bottom:1px solid #ebebeb}
.cat-block:last-child{border-bottom:none}
.cat-block-hd{padding:10px 24px;background:#fafafa;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;gap:8px}
.cat-block-hd h2{font-size:14px;font-weight:700;flex:1}
.subcat-hd{padding:6px 24px;background:#f6f6f6;font-size:12px;font-weight:600;color:#555;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}
.subcat-hd a{color:#555}
.subcat-hd a:hover{color:#0a6b50}
.subcat-more{font-weight:400;color:#999;font-size:12px}
.art-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.art-cell{padding:6px 12px;border-right:1px solid #f0f0f0;border-bottom:1px solid #f5f5f5;font-size:12px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-cell:nth-child(6n){border-right:none}
.art-cell a{color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-cell a:hover{color:#0a6b50;text-decoration:underline}
.btt{position:fixed;right:20px;bottom:20px}
.btt a{display:block;width:36px;height:36px;background:#0a6b50;color:#fff;text-align:center;line-height:36px;font-size:14px;text-decoration:none}
.btt a:hover{background:#084d3a;text-decoration:none}
/*========footer======*/
.footer{border-top:1px solid #ebebeb;width:100%;color:#888;padding:1em 1.5em;font-size:.9em;text-align:center;}
.footer i{font-style:normal;padding:0 5px;opacity:.6}
.footer a{color:#888;font-size:12px;}
.footer a:hover{color:#216db4}
.footer small .icp{padding-left:1em;}
.f-about{padding:1% 0 3% 0;}
.footer .icp,.footer .contact{padding-left:8px;}
/* ==================== 移动端适配 ==================== */

/* 平板竖屏 ≤1024px：文章网格4列，侧边栏缩窄 */
@media screen and (max-width:1024px){
  .sidebar{width:160px}
  .nav-item.l1{font-size:13px}
  .art-grid{grid-template-columns:repeat(4,1fr)}
  .art-cell:nth-child(6n){border-right:1px solid #f0f0f0}
  .art-cell:nth-child(4n){border-right:none}
  .cat-block-hd,.subcat-hd{padding-left:16px;padding-right:16px}
  .stat-header{padding:16px}
}

/* 大手机/小平板 ≤768px：侧边栏变水平导航，文章3列 */
@media screen and (max-width:768px){
  /* 主体改为垂直排列 */
  .main-wrap{flex-direction:column}

  /* 侧边栏变水平滚动导航 */
  .sidebar{
    width:100%;
    position:relative;
    height:auto;
    max-height:none;
    border-right:none;
    border-bottom:1px solid #ebebeb;
    padding:0 0 12px;
    overflow-y:visible;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
    display:flex;
    flex-wrap:nowrap;
    align-items:flex-start;
    gap:0
  }
  .sidebar::-webkit-scrollbar{display:none}
  .sid-title{
    display:flex;
    align-items:center;
    padding:10px 12px;
    font-size:12px;
    flex-shrink:0;
    border-bottom:none;
    margin-bottom:0
  }
  .nav-item{
    display:inline-block;
    padding:5px 10px;
    border-left:none;
    font-size:12px;
    flex-shrink:0;
    white-space:nowrap
  }
  .nav-item:hover{background:#f0f0f0}
  .nav-item.l1{
    font-size:12px;
    padding:5px 10px;
    background:#f0f0f0;
    margin:6px 4px 6px 0;
    font-weight:600;
    border-radius:0
  }
  .nav-item.l2{
    padding:4px 8px;
    margin:6px 3px;
    color:#666
  }

  /* 文章网格3列 */
  .art-grid{grid-template-columns:repeat(3,1fr)}
  .art-cell:nth-child(4n){border-right:1px solid #f0f0f0}
  .art-cell:nth-child(3n){border-right:none}
  .art-cell{padding:5px 8px;font-size:12px}

  /* 间距收缩 */
  .cat-block-hd{padding:8px 12px}
  .subcat-hd{padding:6px 12px}
  .stat-header{padding:12px}
  .stat-item{padding-right:16px;margin-right:16px}
  .topbar{padding:0 12px}
  .footer{padding:16px 12px}
}

/* 手机 ≤480px：文章2列，统计项换行 */
@media screen and (max-width:480px){
  .topbar-right span{display:none}

  .stat-row{gap:0}
  .stat-item{
    padding-right:0;
    margin-right:0;
    border-right:none;
    border-bottom:1px solid #f0f0f0;
    padding:8px 0;
    width:50%
  }
  .stat-item:nth-child(odd){padding-right:12px}
  .stat-item:nth-child(even){padding-left:12px;border-left:1px solid #f0f0f0}
  .stat-item:last-child,.stat-item:nth-last-child(2){border-bottom:none}

  /* 文章网格2列 */
  .art-grid{grid-template-columns:repeat(2,1fr)}
  .art-cell:nth-child(3n){border-right:1px solid #f0f0f0}
  .art-cell:nth-child(2n){border-right:none}
  .art-cell{padding:4px 6px}

  .cat-block-hd h2{font-size:13px}
  .subcat-hd{padding:5px 8px;font-size:12px}
  .cat-block-hd{padding:8px 8px}

  .btt{right:12px;bottom:12px}
  .btt a{width:32px;height:32px;line-height:32px;font-size:12px}
}