/* ==========================================
   responsive.css v2 — 全面响应式覆盖
   保留 buyiju 配色/字体/信息密度
   消除所有固定 px 宽度
   ========================================== */

/* ===== 全局：让所有容器流体 ===== */
.wrapper,
.header,
.nav,
.footer,
.f_link,
.correl,
.viewbox,
.csbox,
#fix_box {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

.wrapper {
  padding: 0 8px;
  margin: 0 auto;
}

/* channelbox 浮动包含 */
.channelbox::after { content: ""; display: table; clear: both; }
.channelbox { width: 100% !important; }

/* ===== 回到顶部按钮 ===== */
#btn_top {
  left: auto !important;
  right: 15px;
  margin-left: 0 !important;
}

/* ===== 桌面 >1024：plt+prt 双列 Grid ===== */
@media (min-width: 1025px) {
  .wrapper { max-width: 1200px; padding: 0 4px; }

  /* main-grid: plt+prt 同级同行等高 */
  .main-grid {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 0 8px;
  }
  .main-grid > * { grid-column: 1 / -1; }
  .main-grid > .plt { grid-column: 1; width: 100% !important; float: none !important; }
  .main-grid > .prt { grid-column: 2; width: 100% !important; float: none !important; margin-left: 0 !important; }

  /* plt/prt grid内部行 + 目标区块沉底对齐 */
  .plt { display: grid; grid-template-rows: auto 1fr; }
  .plt > .clear { height: auto !important; }
  .plt > .clear:last-child { align-self: end; }
  .prt { display: grid; grid-template-rows: auto auto auto 1fr; }
  .prt > .clear { height: auto !important; }
  .prt > .clear:last-child { align-self: end; }

  /* 首页左栏内部 */
  .list_left { width: 150px !important; float: left; }
  .home_middle { width: calc(100% - 160px) !important; float: left; }
  .rec_left { width: 150px !important; float: left; padding-right: 8px; }
  .hot_right { width: calc(100% - 165px) !important; float: left; }
  .home_middle .title_sm { width: 95% !important; }
  
  /* channelbox 4列 */
  .channelbox dl {
    width: calc(25% - 11px) !important;
    float: left;
    height: 370px !important;
  }
  
  /* 导航 */
  .nav ul { display: flex; flex-wrap: wrap; }
  .nav ul li { width: auto !important; flex: 0 0 auto; min-width: 55px; }
  .nav ul li a { padding: 0 5px; letter-spacing: 2px; }
  
  /* 友链 */
  .f_link { overflow: hidden; padding: 8px 0; }
  .f_link .f_title { float: left; width: 80px !important; padding: 8px 0 0 15px; }
  .f_link .f_list { float: left; width: calc(100% - 95px) !important; padding: 8px 0; }
  .f_link .f_list li { width: auto !important; min-width: 90px; float: left; padding: 0 8px; }
  
  /* 页脚 */
  .footer { padding: 10px 20px; }
  
  /* 工具页 viewbox */
  .viewbox { max-width: calc(100% - 280px); }
  .correl { width: 100% !important; }
  
  /* 表单 */
  .csbox { width: 280px !important; }
  .csbox form .czinpt { width: 120px !important; }
  .csbox form .cminpt { width: 55px !important; }
  
  /* 按钮 */
  .d6 li a, .d7 li a { width: auto !important; padding: 0 10px; }
}

/* ===== 平板 768-1024：plt+prt 堆叠 ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .wrapper { padding: 0 10px; }
  
  /* 堆叠 */
  .plt, .prt {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .prt { margin-top: 12px; }
  
  /* 首页左栏 - 保持双列 */
  .list_left { width: 25% !important; float: left; }
  .home_middle { width: 73% !important; float: left; }
  .rec_left { width: 25% !important; float: left; padding-right: 8px; }
  .hot_right { width: 73% !important; float: left; }
  .home_middle .title_sm { width: 95% !important; }
  .home_middle .inform { width: 90% !important; }
  
  /* prt 侧边栏按钮 - 改为行内 */
  .prt .d6 li { float: left; width: auto; }
  .prt .d6 li a { width: auto !important; padding: 0 10px; }
  .prt .tbox { width: 48%; float: left; margin-right: 2%; }
  
  /* channelbox 2列 */
  .channelbox dl {
    width: calc(50% - 12px) !important;
    float: left;
    height: auto !important;
    min-height: 300px;
  }
  
  /* 导航 - 允许换行 */
  .nav { height: auto !important; }
  .nav ul { display: flex; flex-wrap: wrap; padding: 2px 0; }
  .nav ul li { width: auto !important; min-width: 55px; }
  .nav ul li a { padding: 0 6px; letter-spacing: 1px; }
  
  /* viewbox 全宽 */
  .viewbox { max-width: 100%; width: 100% !important; }
  
  /* 友链 - 堆叠 */
  .f_link { height: auto !important; padding: 10px; }
  .f_link .f_title { float: none; width: auto !important; text-align: center; padding: 5px 0; }
  .f_link .f_list { float: none; width: 100% !important; padding: 5px 0; }
  .f_link .f_list li { width: auto !important; display: inline-block; float: none; padding: 0 6px; }
  
  /* 列表 */
  .d2 li { width: 47% !important; }
  .d3 li { width: 30% !important; }
  .d8 li { width: 47% !important; }
  .d9 li { width: 22% !important; }
}

