/* ========================================
   ocgen.com 手机端响应式适配
   Mccms PC模板 → 移动端兼容
   ======================================== */

/* 移动端：0-768px */
@media screen and (max-width: 768px) {

  /* ---- 全局 ---- */
  body { min-width: auto; overflow-x: hidden; }
  .acgn-container { width: 100% !important; max-width: 100% !important; padding: 0 12px; box-sizing: border-box; }
  .acgn-row { width: 100% !important; max-width: 100% !important; }

  /* ---- 头部导航 ---- */
  .acgn-model-header .block-wrap-fixed { padding: 0 !important; }
  .acgn-model-header .logo { width: 140px !important; }
  .acgn-model-header .logo img { max-width: 100%; height: auto; }
  .nav-menu { display: none; }

  /* ---- 搜索框 ---- */
  .search { width: auto !important; }
  .search-wrap .search-input { width: 120px !important; }
  .search-inner-main { width: 280px !important; right: 0 !important; left: auto !important; }

  /* ---- 顶部banner区域 ---- */
  .diytop { width: 100% !important; height: auto !important; flex-direction: column !important; margin-top: 15px !important; }
  .diytop .cy_banner_no1 { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no1 .b1 .pic { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no1 .b1 .pic img { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no1 .b1 span { width: 100% !important; box-sizing: border-box; }
  .diytop .cy_banner_no1 .b2 { width: 50% !important; height: auto !important; padding: 3px 0 0 0 !important; box-sizing: border-box; }
  .diytop .cy_banner_no1 .b2 img { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no1 .b3 { width: 50% !important; height: auto !important; padding: 3px 0 0 3px !important; box-sizing: border-box; }
  .diytop .cy_banner_no1 .b3 img { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no2 { width: 100% !important; height: auto !important; padding: 6px 0 0 0 !important; float: none !important; }
  .diytop .cy_banner_no2 li.b4,
  .diytop .cy_banner_no2 li.b5,
  .diytop .cy_banner_no2 li.b6,
  .diytop .cy_banner_no2 li.b7 { width: 50% !important; height: auto !important; box-sizing: border-box; }
  .diytop .cy_banner_no2 li.b5 { padding: 0 0 0 3px !important; }
  .diytop .cy_banner_no2 li.b6 { padding: 3px 0 0 0 !important; }
  .diytop .cy_banner_no2 li.b7 { padding: 3px 0 0 3px !important; }
  .diytop .cy_banner_no2 img { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no2 li span { width: 100% !important; box-sizing: border-box; }
  .diytop .cy_banner_no3 { width: 100% !important; height: auto !important; padding: 6px 0 0 0 !important; float: none !important; }
  .diytop .cy_banner_no3 .pic { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no3 .pic img { width: 100% !important; height: auto !important; }
  .diytop .cy_banner_no3 span { width: 100% !important; box-sizing: border-box; }

  /* ---- 漫画网格 ---- */
  .acgn-comic-list.acgn-horizontal { height: auto !important; padding-bottom: 0 !important; }
  .acgn-comic-list.acgn-horizontal > .acgn-item { width: 31% !important; margin-right: 3.5% !important; margin-bottom: 10px !important; }
  .acgn-comic-list.acgn-horizontal > .acgn-item:nth-child(3n) { margin-right: 0 !important; }
  .diymodel .size-cell { width: 33.33% !important; }
  .diymodel[class*="col5"] .size-cell,
  .diymodel[class*="col6"] .size-cell,
  .diymodel[class*="col7"] .size-cell,
  .diymodel[class*="col8"] .size-cell { width: 33.33% !important; }

  /* ---- 新闻列表 ---- */
  .diy_new_list_top { width: 100% !important; }
  .diy_new_list { width: 100% !important; }
  .diy_new_list li { width: 100% !important; height: auto !important; line-height: normal !important; padding: 8px 0 !important; }
  .diy_new_list li i { width: auto !important; font-size: 12px !important; }
  .diy_new_list li b { width: 100% !important; margin: 4px 0 !important; font-size: 15px !important; }
  .diy_new_list li em { width: 100% !important; margin: 0 !important; font-size: 13px !important; }
  .diy_new_list li p { width: auto !important; }
  .diy_new_list li dfn { float: none !important; display: inline !important; }

  /* ---- 右侧新番 ---- */
  .diy_xinfan { position: static !important; width: 100% !important; margin-top: 15px !important; }
  .diy_xinfan ul { width: 100% !important; }
  .diy_xinfan li { width: 30% !important; margin-right: 5% !important; height: auto !important; }
  .diy_xinfan li:nth-child(3n) { margin-right: 0 !important; }
  .diy_xinfan li .pic { width: 100% !important; height: auto !important; }
  .diy_xinfan li .pic img { width: 100% !important; height: auto !important; }
  .diy_xinfan li b { width: 100% !important; }

  /* ---- 页脚 ---- */
  .acgn-model-footer .footer { text-align: center; font-size: 12px; padding: 15px 10px; }
  .acgn-model-footer .footer .block-split { display: none !important; }

  /* ---- 分类和标签导航 ---- */
  .acgn-model-index-category .acgn-row > div { width: 100% !important; }
  .acgn-model-index-category .acgn-hide { display: block !important; }

  /* ---- 通用隐藏/显示 ---- */
  .week-nav.tab { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .week-nav.tab .acgn-col-4 { display: inline-block; float: none !important; white-space: nowrap; padding: 5px 8px; }
}

/* 平板端：768-1024px */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .acgn-container { width: 100% !important; max-width: 100% !important; padding: 0 15px; box-sizing: border-box; }
  .acgn-row { width: 100% !important; max-width: 100% !important; }
  .diytop { width: 100% !important; height: auto !important; flex-wrap: wrap !important; }
  .diytop .cy_banner_no1 { width: 50% !important; height: auto !important; }
  .diytop .cy_banner_no2 { width: 50% !important; height: auto !important; }
  .diytop .cy_banner_no3 { display: none !important; }
  .diymodel .size-cell { width: 25% !important; }
}