/* AVLOG / FRESH CONTENT SYSTEM R2
   全新内容框体系：保留模板原有深色底与绿色强调色，替换旧版叠加式组件样式。 */
:root{
  --fresh-bg:#0a100d;
  --fresh-surface:#111a15;
  --fresh-surface-2:#16221a;
  --fresh-surface-3:#1b2a20;
  --fresh-line:rgba(135,190,151,.16);
  --fresh-line-strong:rgba(135,190,151,.3);
  --fresh-text:rgba(255,255,255,.94);
  --fresh-muted:rgba(226,239,229,.58);
  --fresh-green:var(--zy-hover,#00c853);
  --fresh-green-soft:rgba(0,200,83,.12);
  --fresh-radius:20px;
  --fresh-gap:clamp(16px,2vw,26px);
  --fresh-width:1320px;
}
html{scroll-behavior:smooth}
body.body{background:var(--fresh-bg);color:var(--fresh-text);overflow-x:hidden}
body.body .header.site-header,body.body .site-header{position:relative!important;top:auto!important;z-index:30;background:rgba(10,16,13,.96)!important;border-bottom:1px solid var(--fresh-line)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
body.body .site-header-inner{max-width:var(--fresh-width);min-height:68px;padding:10px 22px;gap:24px}
body.body .site-brand img{display:none!important}
body.body .site-brand a{font-size:22px;letter-spacing:.04em}
body.body .site-brand .name{background:none;color:var(--fresh-text);-webkit-text-fill-color:var(--fresh-text)}
body.body .site-main-nav{gap:6px}
body.body .site-nav-link{padding:9px 12px;border-radius:9px;color:var(--fresh-muted);font-size:13px;transition:.2s ease}
body.body .site-nav-link:hover{color:var(--fresh-green);background:var(--fresh-green-soft)}
body.body .site-search-form{height:42px;border:1px solid var(--fresh-line);border-radius:12px;background:#101913;overflow:hidden}
body.body .site-search-input{color:var(--fresh-text)!important;background:transparent!important}
body.body .site-search-submit{background:var(--fresh-green)!important;color:#07130b!important;border-radius:9px;margin:4px;padding:0 14px;font-weight:800}
body.body .main{min-height:60vh;padding:22px 0 44px}
body.body .container,body.body .hub-wrap{width:min(calc(100% - 36px),var(--fresh-width))!important;max-width:var(--fresh-width)!important;margin-inline:auto!important}
body.body .hub-wrap{display:flex;flex-direction:column;gap:var(--fresh-gap)}
/* 通用内容区：采用切角底板、顶部编号轨道和独立标题区，不再使用旧式统一圆框 */
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{
  position:relative!important;isolation:isolate;width:100%!important;margin:0 0 var(--fresh-gap)!important;padding:clamp(18px,2.2vw,30px)!important;
  border:0!important;border-radius:var(--fresh-radius)!important;background:linear-gradient(135deg,rgba(24,39,29,.97),rgba(13,22,16,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 44px rgba(0,0,0,.16)!important;overflow:hidden!important;
}
body.body .hub-section:before,body.body .vod-category-panel:before,body.body .vod-list-page-panel:before,body.body .search-content-panel:before,body.body .play-like-section:before,body.body .vod-keyword-panel:before,body.body .home-friend-links:before,body.body #hot-keywords:before,body.body #search-hot-keywords:before{
  content:"";position:absolute;z-index:-1;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--fresh-green),rgba(0,200,83,.05) 72%,transparent)
}
body.body .hub-section:after,body.body .vod-category-panel:after,body.body .vod-list-page-panel:after,body.body .search-content-panel:after{
  content:"";position:absolute;z-index:-1;right:-64px;top:-88px;width:220px;height:220px;border:1px solid rgba(0,200,83,.08);border-radius:50%;box-shadow:0 0 0 24px rgba(0,200,83,.018),0 0 0 48px rgba(0,200,83,.012);pointer-events:none
}
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,body.body .a-tit.home-list-heading,body.body .home-list-heading,body.body .home-friend-links__heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:42px;margin:0 0 22px!important;padding:0 0 16px!important;border:0!important;border-bottom:1px solid var(--fresh-line)!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{position:relative;margin:0!important;padding:0!important;border:0!important;color:var(--fresh-text);font-size:clamp(19px,2vw,25px)!important;font-weight:850!important;letter-spacing:-.035em}
body.body .hub-section-head h2:before,body.body .vod-category-panel h2:before,body.body .vod-list-page-panel h2:before,body.body .search-content-panel h2:before{content:"";display:inline-block;width:7px;height:22px;margin:0 11px 0 0;vertical-align:-4px;background:var(--fresh-green);border-radius:2px 7px 2px 7px;transform:skewY(-18deg)}
body.body .hub-section-head>a,body.body .hub-section-head .hub-section-actions>a,body.body .featured-v50-more{font-size:12px;color:var(--fresh-muted);transition:color .2s}
body.body .hub-section-head>a:hover,body.body .hub-section-head .hub-section-actions>a:hover{color:var(--fresh-green)}
/* 首页入口：由普通小卡改为横向快捷索引 */
body.body .hub-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0!important}
body.body .hub-shortcut{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:17px 16px!important;border:1px solid var(--fresh-line)!important;border-radius:13px!important;background:linear-gradient(120deg,#142119,#101812)!important;overflow:hidden;transition:transform .22s,border-color .22s,background .22s}
body.body .hub-shortcut:after{content:"↗";position:absolute;right:13px;top:10px;color:rgba(255,255,255,.2);font-size:14px}
body.body .hub-shortcut:hover{transform:translateY(-3px);border-color:var(--fresh-line-strong)!important;background:linear-gradient(120deg,#192c20,#111b14)!important}
body.body .hub-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px!important;background:var(--fresh-green-soft)!important;color:var(--fresh-green)!important;font-size:19px}
body.body .hub-shortcut h2{margin:0 22px 3px 0;font-size:14px;font-weight:800;color:var(--fresh-text)}
body.body .hub-shortcut p{margin:0;color:var(--fresh-muted);font-size:11px;line-height:1.5}
/* AI视频：与全站普通列表完全不同的沉浸式封面墙 */
body.body .ai-video-section{padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.body .ai-video-section:before,body.body .ai-video-section:after{display:none!important}
body.body .ai-video-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:21px 24px;margin:0 0 13px;border-radius:16px;background:linear-gradient(105deg,#183322 0%,#122319 48%,#101a13 100%);overflow:hidden}
body.body .ai-video-heading:after{content:"AI";position:absolute;right:7%;top:-36px;font-size:132px;line-height:1;font-weight:950;letter-spacing:-.1em;color:rgba(92,220,133,.055);pointer-events:none}
body.body .ai-video-title-wrap{position:relative;z-index:1}
body.body .ai-video-overline{display:block;margin-bottom:7px;color:#80d99e;font-size:9px;font-weight:900;letter-spacing:.24em}
body.body .ai-video-heading h2{display:flex;align-items:center;gap:11px;margin:0;color:#fff;font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-.05em}
body.body .ai-title-mark{display:inline-grid;place-items:center;min-width:48px;height:34px;padding:0 9px;border-radius:8px;background:var(--fresh-green);color:#06130a;font-size:18px;font-weight:950;letter-spacing:-.04em;box-shadow:0 7px 22px rgba(0,200,83,.18)}
body.body .ai-video-more{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid rgba(151,220,170,.24);border-radius:8px;color:#b9d9c2;font-size:12px;white-space:nowrap;transition:.2s}
body.body .ai-video-more:hover{background:var(--fresh-green);border-color:var(--fresh-green);color:#07130b}
body.body .ai-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
body.body .ai-video-card{display:block;min-width:0;overflow:hidden;border:1px solid var(--fresh-line);border-radius:13px;background:#111b14;transition:transform .24s,border-color .24s,box-shadow .24s}
body.body .ai-video-card:hover{transform:translateY(-4px);border-color:rgba(0,200,83,.55);box-shadow:0 14px 28px rgba(0,0,0,.22)}
body.body .ai-video-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#17231a}
body.body .ai-video-poster:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.44));pointer-events:none}
body.body .ai-video-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
body.body .ai-video-card:hover .ai-video-poster img{transform:scale(1.055)}
body.body .ai-video-tag{position:absolute;z-index:2;left:11px;top:11px;display:inline-grid;place-items:center;min-width:34px;height:23px;padding:0 8px;border:1px solid rgba(154,255,184,.42);border-radius:5px;background:rgba(4,20,10,.82);color:#8df0ad;font-size:10px;font-weight:950;letter-spacing:.08em}
body.body .ai-video-play{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s}
body.body .ai-video-play i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,200,83,.88);font-size:20px;padding-left:3px}
body.body .ai-video-card:hover .ai-video-play{opacity:1}
body.body .ai-video-date{position:absolute;z-index:2;right:10px;bottom:9px;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font-size:10px}
body.body .ai-video-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:53px;padding:12px 13px}
body.body .ai-video-caption strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.9);font-size:13px;font-weight:750}
body.body .ai-video-arrow{flex:0 0 auto;color:var(--fresh-green);font-size:17px;transition:transform .2s}
body.body .ai-video-card:hover .ai-video-arrow{transform:translate(2px,-2px)}
/* 最新视频卡片：独立于AI视频，恢复标准信息密度 */
body.body .category-con .a-con{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 13px}
body.body .category-con .a-con-inner{display:flex;flex-direction:column;min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.body .category-con .a-con-inner .pic{position:relative;margin:0 0 9px;overflow:hidden;border-radius:10px;background:#17231a;aspect-ratio:16/10}
body.body .category-con .a-con-inner .pic a{display:block;width:100%;height:100%}
body.body .category-con .a-con-inner .pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
body.body .category-con .a-con-inner:hover .pic img{transform:scale(1.04)}
body.body .category-con .a-con-inner .s1{display:block;min-width:0;margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.5}
body.body .category-con .a-con-inner .s1 a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--fresh-text)}
body.body .category-con .a-con-inner .vod-time{color:var(--fresh-muted);font-size:10px}
body.body .category-con .a-con-inner .s2{align-self:flex-start;margin-top:6px;padding:3px 7px;border-radius:4px;background:var(--fresh-green-soft);color:#8de6a8;font-size:10px}
/* 分类和关键词：采用编号式扁平标签，避免旧版胶囊按钮观感 */
body.body .home-video-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
body.body .home-video-category-grid a,body.body .vod-search-categories a,body.body #hot-keywords a,body.body #search-hot-keywords a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px!important;border:1px solid var(--fresh-line)!important;border-radius:7px!important;background:rgba(255,255,255,.018)!important;color:var(--fresh-muted);font-size:12px;text-align:center;transition:.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{border-color:var(--fresh-green)!important;background:var(--fresh-green-soft)!important;color:#a4f0b9;transform:translateY(-2px)}
/* 小说：清爽的目录式列表，不沿用视频卡片 */
body.body .hub-novel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
body.body .hub-novel{display:flex;align-items:center;min-width:0;min-height:52px;padding:10px 4px!important;border:0!important;border-bottom:1px solid var(--fresh-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.body .hub-novel:before{content:"";flex:0 0 5px;width:5px;height:5px;margin-right:11px;border-radius:1px;background:var(--fresh-green);transform:rotate(45deg)}
body.body .hub-novel h3{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fresh-text);font-size:13px;font-weight:650}
body.body .hub-novel:hover h3{color:var(--fresh-green)}
/* 常见列表页与文章页：统一采用新型面板语言 */
body.body .vod-list .vod-item,body.body .module-item,body.body .art-list .art-item{border:1px solid var(--fresh-line)!important;border-radius:12px!important;background:var(--fresh-surface)!important;overflow:hidden;transition:.2s}
body.body .vod-list .vod-item:hover,body.body .module-item:hover,body.body .art-list .art-item:hover{border-color:var(--fresh-line-strong)!important;transform:translateY(-3px)}
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:1px solid var(--fresh-line)!important;border-radius:9px!important;background:#0e1711!important;color:var(--fresh-text)!important}
body.body .footer{margin-top:24px;border-top:1px solid var(--fresh-line);background:transparent}
body.body .footer-block .copyright{color:var(--fresh-muted)}
/* 响应式 */
@media(max-width:1100px){body.body .category-con .a-con{grid-template-columns:repeat(4,minmax(0,1fr))}.body .home-video-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){
 body.body .site-header-inner{min-height:58px;padding:8px 12px;gap:10px}
 body.body .site-brand a{font-size:18px}
 body.body .site-main-nav{gap:0}
 body.body .site-nav-link{padding:8px 7px;font-size:11px}
 body.body .site-search-wrap{max-width:46%;}
 body.body .site-search-form{height:36px}
 body.body .site-search-submit{padding:0 9px}
 body.body .main{padding:14px 0 30px}
 body.body .container,body.body .hub-wrap{width:calc(100% - 20px)!important;padding-left:0!important;padding-right:0!important}
 body.body .hub-wrap{gap:14px}
 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:15px!important;border-radius:14px!important;margin-bottom:14px!important}
 body.body .hub-section-head{min-height:34px;margin-bottom:14px!important;padding-bottom:11px!important}
 body.body .hub-section-head h2{font-size:18px!important}
 body.body .hub-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.body .hub-shortcut{gap:9px;padding:12px 10px!important}
 body.body .hub-icon{flex-basis:34px;width:34px;height:34px;font-size:16px}
 body.body .hub-shortcut h2{font-size:12px}
 body.body .hub-shortcut p{font-size:10px}
 body.body .ai-video-heading{padding:16px 15px;margin-bottom:9px;border-radius:12px}
 body.body .ai-video-heading h2{font-size:25px}
 body.body .ai-video-overline{font-size:8px}
 body.body .ai-title-mark{min-width:40px;height:30px;font-size:16px}
 body.body .ai-video-more{padding:7px 9px;font-size:10px}
 body.body .ai-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.body .ai-video-card{border-radius:9px}
 body.body .ai-video-caption{min-height:44px;padding:9px}
 body.body .ai-video-caption strong{font-size:11px}
 body.body .ai-video-tag{left:7px;top:7px;min-width:29px;height:20px;font-size:9px}
 body.body .ai-video-date{right:6px;bottom:6px;font-size:9px}
 body.body .category-con .a-con{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px}
 body.body .category-con .a-con-inner .s1{font-size:11px}
 body.body .category-con .a-con-inner .vod-time{font-size:9px}
 body.body .home-video-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 body.body .home-video-category-grid a{min-height:34px;padding:6px 5px!important;font-size:11px}
 body.body .hub-novel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}
 body.body .hub-novel{min-height:45px;padding:8px 2px!important}
 body.body .hub-novel h3{font-size:11px}
}
@media(max-width:380px){body.body .site-nav-link span{display:none}body.body .site-search-wrap{max-width:52%}body.body .ai-video-more{gap:5px;padding:6px 7px}}
@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}}
