.video-page{display:grid;gap:18px}
.video-shell{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}
.video-shell .hero-banner{border:none;border-radius:0;min-height:210px}
.channel-section{padding:18px}
.channel-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}
.channel-avatar{width:108px;height:108px;border-radius:50%;object-fit:cover;border:3px solid var(--surface)}
.channel-title{margin:0;font-size:44px}
.channel-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:0 18px}
.channel-tabs a{padding:14px 0;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent}
.channel-tabs a.active{color:var(--text);border-bottom-color:var(--text)}
.featured-video{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:24px;padding:22px 18px;border-bottom:1px solid var(--line)}
.featured-thumb{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.featured-thumb img{width:100%;height:100%;object-fit:cover}
.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px}
.video-card{color:var(--text);text-decoration:none}
.video-thumb{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);margin-bottom:10px}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.video-title{font-size:17px;font-weight:700;line-height:1.3;margin-bottom:6px}
@media (max-width:1100px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.featured-video{grid-template-columns:1fr}.channel-head{grid-template-columns:auto 1fr}.channel-head .button{grid-column:1/-1;justify-self:start}.channel-title{font-size:34px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.channel-avatar{width:82px;height:82px}.channel-title{font-size:28px}.video-grid{grid-template-columns:1fr}}