/* ===== 手机 <768：单列 + 触屏优化 ===== */
@media (max-width: 767px) {
  body { font-size: 15px; -webkit-text-size-adjust: 100%; }
  .wrapper { padding: 0 4px; }
  
  /* 全部单列 */
  .plt, .prt, .list_left, .home_middle, .rec_left, .hot_right {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* 首页 */
  .home_middle { background: none !important; }
  .home_middle .title_sm { width: 100% !important; }
  .home_middle .inform { width: 100% !important; line-height: 32px; }
  .home_middle .xminpt { width: 55px !important; font-size: 13px; }
  .home_middle .zbbtn { margin-left: 10px; }
  .home_middle .title h1 { font-size: 16px; }
  .explain { padding: 12px 10px; font-size: 13px; }
  
  /* 导航 - 水平滚动 */
  .nav { overflow-x: auto; -webkit-overflow-scrolling: touch; height: auto !important; }
  .nav ul { display: flex; flex-wrap: nowrap; white-space: nowrap; min-width: 580px; padding: 3px 0; }
  .nav ul li { width: auto !important; min-width: 40px; float: none; flex-shrink: 0; }
  .nav ul li a { padding: 7px 6px; font-size: 13px; letter-spacing: 1px; 
                 display: block; line-height: 20px; }
  
  /* prt 侧边栏 */
  .prt { margin-top: 12px; }
  .prt .tbox { width: 100%; float: none; margin-right: 0; }
  .prt .d6 li { width: 48%; float: left; }
  .prt .d6 li a { width: auto !important; text-align: center; padding: 6px 4px; 
                   font-size: 13px; height: auto; min-height: 30px; line-height: 20px; }
  
  /* channelbox 单列 */
  .channelbox dl {
    width: 100% !important;
    float: none !important;
    height: auto !important;
    margin-right: 0 !important;
    min-height: 0;
  }
  
  /* 列表响应 */
  .d2 li { width: 100% !important; float: none; }
  .d3 li { width: 48% !important; }
  .d4 li { width: 100% !important; float: none; }
  .d6 li { width: auto; float: left; }
  .d6 li a { width: auto !important; padding: 0 8px; font-size: 12px; }
  .d7 li { float: left; }
  .d7 li a { width: auto !important; padding: 0 6px; font-size: 12px; }
  .d8 li { width: 100% !important; float: none; }
  .d9 li { width: 30% !important; float: left; }
  
  /* viewbox 工具页 */
  .viewbox { width: 100% !important; max-width: 100%; }
  .viewbox .title h2 { font-size: 20px; }
  .viewbox .inform { width: 95% !important; padding: 8px 5px; line-height: 30px; font-size: 14px; }
  .viewbox .content { padding: 0 8px 10px 8px; font-size: 15px; }
  .viewbox .tbzb table { width: 100% !important; font-size: 12px; }
  .viewbox .tbzb table td { padding: 3px; }
  .viewbox .xminpt { width: 45px !important; }
  .place { font-size: 13px; text-indent: 8px; }
  
  /* 友链 */
  .f_link { height: auto !important; padding: 8px 5px; }
  .f_link .f_title { float: none; width: auto !important; text-align: center; 
                      padding: 5px 0; font-size: 13px; }
  .f_link .f_list { float: none; width: 100% !important; padding: 0; }
  .f_link .f_list li { width: 48% !important; float: left; padding: 2px 1%; 
                        font-size: 11px; line-height: 20px; }
  
  /* 页脚 */
  .footer { padding: 10px 5px; font-size: 11px; line-height: 22px; }
  .footer .powered { font-size: 11px; line-height: 24px; }
  
  /* 相关导航 */
  .correl { width: 100% !important; height: auto; overflow-x: auto; 
             -webkit-overflow-scrolling: touch; padding: 5px 0; }
  .correl ul { display: flex; flex-wrap: nowrap; white-space: nowrap; }
  .correl ul li { flex-shrink: 0; font-size: 13px; padding: 3px 7px; margin-right: 5px; }
  
  /* 功能导航 */
  .mainnav ul { display: flex; flex-wrap: wrap; }
  .mainnav ul li { margin-right: 6px; padding: 0 7px; font-size: 13px; }
  
  /* 表单 */
  .csbox { width: 100% !important; margin: 0; height: auto; }
  .csbox form .czinpt { width: 90px !important; font-size: 13px; }
  .csbox form .cminpt { width: 50px !important; }
  .csbox form .cmbox, .csbox form .btnbox { width: 60px !important; }
  
  /* 按钮 */
  .sbutton, .zbbtn, .zbbtn2 { padding: 8px 14px; font-size: 14px; }
  .button { width: 90%; font-size: 15px; }
  
  /* 回到顶部 */
  #btn_top { right: 8px; bottom: 20px; width: 36px; height: 36px; }
  
  /* 通用 */
  img { max-width: 100%; height: auto; }
  select, .select, .zbslt { max-width: 100%; font-size: 14px; }
  input[type="text"], input[type="submit"] { max-width: 100%; }
  
  /* 内容页 */
  .cms_pages ul { float: none; padding: 10px; }
  .cms_pages ul li { margin-right: 3px; }
  .cms_pages ul li a { padding: 3px 6px; font-size: 13px; }
  
  /* 翻页 */
  .read-box .read_mod a { width: 80% !important; max-width: 15rem; }
  .read_mask { height: 120px; }
  .read-box { margin-top: -150px; }
  
  /* 八字表格 */
  .viewbox .tbzb { padding: 0 5px; }
  
  /* 声明 */
  .declare { font-size: 12px; line-height: 22px; height: auto; padding: 5px 8px; }
  
  /* vip */
  .vip ul li { width: 30% !important; margin-right: 2%; }
  .inform_vip { width: 95% !important; padding: 8px 5px; }
  .inform_vip form { width: 95%; }
}