:root{
  --bg:#06070b;
  --bg-soft:#0b0f17;
  --bg-elev:#101623;
  --bg-elev-2:#151d2d;
  --bg-card:#0e1420;
  --bg-card-2:#121a29;
  --bg-glass:rgba(16,22,35,.72);
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#f5f7fb;
  --text-soft:rgba(245,247,251,.78);
  --text-faint:rgba(245,247,251,.54);
  --brand:#ff375f;
  --brand-2:#ff7a18;
  --brand-3:#6a7dff;
  --brand-4:#14d6a6;
  --brand-5:#9a6bff;
  --shadow-sm:0 12px 28px rgba(0,0,0,.24);
  --shadow-md:0 24px 60px rgba(0,0,0,.34);
  --shadow-lg:0 36px 120px rgba(0,0,0,.46);
  --radius:18px;
  --radius-lg:28px;
  --radius-xl:34px;
  --max:1380px;
  --pad:20px;
  --focus:0 0 0 4px rgba(106,125,255,.24);
}

*{ box-sizing:border-box; }
html,body{ min-height:100%; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:
    radial-gradient(1200px 700px at 10% -10%, rgba(255,55,95,.16), transparent 60%),
    radial-gradient(900px 620px at 88% 0%, rgba(106,125,255,.18), transparent 58%),
    radial-gradient(1000px 720px at 50% 100%, rgba(20,214,166,.10), transparent 56%),
    linear-gradient(180deg, #05060a 0%, #090d16 28%, #06070b 100%);
  color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 12%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0, rgba(255,255,255,.02) 1px, transparent 1px, transparent 120px);
  opacity:.16;
  z-index:-1;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:none; }
button,input,select,textarea{ font:inherit; }
::selection{ background:rgba(106,125,255,.32); color:#fff; }

.s-muted{ color:var(--text-soft); }
.s-muted2{ color:var(--text-faint); }

.s-head__inner,
.s-foot__inner,
.v-page{
  width:min(var(--max), calc(100% - var(--pad)*2));
  margin-inline:auto;
}

.v-page{
  padding-block:22px 34px;
}

.s-head{
  backdrop-filter:blur(18px) saturate(130%);
  background:rgba(6,8,14,.72);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 34px rgba(0,0,0,.20);
}

.s-head__inner{
  display:grid !important;
  grid-template-columns:1fr minmax(320px, 640px);
  grid-template-areas:
    "brand actions"
    "nav nav";
  gap:14px 18px;
  align-items:center;
  padding:16px 0 14px;
}

.s-brand{ grid-area:brand; min-width:0; }

.s-actions{
  grid-area:actions;
  min-width:0 !important;
  display:flex;
  justify-content:flex-end;
}

.s-nav{
  grid-area:nav;
  width:100%;
  padding-top:4px;
}

.s-brand__link{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  border-radius:999px;
  color:#fff;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.s-brand__link::before{
  content:"";
  width:20px;
  height:20px;
  flex:0 0 20px;
  border-radius:0;
  background:url("/3.ico") center center / contain no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 0 10px rgba(255,55,95,.28));
}

.s-brand__link::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 32%);
  pointer-events:none;
}

.s-brand__name,
.s-brand__link h1{
  margin:0;
  font-size:22px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.02em;
}

.s-brand__link:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 22px 54px rgba(0,0,0,.34);
}

.s-search{
  width:100%;
  max-width:640px;
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}

.s-search::before{
  content:"";
  width:18px;
  height:18px;
  margin-left:8px;
  flex:0 0 auto;
  opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='6.5' stroke='white' stroke-width='2.2'/%3E%3Cpath d='M16 16L21 21' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center center / contain no-repeat;
  border-radius:0;
  transform:none;
}

.s-search__label{ position:absolute; left:-9999px; }

.s-search__input{
  flex:1 1 auto;
  min-width:0;
  padding:12px 4px;
  background:transparent;
  border:0 !important;
  outline:none !important;
  color:#fff;
  font-size:15px;
  font-weight:800;
  box-shadow:none !important;
}

