/* gv PC 暗色影视风 */
:root{--bg:#0f1115;--card:#171b23;--card2:#1e2430;--txt:#e8ecf2;--sub:#8b94a3;--acc:#3d8bff;--line:#232a36}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--txt);font:14px/1.6 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
.gv-head{position:sticky;top:0;z-index:100;background:rgba(15,17,21,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.gv-head-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:24px;height:60px;padding:0 16px}
.gv-logo{font-size:20px;font-weight:700;color:var(--acc);white-space:nowrap}
.gv-nav{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
.gv-nav::-webkit-scrollbar{display:none}
.gv-nav a{padding:6px 14px;border-radius:18px;color:var(--sub);white-space:nowrap}
.gv-nav a:hover{color:var(--txt);background:var(--card)}
.gv-nav a.on{color:#fff;background:var(--acc)}
.gv-search{display:flex}
.gv-search input{width:180px;height:32px;background:var(--card);border:1px solid var(--line);border-radius:16px 0 0 16px;color:var(--txt);padding:0 12px;outline:none}
.gv-search button{height:32px;padding:0 14px;background:var(--acc);color:#fff;border:0;border-radius:0 16px 16px 0;cursor:pointer}
/* hero */
.gv-hero{position:relative;height:380px;overflow:hidden;background:#000}
.gv-hero-item{position:absolute;inset:0;opacity:0;transition:opacity .8s;background-size:cover;background-position:center 20%}
.gv-hero-item.on{opacity:1}
.gv-hero-mask{position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 2%,rgba(15,17,21,.1) 55%),linear-gradient(to right,rgba(15,17,21,.7),transparent 60%)}
.gv-hero-txt{position:absolute;left:6%;bottom:48px;max-width:60%}
.gv-hero-txt b{display:block;font-size:32px;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.gv-hero-txt i{display:block;font-style:normal;color:var(--sub);margin-top:6px}
/* 布局 */
.gv-main{max-width:1280px;margin:0 auto;padding:20px 16px 40px}
.gv-rail-head{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 12px}
.gv-rail-head h2{font-size:18px;border-left:4px solid var(--acc);padding-left:10px}
.gv-rail-head a{color:var(--sub)}
.gv-rail-head a:hover{color:var(--acc)}
/* 卡片 */
.gv-thumb{display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:var(--card)}
.gv-thumb--916{aspect-ratio:9/16}
.gv-thumb img{transition:transform .3s}
.gv-card:hover .gv-thumb img{transform:scale(1.06)}
.gv-card{display:block;width:130px}
.gv-t{display:block;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gv-r{display:block;font-size:12px;color:var(--acc)}
.gv-rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.gv-rail::-webkit-scrollbar{display:none}
.gv-rail .gv-card{flex:0 0 auto}
.gv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px 14px}
.gv-grid .gv-card{width:auto}
.gv-falls{columns:5 150px;column-gap:14px}
.gv-falls .gv-card{width:auto;display:inline-block;width:100%;margin-bottom:16px;break-inside:avoid}
/* 详情 */
.gv-detail-top{position:relative;padding:40px 24px;background-size:cover;background-position:center 20%}
.gv-detail-mask{position:absolute;inset:0;background:linear-gradient(to right,rgba(15,17,21,.92) 30%,rgba(15,17,21,.55)),linear-gradient(to top,var(--bg),transparent 60%)}
.gv-detail-info{position:relative;display:flex;gap:24px;max-width:1280px;margin:0 auto}
.gv-poster{flex:0 0 210px;aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.gv-poster--916{flex-basis:180px;aspect-ratio:9/16}
.gv-meta h1{font-size:26px;margin-bottom:8px}
.gv-meta p{color:var(--sub);margin-bottom:6px}
.gv-blurb{max-width:640px}
.gv-playbtn{display:inline-block;margin-top:14px;padding:10px 34px;background:var(--acc);color:#fff;border-radius:22px;font-size:16px}
.gv-playbtn:hover{filter:brightness(1.15)}
.gv-content{color:#c6cdd8;line-height:1.9}
/* 选集 */
.gv-eps{display:flex;flex-wrap:wrap;gap:10px}
.gv-eps--col{flex-direction:column}
.gv-ep{padding:7px 16px;background:var(--card);border-radius:6px;color:var(--sub)}
.gv-ep:hover{color:#fff;background:var(--card2)}
.gv-ep.on{background:var(--acc);color:#fff}
.gv-eps-src{color:var(--sub);font-size:12px;margin-bottom:8px}
/* 播放页 */
.gv-playwrap{display:flex;gap:20px;align-items:flex-start}
.gv-player-col{flex:1;min-width:0}
.gv-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}
.gv-player--916{aspect-ratio:9/16;max-width:420px;margin:0 auto}
.gv-player iframe,.gv-player .MacPlayer{width:100%!important;height:100%!important;border:0}
.gv-play-title{margin-top:14px}
.gv-play-title h1{font-size:20px;display:inline;margin-right:12px}
.gv-play-title span{color:var(--acc)}
.gv-play-title p{color:var(--sub);margin-top:8px}
.gv-eps-side{flex:0 0 300px;max-height:560px;overflow-y:auto;background:var(--card);border-radius:8px;padding:14px}
.gv-eps-side-h{font-size:16px;margin-bottom:10px}
.gv-eps-side .gv-ep{display:block;text-align:center}
/* 分页 */
.gv-pager{display:flex;gap:8px;justify-content:center;margin:26px 0 6px;flex-wrap:wrap}
.gv-pager a,.gv-pager span{padding:6px 13px;background:var(--card);border-radius:6px;color:var(--sub)}
.gv-pager a:hover{color:#fff}
.gv-pager a.on{background:var(--acc);color:#fff}
.gv-pager .dis{opacity:.4}
.gv-pager .info{color:var(--sub)}
.gv-empty{text-align:center;color:var(--sub);padding:50px 0}
/* 页脚 */
.gv-foot{border-top:1px solid var(--line);margin-top:30px;padding:24px 16px;text-align:center;color:var(--sub);font-size:12px}
@media(max-width:820px){
.gv-hero{height:240px}
.gv-nav{display:none}
.gv-detail-top{padding:24px 16px}
.gv-detail-info{flex-direction:column;align-items:center;text-align:center}
.gv-meta{text-align:center}
.gv-playwrap{flex-direction:column}
.gv-eps-side{flex:auto;width:100%;max-height:300px}
}