/* AVLOG 2026-11-13: structural shared component layer. Loaded after legacy page CSS. */
html body.body .site-header.avref26-header {
  position: sticky !important; top: 0 !important; z-index: 1500 !important;
  background: rgba(8,14,11,.97) !important; backdrop-filter: blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
}
html body.body .site-header.avref26-header .site-header-inner {
  display: grid !important;
  grid-template-columns: minmax(130px,190px) minmax(260px,1fr) auto !important;
  grid-template-areas: "brand search nav" !important;
  align-items: center !important; gap: clamp(10px,1.5vw,22px) !important;
  width: min(1500px,calc(100% - 32px)) !important; max-width: 1500px !important;
  min-height: 76px !important; padding: 9px 0 !important; margin: 0 auto !important;
}
html body.body .site-header.avref26-header .site-brand { grid-area: brand !important; min-width:0 !important; }
html body.body .site-header.avref26-header .site-search-wrap { grid-area: search !important; width:100% !important; max-width:none !important; min-width:0 !important; }
html body.body .site-header.avref26-header .site-main-nav {
  grid-area: nav !important; display:flex !important; flex-wrap:nowrap !important;
  align-items:center !important; justify-content:flex-end !important; gap:4px !important;
  min-width:0 !important; white-space:nowrap !important;
}
html body.body .site-header.avref26-header .site-main-nav .site-nav-link {
  padding:9px clamp(6px,.65vw,11px) !important; font-size:13px !important; white-space:nowrap !important;
}
@media(min-width:768px){html body.body .site-header.avref26-header{position:sticky!important;top:0!important}}
@media(max-width:1100px) and (min-width:768px){
 html body.body .site-header.avref26-header .site-header-inner{grid-template-columns:120px minmax(180px,1fr) auto!important;gap:8px!important;width:calc(100% - 22px)!important}
 html body.body .site-header.avref26-header .site-main-nav .site-nav-link{padding:8px 5px!important;font-size:12px!important}
}
@media(max-width:767px){
 html body.body .site-header.avref26-header{position:relative!important;top:auto!important}
 html body.body .site-header.avref26-header .site-header-inner{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"brand nav" "search search"!important;width:calc(100% - 20px)!important;gap:8px!important;padding:9px 0!important;min-height:0!important}
 html body.body .site-header.avref26-header .site-main-nav{gap:2px!important;justify-content:flex-end!important}
 html body.body .site-header.avref26-header .site-main-nav .site-nav-link{padding:6px 5px!important;font-size:11px!important}
 html body.body .site-header.avref26-header .site-search-form{height:42px!important;min-height:42px!important}
}