.s-search__input::placeholder{ color:rgba(255,255,255,.40); }

.s-search__btn{
  border:0;
  border-radius:999px;
  padding:12px 18px;
  color:#fff;
  font-weight:1000;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow:0 14px 34px rgba(255,55,95,.32);
  cursor:pointer;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
  white-space:nowrap;
}

.s-search__btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 20px 42px rgba(255,55,95,.40);
}

.s-brand__link:focus,
.s-nav__link:focus,
.s-search__input:focus,
.s-search__btn:focus,
.s-head__term:focus{
  outline:none;
  box-shadow:var(--focus);
}

.s-search:focus-within{
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.30);
}

.s-nav__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  gap:10px;
}

.s-nav__item{ min-width:0; }

.s-nav__link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 12px;
  border-radius:16px;
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:1000;
  letter-spacing:.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.s-nav__link::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:999px;
  transform:translateY(-50%);
  background:rgba(255,255,255,.40);
}

.s-nav__link::before,
.s-nav__link[aria-current="page"]::before,
.s-nav__link.is-active::before{
  content:none !important;
  display:none !important;
}

.s-nav__link:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 14px 28px rgba(0,0,0,.20);
}

.s-nav__item:nth-child(5n+1) .s-nav__link[aria-current="page"],
.s-nav__item:nth-child(5n+1) .s-nav__link.is-active{
  background:linear-gradient(135deg, rgba(255,55,95,.92), rgba(255,122,24,.88));
}

.s-nav__item:nth-child(5n+2) .s-nav__link[aria-current="page"],
.s-nav__item:nth-child(5n+2) .s-nav__link.is-active{
  background:linear-gradient(135deg, rgba(106,125,255,.92), rgba(154,107,255,.88));
}

.s-nav__item:nth-child(5n+3) .s-nav__link[aria-current="page"],
.s-nav__item:nth-child(5n+3) .s-nav__link.is-active{
  background:linear-gradient(135deg, rgba(20,214,166,.92), rgba(106,125,255,.86));
}

.s-nav__item:nth-child(5n+4) .s-nav__link[aria-current="page"],
.s-nav__item:nth-child(5n+4) .s-nav__link.is-active{
  background:linear-gradient(135deg, rgba(255,122,24,.92), rgba(255,55,95,.86));
}

.s-nav__item:nth-child(5n+5) .s-nav__link[aria-current="page"],
.s-nav__item:nth-child(5n+5) .s-nav__link.is-active{
  background:linear-gradient(135deg, rgba(154,107,255,.92), rgba(106,125,255,.86));
}

.s-nav__link[aria-current="page"],
.s-nav__link.is-active{
  color:#fff;
  border-color:transparent;
  box-shadow:0 18px 34px rgba(0,0,0,.26);
}

.s-nav__link[aria-current="page"]::before,
.s-nav__link.is-active::before{
  background:#fff;
}

.s-head__terms{
  width:100%;
  margin:10px 0 2px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

.s-head__termsLabel{
  font-size:12px;
  color:var(--text-faint);
  margin-top:20px;
}

.s-head__termsList{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  max-width:980px;
}

.s-head__term{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.s-head__term:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 12px 24px rgba(0,0,0,.18);
}

.s-head__term.is-active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, rgba(106,125,255,.92), rgba(255,55,95,.88));
  box-shadow:0 18px 34px rgba(0,0,0,.26);
}

.s-foot{
  margin-top:42px;
  border-top:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  backdrop-filter:blur(12px);
}

.s-foot__inner{
  padding:24px 0 30px;
}

.s-foot__line{
  margin:0 0 8px;
  color:var(--text-soft);
}

.s-foot__site{
  font-weight:1000;
  color:#fff;
}

.s-foot__sep{
  margin:0 8px;
  color:var(--text-faint);
}

.s-foot__info{
  color:var(--text-faint);
}

