/* AVLOG requested corrections r4: intentionally loaded last from public/include. */
:root{
 --r4-green:#22c55e;--r4-purple:#9b72e8;--r4-purple-line:rgba(166,126,245,.62);
 --r4-panel:rgba(22,29,25,.72);--r4-border:rgba(255,255,255,.105);
}
/* Header: restore a complete, predictable desktop/mobile layout. */
html body.body{padding-top:0!important}
html body.body .site-header{
 position:relative!important;inset:auto!important;z-index:1000!important;width:100%!important;
 min-height:76px!important;background:rgba(15,20,18,.98)!important;
 border-bottom:1px solid rgba(34,197,94,.24)!important;
 box-shadow:0 8px 26px rgba(0,0,0,.24)!important;backdrop-filter:blur(14px)!important;
}
html body.body .site-header:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;
 background:linear-gradient(90deg,transparent,#22c55e 20%,#4ade80 50%,#22c55e 80%,transparent)!important}
html body.body .site-header .site-header-inner{
 display:grid!important;grid-template-columns:minmax(130px,210px) minmax(220px,auto) minmax(220px,1fr)!important;
 align-items:center!important;gap:clamp(10px,1.8vw,24px)!important;width:min(1320px,calc(100% - 32px))!important;
 max-width:1320px!important;min-height:76px!important;margin:0 auto!important;padding:10px 0!important;box-sizing:border-box!important;
}
html body.body .site-header .site-brand,html body.body .site-header .site-brand>a{display:flex!important;align-items:center!important;min-width:0!important;gap:10px!important;text-decoration:none!important}
html body.body .site-header .site-brand img{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important}
html body.body .site-header .site-brand .name{color:#f3f7f4!important;font-size:22px!important;font-weight:800!important;letter-spacing:.4px!important}
html body.body .site-header .site-main-nav{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;white-space:nowrap!important}
html body.body .site-header .site-nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;padding:8px 11px!important;border:1px solid transparent!important;border-radius:9px!important;color:#d6e1d9!important;text-decoration:none!important;font-size:13px!important}
html body.body .site-header .site-nav-link:hover{color:#8de5a9!important;background:rgba(34,197,94,.09)!important;border-color:rgba(34,197,94,.2)!important}
html body.body .site-header .site-search-wrap{position:relative!important;width:100%!important;min-width:0!important}
html body.body .site-header .site-search-form{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important;padding:5px 6px 5px 12px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important;box-sizing:border-box!important}
html body.body .site-header .site-search-input{flex:1!important;width:100%!important;min-width:0!important;height:34px!important;padding:5px!important;border:0!important;outline:0!important;background:transparent!important;color:#f4f7f5!important;font-size:13px!important}
html body.body .site-header .site-search-submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:none!important;min-height:34px!important;padding:6px 13px!important;border:0!important;border-radius:8px!important;background:#16884a!important;color:white!important}
html body.body .site-header .site-hot-search-dropdown{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;z-index:10010!important;padding:13px!important;border:1px solid var(--r4-border)!important;border-radius:12px!important;background:#17211b!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}
@media(max-width:820px){
 html body.body .site-header .site-header-inner{grid-template-columns:1fr auto!important;gap:8px 12px!important;width:calc(100% - 24px)!important;min-height:unset!important;padding:9px 0 11px!important}
 html body.body .site-header .site-brand img{width:34px!important;height:34px!important}
 html body.body .site-header .site-brand .name{font-size:19px!important}
 html body.body .site-header .site-main-nav{grid-column:2;grid-row:1;justify-content:flex-end!important;gap:2px!important;overflow-x:auto!important}
 html body.body .site-header .site-nav-link{padding:7px 8px!important;font-size:12px!important}
 html body.body .site-header .site-nav-link i{display:none!important}
 html body.body .site-header .site-search-wrap{grid-column:1/-1;grid-row:2}
}
@media(max-width:390px){html body.body .site-header .site-nav-link{padding:6px!important;font-size:11px!important}}

/* Homepage width and shortcut cards: larger, equal-height and clear accents. */
html body.body .hub-wrap{width:min(1320px,calc(100% - 32px))!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
html body.body .hub-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:18px 0 30px!important}
html body.body .hub-shortcut{min-height:112px!important;padding:20px 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-left:5px solid #22a565!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;box-shadow:0 7px 22px rgba(0,0,0,.12)!important;box-sizing:border-box!important}
html body.body .hub-shortcut .hub-icon{width:52px!important;height:52px!important;min-width:52px!important;border-radius:14px!important;background:linear-gradient(135deg,#15934d,#24bd68)!important}
html body.body .hub-shortcut-random{border-color:var(--r4-purple-line)!important;border-left:5px solid #9b72e8!important;background:linear-gradient(110deg,rgba(117,77,188,.15),rgba(255,255,255,.025))!important}
html body.body .hub-shortcut-random .hub-icon{background:linear-gradient(135deg,#7046c8,#a779f0)!important;box-shadow:0 5px 16px rgba(126,82,210,.3)!important}
html body.body .hub-shortcut-random:hover{border-color:#b89af4!important;box-shadow:0 9px 26px rgba(126,82,210,.18)!important}
html body.body .hub-shortcut h2{font-size:18px!important;line-height:1.35!important}
html body.body .hub-shortcut p{font-size:13px!important;line-height:1.5!important}
@media(max-width:760px){html body.body .hub-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 22px!important}
 html body.body .hub-shortcut{min-height:100px!important;padding:14px 11px!important;gap:9px!important;border-radius:12px!important}
 html body.body .hub-shortcut .hub-icon{width:42px!important;height:42px!important;min-width:42px!important;font-size:21px!important}
 html body.body .hub-shortcut h2{font-size:15px!important}html body.body .hub-shortcut p{font-size:11px!important}}
/* Purple pill action: "换一批" and "更多 AI 视频" share one visual language. */
html body.body #videos .hub-latest-random,
html body.body .ai-video-more,
html body.body #video-categories .hub-section-head>a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
 min-height:38px!important;padding:8px 15px!important;border:1px solid var(--r4-purple-line)!important;
 border-radius:9px!important;background:linear-gradient(135deg,rgba(111,70,194,.30),rgba(151,93,224,.17))!important;
 color:#d9c5ff!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;
 text-decoration:none!important;white-space:nowrap!important;box-shadow:0 4px 14px rgba(101,63,174,.17),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
html body.body #videos .hub-latest-random:hover,html body.body .ai-video-more:hover,
html body.body #video-categories .hub-section-head>a:hover{border-color:#c2a8ff!important;background:linear-gradient(135deg,rgba(124,82,211,.48),rgba(163,109,235,.3))!important;color:#fff!important}
/* AI block aligns exactly with latest videos; no extra mobile side gutters. */
html body.body .ai-video-section{width:100%!important;max-width:none!important;margin:24px 0!important;padding:18px!important;box-sizing:border-box!important;border:1px solid var(--r4-border)!important;border-radius:14px!important;background:var(--r4-panel)!important}
html body.body .ai-video-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 15px!important}
html body.body .ai-video-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
html body.body .ai-video-card{min-width:0!important}
@media(max-width:600px){html body.body .hub-wrap{width:calc(100% - 20px)!important}
 html body.body .ai-video-section{width:100%!important;margin:16px 0!important;padding:12px!important}
 html body.body .ai-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
 html body.body .ai-video-heading{margin-bottom:11px!important}
 html body.body .ai-video-more{min-height:34px!important;padding:7px 10px!important;font-size:12px!important}}
/* Video card grids: homepage, type and search all use 3 columns on phones. */
html body.body #videos .category-con .a-con,
html body.body .home-video-list .category-con .a-con,
html body.body .vod-search-page .category-con .a-con,
html body.body .vod-search-page .search-con .a-con{
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px 12px!important;width:100%!important;max-width:none!important;float:none!important;box-sizing:border-box!important
}
html body.body #videos .category-con .a-con-inner,
html body.body .home-video-list .category-con .a-con-inner,
html body.body .vod-search-page .category-con .a-con-inner,
html body.body .vod-search-page .search-con .a-con-inner{
 display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:8px!important;
 border:1px solid var(--r4-border)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;box-sizing:border-box!important
}
html body.body #videos .category-con .a-con-inner .pic,
html body.body .home-video-list .category-con .a-con-inner .pic,
html body.body .vod-search-page .category-con .a-con-inner .pic,
html body.body .vod-search-page .search-con .a-con-inner .pic{width:100%!important;margin:0!important;overflow:hidden!important;border-radius:8px!important}
html body.body #videos .category-con .a-con-inner .pic img,
html body.body .home-video-list .category-con .a-con-inner .pic img,
html body.body .vod-search-page .category-con .a-con-inner .pic img,
html body.body .vod-search-page .search-con .a-con-inner .pic img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important}
html body.body #videos .category-con .a-con-inner .s1,
html body.body .home-video-list .category-con .a-con-inner .s1,
html body.body .vod-search-page .category-con .a-con-inner .s1,
html body.body .vod-search-page .search-con .a-con-inner .s1{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:8px!important;font-size:13px!important;line-height:1.5!important}
@media(max-width:600px){
 html body.body #videos .category-con .a-con,html body.body .home-video-list .category-con .a-con,
 html body.body .vod-search-page .category-con .a-con,html body.body .vod-search-page .search-con .a-con{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 8px!important
 }
 html body.body #videos .category-con .a-con-inner,html body.body .home-video-list .category-con .a-con-inner,
 html body.body .vod-search-page .category-con .a-con-inner,html body.body .vod-search-page .search-con .a-con-inner{padding:5px!important;border-radius:9px!important}
 html body.body #videos .category-con .a-con-inner .s1,html body.body .home-video-list .category-con .a-con-inner .s1,
 html body.body .vod-search-page .category-con .a-con-inner .s1,html body.body .vod-search-page .search-con .a-con-inner .s1{font-size:12px!important}
 html body.body #videos .category-con .a-con-inner .vod-time,html body.body .home-video-list .category-con .a-con-inner .vod-time,
 html body.body .vod-search-page .category-con .a-con-inner .vod-time,html body.body .vod-search-page .search-con .a-con-inner .vod-time{font-size:10px!important}
}
/* Search/type category keyword blocks are deliberately distinct from video-list title panels. */
html body.body #search-hot-keywords,.vod-search-page #search-hot-keywords,
html body.body .vod-search-page .vod-category-panel{
 padding:15px!important;border:1px dashed rgba(34,197,94,.32)!important;border-radius:12px!important;
 background:linear-gradient(135deg,rgba(34,197,94,.055),rgba(255,255,255,.012))!important;box-shadow:none!important
}
html body.body #search-hot-keywords>.hub-section-head,
html body.body .vod-search-page .vod-category-panel>.hub-section-head{
 padding:0!important;margin:0 0 12px!important;border:0!important;background:transparent!important
}
html body.body #search-hot-keywords>.hub-section-head h2,
html body.body .vod-search-page .vod-category-panel>.hub-section-head h2{font-size:16px!important}
html body.body .vod-search-page .category-con>.hub-section-head,
html body.body .vod-search-page .search-con>.hub-section-head,
html body.body .vod-search-page .category-con>.a-tit,
html body.body .vod-search-page .search-con>.res{
 display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 14px!important;padding:0 0 11px 12px!important;
 border:0!important;border-bottom:1px solid var(--r4-border)!important;border-left:4px solid var(--r4-green)!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important
}
html body.body .vod-search-page .category-con>.hub-section-head h1,
html body.body .vod-search-page .search-con>.res h1{margin:0!important;font-size:19px!important;font-weight:700!important}
/* Safety reminder: readable warning panel without alarmist styling. */
html body.body .play-safety-notice{display:flex!important;align-items:flex-start!important;gap:6px!important;margin:0 0 15px!important;padding:12px 15px!important;
 border:1px solid rgba(245,185,75,.28)!important;border-left:4px solid #d9a441!important;border-radius:9px!important;
 background:linear-gradient(100deg,rgba(217,164,65,.12),rgba(217,164,65,.045))!important;color:#e9d8b5!important;
 font-size:13px!important;line-height:1.7!important;box-sizing:border-box!important}
html body.body .play-safety-notice strong{flex:none!important;color:#f2c66f!important;font-weight:800!important}