/* AVLOG Deep Refactor R1 — 保留既有主题色，仅重构结构与组件表现 */
:root {
  --dr-radius: 16px;
  --dr-radius-sm: 11px;
  --dr-gap: clamp(12px, 1.8vw, 20px);
  --dr-panel: rgba(255,255,255,.025);
  --dr-panel-hover: rgba(255,255,255,.045);
  --dr-line: rgba(255,255,255,.09);
  --dr-line-strong: rgba(255,255,255,.15);
}
html { scroll-behavior: smooth; }
body.body { overflow-x: clip; }
/* 顶部导航保持正常文档流，不吸顶、不覆盖内容 */
body.body .site-header, body.body .header {
  position: relative !important; top: auto !important; left: auto !important;
  z-index: 20 !important; backdrop-filter: none !important;
}
body.body .main { min-height: 55vh; }
body.body .container, body.body .hub-wrap {
  width: min(100% - 28px, 1280px) !important;
  max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important;
}
/* 全站内容区：统一边界、圆角、间距，不覆盖主题色 */
body.body .hub-section,
body.body .vod-category-panel,
body.body .vod-list-page-panel,
body.body .search-content-panel,
body.body .play-like-section,
body.body .vod-keyword-panel,
body.body .home-friend-links,
body.body #hot-keywords,
body.body #search-hot-keywords {
  border: 1px solid var(--dr-line) !important;
  border-radius: var(--dr-radius) !important;
  background: var(--dr-panel) !important;
  padding: clamp(14px, 2vw, 22px) !important;
  margin: 0 0 var(--dr-gap) !important;
}
body.body .hub-section-head,
body.body .vod-category-panel .section-head,
body.body .vod-list-page-panel .section-head,
body.body .search-content-panel .section-head {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  margin: 0 0 18px !important; padding: 0 0 13px 13px !important;
  border-bottom: 1px solid var(--dr-line) !important;
  border-left: 3px solid var(--zy-hover) !important;
}
body.body .hub-section-head h2,
body.body .vod-category-panel h2,
body.body .vod-list-page-panel h2,
body.body .search-content-panel h2 {
  font-size: clamp(17px, 1.6vw, 21px) !important; line-height:1.3; font-weight:800 !important;
}
body.body .hub-shortcuts { gap: 12px !important; margin-bottom: var(--dr-gap) !important; }
body.body .hub-shortcut {
  min-width:0; border:1px solid var(--dr-line) !important; border-radius:14px !important;
  background:var(--dr-panel) !important; padding:15px !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
body.body .hub-shortcut:hover { transform:translateY(-2px); background:var(--dr-panel-hover) !important; }
body.body .hub-icon { border-radius:12px !important; }
/* 所有常见列表卡片统一交互与裁切 */
body.body .a-con-inner,
body.body .vod-list .vod-item,
body.body .module-item,
body.body .art-list .art-item,
body.body .hub-novel {
  min-width:0; border-radius:13px !important; overflow:hidden;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
body.body .a-con-inner:hover,
body.body .vod-list .vod-item:hover,
body.body .module-item:hover,
body.body .art-list .art-item:hover,
body.body .hub-novel:hover { transform:translateY(-2px); }
body.body .pic img, body.body .vod-list img, body.body .module-item img {
  display:block; width:100%; height:auto; object-fit:cover;
}
body.body input, body.body select, body.body textarea {
  max-width:100%; border-radius:10px;
}
body.body .footer { margin-top: 28px; border-top:1px solid var(--dr-line); }
/* 分类/筛选/关键词按钮：保留原主题强调色 */
body.body .home-video-category-grid a,
body.body .vod-search-categories a,
body.body #hot-keywords a,
body.body #search-hot-keywords a {
  border-radius:999px !important; padding:7px 12px !important;
  border:1px solid var(--dr-line) !important; transition:background .18s,border-color .18s,transform .18s;
}
body.body .home-video-category-grid a:hover,
body.body .vod-search-categories a:hover,
body.body #hot-keywords a:hover,
body.body #search-hot-keywords a:hover { transform:translateY(-1px); }
/* 分类50：独立的横幅式精选卡，不复用最新视频的 .a-con 卡片 */
body.body .featured-v50-section { padding:clamp(14px,2.2vw,24px) !important; }
body.body .featured-v50-head { align-items:flex-end !important; }
body.body .featured-v50-heading { min-width:0; }
body.body .featured-v50-heading h2 { margin:3px 0 4px !important; padding:0 !important; border:0 !important; }
body.body .featured-v50-heading p { margin:0; color:var(--zy-gray); font-size:12px; }
body.body .featured-v50-eyebrow { font-size:10px; letter-spacing:.16em; font-weight:800; color:var(--zy-hover); }
body.body .featured-v50-more { flex:0 0 auto; padding:8px 13px; border:1px solid var(--dr-line-strong); border-radius:999px; font-size:12px; }
body.body .featured-v50-more:hover { border-color:var(--zy-hover); }
body.body .featured-v50-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
body.body .featured-v50-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--dr-line); border-radius:14px; background:rgba(255,255,255,.018); }
body.body .featured-v50-card:hover { border-color:var(--zy-hover); transform:translateY(-3px); }
body.body .featured-v50-cover { position:relative; display:block; overflow:hidden; aspect-ratio:16/9; background:rgba(255,255,255,.04); }
body.body .featured-v50-cover img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
body.body .featured-v50-card:hover .featured-v50-cover img { transform:scale(1.045); }
body.body .featured-v50-index { position:absolute; left:10px; top:10px; padding:4px 8px; border-radius:6px; background:var(--zy-hover); color:#fff; font-size:10px; font-weight:800; }
body.body .featured-v50-play { position:absolute; inset:0; display:grid; place-items:center; color:#fff; opacity:0; transition:opacity .2s; background:rgba(0,0,0,.18); }
body.body .featured-v50-play i { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--zy-hover); font-size:20px; }
body.body .featured-v50-card:hover .featured-v50-play { opacity:1; }
body.body .featured-v50-duration { position:absolute; right:9px; bottom:9px; padding:3px 7px; border-radius:5px; background:rgba(0,0,0,.72); color:#fff; font-size:10px; }
body.body .featured-v50-info { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 12px; }
body.body .featured-v50-info strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:700; }
body.body .featured-v50-info > span { flex:0 0 auto; font-size:11px; color:var(--zy-hover); }
body.body .featured-v50-info > span i { font-style:normal; }
@media (min-width:1100px) { body.body .featured-v50-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767px) {
  body.body .container, body.body .hub-wrap { width:calc(100% - 20px) !important; padding-left:0 !important; padding-right:0 !important; }
  body.body .hub-section, body.body .vod-category-panel, body.body .vod-list-page-panel,
  body.body .search-content-panel, body.body .play-like-section, body.body .vod-keyword-panel,
  body.body .home-friend-links, body.body #hot-keywords, body.body #search-hot-keywords { padding:13px !important; border-radius:13px !important; }
  body.body .hub-section-head { margin-bottom:13px !important; }
  body.body .featured-v50-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  body.body .featured-v50-info { padding:9px; }
  body.body .featured-v50-info strong { font-size:12px; }
  body.body .featured-v50-info > span { font-size:10px; }
  body.body .featured-v50-heading p { font-size:11px; }
  body.body .featured-v50-more { padding:7px 10px; font-size:11px; }
}
@media (max-width:360px) {
  body.body .featured-v50-grid { gap:7px; }
  body.body .featured-v50-info > span { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  body.body *, body.body *::before, body.body *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}