.s-fl{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  padding:12px 0 0;
}

.s-fl__item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:130px;
  max-width:220px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.s-fl__item:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}

.s-fl__txt{
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.v-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:8px 0 16px;
}

.v-top__title{ min-width:0; }

.v-top__h1{
  margin:0;
  font-size:34px;
  line-height:1.08;
  font-weight:1000;
  letter-spacing:.01em;
  max-width:18ch;
}

.v-top__sub{
  margin:8px 0 0;
  color:var(--text-faint);
  font-size:13px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}

.v-top__tools{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.v-chip{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.76);
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.v-chip:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.v-chip.is-active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, rgba(255,55,95,.92), rgba(106,125,255,.86));
}

.v-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--text-faint);
  font-size:13px;
}

.v-breadcrumb a{
  color:var(--text-soft);
  font-weight:800;
}

.v-breadcrumb a:hover{ color:#fff; }

.v-link{
  color:#fff;
  font-weight:900;
}

.v-link:hover{
  text-decoration:underline;
}

.v-section{ margin-top:18px; }

.v-section__hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}

.v-section__title{
  margin:0;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:1000;
}

.v-section__title::before{
  content:"";
  width:12px;
  height:12px;
  border-radius:4px;
  background:linear-gradient(135deg, var(--brand), var(--brand-3));
  box-shadow:0 0 0 6px rgba(255,55,95,.10);
}

.v-section__meta{
  color:var(--text-faint);
  font-size:13px;
}

.v-homex{
  width:100%;
  padding-bottom:24px;
  margin-top:20px;
}

.hero-stage{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.hero-stage__bg{
  position:absolute;
  inset:0;
  background-position:center;
  background-size:cover;
  filter:blur(14px) saturate(120%);
  transform:scale(1.08);
  opacity:.30;
}

.hero-stage__mask{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5,6,10,.28), rgba(6,8,14,.82) 32%, rgba(6,7,11,1) 100%),
    radial-gradient(900px 520px at 28% 24%, rgba(255,255,255,.06), transparent 58%);
}

.hero-stage__shell{
  position:relative;
  z-index:1;
  width:min(var(--max), calc(100% - var(--pad)*2));
  margin-inline:auto;
  padding:34px 0 26px;
}

.hero-stage__layout{
  display:grid;
  grid-template-columns:minmax(320px, 1.1fr) minmax(320px, 1.2fr) 360px;
  gap:22px;
  align-items:start;
}

.hero-stage__posterCol{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.hero-stage__poster{
  position:relative;
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow-lg);
}

.hero-stage__poster::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, transparent 48%, rgba(0,0,0,.58) 100%),
    linear-gradient(135deg, rgba(255,255,255,.10), transparent 40%);
  pointer-events:none;
}

.hero-stage__poster--ph{
  background:
    radial-gradient(420px 260px at 20% 22%, rgba(255,55,95,.28), transparent 60%),
    radial-gradient(520px 300px at 82% 30%, rgba(106,125,255,.24), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}

.hero-stage__img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
}

.hero-stage__poster:hover .hero-stage__img{
  transform:scale(1.05);
}

.hero-stage__play{
  position:absolute;
  left:22px;
  bottom:20px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 18px;
  border-radius:999px;
  color:#fff;
  font-weight:1000;
  background:rgba(8,10,17,.42);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 40px rgba(0,0,0,.26);
}

.hero-stage__playIcon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow:0 8px 18px rgba(255,55,95,.20);
}

.hero-stage__miniStats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}

.hero-stage__miniStat{
  padding:16px 16px 14px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-sm);
}

.hero-stage__miniStat strong{
  display:block;
  font-size:18px;
  font-weight:1000;
  color:#fff;
  line-height:1.1;
}

.hero-stage__miniStat span{
  display:block;
  margin-top:6px;
  font-size:12px;
  color:var(--text-faint);
}

.hero-stage__copy{
  padding:18px 4px 0;
}

.hero-stage__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.14em;
}