/* One and the same card geometry for homepage latest, show/type/search and play-page likes. */
html body.body .home-latest-video-panel .category-con,
html body.body .home-latest-video-panel .a-con {
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body.body .home-latest-video-panel .category-con .a-con,
html body.body .home-latest-video-panel > .category-con > .a-con {
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:22px 16px!important;align-items:start!important;
}
html body.body .home-latest-video-panel .a-con-inner {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 min-width:0!important;margin:0!important;padding:0!important;border:0!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic {
 position:relative!important;display:block!important;width:100%!important;height:auto!important;
 aspect-ratio:3/4!important;min-height:0!important;margin:0!important;padding:0!important;
 overflow:hidden!important;border:1px solid rgba(255,255,255,.10)!important;
 border-radius:10px!important;background:#111b15!important;line-height:0!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic>a {
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 margin:0!important;padding:0!important;overflow:hidden!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic img {
 position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
 min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;border:0!important;object-fit:cover!important;object-position:center!important;
}
html body.body .home-latest-video-panel .a-con-inner .s1 {
 display:block!important;min-height:0!important;max-height:none!important;margin:8px 0 0!important;padding:0 1px!important;
 overflow:hidden!important;font-size:12.5px!important;line-height:1.5!important;font-weight:500!important;
}
html body.body .home-latest-video-panel .a-con-inner .s1 a {
 display:block!important;overflow:hidden!important;color:#e8eee9!important;text-overflow:ellipsis!important;
 white-space:nowrap!important;text-decoration:none!important;
}
html body.body .home-latest-video-panel .a-con-inner .vod-time {
 display:block!important;margin:4px 0 0!important;padding:0 1px!important;color:#91a197!important;font-size:11px!important;line-height:1.45!important;
}
html body.body .home-latest-video-panel .a-con-inner .s2 {display:flex!important;margin:5px 0 0!important;padding:0 1px!important;}
html body.body .home-latest-video-panel .a-con-inner .s2 a {
 display:inline-flex!important;align-items:center!important;padding:2px 7px!important;
 border:1px solid rgba(30,190,90,.35)!important;border-radius:5px!important;background:transparent!important;
 color:#65d98c!important;font-size:10px!important;line-height:1.4!important;text-decoration:none!important;
}
html body.body .home-latest-video-panel .a-con-inner .pic .bofang {z-index:2!important;}
@media(max-width:900px){html body.body .home-latest-video-panel .category-con .a-con,html body.body .home-latest-video-panel > .category-con > .a-con{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 12px!important}}
@media(max-width:767px){
 html body.body .home-latest-video-panel .category-con .a-con,html body.body .home-latest-video-panel > .category-con > .a-con{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 8px!important}
 html body.body .home-latest-video-panel .a-con-inner .s1{font-size:12px!important}
 html body.body .home-latest-video-panel .a-con-inner .vod-time{font-size:10px!important}
}

/* AI cards: same left/right alignment as latest videos, with a deliberately shorter poster. */
html body.body .main .hub-wrap > .ai-video-section {
 width:100%!important;max-width:none!important;margin:0!important;padding:clamp(18px,2.2vw,30px)!important;box-sizing:border-box!important;
}
html body.body .ai-video-section .ai-video-heading,
html body.body .ai-video-section .ai-video-grid {
 width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
html body.body .ai-video-section .ai-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px 14px!important}
html body.body .ai-video-section .ai-video-poster{display:block!important;position:relative!important;width:100%!important;aspect-ratio:16/10!important;height:auto!important;overflow:hidden!important;border-radius:10px!important}
html body.body .ai-video-section .ai-video-poster>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:767px){html body.body .main .hub-wrap > .ai-video-section{padding:12px!important}html body.body .ai-video-section .ai-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 9px!important}}

/* Shortcut grid and random-purple accent retained. */
html body.body.avref26-home .avref26-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html body.body.avref26-home .avref26-shortcuts>.hub-shortcut{background:#0c1d15!important}
html body.body.avref26-home .avref26-shortcuts>.hub-shortcut-random{background:#0c1d15!important;border-left-color:#a855f7!important}
html body.body.avref26-home .hub-shortcut-random .hub-icon{background:linear-gradient(135deg,#7046c8,#9a63e8)!important;color:#fff!important}
@media(max-width:767px){html body.body.avref26-home .avref26-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}}

/* Full-bleed footer: no inset card or framed box. */
html body.body .footer.avref26-footer{display:block!important;width:100%!important;max-width:none!important;margin:42px 0 0!important;padding:34px clamp(18px,4vw,64px)!important;box-sizing:border-box!important;border:0!important;border-top:1px solid rgba(57,185,120,.24)!important;border-radius:0!important;background:linear-gradient(110deg,#0d2b1c 0%,#09170f 52%,#102a1b 100%)!important}
html body.body .footer.avref26-footer .footer-inner{width:min(1500px,100%)!important;max-width:1500px!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
html body.body .footer.avref26-footer .footer-brand{font-size:22px!important;font-weight:850!important;color:#e9f8ee!important}
html body.body .footer.avref26-footer .copyright{max-width:980px!important;margin:0!important;color:#a8b9ae!important;font-size:12px!important;line-height:1.8!important}
html body.body .footer.avref26-footer .footer-contact{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px 16px!important;color:#c3d8ca!important;font-size:13px!important}
html body.body .footer.avref26-footer .footer-note{color:#789382!important;font-size:11px!important}
@media(max-width:767px){html body.body .footer.avref26-footer{margin-top:26px!important;padding:25px 14px!important}html body.body .footer.avref26-footer .footer-contact{flex-direction:column!important;gap:5px!important}html body.body .footer.avref26-footer .footer-separator{display:none!important}}