/* 全站统一宽度与性能收敛层：以顶部「必备资源」内容宽度为基准 */
:root {
  --global-content-width: 1320px;
  --global-content-gutter: clamp(12px, 2vw, 24px);
  --global-panel-border: rgba(155, 185, 162, .17);
  --global-panel-bg: #111a14;
  --global-green: #36b96b;
}

/* 顶部资源区、首页、列表、详情、播放、文章、页脚统一左右边界 */
body.body .vip-nav-area,
body.body .vip-text-area,
body.body .hub-wrap,
body.body .main > .container,
body.body main.main > .container,
body.body .container.vod-search-page,
body.body main.article-page,
body.body .footer > .container,
body.body .footer .container,
body.body .site-header-inner {
  width: min(var(--global-content-width), calc(100% - 2 * var(--global-content-gutter))) !important;
  max-width: var(--global-content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
body.body .hub-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.body .vip-nav-area,
body.body .vip-text-area { padding-left: 0 !important; padding-right: 0 !important; }
body.body .main { min-width: 0; }

/* 所有列表页不再因各自旧版 container 设置产生左右错位 */
body.body .vod-search-main,
body.body main.article-page,
body.body main.main { width: 100%; box-sizing: border-box; }
body.body .container.vod-search-page { padding-left: 0 !important; padding-right: 0 !important; }
body.body .hub-wrap > .hub-section,
body.body .hub-wrap > .home-friend-links,
body.body .container.vod-search-page > .hub-section,
body.body .container.vod-search-page > .search-content-panel,
body.body .container.vod-search-page > .vod-category-panel,
body.body .container.vod-search-page > .vod-list-page-panel,
body.body .play-episode-panel,
body.body .play-keywords,
body.body .play-related-block {
  border: 1px solid var(--global-panel-border) !important;
  border-radius: 14px !important;
  background: var(--global-panel-bg) !important;
  box-shadow: none !important;
}

/* 搜索页热门词：与首页分类按钮完全一致 */
body.body #search-hot-keywords { padding: 17px !important; margin: 0 0 18px !important; }
body.body #search-hot-keywords .vod-search-categories,
body.body #search-hot-keywords .home-video-category-grid {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.body #search-hot-keywords .vod-search-categories a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 6px 5px !important;
  overflow: hidden !important;
  border: 1px solid var(--global-panel-border) !important;
  border-radius: 8px !important;
  background: #151f18 !important;
  color: #dce8df !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
}
body.body #search-hot-keywords .vod-search-categories a:hover {
  border-color: rgba(54,185,107,.6) !important;
  background: rgba(54,185,107,.1) !important;
  color: #fff !important;
}

/* 搜索结果容器与首页最新视频同一套结构语言 */
body.body .search-content-panel { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.body .search-content-panel .search-con {
  margin: 0 !important;
  padding: 17px !important;
  border: 1px solid var(--global-panel-border) !important;
  border-radius: 14px !important;
  background: var(--global-panel-bg) !important;
  box-shadow: none !important;
}
body.body .search-content-panel .search-con .res {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  margin: 0 0 16px !important;
  padding: 0 0 11px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--global-panel-border) !important;
  border-left: 4px solid var(--global-green) !important;
  background: transparent !important;
}
body.body .search-content-panel .search-con .res h1 {
  margin: 0 !important;
  padding: 0 !important;
  color: #e8eee9 !important;
  font-size: 19px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}
body.body .search-content-panel .search-con .res p { margin: 0 !important; color: #91a197 !important; font-size: 12px !important; }
body.body .search-content-panel .search-con .res .mac_total { color: var(--global-green) !important; font-weight: 700 !important; }
body.body .search-content-panel .search-con > .a-con {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px 14px !important;
  width: 100% !important;
  margin: 0 !important;
}
body.body .search-content-panel .search-con > .a-con > .a-con-inner {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.body .search-content-panel .search-con .pic {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  border: 1px solid var(--global-panel-border) !important;
  border-radius: 9px !important;
  background: #17221a !important;
}
body.body .search-content-panel .search-con .pic a,
body.body .search-content-panel .search-con .pic img { display: block !important; width: 100% !important; height: 100% !important; }
body.body .search-content-panel .search-con .pic img { object-fit: cover !important; }
body.body .search-content-panel .search-con .s1 {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 8px 0 0 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}
body.body .search-content-panel .search-con .s1 a { color: #e8eee9 !important; text-decoration: none !important; }
body.body .search-content-panel .search-con .vod-time { display: block !important; margin-top: 4px !important; color: #91a197 !important; font-size: 11px !important; }
body.body .search-content-panel .search-con .s2 { display: block !important; margin-top: 6px !important; }
body.body .search-content-panel .search-con .s2 a {
  display: inline-flex !important;
  padding: 3px 7px !important;
  border: 1px solid var(--global-panel-border) !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #91a197 !important;
  font-size: 11px !important;
  text-decoration: none !important;
}

/* 页面模块标题统一：绿色竖线、文字间距一致，清除旧圆点/伪元素 */
body.body .hub-section-head,
body.body .home-list-heading,
body.body .play-episode-heading,
body.body .play-related-block .a-tit,
body.body .search-content-panel .search-con .res {
  text-shadow: none !important;
}
body.body .hub-section-head::before,
body.body .hub-section-head::after,
body.body .play-episode-heading::before,
body.body .play-episode-heading::after { content: none !important; display: none !important; }

/* 图片加载：明确延迟非首屏图片，降低初始网络竞争；保留已设置的 lazy 属性 */
body.body .a-con-inner img { background: rgba(255,255,255,.025); }

@media (max-width: 900px) {
  body.body #search-hot-keywords .vod-search-categories { grid-template-columns: repeat(6, minmax(0,1fr)) !important; }
  body.body .search-content-panel .search-con > .a-con { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
}
@media (max-width: 600px) {
  body.body .vip-nav-area,
  body.body .vip-text-area,
  body.body .hub-wrap,
  body.body .main > .container,
  body.body main.main > .container,
  body.body .container.vod-search-page,
  body.body main.article-page,
  body.body .footer > .container,
  body.body .footer .container,
  body.body .site-header-inner {
    width: calc(100% - 24px) !important;
  }
  body.body #search-hot-keywords { padding: 12px !important; margin-bottom: 14px !important; }
  body.body #search-hot-keywords .vod-search-categories { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 7px !important; }
  body.body #search-hot-keywords .vod-search-categories a { min-height: 34px !important; padding: 5px 3px !important; font-size: 11px !important; }
  body.body .search-content-panel .search-con { padding: 12px !important; border-radius: 11px !important; }
  body.body .search-content-panel .search-con .res { padding-left: 10px !important; border-left-width: 3px !important; }
  body.body .search-content-panel .search-con .res h1 { font-size: 16px !important; }
  body.body .search-content-panel .search-con > .a-con { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 13px 9px !important; }
  body.body .search-content-panel .search-con > .a-con > .a-con-inner:nth-child(n+7) { display: none !important; }
  body.body .search-content-panel .search-con .s1 { margin-top: 6px !important; font-size: 12px !important; }
  body.body .search-content-panel .search-con .vod-time { font-size: 10px !important; }
}