.hero-stage__eyebrowDot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow:0 0 20px rgba(255,55,95,.40);
}

.hero-stage__title{
  margin:18px 0 14px;
  font-size:clamp(34px, 5vw, 72px);
  line-height:.98;
  font-weight:1000;
  letter-spacing:-.03em;
  max-width:12ch;
}

.hero-stage__desc{
  margin:0;
  max-width:720px;
  font-size:15px;
  color:var(--text-soft);
}

.hero-stage__meta{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hero-stage__metaItem{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.76);
  font-size:13px;
  font-weight:850;
}

.hero-stage__metaItem a{
  color:#fff;
  font-weight:1000;
}

.hero-stage__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.hero-stage__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:14px;
  font-weight:1000;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, filter .16s ease;
}

.hero-stage__btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}

.hero-stage__btn--primary{
  border-color:transparent;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow:0 18px 42px rgba(255,55,95,.30);
}

.hero-stage__btn--ghost{
  background:rgba(255,255,255,.06);
}

.hero-stage__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.hero-stage__tag{
  display:inline-flex;
  align-items:center;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease, border-color .16s ease, color .16s ease, background .16s ease;
}

.hero-stage__tag:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(255,255,255,.16);
}

.hero-stage__rail{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.hero-railCard{
  padding:18px;
  border-radius:26px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-md);
  backdrop-filter:blur(12px);
}

.hero-railCard__hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.hero-railCard__hd h2{
  margin:0;
  font-size:16px;
  font-weight:1000;
}

.hero-railCard__hd a{
  color:var(--text-faint);
  font-size:13px;
  font-weight:900;
}

