/* =========================================================
   AVLOG · 全站统一视觉系统 2026
   Light editorial / compact cards / consistent surfaces
   ========================================================= */
:root{
  --av-bg:#f4f7f4;
  --av-surface:#ffffff;
  --av-surface-soft:#f8faf8;
  --av-text:#18231d;
  --av-muted:#718078;
  --av-line:#e4ebe5;
  --av-green:#159957;
  --av-green-dark:#087a43;
  --av-green-soft:#eaf7ef;
  --av-radius-xl:22px;
  --av-radius-lg:16px;
  --av-radius-md:12px;
  --av-shadow:0 8px 28px rgba(26,55,37,.055);
  --av-shadow-hover:0 14px 34px rgba(26,75,45,.11);
  --av-gap:18px;
}
html{background:var(--av-bg)!important;scroll-behavior:smooth}
body,body.dark,body.theme-dark{
  background:var(--av-bg)!important;
  color:var(--av-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
}
body:before,body:after{pointer-events:none}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
a:hover{color:var(--av-green-dark)}
.container{width:min(1280px,calc(100% - 36px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}
.main,.body,.html{background:transparent!important}
.main{padding-top:18px!important;padding-bottom:28px!important}
.body{padding-top:0!important;padding-bottom:24px!important}

/* Header: keep its structure and navigation behavior */
.site-header,.header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--av-line)!important;
  box-shadow:0 3px 18px rgba(25,55,35,.035)!important;
}
.site-header-inner{min-height:70px!important;gap:22px!important}
.site-brand img{max-height:38px!important;object-fit:contain}
.site-brand .name{color:var(--av-text)!important;font-weight:850!important;letter-spacing:-.04em}
.site-main-nav{gap:7px!important}
.site-nav-link{border-radius:11px!important;padding:10px 13px!important;color:#46554c!important}
.site-nav-link:hover,.site-nav-link.active{background:var(--av-green-soft)!important;color:var(--av-green-dark)!important}
.site-search-form,.vod-search-form,.article-search{
  background:#f5f8f5!important;border:1px solid var(--av-line)!important;
  border-radius:14px!important;box-shadow:none!important;
}
.site-search-input,.vod-search-form input,.article-search input{color:var(--av-text)!important}
.site-search-submit,.search-btn{background:var(--av-green)!important;border-radius:10px!important}
.site-hot-search-dropdown{border:1px solid var(--av-line)!important;border-radius:14px!important;box-shadow:var(--av-shadow-hover)!important}
.vip-nav-area,.vip-text-area{max-width:1280px!important;width:calc(100% - 36px)!important;margin:14px auto!important;border:1px solid var(--av-line)!important;border-radius:var(--av-radius-lg)!important;background:var(--av-surface)!important;box-shadow:var(--av-shadow)!important;padding:16px 18px!important}
.vip-nav-heading,.vip-text-title{color:var(--av-text)!important;font-weight:800!important}
.vip-nav-item,.vip-text-item{border-radius:12px!important;background:var(--av-surface-soft)!important;border:1px solid var(--av-line)!important}
.vip-nav-item:hover,.vip-text-item:hover{transform:translateY(-2px)!important;border-color:#a8d9ba!important;box-shadow:var(--av-shadow)!important}

/* Shared section frames: one clean surface, no nested "box in box" look */
.hub-wrap,.hub-section,.vod-category-panel,.vod-keyword-panel,.search-content-panel,
.article-page,.article-result,.article-results,.article-categories,.rank-box,
.play-episode-panel,.play-like-section,.play-related-block,.recent-history-panel,
.home-friend-links,.content-box,.module-box,.movbox,.rank-panel{
  background:var(--av-surface)!important;
  border:1px solid var(--av-line)!important;
  border-radius:var(--av-radius-xl)!important;
  box-shadow:var(--av-shadow)!important;
}
.hub-wrap{padding:18px!important}
.hub-section,.vod-category-panel,.vod-keyword-panel,.search-content-panel,
.article-page,.article-result,.article-results,.article-categories,.rank-box,
.play-episode-panel,.play-like-section,.play-related-block,.recent-history-panel,
.home-friend-links,.content-box,.module-box,.movbox{
  padding:18px!important;margin:0 0 var(--av-gap)!important;
}
.hub-section-head,.section-head,.a-tit,.rank-cycle{
  margin:0 0 15px!important;padding:0 0 12px!important;
  border-bottom:1px solid var(--av-line)!important;
}
.hub-section-head h2,.section-head h2,.a-tit,.guess-title,.rank-title{
  color:var(--av-text)!important;font-weight:850!important;letter-spacing:-.025em!important;
}
.hub-section-head h2:before,.section-head h2:before,.a-tit:before{
  content:""!important;display:inline-block!important;width:4px!important;height:1em!important;
  margin-right:10px!important;vertical-align:-.12em!important;border-radius:8px!important;background:var(--av-green)!important;
}
.hub-section-head p,.section-head p,.hub-section-head small{color:var(--av-muted)!important}
.hub-section-actions a,.more,.more-link{color:var(--av-green-dark)!important;font-weight:750!important}

/* Remove unnecessary nested surfaces while preserving semantic blocks */
.hub-section .hub-section,.hub-wrap .hub-section,.article-page .article-result,
.article-result .article-results,.rank-box .rank-panels,.playbox .play-episode-panel{
  box-shadow:none!important;
}
.hub-section .hub-section,.article-page .article-result,.article-result .article-results,
.rank-box .rank-panels{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
.hub-section .hub-section{margin:0!important}
.rank-box .rank-panel{box-shadow:none!important;border-radius:14px!important}

/* Cards, video posters, novel rows, link tiles */
.video-card,.video-item,.poster-card,.module-item,.vodlist__box,.vodlist_item,
.vodlist__thumb,.hub-shortcut,.hub-icon,.hub-novel,.hub-url-nav a,
.home-video-category-grid a,.article-card,.article-item,.article-results li,
.rank-con,.vip-nav-item,.vip-text-item{
  border:1px solid var(--av-line)!important;border-radius:var(--av-radius-lg)!important;
  background:var(--av-surface)!important;box-shadow:0 3px 14px rgba(25,55,35,.035)!important;
  overflow:hidden;
}
.video-card:hover,.video-item:hover,.poster-card:hover,.module-item:hover,
.vodlist__box:hover,.vodlist_item:hover,.hub-shortcut:hover,.hub-icon:hover,
.hub-novel:hover,.hub-url-nav a:hover,.home-video-category-grid a:hover,
.article-card:hover,.article-item:hover,.article-results li:hover,.rank-con:hover{
  transform:translateY(-3px)!important;border-color:#a8d9ba!important;
  box-shadow:var(--av-shadow-hover)!important;
}
.video-card,.video-item,.poster-card,.module-item,.vodlist__box,.vodlist_item{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.video-card img,.video-item img,.poster-card img,.module-item img,.vodlist__thumb img{border-radius:0!important}
.hub-novel,.article-results li{padding:13px 15px!important}
.hub-novel a,.article-results li a{color:var(--av-text)!important;font-weight:700!important}
.hub-novel a:hover,.article-results li a:hover{color:var(--av-green-dark)!important}

/* Compact grids and spacing */
.hub-video-grid,.video-grid,.poster-grid,.module-items,.vodlist,.hub-novel-grid,
.home-video-category-grid,.hub-shortcuts,.hub-url-nav,.vip-nav-grid,.vip-text-grid{
  gap:14px!important;
}
.hub-section+.hub-section{margin-top:16px!important}
.video-info,.module-item-info,.vodlist__detail,.vodlist_detail{padding:10px 11px!important}
.video-title,.module-item-title,.vodlist__name,.vodlist_name{line-height:1.45!important;font-weight:750!important}
.video-desc,.video-summary,.vodlist__remarks,.vodlist_remarks{color:var(--av-muted)!important;line-height:1.55!important}

/* Category chips, tags, pagination, controls */
a.filterres,.filterres,.play-category-tag,.play-keywords a,.article-categories a,
.vod-search-categories a,.category-list a,.category-con a,.mac_pages a,.pagination a,
.rank-cycle a,.rank-tabs a{
  border-radius:999px!important;border:1px solid var(--av-line)!important;
  background:var(--av-surface-soft)!important;color:#536259!important;
}
a.filterres:hover,.filterres:hover,.play-category-tag:hover,.play-keywords a:hover,
.article-categories a:hover,.vod-search-categories a:hover,.category-list a:hover,
.category-con a:hover,.mac_pages a:hover,.pagination a:hover,.rank-cycle a:hover,.rank-tabs a:hover{
  background:var(--av-green-soft)!important;border-color:#b8e2c5!important;color:var(--av-green-dark)!important;
}
button,.btn,.play-action-btn,.search-btn{border-radius:11px!important}
button:hover,.btn:hover,.play-action-btn:hover{filter:brightness(1.035);transform:translateY(-1px)}
input,select,textarea{border-radius:11px!important;border-color:var(--av-line)!important}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#75c494!important;box-shadow:0 0 0 3px rgba(21,153,87,.1)!important}

/* Video play page: player remains dominant, metadata grouped cleanly */
.playbox{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.player-wrapper{overflow:hidden!important;border:1px solid #dfe8e1!important;border-radius:var(--av-radius-xl)!important;background:#101612!important;box-shadow:0 12px 34px rgba(12,25,16,.14)!important}
.play-title{color:var(--av-text)!important;font-weight:850!important}
.play-keywords{background:var(--av-surface)!important;border:1px solid var(--av-line)!important;border-radius:var(--av-radius-lg)!important;padding:14px!important}
.play-episode-panel,.play-like-section,.play-related-block{margin-top:16px!important}
.play-related-block .video-card,.play-related-block .module-item{box-shadow:none!important}

/* Article/novel pages: readable paper surface and restrained reading width */
.article-content{background:var(--av-surface)!important;border:1px solid var(--av-line)!important;border-radius:var(--av-radius-xl)!important;padding:clamp(18px,3vw,34px)!important;box-shadow:var(--av-shadow)!important;color:#26332b!important;line-height:1.95!important}
.article-content p{margin:0 0 1.15em!important}
.article-meta{color:var(--av-muted)!important}
.reading-tools{background:var(--av-surface-soft)!important;border:1px solid var(--av-line)!important;border-radius:13px!important;padding:9px 12px!important}
.article-search{padding:10px!important}
.article-page .article-results{display:grid!important;gap:10px!important}
.article-page .article-results li{margin:0!important}

/* Ranking page */
.rank-box{padding:18px!important}
.rank-panels{display:grid!important;gap:12px!important}
.rank-con{padding:12px!important;margin:0!important}
.rank-con:hover{background:#fbfefb!important}
.rank-cycle{background:transparent!important}

/* Footer and utility */
.footer,.footer-block{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--av-muted)!important}
.back-to-top{border-radius:50%!important;background:var(--av-green)!important;box-shadow:0 8px 22px rgba(21,153,87,.25)!important}
::selection{background:#ccebd6;color:#123b25}

/* Mobile: tighter gutters, stacked panels, touch-friendly controls */
@media(max-width:768px){
  .container{width:calc(100% - 24px)!important}
  .main{padding-top:12px!important;padding-bottom:20px!important}
  .hub-wrap{padding:12px!important}
  .hub-section,.vod-category-panel,.vod-keyword-panel,.search-content-panel,
  .article-page,.article-result,.article-results,.article-categories,.rank-box,
  .play-episode-panel,.play-like-section,.play-related-block,.recent-history-panel,
  .home-friend-links,.content-box,.module-box,.movbox{padding:13px!important;margin-bottom:12px!important;border-radius:17px!important}
  .hub-section-head,.section-head,.a-tit,.rank-cycle{margin-bottom:11px!important;padding-bottom:10px!important}
  .hub-video-grid,.video-grid,.poster-grid,.module-items,.vodlist,.hub-novel-grid,
  .home-video-category-grid,.hub-shortcuts,.hub-url-nav,.vip-nav-grid,.vip-text-grid{gap:9px!important}
  .video-info,.module-item-info,.vodlist__detail,.vodlist_detail{padding:8px!important}
  .article-content{padding:18px!important;border-radius:17px!important}
  .vip-nav-area,.vip-text-area{width:calc(100% - 24px)!important;padding:12px!important;margin:10px auto!important}
  .site-header-inner{gap:10px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}