/* 全站布局优化补丁：统一留白、卡片、搜索框与移动端排版 */
:root{
  --ui-radius:14px;
  --ui-border:rgba(255,255,255,.09);
  --ui-panel:linear-gradient(145deg,rgba(39,39,48,.98),rgba(29,29,36,.98));
  --ui-shadow:0 8px 26px rgba(0,0,0,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
img,video,iframe{max-width:100%}
.main{min-height:45vh}
.main.pt50{padding-top:clamp(22px,3vw,42px)}
.banner{overflow:hidden}
.banner .banner-inner{max-width:1000px;margin:auto;padding:clamp(28px,5vw,64px) 18px;text-align:center}
.banner .banner-inner h1{font-size:clamp(25px,4vw,42px);line-height:1.25;margin:0 0 12px;letter-spacing:.02em}
.banner .banner-inner p{line-height:1.8}
.vod-search-page,.article-page{width:min(100% - 32px,1100px);margin:clamp(22px,4vw,40px) auto;padding:0}
.vod-search-page h1,.article-page h1{font-size:clamp(23px,3vw,30px);line-height:1.4;margin:0 0 18px;letter-spacing:.01em}
.vod-search-form{width:100%;max-width:760px;margin:18px 0 28px;gap:10px}
.vod-search-form input,.article-search input{min-height:48px;background:#24242c!important;color:#fff!important;caret-color:#fff;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.12);transition:border-color .2s,box-shadow .2s}
.vod-search-form input::placeholder,.article-search input::placeholder{color:rgba(255,255,255,.58)!important;opacity:1}
.vod-search-form input:focus,.article-search input:focus{border-color:var(--zy-hover)!important;box-shadow:0 0 0 3px rgba(var(--zy-hover-rgb),.15)}
.vod-search-form button,.article-search button{min-height:46px;padding:0 24px;border-radius:12px;background:var(--zy-hover);color:#fff;font-weight:600;white-space:nowrap;transition:transform .2s,filter .2s}
.vod-search-form button:hover,.article-search button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.vod-search-categories,.article-categories{gap:9px;padding:clamp(12px,2vw,20px);border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);box-shadow:var(--ui-shadow)}
.vod-search-categories a,.article-categories a{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);transition:transform .18s,border-color .18s,background .18s}
.vod-search-categories a:hover,.article-categories a:hover{transform:translateY(-1px);background:var(--zy-hover);border-color:var(--zy-hover);color:#fff}
.vod-search-heading{font-size:clamp(17px,2vw,21px);font-weight:700;margin:26px 0 14px}
.article-results{gap:16px}
.article-result{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-panel);box-shadow:0 4px 16px rgba(0,0,0,.10);transition:transform .2s,border-color .2s,box-shadow .2s}
.article-result:hover{transform:translateY(-2px);border-color:rgba(var(--zy-hover-rgb),.5);box-shadow:var(--ui-shadow)}
/* 列表与内容区 */
.main .container>h1,.main .container>h2{scroll-margin-top:20px}
.row,.vodlist,.artlist{row-gap:18px}
.movbox .container{position:relative}
.movbox .info{border-radius:var(--ui-radius)}
.movbox .tit,.play-title{line-height:1.45;overflow-wrap:anywhere}
.player-wrapper{overflow:hidden;border-radius:var(--ui-radius)}
.player-info,.playbox,.info,.content-box,.module-box{min-width:0}
.playbox,.player-info{border-radius:var(--ui-radius)}
.paging,.page,.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.paging a,.paging span,.page a,.pagination a{border-radius:9px}
.footer{margin-top:36px}
a,button{ -webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--zy-hover);outline-offset:3px}
@media(max-width:768px){
 .banner .banner-inner{padding:30px 12px}
 .vod-search-page,.article-page{width:calc(100% - 24px);margin:24px auto}
 .vod-search-form{gap:8px}
 .vod-search-form input{padding:11px 12px}
 .vod-search-form button{padding:0 17px}
 .vod-search-categories,.article-categories{gap:7px}
 .vod-search-categories a,.article-categories a{padding:7px 11px;font-size:13px}
 .article-results{gap:10px}
}
@media(max-width:420px){
 .vod-search-form button{padding:0 14px}
 .article-result{padding:12px}
}


/* 首页重新排版：仅作用于首页内容区，不触碰顶部导航 */
.hub-wrap{max-width:1240px!important;padding:clamp(20px,3vw,38px) 16px 48px!important}
.hub-search{gap:16px!important;margin:0 0 26px!important}
.hub-search form{min-height:58px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:border-color .2s,transform .2s}
.hub-search form:focus-within{border-color:var(--zy-hover)!important}
.hub-search input{color:#fff!important;caret-color:#fff!important}
.hub-search input::placeholder{color:rgba(255,255,255,.58)!important}
.hub-shortcuts{gap:18px!important;margin-bottom:36px!important}
.hub-shortcut{min-height:116px;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.hub-section{margin:34px 0 42px!important;padding:clamp(14px,2vw,22px);border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}
.hub-section-head{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.hub-section-head h2{position:relative;padding-left:12px}
.hub-section-head h2:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:5px;background:var(--zy-hover)}
.hub-video-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important}
.hub-video .cover{aspect-ratio:3/4;border-radius:12px;box-shadow:0 7px 20px rgba(0,0,0,.14)}
.hub-video .vname{font-weight:600}
.hub-novel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.hub-novel{padding:18px!important;min-height:125px;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.hub-novel h3{margin:0 0 8px!important}
.hub-novel p{line-height:1.8!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* 视频分类页：不修改 header/nav，仅调整主内容和筛选列表 */
body.body main.article-page{width:min(100% - 32px,1240px);max-width:1240px;margin:clamp(22px,3vw,38px) auto;padding:clamp(16px,2.4vw,28px);border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}
body.body main.article-page>h1{font-size:clamp(22px,2.5vw,30px);font-weight:750;margin:0 0 18px;padding-left:13px;position:relative}
body.body main.article-page>h1:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:5px;background:var(--zy-hover)}
body.body main.article-page .article-categories{display:flex;gap:10px;padding:18px;margin-bottom:26px;background:rgba(255,255,255,.025);border-radius:14px}
body.body main.article-page .article-categories a{padding:9px 15px;border-radius:9px;background:rgba(255,255,255,.035)}
body.body main.article-page .container{width:100%;max-width:none;padding:0}
body.body main.article-page .article-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.body main.article-page .article-result{height:100%;padding:20px;border-radius:14px;transition:transform .2s,border-color .2s}
body.body main.article-page .article-result:hover{transform:translateY(-3px);border-color:var(--zy-hover)}
body.body main.article-page .article-result h2{line-height:1.55}
body.body main.article-page .article-result p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* 小说书库页：卡片阅读体验与响应式网格 */
body.body main.article-page .article-search{max-width:760px;margin:0 0 28px}
body.body main.article-page .article-search input{color:#fff!important;caret-color:#fff!important;min-height:50px}
body.body main.article-page .article-search input::placeholder{color:rgba(255,255,255,.58)!important}
body.body main.article-page .page-count{display:inline-flex;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.04)}
@media(max-width:900px){.hub-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hub-novel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.body main.article-page .article-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hub-wrap{padding:18px 12px 32px!important}.hub-shortcuts{gap:10px!important}.hub-shortcut{min-height:100px;padding:14px!important}.hub-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.hub-section{margin:24px 0!important;padding:12px;border-radius:14px}.hub-novel-grid{grid-template-columns:1fr!important}.hub-novel{min-height:0;padding:15px!important}body.body main.article-page{width:calc(100% - 20px);padding:14px;margin:20px auto;border-radius:14px}body.body main.article-page .article-results{grid-template-columns:1fr;gap:10px}body.body main.article-page .article-result{padding:15px}body.body main.article-page .article-categories{padding:12px;gap:7px}body.body main.article-page .article-categories a{padding:8px 10px;font-size:13px}}


/* 首页友情链接：仅作用于友情链接区域，不影响其他页面 */
.home-friend-links{width:100%;margin:24px auto 12px;padding:0;clear:both;color:inherit}
.home-friend-links *{box-sizing:border-box}
.home-friend-links__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0}
.home-friend-links__heading h2{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;line-height:1.5;font-weight:700;color:inherit}
.home-friend-links__heading h2:before{content:"";display:block;width:4px;height:21px;flex:0 0 4px;border-radius:2px;background:#22c55e}
.home-friend-links__heading>a{font-size:13px;line-height:1.6;color:#22c55e;text-decoration:none;white-space:nowrap}
.home-friend-links__list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;border-top:1px solid rgba(127,127,127,.22);border-bottom:1px solid rgba(127,127,127,.22);padding:8px 0}
.home-friend-links__list>a{display:block;min-width:0;padding:7px 4px;text-align:center;line-height:1.6;font-size:13px;color:inherit;text-decoration:none;overflow-wrap:anywhere;border-right:1px solid rgba(127,127,127,.16)}
.home-friend-links__list>a:last-child{border-right:0}
@media(max-width:768px){.home-friend-links{margin-top:20px}.home-friend-links__heading h2{font-size:18px}.home-friend-links__list{grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 0}.home-friend-links__list>a{font-size:12px;padding:8px 2px;border-right:0}}


/* ===== Top header redesign V3: graphite + system green ===== */
.site-header {
  position: fixed !important;
  inset: 0 0 auto 0;
  z-index: 9999;
  width: 100%;
  background: rgba(15, 20, 18, .97) !important;
  border-bottom: 1px solid rgba(34, 197, 94, .22);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .25);
  backdrop-filter: blur(14px);
}
.site-header:after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #22c55e 18%, #4ade80 50%, #22c55e 82%, transparent);
  opacity: .8;
}
.site-header, .site-header * { box-sizing: border-box; }
.site-header .site-header-inner {
  display: grid !important;
  grid-template-columns: minmax(170px, 235px) auto minmax(260px, 1fr);
  align-items: center;
  gap: clamp(12px, 2vw, 26px);
  width: min(1320px, calc(100% - 44px));
  max-width: 1320px;
  min-height: 82px;
  margin: 0 auto;
  padding: 13px 0 !important;
}
.site-header .site-brand { min-width: 0; margin: 0; font-size: 20px; font-weight: 800; }
.site-header .site-brand a { display:flex; align-items:center; gap:11px; min-width:0; text-decoration:none; }
.site-header .site-brand img { display:block; width:42px; height:42px; max-height:42px; margin:0 !important; object-fit:contain; }
.site-header .site-brand .name {
  color:#f4f7f4; max-width:175px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  letter-spacing:.2px;
}
.site-main-nav { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; white-space:nowrap; }
.site-main-nav .site-nav-link {
  display:inline-flex !important; align-items:center; justify-content:center; gap:8px;
  padding:12px 15px !important; border:1px solid transparent; border-radius:11px;
  color:#c2ccc5; font-size:14px; line-height:1.2; text-decoration:none;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.site-main-nav .site-nav-link i { margin:0 !important; font-size:18px !important; }
.site-main-nav .site-nav-link:hover { color:#fff; background:rgba(34,197,94,.10); border-color:rgba(34,197,94,.24); transform:translateY(-1px); }
.site-main-nav .site-nav-link:first-child { color:#eafff0; background:rgba(34,197,94,.15); border-color:rgba(34,197,94,.32); box-shadow:inset 0 0 0 1px rgba(34,197,94,.04); }
.site-search-wrap { width:100%; min-width:0; }
.site-search-form {
  display:flex !important; align-items:center; gap:10px; width:100%; min-width:0; height:47px;
  padding:4px 5px 4px 15px; border:1px solid #303a33; border-radius:13px;
  background:#1a211c; box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.site-search-form:focus-within { border-color:#22c55e; background:#1c261f; box-shadow:0 0 0 3px rgba(34,197,94,.13); }
.site-search-leading { flex:0 0 auto; color:#70d995; font-size:18px; }
.site-header .site-search-input {
  display:block; flex:1 1 0; width:0 !important; min-width:0; height:100%; padding:0 !important;
  border:0 !important; outline:0 !important; background:transparent !important; box-shadow:none !important;
  color:#fff !important; caret-color:#4ade80; font-size:14px; line-height:normal;
}
.site-header .site-search-input::placeholder { color:#8d9b90; opacity:1; }
.site-header .site-search-submit {
  display:flex !important; flex:0 0 72px; align-items:center; justify-content:center; gap:5px;
  width:72px; min-width:72px; height:37px; padding:0 10px !important; border:0 !important;
  border-radius:10px; background:#22c55e !important; color:#07140b !important;
  font-size:13px; font-weight:800; cursor:pointer; white-space:nowrap;
  box-shadow:0 3px 10px rgba(34,197,94,.16); transition:background .18s,transform .18s;
}
.site-header .site-search-submit:hover { background:#4ade80 !important; transform:translateY(-1px); }
.site-header .site-search-submit i { display:none; }
.site-header .site-search-shortcuts { display:flex; align-items:center; gap:8px; padding:5px 2px 0; color:#77857a; font-size:11px; }
.site-header .site-search-shortcuts a { padding:2px 6px; color:#b7c6ba; text-decoration:none; border-radius:5px; transition:color .18s,background .18s; }
.site-header .site-search-shortcuts a:hover { color:#eafff0; background:rgba(34,197,94,.12); }
body { padding-top:82px; }
@media (max-width: 1050px) {
  .site-header .site-header-inner { grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; width:calc(100% - 32px); min-height:0; padding:11px 0 !important; }
  .site-header .site-brand { grid-column:1; grid-row:1; }
  .site-main-nav { grid-column:2; grid-row:1; justify-content:flex-end; }
  .site-search-wrap { grid-column:1 / -1; grid-row:2; }
  .site-search-form { height:44px; }
  .site-search-shortcuts { padding-top:3px; }
  body { padding-top:122px; }
}
@media (max-width: 520px) {
  .site-header .site-header-inner { width:calc(100% - 22px); gap:9px 8px; }
  .site-header .site-brand { font-size:16px; }
  .site-header .site-brand img { width:33px; height:33px; }
  .site-header .site-brand .name { max-width:125px; }
  .site-main-nav { gap:3px; }
  .site-main-nav .site-nav-link { gap:4px; padding:9px 9px !important; font-size:12px; border-radius:9px; }
  .site-main-nav .site-nav-link i { font-size:15px !important; }
  .site-search-form { height:42px; gap:7px; padding-left:10px; }
  .site-search-leading { font-size:16px; }
  .site-header .site-search-input { font-size:13px; }
  .site-header .site-search-submit { flex-basis:60px; width:60px; min-width:60px; height:32px; padding:0 7px !important; font-size:12px; }
  .site-search-shortcuts { gap:5px; font-size:10px; }
  body { padding-top:118px; }
}
@media (max-width: 360px) {
  .site-header .site-brand .name { max-width:92px; }
  .site-main-nav .site-nav-link { padding:8px 7px !important; }
  .site-search-shortcuts span { display:none; }
}

/* ===== Refined green header + truly fluid mobile search ===== */
.site-header {
  background: rgba(12, 18, 14, .97) !important;
  border-bottom: 1px solid rgba(74, 222, 128, .22);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .22);
}
.site-header:after { height: 2px; opacity: .72; }
.site-header .site-header-inner {
  grid-template-columns: minmax(145px, 220px) auto minmax(220px, 1fr);
  gap: clamp(10px, 1.7vw, 22px);
  width: min(1300px, calc(100% - 40px));
  min-height: 78px;
  padding: 12px 0 !important;
}
.site-header .site-brand a { gap: 10px; }
.site-header .site-brand img { width: 40px; height: 40px; }
.site-header .site-brand .name { max-width: 170px; }
.site-main-nav { gap: 4px; }
.site-main-nav .site-nav-link { padding: 11px 13px !important; border-radius: 10px; }
.site-search-wrap { display:block; width:100%; min-width:0; max-width:none; }
.site-header .site-search-form {
  display:flex !important; flex-flow:row nowrap !important; align-items:center;
  width:100% !important; max-width:none; min-width:0 !important; margin:0;
  height:46px; gap:9px; padding:4px 5px 4px 13px;
  border-radius:14px; border:1px solid #303d33; background:#171f19;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 4px 14px rgba(0,0,0,.12);
}
.site-header .site-search-leading { flex:0 0 auto; }
.site-header .site-search-input {
  flex:1 1 0% !important; width:1% !important; min-width:0 !important; max-width:100%;
  margin:0 !important; padding:0 !important; font-size:14px; text-overflow:ellipsis;
}
.site-header .site-search-submit {
  flex:0 0 68px !important; width:68px !important; min-width:68px !important; max-width:68px;
  margin:0 !important; padding:0 8px !important; height:35px; border-radius:10px;
  background:linear-gradient(135deg,#4ade80,#22c55e) !important; color:#092010 !important;
  box-shadow:0 3px 12px rgba(34,197,94,.18);
}
.site-header .site-search-submit:hover { background:#86efac !important; }
.site-header .site-search-submit i { display:none !important; }
body { padding-top:78px; }
@media (max-width: 1050px) {
  .site-header .site-header-inner {
    display:grid !important; grid-template-columns:minmax(0,1fr) auto;
    gap:10px 12px; width:calc(100% - 30px); min-height:0; padding:10px 0 !important;
  }
  .site-header .site-brand { grid-column:1; grid-row:1; min-width:0; }
  .site-main-nav { grid-column:2; grid-row:1; justify-content:flex-end; min-width:0; }
  .site-search-wrap { grid-column:1 / -1; grid-row:2; width:100%; min-width:0; }
  .site-header .site-search-form { width:100% !important; height:44px; }
  body { padding-top:120px; }
}
@media (max-width: 520px) {
  .site-header .site-header-inner { width:calc(100% - 24px); gap:9px 7px; }
  .site-header .site-brand { font-size:16px; }
  .site-header .site-brand img { width:32px; height:32px; }
  .site-header .site-brand .name { max-width:clamp(72px, 27vw, 125px); }
  .site-main-nav { gap:3px; }
  .site-main-nav .site-nav-link { gap:4px; padding:8px 8px !important; font-size:12px; }
  .site-main-nav .site-nav-link i { font-size:14px !important; }
  .site-header .site-search-form { height:42px; gap:7px; padding:4px 4px 4px 10px; border-radius:12px; }
  .site-header .site-search-leading { font-size:16px; }
  .site-header .site-search-input { font-size:13px; }
  .site-header .site-search-input::placeholder { font-size:12px; }
  .site-header .site-search-submit { flex-basis:58px !important; width:58px !important; min-width:58px !important; max-width:58px; height:32px; font-size:12px; }
  body { padding-top:116px; }
}
@media (max-width: 380px) {
  .site-header .site-header-inner { width:calc(100% - 20px); gap:8px 5px; }
  .site-header .site-brand .name { max-width:calc(100vw - 240px); }
  .site-main-nav .site-nav-link { padding:8px 6px !important; }
  .site-header .site-search-form { gap:6px; padding-left:8px; }
  .site-header .site-search-input { font-size:12px; }
  .site-header .site-search-input::placeholder { content:"搜索关键词…"; }
  .site-header .site-search-submit { flex-basis:48px !important; width:48px !important; min-width:48px !important; max-width:48px; padding:0 4px !important; }
}
@media (max-width: 340px) {
  .site-header .site-brand .name { max-width:70px; }
  .site-main-nav .site-nav-link { padding:7px 5px !important; font-size:11px; }
  .site-header .site-search-submit span { display:none; }
  .site-header .site-search-submit i { display:inline-block !important; font-size:16px; }
  .site-header .site-search-submit { flex-basis:38px !important; width:38px !important; min-width:38px !important; max-width:38px; }
}

/* Mobile: header/navigation scrolls with the page instead of staying fixed */
@media (max-width: 767px) {
  .site-header,
  header.header.site-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }
  body { padding-top: 0 !important; }
}

/* ===== Fresh full redesign: emerald studio ===== */
:root{
  --fresh-green:#22c55e;
  --fresh-green-bright:#4ade80;
  --fresh-bg:#0d110f;
  --fresh-panel:#151b17;
  --fresh-panel-2:#1b241e;
  --fresh-line:rgba(156,181,163,.14);
  --fresh-muted:#a0afa4;
}
html,body{background:var(--fresh-bg)}
body{color:#e9f1eb}
a{transition:color .18s ease}
.container{max-width:1320px}
/* header now feels like a compact product navigation, not a banner */
.site-header,header.header.site-header{
  position:relative!important;inset:auto!important;z-index:50!important;
  background:#101612!important;border:0!important;border-bottom:1px solid var(--fresh-line)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.20)!important;backdrop-filter:none!important
}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;opacity:1;background:linear-gradient(90deg,transparent,#16803d 20%,#4ade80 50%,#16803d 80%,transparent)}
.site-header .site-header-inner{
  display:grid!important;grid-template-columns:minmax(180px,250px) minmax(200px,1fr) auto!important;
  align-items:center;gap:clamp(14px,2.2vw,30px);width:min(1320px,calc(100% - 48px));max-width:1320px;
  min-height:88px;margin:0 auto;padding:16px 0!important
}
.site-header .site-brand{margin:0!important;font-size:20px;font-weight:800;letter-spacing:-.3px}
.site-header .site-brand a{display:flex;align-items:center;gap:12px;text-decoration:none}
.site-header .site-brand img{width:43px;height:43px;object-fit:contain;margin:0!important;padding:5px;border-radius:14px;background:linear-gradient(145deg,#23392a,#142119);border:1px solid rgba(74,222,128,.24)}
.site-header .site-brand .name{color:#f3f8f4;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-main-nav{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap}
.site-main-nav .site-nav-link{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;padding:12px 14px!important;border:1px solid transparent;border-radius:12px;color:#aebdb2;font-size:14px;font-weight:650;text-decoration:none;transition:all .2s ease}
.site-main-nav .site-nav-link i{font-size:17px!important;margin:0!important;color:#80a18a}
.site-main-nav .site-nav-link:hover{color:#f5fff7;background:#1a2a1f;border-color:rgba(74,222,128,.2)}
.site-main-nav .site-nav-link:first-child{color:#092011;background:linear-gradient(135deg,#86efac,#22c55e);border-color:transparent;box-shadow:0 5px 16px rgba(34,197,94,.16)}
.site-main-nav .site-nav-link:first-child i{color:#0a3518}
.site-search-wrap{grid-column:2;grid-row:1;width:100%;min-width:0}
.site-header .site-search-form{display:flex!important;align-items:center;gap:11px;width:100%!important;max-width:none;min-width:0;height:48px;margin:0;padding:5px 5px 5px 16px;border:1px solid #2a3930;border-radius:15px;background:#171f19;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s,box-shadow .2s,background .2s}
.site-header .site-search-form:focus-within{border-color:#35c96b;background:#19251c;box-shadow:0 0 0 4px rgba(34,197,94,.10)}
.site-header .site-search-leading{flex:0 0 auto;color:#68d78b;font-size:18px}
.site-header .site-search-input{flex:1 1 0%!important;width:1%!important;min-width:0!important;max-width:100%;height:100%;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#f5fff7!important;caret-color:#4ade80;font-size:14px}
.site-header .site-search-input::placeholder{color:#819387;opacity:1}
.site-header .site-search-submit{display:flex!important;flex:0 0 74px!important;align-items:center;justify-content:center;width:74px!important;min-width:74px!important;max-width:74px;height:37px;margin:0!important;padding:0 12px!important;border:0!important;border-radius:11px;background:#35c96b!important;color:#092011!important;font-size:13px;font-weight:800;box-shadow:none;cursor:pointer}
.site-header .site-search-submit:hover{background:#86efac!important}
.site-header .site-search-submit i{display:none!important}
/* Main content: cleaner surfaces and consistent green details */
.hub-wrap{max-width:1320px!important;padding-top:32px!important}
.hub-section,body.body main.article-page,.article-result,.article-categories,.vod-search-categories,.article-result,.hub-novel,.hub-shortcut{border-color:var(--fresh-line)!important;background:linear-gradient(145deg,rgba(25,34,28,.96),rgba(17,23,19,.98))!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}
.hub-section{border-radius:20px!important}
.hub-section-head{border-color:var(--fresh-line)!important}
.hub-section-head h2:before,body.body main.article-page>h1:before,.home-friend-links__heading h2:before{background:linear-gradient(180deg,#86efac,#16a34a)!important}
.hub-video .cover{border-radius:15px!important;transition:transform .22s ease,box-shadow .22s ease}
.hub-video:hover .cover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.28)}
.hub-video .vname,.hub-novel h3,.article-result h2{color:#edf8ef}
.hub-novel,.hub-shortcut,.article-result{border-radius:16px!important;transition:transform .2s,border-color .2s!important}
.hub-novel:hover,.hub-shortcut:hover,.article-result:hover{transform:translateY(-3px);border-color:rgba(74,222,128,.36)!important}
.vod-search-form input,.article-search input{background:#151d18!important;border-color:#2a3930!important;border-radius:14px!important}
.vod-search-form input:focus,.article-search input:focus{border-color:#35c96b!important;box-shadow:0 0 0 4px rgba(34,197,94,.10)!important}
.vod-search-form button,.article-search button{background:linear-gradient(135deg,#86efac,#22c55e)!important;color:#092011!important;border-radius:12px!important;font-weight:800}
.vod-search-categories a,.article-categories a{border-color:var(--fresh-line)!important;border-radius:10px!important}
.vod-search-categories a:hover,.article-categories a:hover{background:#22c55e!important;border-color:#22c55e!important;color:#071b0d!important}
.paging a,.paging span,.page a,.pagination a{border:1px solid var(--fresh-line);background:#172019;color:#dcebe0;padding:8px 12px}
.paging a:hover,.page a:hover,.pagination a:hover{background:#22c55e;color:#081b0d}
.footer{border-top:1px solid var(--fresh-line);background:#0b100d}
.home-friend-links__list{border-color:var(--fresh-line)!important}
.home-friend-links__list>a{border-color:var(--fresh-line)!important}
.home-friend-links__list>a:hover,.home-friend-links__heading>a{color:#4ade80!important}
/* Responsive: static navigation on mobile, fluid search never overflows */
@media(max-width:1050px){
 .site-header .site-header-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:13px 14px;width:calc(100% - 32px);min-height:0;padding:15px 0!important}
 .site-header .site-brand{grid-column:1;grid-row:1;min-width:0}
 .site-main-nav{grid-column:2;grid-row:1;justify-content:flex-end;min-width:0}
 .site-search-wrap{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
 .site-header .site-search-form{width:100%!important;height:46px}
}
@media(max-width:600px){
 .site-header .site-header-inner{width:calc(100% - 24px);gap:12px 8px;padding:13px 0!important}
 .site-header .site-brand{font-size:16px}
 .site-header .site-brand img{width:35px;height:35px;padding:4px;border-radius:11px}
 .site-header .site-brand .name{max-width:clamp(64px,26vw,130px)}
 .site-main-nav{gap:3px}
 .site-main-nav .site-nav-link{gap:4px;padding:9px 9px!important;border-radius:10px;font-size:12px}
 .site-main-nav .site-nav-link i{font-size:14px!important}
 .site-header .site-search-form{height:44px;gap:8px;padding:4px 4px 4px 11px;border-radius:13px}
 .site-header .site-search-leading{font-size:16px}
 .site-header .site-search-input{font-size:13px}
 .site-header .site-search-input::placeholder{font-size:12px}
 .site-header .site-search-submit{flex-basis:58px!important;width:58px!important;min-width:58px!important;max-width:58px;height:34px;padding:0 8px!important;font-size:12px}
 .hub-section{padding:13px!important}
}
@media(max-width:360px){
 .site-header .site-header-inner{width:calc(100% - 18px);gap:10px 5px}
 .site-header .site-brand .name{max-width:calc(100vw - 235px)}
 .site-main-nav .site-nav-link{padding:8px 6px!important;font-size:11px}
 .site-header .site-search-form{gap:6px;padding-left:8px}
 .site-header .site-search-input{font-size:12px}
 .site-header .site-search-submit{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px;padding:0 5px!important}
 .site-header .site-search-submit span{display:none}
 .site-header .site-search-submit i{display:inline-block!important;font-size:16px}
}


/* ===== Cache-busted final cascade: 2026-10-26 ===== */
html body{background:#0d110f!important;color:#e9f1eb!important}
html body .site-header{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;background:#101612!important;border-bottom:1px solid rgba(74,222,128,.22)!important;box-shadow:0 8px 28px rgba(0,0,0,.24)!important}
html body .site-header .site-header-inner{display:grid!important;grid-template-columns:minmax(170px,240px) minmax(180px,1fr) auto!important;align-items:center!important;gap:24px!important;width:min(1320px,calc(100% - 48px))!important;max-width:1320px!important;min-height:84px!important;margin:0 auto!important;padding:14px 0!important}
html body .site-header .site-search-wrap{grid-column:2!important;grid-row:1!important;display:block!important;width:100%!important;min-width:0!important}
html body .site-header .site-main-nav{grid-column:3!important;grid-row:1!important;display:flex!important;justify-content:flex-end!important;gap:5px!important}
html body .site-header .site-nav-link{border-radius:11px!important}
html body .site-header .site-search-form{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;height:48px!important;background:#171f19!important;border:1px solid #2a3930!important;border-radius:14px!important;overflow:hidden!important}
html body .site-header .site-search-input{display:block!important;flex:1 1 0!important;width:1px!important;min-width:0!important;max-width:100%!important;color:#f5fff7!important;background:transparent!important}
html body .site-header .site-search-submit{display:flex!important;flex:0 0 74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;background:#35c96b!important;color:#092011!important}
html body .site-header .site-search-submit i{display:none!important}
html body .site-header .site-brand img{object-fit:contain!important}
html body .banner.index-banner{display:none!important}
html body .site-search-shortcuts{display:none!important}
@media(max-width:1050px){
 html body .site-header .site-header-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;width:calc(100% - 30px)!important;min-height:0!important;padding:13px 0!important}
 html body .site-header .site-brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
 html body .site-header .site-main-nav{grid-column:2!important;grid-row:1!important;min-width:0!important;justify-content:flex-end!important}
 html body .site-header .site-search-wrap{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important}
 html body .site-header .site-search-form{height:45px!important}
}
@media(max-width:600px){
 html body .site-header{position:static!important;top:auto!important}
 html body .site-header .site-header-inner{width:calc(100% - 22px)!important;gap:10px 7px!important;padding:12px 0!important}
 html body .site-header .site-brand{font-size:15px!important}
 html body .site-header .site-brand img{width:32px!important;height:32px!important}
 html body .site-header .site-brand .name{max-width:clamp(55px,24vw,115px)!important}
 html body .site-header .site-nav-link{padding:8px 8px!important;font-size:12px!important}
 html body .site-header .site-search-form{height:43px!important;padding:4px 4px 4px 10px!important;gap:7px!important}
 html body .site-header .site-search-input{font-size:13px!important}
 html body .site-header .site-search-submit{flex-basis:58px!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:34px!important;padding:0 7px!important;font-size:12px!important}
}
@media(max-width:360px){
 html body .site-header .site-header-inner{width:calc(100% - 16px)!important;gap:9px 4px!important}
 html body .site-header .site-brand .name{max-width:70px!important}
 html body .site-header .site-nav-link{padding:8px 6px!important;font-size:11px!important}
 html body .site-header .site-search-submit{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important}
 html body .site-header .site-search-submit span{display:none!important}
 html body .site-header .site-search-submit i{display:inline-block!important}
}

/* ===== Top edge correction: navigation starts at the very top ===== */
html, body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body {
  padding-top: 0 !important;
}
header.header.site-header,
.site-header {
  position: relative !important;
  top: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
}
.site-header .site-header-inner {
  margin-top: 0 !important;
}

/* Title-only novel lists: remove empty description space and oversized card padding */
.hub-novel-grid {
  align-items: start !important;
  gap: 8px !important;
}
.hub-novel {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 12px !important;
  margin: 0 !important;
}
.hub-novel h3 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}
.hub-novel p { display: none !important; }
body.body main.article-page .article-results {
  align-items: start !important;
  gap: 8px !important;
}
body.body main.article-page .article-result {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
  margin: 0 !important;
}
body.body main.article-page .article-result h2 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5 !important;
}
body.body main.article-page .article-result p { display: none !important; }


/* ===== Resource and recommendation ad blocks: system theme ===== */
/* 系统风格：深色面板 + 绿色强调，统一站内卡片 */
.vip-nav-area,.vip-text-area{width:100%;margin:20px auto;box-sizing:border-box;color:inherit}
.vip-nav-area *,.vip-text-area *{box-sizing:border-box}
.vip-nav-heading,.vip-text-title{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:inherit;font-size:20px;line-height:1.5;font-weight:750}
.vip-nav-heading{justify-content:space-between}
.vip-nav-heading span,.vip-text-title{display:flex;align-items:center;gap:10px}
.vip-nav-heading span:before,.vip-text-title:before{content:"";display:block;width:4px;height:21px;flex:0 0 4px;border-radius:3px;background:#22c55e}
.vip-nav-heading small{color:rgba(255,255,255,.56);font-size:12px;font-weight:400}
.vip-nav-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}
.vip-nav-item{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 6px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:linear-gradient(145deg,rgba(39,39,48,.98),rgba(29,29,36,.98));color:inherit!important;text-decoration:none!important;box-shadow:0 5px 18px rgba(0,0,0,.10);transition:border-color .2s,transform .2s,box-shadow .2s}
.vip-nav-item:hover{transform:translateY(-2px);border-color:rgba(34,197,94,.55);box-shadow:0 8px 22px rgba(0,0,0,.16)}
.vip-nav-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:8px;overflow:hidden;flex-shrink:0;border-radius:12px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.18)}
.vip-nav-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.vip-nav-name{display:block;width:100%;padding:0 2px;color:inherit!important;font-size:14px;line-height:1.5;font-weight:650;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vip-nav-desc{margin-top:3px;color:rgba(255,255,255,.58)!important;font-size:11px;line-height:1.4;text-align:center}
.vip-text-area{margin:16px auto 24px}
.vip-text-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}
.vip-text-item{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:9px 6px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:linear-gradient(145deg,rgba(39,39,48,.98),rgba(29,29,36,.98));color:inherit!important;text-decoration:none!important;text-align:center;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;transition:transform .2s,border-color .2s,background .2s}
.vip-text-item:hover{border-color:rgba(34,197,94,.55);background:rgba(34,197,94,.08);transform:translateY(-2px)}
@media(min-width:769px) and (max-width:1100px){.vip-nav-grid,.vip-text-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:768px){.vip-nav-area{margin:15px auto}.vip-text-area{margin:12px auto 18px}.vip-nav-heading,.vip-text-title{font-size:18px;margin-bottom:11px}.vip-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vip-nav-item{padding:10px 4px;border-radius:12px}.vip-nav-icon{width:54px;height:54px;margin-bottom:7px;border-radius:11px}.vip-nav-name{font-size:13px}.vip-nav-desc{font-size:10px}.vip-nav-heading small{font-size:10px}.vip-text-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vip-text-item{min-height:40px;padding:8px 4px;font-size:13px;border-radius:9px}}
@media(max-width:380px){.vip-nav-grid,.vip-text-grid{gap:6px}.vip-nav-icon{width:48px;height:48px}.vip-nav-name{font-size:12px}.vip-text-item{font-size:12px}}



/* ===== Playback page full-width layout: remove reserved right sidebar ===== */
body.body main.main:has(.playbox) > .container { width:100%; max-width:1440px; }
body.body main.main:has(.playbox) .playbox { display:block !important; width:100%; max-width:none; }
body.body main.main:has(.playbox) .playbox > .player { display:block; width:100% !important; max-width:none; flex:1 1 100%; }
body.body main.main:has(.playbox) .playbox > .player,
body.body main.main:has(.playbox) .playbox > .player .player-wrapper { min-width:0; }

/* ===== Play page refresh: polished player, metadata and mobile layout ===== */
body.body main.main:has(.playbox) { padding-top: 22px; }
body.body main.main:has(.playbox) > .container { max-width: 1260px; }
.playbox { width:100%; max-width:1200px; margin:0 auto 22px; }
.playbox .player { min-width:0; overflow:hidden; border:1px solid rgba(148,163,184,.16); border-radius:18px; background:linear-gradient(155deg,#171b22 0%,#101318 100%); box-shadow:0 14px 40px rgba(0,0,0,.18); }
.play-title { display:flex; align-items:center; gap:12px; margin:0; padding:20px 22px 16px; color:var(--text-color,#f4f7f5); font-size:clamp(21px,2.2vw,29px); line-height:1.4; font-weight:800; letter-spacing:.1px; overflow-wrap:anywhere; }
.play-title:before { content:""; display:block; flex:0 0 4px; width:4px; height:1.2em; border-radius:8px; background:linear-gradient(180deg,#4ade80,#16a34a); box-shadow:0 0 14px rgba(34,197,94,.28); }
.play-safety-notice { display:flex; align-items:flex-start; gap:8px; margin:0 22px 15px; padding:11px 14px; border:1px solid rgba(245,158,11,.22); border-left:3px solid #e6a23c; border-radius:10px; background:rgba(245,158,11,.07); color:#e8c98e; font-size:13px; line-height:1.75; }
.play-safety-notice strong { flex:0 0 auto; color:#f4d28c; }
.playbox .player-wrapper { position:relative; width:calc(100% - 44px); height:auto; aspect-ratio:16/9; margin:0 22px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:#050607; box-shadow:0 8px 28px rgba(0,0,0,.25); }
.playbox .player-wrapper iframe,.playbox .player-wrapper video,.playbox .player-wrapper embed,.playbox .player-wrapper object { display:block; width:100%!important; height:100%!important; border:0; }
.playbox .player-info { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:18px 24px; margin:16px 22px 0; padding:16px 0 20px; border-top:1px solid rgba(148,163,184,.15); color:#dce4e0; }
.playbox .player-info .minfo { min-width:0; width:auto; }
.playbox .player-info .tag { display:flex; flex-wrap:wrap; gap:8px; white-space:normal; }
.playbox .player-info .tag span { display:inline-flex; align-items:center; margin:0; }
.playbox .player-info .tag a { display:inline-flex; align-items:center; min-height:32px; padding:6px 11px; border:1px solid rgba(148,163,184,.19); border-radius:9px; background:rgba(255,255,255,.045); color:#d8e5dc; font-size:13px; line-height:1.4; text-decoration:none; transition:background .18s,border-color .18s,color .18s; }
.playbox .player-info .tag a:hover { border-color:rgba(34,197,94,.55); background:rgba(34,197,94,.1); color:#86efac; }
.playbox .player-info .tag .type a { border-color:rgba(34,197,94,.2); background:rgba(34,197,94,.07); }
.playbox .player-info .ysinfo { grid-column:1 / -1; max-width:100%; padding:14px 16px; border:1px solid rgba(148,163,184,.14); border-radius:12px; background:rgba(255,255,255,.035); color:#aebbb5; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.playbox .player-info .mdo { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.playbox .player-info .mdo .share a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:9px 15px; border:1px solid rgba(34,197,94,.28); border-radius:10px; background:linear-gradient(135deg,rgba(34,197,94,.16),rgba(22,163,74,.08)); color:#86efac; text-decoration:none; transition:transform .18s,background .18s; }
.playbox .player-info .mdo .share a:hover { transform:translateY(-1px); background:rgba(34,197,94,.2); }
.playbox .player-info .mdo .share h3 { margin:0; font-size:13px; font-weight:650; }
.playbox .tips-box { margin:12px 22px; }
.playbox .tips-box .p { color:#aebbb5; font-size:13px; }
body.body main.main:has(.playbox) .serie,
body.body main.main:has(.playbox) .playlike { margin-top:24px; }
@media(max-width:767px) {
 body.body main.main:has(.playbox) { padding-top:10px; }
 .playbox { margin-bottom:16px; }
 .playbox .player { border-radius:13px; }
 .play-title { padding:16px 14px 12px; font-size:20px; gap:9px; }
 .play-safety-notice { margin:0 12px 12px; padding:9px 10px; font-size:12px; border-radius:9px; }
 .playbox .player-wrapper { width:100%; margin:0; aspect-ratio:16/9; border-left:0; border-right:0; border-radius:0; }
 .playbox .player-info { grid-template-columns:minmax(0,1fr); gap:13px; margin:12px 14px 0; padding:13px 0 16px; }
 .playbox .player-info .mdo { justify-content:flex-start; }
 .playbox .player-info .ysinfo { grid-column:auto; padding:11px 12px; font-size:13px; }
 .playbox .player-info .tag { gap:6px; }
 .playbox .player-info .tag a { min-height:30px; padding:5px 9px; font-size:12px; }
 .playbox .tips-box { margin:9px 14px; }
}
@media(max-width:380px) {
 .play-title { font-size:18px; }
 .play-safety-notice { display:block; }
 .play-safety-notice strong { margin-right:4px; }
 .playbox .player-info .ysinfo { line-height:1.75; }
}


/* ===== Playback page: related recommendations and You May Like ===== */
body.body main.main:has(.playbox) .play-related-block,
body.body main.main:has(.playbox) .play-like-block {
  margin: 24px auto 0;
  padding: 20px;
  border: 1px solid rgba(148,163,184,.15);
  border-radius: 16px;
  background: linear-gradient(150deg, rgba(24,29,35,.98), rgba(16,20,25,.98));
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  box-sizing: border-box;
}
body.body main.main:has(.playbox) .play-related-block .a-tit,
body.body main.main:has(.playbox) .play-like-block .a-tit {
  display:flex; align-items:center; justify-content:space-between;
  margin:0 0 17px; padding:0 0 13px;
  border-bottom:1px solid rgba(148,163,184,.14);
}
body.body main.main:has(.playbox) .play-related-block .a-tit h2,
body.body main.main:has(.playbox) .play-like-block .a-tit h2 {
  display:flex; align-items:center; gap:10px; margin:0; padding:0;
  color:#f2f7f4; font-size:20px; line-height:1.4; font-weight:800;
}
body.body main.main:has(.playbox) .play-related-block .a-tit h2:before,
body.body main.main:has(.playbox) .play-like-block .a-tit h2:before {
  content:""; display:block; width:4px; height:22px; flex:0 0 4px;
  border-radius:5px; background:linear-gradient(180deg,#4ade80,#16a34a);
  box-shadow:0 0 12px rgba(34,197,94,.22);
}
body.body main.main:has(.playbox) .play-related-track { display:block; overflow:hidden; }
body.body main.main:has(.playbox) .play-related-block .a-con-inner,
body.body main.main:has(.playbox) .play-like-block .a-con-inner {
  min-width:0; overflow:hidden; border:1px solid rgba(148,163,184,.12);
  border-radius:12px; background:rgba(255,255,255,.025);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.body main.main:has(.playbox) .play-related-block .a-con-inner:hover,
body.body main.main:has(.playbox) .play-like-block .a-con-inner:hover {
  transform:translateY(-3px); border-color:rgba(34,197,94,.42);
  box-shadow:0 9px 22px rgba(0,0,0,.2);
}
body.body main.main:has(.playbox) .play-related-block .pic,
body.body main.main:has(.playbox) .play-like-block .pic {
  position:relative; aspect-ratio:16/9!important; margin:0; overflow:hidden;
  background:#090c0f;
}
body.body main.main:has(.playbox) .play-related-block .pic img,
body.body main.main:has(.playbox) .play-like-block .pic img {
  display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .35s ease,filter .35s ease;
}
body.body main.main:has(.playbox) .play-related-block .a-con-inner:hover .pic img,
body.body main.main:has(.playbox) .play-like-block .a-con-inner:hover .pic img { transform:scale(1.045); filter:brightness(1.06); }
body.body main.main:has(.playbox) .play-related-block .pic:after,
body.body main.main:has(.playbox) .play-like-block .pic:after {
  content:""; position:absolute; inset:45% 0 0; pointer-events:none;
  background:linear-gradient(transparent,rgba(0,0,0,.28));
}
body.body main.main:has(.playbox) .play-related-block .s3,
body.body main.main:has(.playbox) .play-like-block .s3 {
  position:absolute; z-index:2; top:8px; right:8px; padding:3px 7px;
  border:1px solid rgba(255,255,255,.18); border-radius:6px;
  background:rgba(9,15,12,.78); color:#86efac; font-size:12px; font-weight:750;
  backdrop-filter:blur(8px);
}
body.body main.main:has(.playbox) .play-related-block .s1,
body.body main.main:has(.playbox) .play-like-block .s1 {
  display:block; padding:10px 11px 0; margin:0; min-width:0;
}
body.body main.main:has(.playbox) .play-related-block .s1 a,
body.body main.main:has(.playbox) .play-like-block .s1 a {
  display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  color:#e6eee9; font-size:14px; line-height:1.55; font-weight:650;
  text-decoration:none; overflow-wrap:anywhere;
}
body.body main.main:has(.playbox) .play-related-block .s1 a:hover,
body.body main.main:has(.playbox) .play-like-block .s1 a:hover { color:#86efac; }
body.body main.main:has(.playbox) .play-related-block .s2,
body.body main.main:has(.playbox) .play-like-block .s2 {
  display:flex; flex-wrap:wrap; gap:5px; padding:7px 11px 11px; margin:0;
}
body.body main.main:has(.playbox) .play-related-block .s2 a,
body.body main.main:has(.playbox) .play-like-block .s2 a {
  display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  padding:3px 7px; border:1px solid rgba(34,197,94,.16); border-radius:5px;
  background:rgba(34,197,94,.07); color:#9cbaa8; font-size:11px; line-height:1.4;
  text-decoration:none;
}
body.body main.main:has(.playbox) .play-related-block .s2 a:hover,
body.body main.main:has(.playbox) .play-like-block .s2 a:hover { color:#86efac; border-color:rgba(34,197,94,.4); }
body.body main.main:has(.playbox) .play-like-grid {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px;
}
body.body main.main:has(.playbox) .play-like-grid .a-con-inner { width:auto; margin:0; }
@media(max-width:1000px) {
 body.body main.main:has(.playbox) .play-like-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
}
@media(max-width:767px) {
 body.body main.main:has(.playbox) .play-related-block,
 body.body main.main:has(.playbox) .play-like-block { margin-top:16px; padding:13px; border-radius:12px; }
 body.body main.main:has(.playbox) .play-related-block .a-tit,
 body.body main.main:has(.playbox) .play-like-block .a-tit { margin-bottom:12px; padding-bottom:10px; }
 body.body main.main:has(.playbox) .play-related-block .a-tit h2,
 body.body main.main:has(.playbox) .play-like-block .a-tit h2 { font-size:17px; }
 body.body main.main:has(.playbox) .play-related-block .s1,
 body.body main.main:has(.playbox) .play-like-block .s1 { padding:8px 8px 0; }
 body.body main.main:has(.playbox) .play-related-block .s1 a,
 body.body main.main:has(.playbox) .play-like-block .s1 a { font-size:12px; }
 body.body main.main:has(.playbox) .play-related-block .s2,
 body.body main.main:has(.playbox) .play-like-block .s2 { padding:6px 8px 9px; gap:4px; }
 body.body main.main:has(.playbox) .play-related-block .s2 a,
 body.body main.main:has(.playbox) .play-like-block .s2 a { font-size:10px; padding:2px 5px; }
 body.body main.main:has(.playbox) .play-like-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
}

/* ===== 全站统一绿色主题：适用于首页、视频、文章、搜索、分类、详情、播放及分页 ===== */
:root,
.style-for-red,
.style-for-green,
.style-for-purple,
.style-for-yellow,
.style-for-indigo {
  --zy-hover:#22c55e !important;
  --zy-hover-rgb:34,197,94 !important;
  --zy-hover-1:#4ade80 !important;
  --green-main:#22c55e;
  --green-bright:#4ade80;
  --green-soft:rgba(34,197,94,.12);
  --green-border:rgba(34,197,94,.32);
}
/* Theme selector controls remain usable, but the active site palette stays green. */
.header .nav a:hover,
.header .nav a.active,
a:hover,.active,
.a-tit h2 i,
.search-box .search-btn i,
.paging .active,
.page .active,
.pagination .active { color:var(--green-bright) !important; }
button,
.btn,
.search-box .search-btn,
.vod-search-form button,
.article-search button,
input[type="submit"] {
  accent-color:var(--green-main);
}
.btn-primary,
.btn-success,
.button-primary,
.search-box .search-btn,
.vod-search-form button,
.article-search button,
input[type="submit"] {
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  border-color:#22c55e !important;
  color:#fff !important;
}
.btn-primary:hover,
.btn-success:hover,
.button-primary:hover,
.search-box .search-btn:hover,
.vod-search-form button:hover,
.article-search button:hover,
input[type="submit"]:hover { filter:brightness(1.08); }
input:focus,select:focus,textarea:focus,
.search-box:focus-within { border-color:var(--green-main) !important; }
.tag,.badge,.label,.vod-tag,.art-tag {
  border-color:var(--green-border);
}
.tag:hover,.badge:hover,.label:hover,.vod-tag:hover,.art-tag:hover {
  color:var(--green-bright) !important;
  border-color:var(--green-main) !important;
}
.paging a:hover,.page a:hover,.pagination a:hover,
.paging .active,.page .active,.pagination .active {
  border-color:var(--green-main) !important;
  background:var(--green-soft) !important;
}
/* Keep content panels dark while green is used consistently for highlights. */
.hub-section-head h2:before,
.article-page h1:before,
.vod-search-page h1:before { background:linear-gradient(180deg,#4ade80,#16a34a); }
::selection { background:rgba(34,197,94,.32); color:#fff; }
@media(prefers-reduced-motion:no-preference) {
  .pic img,.hub-video .cover,.hub-shortcut,.hub-novel,.article-result { transition:border-color .2s,box-shadow .2s,transform .2s; }
}


/* ===== Playback related recommendations: compact grid, no empty carousel space ===== */
body.body main.main:has(.playbox) .play-related-grid {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px;
  align-items:start; min-width:0; overflow:visible;
}
body.body main.main:has(.playbox) .play-related-grid .a-con-inner {
  width:auto; min-width:0; margin:0; align-self:start;
}
body.body main.main:has(.playbox) .play-related-grid .pic { width:100%; aspect-ratio:16/9; }
@media(max-width:1000px) {
  body.body main.main:has(.playbox) .play-related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
}
@media(max-width:767px) {
  body.body main.main:has(.playbox) .play-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
}
/* Remove leftover video-rating badges site-wide as a safeguard. */
.s3 { display:none !important; }

/* 首页快捷入口：视频、小说、排行榜三项并列，手机端纵向排列 */
.hub-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){.hub-shortcuts{grid-template-columns:1fr!important}}

/* 首页三张快捷入口卡片：修复手机端宽度、文字换行与图标挤压 */
.hub-shortcuts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.hub-shortcuts > .hub-shortcut {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.hub-shortcuts > .hub-shortcut > span:last-child {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}
.hub-shortcuts > .hub-shortcut h2 {
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.hub-shortcuts > .hub-shortcut p {
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.hub-shortcuts > .hub-shortcut .hub-icon {
  flex: 0 0 auto;
}
@media (max-width: 760px) {
  .hub-shortcuts {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
  }
  .hub-shortcuts > .hub-shortcut {
    width: 100%;
    min-height: 88px;
    padding: 15px !important;
    gap: 13px !important;
    align-items: center;
    border-radius: 14px !important;
  }
  .hub-shortcuts > .hub-shortcut .hub-icon,
  .hub-shortcuts > .hub-shortcut .hub-icon i {
    width: 44px;
    min-width: 44px;
    height: 44px;
    font-size: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .hub-shortcuts > .hub-shortcut h2 {
    margin: 0 0 4px !important;
    font-size: 17px !important;
  }
  .hub-shortcuts > .hub-shortcut p {
    margin: 0 !important;
    font-size: 12px !important;
  }
}
@media (max-width: 360px) {
  .hub-shortcuts > .hub-shortcut { padding: 12px !important; gap: 10px !important; }
  .hub-shortcuts > .hub-shortcut .hub-icon,
  .hub-shortcuts > .hub-shortcut .hub-icon i {
    width: 40px; min-width: 40px; height: 40px; font-size: 20px;
  }
  .hub-shortcuts > .hub-shortcut h2 { font-size: 16px !important; }
  .hub-shortcuts > .hub-shortcut p { font-size: 11px !important; }
}