.hero-railCard__hd a:hover{ color:#fff; }

.hero-railCard__empty{
  color:var(--text-faint);
  font-size:13px;
}

.hero-rank{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.hero-rank__item{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:12px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.hero-rank__item:hover{
  transform:translateX(2px);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.hero-rank__no{
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(255,55,95,.22), rgba(106,125,255,.20));
  color:#fff;
  font-size:18px;
  font-weight:1000;
}

.hero-rank__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hero-rank__title{
  color:#fff;
  font-size:14px;
  font-weight:1000;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.hero-rank__sub{
  margin-top:5px;
  font-size:12px;
  color:var(--text-faint);
}

.hero-infoGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.hero-infoGrid__item{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:96px;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.hero-infoGrid__item:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.hero-infoGrid__item strong{
  font-size:14px;
  font-weight:1000;
  color:#fff;
}

.hero-infoGrid__item span{
  color:var(--text-faint);
  font-size:12px;
}

.home-channels,
.home-promo,
.home-shelf{
  width:100%;
}

.home-channels__shell,
.home-promo__shell,
.home-shelf__shell{
  width:min(var(--max), calc(100% - var(--pad)*2));
  margin-inline:auto;
}

.home-channels{
  padding:26px 0 8px;
}

.home-sectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.home-sectionHead__eyebrow{
  margin:0 0 6px;
  color:var(--text-faint);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.14em;
}

.home-sectionHead__title{
  margin:0;
  font-size:28px;
  line-height:1.04;
  font-weight:1000;
}

.home-sectionHead__more{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.76);
  font-size:13px;
  font-weight:900;
}

.home-sectionHead__more:hover{
  color:#fff;
  border-color:rgba(255,255,255,.16);
}

.home-channels__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

.channel-card{
  position:relative;
  min-height:126px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  overflow:hidden;
  border-radius:24px;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-md);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.channel-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 42%);
  pointer-events:none;
}

.channel-card::after{
  content:"";
  position:absolute;
  right:-30px;
  bottom:-34px;
  width:140px;
  height:140px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  filter:blur(8px);
}

.channel-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 30px 70px rgba(0,0,0,.34);
}

.channel-card__label{
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

.channel-card__title{
  position:relative;
  z-index:1;
  font-size:22px;
  line-height:1.08;
  font-weight:1000;
}

.channel-card__arrow{
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.80);
  font-size:13px;
  font-weight:900;
}

.channel-card--1{ background:linear-gradient(135deg, #2b0d16, #8b1f3f 54%, #ff375f); }
.channel-card--2{ background:linear-gradient(135deg, #10163a, #24338f 54%, #6a7dff); }
.channel-card--3{ background:linear-gradient(135deg, #09251f, #0f7163 52%, #14d6a6); }
.channel-card--4{ background:linear-gradient(135deg, #2a1908, #8e4310 56%, #ff7a18); }
.channel-card--5{ background:linear-gradient(135deg, #180d27, #55308f 54%, #9a6bff); }
.channel-card--6{ background:linear-gradient(135deg, #231312, #7c2a2a 50%, #ff4f5f); }

.home-promo{
  padding:16px 0 10px;
}

.home-promo__shell{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.promo-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:180px;
  padding:22px;
  overflow:hidden;
  border-radius:28px;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-md);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.promo-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 35%);
  pointer-events:none;
}

.promo-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 30px 72px rgba(0,0,0,.34);
}

.promo-card__kicker{
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.70);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.14em;
}

.promo-card__title{
  position:relative;
  z-index:1;
  font-size:28px;
  line-height:1.04;
  font-weight:1000;
}

.promo-card__desc{
  position:relative;
  z-index:1;
  max-width:34ch;
  color:rgba(255,255,255,.82);
  font-size:14px;
}

.promo-card--hot{
  background:
    radial-gradient(240px 160px at 84% 20%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(135deg, #180a0f, #742032 48%, #ff375f);
}

.promo-card--home{
  background:
    radial-gradient(220px 150px at 82% 18%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(135deg, #0e1534, #283a99 50%, #6a7dff);
}

.promo-card--cate{
  background:
    radial-gradient(220px 150px at 82% 18%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(135deg, #09221f, #0a7767 50%, #14d6a6);
}

.home-shelf{
  padding:18px 0 10px;
}

.home-shelf__shell{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.row-panel{
  padding:20px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-md);
}

.row-panel__hd{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}

.row-panel__titleWrap{
  display:flex;
  align-items:center;
  gap:14px;
}

.row-panel__index{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(255,55,95,.20), rgba(106,125,255,.18));
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:18px;
  font-weight:1000;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.row-panel__title{
  margin:0;
  font-size:24px;
  line-height:1.06;
  font-weight:1000;
}

.row-panel__sub{
  margin:6px 0 0;
  font-size:13px;
  color:var(--text-faint);
}

.row-panel__tools{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.row-panel__count{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text-faint);
  font-size:13px;
  font-weight:900;
}

.row-panel__more{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:13px;
  font-weight:1000;
}

.row-panel__more:hover{
  border-color:rgba(255,255,255,.18);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.v-grid__inner{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:18px;
}

.v-grid--large .v-grid__inner{
  grid-template-columns:repeat(5, minmax(0,1fr));
}

.v-card{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.v-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 28px 70px rgba(0,0,0,.34);
}

.v-card__media{
  position:relative;
  display:block;
  overflow:hidden;
  background:rgba(255,255,255,.04);
}

.v-card__media::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, transparent 48%, rgba(0,0,0,.28) 100%),
    linear-gradient(135deg, rgba(255,255,255,.2), transparent 38%);
  z-index:1;
  pointer-events:none;
}

.v-card__media::after{
}

.v-card__img,
.v-card__img--placeholder{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  transition:transform .45s ease;
}

.v-card__img--placeholder{
  background:
    radial-gradient(420px 220px at 24% 24%, rgba(255,55,95,.18), transparent 60%),
    radial-gradient(520px 280px at 76% 30%, rgba(106,125,255,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.v-card:hover .v-card__img{
  transform:scale(1.06);
}

.v-card__body{
  padding:14px 14px 16px;
}

.v-card__title{
  margin:0 0 12px;
  color:#fff;
  font-size:15px;
  line-height:1.38;
  font-weight:1000;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:42px;
}

.v-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:var(--text-faint);
  font-size:12px;
}

.v-card__metaL,
.v-card__metaR{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.v-meta__pill{
  display:inline-flex;
  align-items:center;
  max-width:170px;
  padding:7px 10px;
  border-radius:999px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:900;
}

.v-meta__pill:hover{
  border-color:rgba(255,255,255,.16);
}

.v-meta__item{
  white-space:nowrap;
}

.v-meta__item--hot{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,55,95,.16);
  border:1px solid rgba(255,55,95,.24);
  color:#fff;
  font-weight:1000;
}

.v-empty{
  padding:38px 18px;
  border-radius:24px;
  text-align:center;
  border:1px dashed rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
}

.v-empty--dark{
  background:rgba(255,255,255,.03);
}

.v-empty__title{
  margin:0 0 6px;
  color:#fff;
  font-weight:1000;
}

.v-grid--compact .v-grid__inner{
  grid-template-columns:1fr;
  gap:12px;
}

.v-grid--compact .v-card{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:12px;
  align-items:stretch;
}

.v-grid--compact .v-card__media{
  border-radius:18px;
  overflow:hidden;
  margin:12px 0 12px 12px;
}

.v-grid--compact .v-card__body{
  padding:14px 14px 14px 0;
}

.v-grid--compact .v-card__title{
  min-height:auto;
  margin-bottom:10px;
}

.v-pager{
  margin-top:22px;
  display:flex;
  justify-content:center;
}

.v-pager__inner{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}

.pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-sm);
}

.pagination a,
.pagination span,
.pagination em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border-radius:14px;
  color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-size:13px;
  font-style:normal;
  font-weight:1000;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.pagination a:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.pagination em.current,
.pagination span.current{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg, var(--brand), var(--brand-3));
  box-shadow:0 16px 34px rgba(0,0,0,.24);
}

.pagination .disabled{
  opacity:.42;
  box-shadow:none;
}

.pagination .gap{
  background:transparent;
  border-color:transparent;
  min-width:auto;
  padding:0 4px;
  opacity:.55;
}

.v-pager__jump{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow-sm);
}

.v-pager__jump label{
  color:var(--text-faint);
  font-size:12px;
  font-weight:900;
}

.v-pager__jump input{
  width:96px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#fff;
  outline:none;
}

.v-pager__jump input:focus{ box-shadow:var(--focus); }

.v-pager__jump button{
  border:0;
  border-radius:999px;
  padding:10px 14px;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#fff;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 14px 32px rgba(255,55,95,.26);
}

.v-play{
  padding-top:20px;
  padding-bottom:36px;
}

.v-top--inner{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.v-layout--play{
  display:grid;
  grid-template-columns:minmax(0, 1.78fr) minmax(300px, .92fr);
  gap:22px;
  align-items:start;
  margin-top:14px;
}

.v-main,
.v-aside{
  min-width:0;
}

.v-playerpro{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,255,255,.02);
  box-shadow:0 30px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
}

.v-playerpro::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(620px 220px at 20% 0%, rgba(255,55,95,.10), transparent 58%),
    radial-gradient(520px 200px at 88% 0%, rgba(106,125,255,.12), transparent 58%);
}

.v-playerpro__stage{
  position:relative;
  background:
    radial-gradient(680px 320px at 50% 20%, rgba(255,255,255,.03), transparent 60%),
    #000;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.v-playerpro__video{
  width:100%;
  aspect-ratio:16/9;
  display:block;
  background:#000;
}

.v-playerpro__bar{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:16px 16px 18px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}

.v-playerpro__left,
.v-playerpro__right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.v-playerpro__right{
  justify-content:flex-end;
}

.v-pill{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,55,95,.18), rgba(106,125,255,.20));
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.04em;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.v-meta--muted{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:900;
}

.v-ctl{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.v-ctl__label{
  padding-left:8px;
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.v-select{
  appearance:none;
  min-width:110px;
  height:38px;
  padding:0 38px 0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  color:#fff;
  font-size:12px;
  font-weight:900;
  outline:none;
  box-shadow:none;
}

.v-select:focus{
  box-shadow:0 0 0 4px rgba(106,125,255,.18);
}

.v-btn{
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  color:#fff;
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.v-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 14px 28px rgba(0,0,0,.20);
}

.v-btn:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(106,125,255,.18);
}

.v-playerpro__overlay{ pointer-events:none !important; }

.v-aside .v-section{
  margin-top:0;
  padding:18px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}

.v-aside .v-section__hd{
  margin-bottom:14px;
}

.v-aside .v-section__title{
  font-size:18px;
}

.v-aside .v-section__title::before{
  width:11px;
  height:11px;
  border-radius:4px;
  background:linear-gradient(135deg, #ff375f, #6a7dff);
}

.v-aside .v-grid--compact .v-grid__inner{
  display:grid !important;
  grid-template-columns:1fr;
  gap:12px;
}

.v-aside .v-grid--compact .v-card{
  display:grid !important;
  grid-template-columns:144px minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}

.v-aside .v-grid--compact .v-card__media{
  margin:10px 0 10px 10px !important;
  border-radius:16px;
  overflow:hidden;
}

.v-aside .v-grid--compact .v-card__body{
  padding:12px 12px 12px 0 !important;
}

.v-aside .v-grid--compact .v-card__title{
  margin-bottom:8px;
  min-height:auto;
  font-size:13px;
  line-height:1.35;
  -webkit-line-clamp:2;
}

.v-aside .v-grid--compact .v-card__meta{
  font-size:11px;
}

.v-aside .v-grid--compact .v-meta__pill{
  max-width:110px;
  padding:5px 8px;
  font-size:11px;
}

.play-ylink{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:18px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

.play-ylink__item{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin:0 !important;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  font-weight:900;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.play-ylink__item:hover{
  transform:translateY(-1px);
  color:#fff !important;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.play-ylink__txt{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media (max-width: 1220px){
  .hero-stage__layout{
    grid-template-columns:1fr 1fr;
  }

  .hero-stage__rail{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1.2fr 1fr;
  }

  .home-channels__grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }

  .v-grid__inner,
  .v-grid--large .v-grid__inner{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }
}

@media (max-width: 1100px){
  .v-layout--play{
    grid-template-columns:1fr;
  }

  .v-aside .v-section{
    padding:16px;
  }

  .v-aside .v-grid--compact .v-grid__inner{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:12px;
  }

  .v-aside .v-grid--compact .v-card{
    display:block !important;
  }

  .v-aside .v-grid--compact .v-card__media{
    margin:0 !important;
    border-radius:16px 16px 0 0;
  }

  .v-aside .v-grid--compact .v-card__body{
    padding:10px 10px 12px !important;
  }
}

@media (max-width: 980px){
  .s-nav__list{ grid-template-columns:repeat(6, minmax(0,1fr)); }

  .hero-stage{
    min-height:auto;
  }

  .hero-stage__layout{
    grid-template-columns:1fr;
  }

  .hero-stage__rail{
    grid-column:auto;
    display:flex;
  }

  .home-promo__shell{ grid-template-columns:1fr; }
  .home-channels__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }

  .row-panel__hd{
    flex-direction:column;
    align-items:flex-start;
  }

  .row-panel__tools{
    justify-content:flex-start;
  }

  .v-grid__inner,
  .v-grid--large .v-grid__inner{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .v-grid--compact .v-card{
    grid-template-columns:1fr;
  }

  .v-grid--compact .v-card__media{
    margin:0;
    border-radius:0;
  }

  .v-grid--compact .v-card__body{
    padding:14px;
  }
}

@media (max-width: 760px){
  .s-head__inner{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "brand"
      "actions"
      "nav";
    gap:10px !important;
  }

  .s-actions{
    justify-content:stretch !important;
  }

  .s-search{
    width:100% !important;
    max-width:none !important;
  }

  .hero-stage__shell{ padding-top:20px; }

  .hero-stage__poster{
    border-radius:24px;
  }

  .hero-stage__title{
    font-size:clamp(28px, 8vw, 48px);
    max-width:none;
  }

  .hero-stage__miniStats{
    grid-template-columns:1fr;
  }

  .hero-infoGrid{
    grid-template-columns:1fr;
  }

  .home-sectionHead{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-channels__grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .v-grid__inner,
  .v-grid--large .v-grid__inner{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .v-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .v-top__tools{
    justify-content:flex-start;
  }
}

@media (max-width: 600px){
  .home-channels__grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .s-nav__list{ grid-template-columns:repeat(4, minmax(0,1fr)); }

  .v-play{
    padding-top:14px;
  }

  .v-top.v-top--inner{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .v-top--inner{
    margin-bottom:14px;
    padding-bottom:12px;
  }

  .v-top.v-top--inner .v-top__title,
  .v-top.v-top--inner .v-top__tools{
    width:100%;
    max-width:100%;
  }

  .v-top.v-top--inner .v-top__tools{
    justify-content:flex-start;
  }

  .v-top__h1{
    font-size:26px;
    max-width:none;
  }

  .v-playerpro{
    border-radius:22px;
  }

  .v-playerpro__bar{
    padding:12px;
    gap:10px;
  }

  .v-playerpro__left,
  .v-playerpro__right{
    width:100%;
    justify-content:flex-start;
  }

  .v-ctl{
    flex:1 1 auto;
    min-width:0;
  }

  .v-select{
    min-width:0;
    width:100%;
  }

  .v-btn{
    min-width:92px;
  }

  .v-aside .v-section{
    padding:14px;
    border-radius:22px;
  }

  .v-aside .v-grid--compact .v-grid__inner{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px;
  }

  .v-aside .v-grid--compact .v-card{
    display:block !important;
    border-radius:16px;
  }

  .v-aside .v-grid--compact .v-card__media{
    margin:0 !important;
    border-radius:16px 16px 0 0;
  }

  .v-aside .v-grid--compact .v-card__body{
    padding:8px 8px 10px !important;
  }

  .v-aside .v-grid--compact .v-card__title{
    font-size:12px;
    line-height:1.32;
    margin-bottom:6px;
    -webkit-line-clamp:2;
  }

  .v-aside .v-grid--compact .v-card__meta{
    gap:6px;
    font-size:10px;
  }

  .v-aside .v-grid--compact .v-meta__pill{
    max-width:86px;
    padding:4px 6px;
    font-size:10px;
  }

  .play-ylink{
    gap:8px;
    padding:12px;
    margin-top:14px;
  }

  .play-ylink__item{
    min-height:34px;
    padding:0 12px;
    font-size:12px !important;
  }
}

@media (max-width: 520px){
  .hero-stage__actions{
    flex-direction:column;
    align-items:stretch;
  }

  .hero-stage__btn{
    width:100%;
  }

  .hero-stage__meta{
    gap:8px;
  }

  .hero-stage__metaItem{
    width:100%;
    justify-content:center;
  }

  .v-top__h1{
    font-size:28px;
  }

  .row-panel{
    padding:16px;
    border-radius:22px;
  }

  .row-panel__titleWrap{
    align-items:flex-start;
  }

  .pagination--mini{ display:block; }
}

@media (max-width: 458px){
  .s-nav__link::before{
    display:none;
  }
}

@media (max-width: 358px){
  .s-nav__list{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}

@media (hover:none){
  .v-card:hover,
  .promo-card:hover,
  .channel-card:hover,
  .hero-stage__btn:hover,
  .hero-rank__item:hover{
    transform:none;
  }
}
.pagination--full{ display:none; }

@media (min-width: 601px){
  .v-top__h1{
    max-width:none;
    font-size:36px;
    line-height:1.12;
  }
}