/* vo20w2 响应式补丁 — 仅覆盖布局，不改 class/XPath */

/* ================================================================
   全局：解除固定最小宽度
   ================================================================ */
body {
  min-width: 0 !important;
  width: auto !important;
}

/* ================================================================
   平板 ≤ 1024px
   ================================================================ */
@media (max-width: 1024px) {
  .width1200       { width: 96% !important; }
  .list-nav        { width: auto !important; }
  .banner_img,
  .banner_img img  { width: 100% !important; height: auto !important; }
  .people          { width: 96% !important; }
  .right p         { width: auto !important; }
  .index-card      { width: 90% !important; }
  .nav             { height: auto; }
}

/* ================================================================
   手机 ≤ 768px
   ================================================================ */
@media (max-width: 768px) {

  /* ---- 页头容器 ---- */
  .head_box { overflow: visible; }

  .header {
    height: auto !important;
    padding: 8px 3% !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* logo 独占一行 */
  .header_left {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px;
  }
  .header_left a   { width: auto !important; height: auto !important; }
  .header_left img { width: 140px !important; height: auto !important; margin-top: 0 !important; }

  /* 右侧列独占一行 */
  .header_right {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
  }

  /* 搜索行 */
  .header_submit {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 4px 0 !important;
  }
  .header_submit_b {
    float: none !important;
    display: flex !important;
    width: 100% !important;
  }
  .header_submit_b input[type=text] {
    float: none !important;
    flex: 1 !important;
    width: auto !important;
    min-width: 0;
  }
  .header_submit_b input[type=submit] {
    float: none !important;
    width: 70px !important;
    flex-shrink: 0;
  }

  /* 辅助链接行 */
  .header_list {
    clear: none !important;
    margin-top: 6px !important;
    width: 100% !important;
  }
  .header_list ul { display: flex !important; flex-wrap: wrap; align-items: center; }
  .header_list ul li {
    float: none !important;
    height: auto !important;
    line-height: 20px !important;
    font-size: 11px !important;
    margin-right: 0 !important;
    padding-right: 8px !important;
    border-right-width: 1px;
    padding-left: 0;
  }
  .header_list ul li:last-child { border-right: none !important; }

  /* QQ 群/Telegram 按钮 */
  .header_fl {
    float: none !important;
    display: block !important;
    text-align: left;
    margin-top: 4px;
  }

  /* ---- 导航：横向滚动 ---- */
  .nav {
    height: auto !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin-top: 4px !important;
  }
  /* 隐藏滚动条（视觉更干净） */
  .nav::-webkit-scrollbar { display: none; }
  .nav { -ms-overflow-style: none; scrollbar-width: none; }

  .nav .width1200 {
    width: max-content !important;
    min-width: 100%;
  }
  .nav ul {
    display: inline-flex !important;
    flex-wrap: nowrap;
    width: max-content;
  }
  .nav ul li {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 56px;
    padding: 0 10px !important;
    margin-right: 0 !important;
    height: 42px !important;
    line-height: 42px !important;
  }
  /* 手机端禁用下拉（hover 触屏无效，改成不展示） */
  .nav ul li .dropdown-content { display: none !important; }

  /* ---- 公告卡片 ---- */
  .index-header {
    padding: 6px 3% !important;
    box-sizing: border-box;
  }
  .index-card {
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 13px;
  }

  /* ---- 视频列表容器 (plugin.css 写死 960px) ---- */
  .addition-content {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* ---- 视频列表 (保留所有 class/XPath，仅改布局) ---- */
  .videotitle { display: none !important; }

  /* li: 改回 block，清除 float + 消除 plugin.css 两侧 20px margin */
  ul.videoContent li {
    display: block !important;
    float: none !important;
    width: auto !important;       /* block 元素自然撑满父级，不需要 100% */
    height: auto !important;
    line-height: normal !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px 3% !important;
    border-bottom: 1px solid #eee !important;
    box-sizing: border-box;
    overflow: hidden;             /* clearfix for inner float (time1) */
  }

  /* a.videoName: block 元素自然撑满 li，无需 width:100% !important
     padding-right 为右侧徽章留空间，<i> 绝对定位贴右 */
  ul.videoContent li a.videoName {
    display: block !important;
    float: none !important;
    position: relative !important;
    width: auto !important;       /* block 自然全宽，不强制 100% */
    height: auto !important;
    line-height: 1.5 !important;
    padding: 2px 76px 2px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    text-align: left !important;
  }

  /* 徽章绝对定位：右侧贴齐，不参与文本截断 */
  ul.videoContent li a.videoName i {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    white-space: nowrap;
    line-height: 1 !important;
  }

  /* 地区 / 分类：inline-block 小标签 */
  ul.videoContent li span.region {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.6 !important;
    font-size: 12px;
    color: #888;
    margin-right: 8px;
  }

  ul.videoContent li span.category,
  ul.videoContent li span.category.type {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.6 !important;
    font-size: 12px;
    color: #888;
    margin-right: 8px;
  }

  /* 更新时间：右浮，不影响 block 布局 */
  ul.videoContent li span.time1 {
    float: right !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.6 !important;
    font-size: 12px;
    color: #aaa;
  }

  /* "点击进入" 链接手机端重复，隐藏 */
  ul.videoContent li a.address { display: none !important; }

  /* ---- 面包屑 ---- */
  .list-nav {
    width: auto !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
  }

  /* ---- 详情页 people ---- */
  .people {
    width: 96% !important;
    margin: 0 auto !important;
  }
  .people .left {
    float: none !important;
    width: 110px !important;
    height: 154px !important;
    margin: 0 auto 10px !important;
    display: block;
  }
  .people .left img {
    width: 110px !important;
    height: 154px !important;
  }
  .right {
    float: none !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  .right p {
    width: 100% !important;
    font-size: 13px;
    line-height: 24px;
  }

  /* ---- 播放列表 ---- */
  .playlist.wbox li { font-size: 12px; word-break: break-all; }

  /* ---- 分页 ---- */
  .pages a,
  .pages span,
  .pages em,
  .pages label { padding: 0 8px !important; font-size: 12px !important; }

  .kscont { width: auto !important; margin: 0 3% !important; box-sizing: border-box; }

  /* ---- 留言板 ---- */
  .reply_box .mac_msg_l,
  .reply_box .mac_msg_r {
    float: none !important;
    width: 96% !important;
    margin: 6px auto !important;
  }

  /* ---- 播放页 ---- */
  .play-wrap { padding: 4px !important; }

  /* ---- 底部 ---- */
  .footer       { height: auto !important; }
  .footer h2    { display: none !important; }
  .footer_right { width: 100% !important; float: none !important; text-align: center; }
  .footer_right ul li { font-size: 12px !important; }
  .footer_right p     { font-size: 12px !important; line-height: 20px !important; }

  /* ---- 通用白卡片 ---- */
  .white { padding-bottom: 10px; }
  .width1200.white { width: 100% !important; }
  .addition-content { padding: 0; }
  .container { width: 100% !important; }

  /* ---- 正文 ---- */
  .vod_content { padding: 0 12px !important; font-size: 13px; line-height: 22px; }
}

/* ================================================================
   超小屏 ≤ 400px
   ================================================================ */
@media (max-width: 400px) {
  /* 辅助链接太多，只保留前两项 */
  .header_list ul li:nth-child(n+3) { display: none; }

  .footer_right p { word-break: break-all; }
}