:root{
  --primary:#2563eb;
  --primary-red:#ef4444;
  --primary-light:rgba(37,99,235,.10);
  --text:#0f172a;
  --text-muted:#64748b;
  --border:rgba(15,23,42,.10);
  --bg:#f5f7fb;
  --bg2:rgba(15,23,42,.04);
  --card:#ffffff;
  --card-hover:#ffffff;
  --nav-bg:rgba(255,255,255,.92);
  --white:#ffffff;
  --card-shadow:0 6px 18px rgba(15,23,42,.10);
  --card-hover-shadow:0 14px 34px rgba(15,23,42,.16);
  --radius:12px;
  --radius-sm:8px;
}

body{
  background:linear-gradient(180deg,#f7f9ff 0%,#f2f6ff 100%)!important;
  color:var(--text)!important;
}

.site-header{
  background:var(--nav-bg)!important;
  border-bottom:1px solid var(--border)!important;
  backdrop-filter:saturate(150%) blur(10px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(10px)!important;
}

.site-logo{
  background:linear-gradient(90deg,#2563eb 0%,#06b6d4 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

.site-nav a{
  color:rgba(15,23,42,.78)!important;
}
.site-nav a:hover,.site-nav a.active{
  color:var(--primary)!important;
  background:var(--primary-light)!important;
}

.nav-dropdown-menu{
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.18)!important;
}
.nav-dropdown-menu a{
  color:rgba(15,23,42,.78)!important;
}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{
  color:var(--primary)!important;
  background:rgba(37,99,235,.08)!important;
}

.header-search input{
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.14)!important;
  color:var(--text)!important;
}
.header-search input::placeholder{
  color:rgba(100,116,139,.8)!important;
}
.header-search button{
  background:var(--primary)!important;
}

.video-card{
  background:var(--card)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:var(--card-shadow)!important;
}
.video-card:hover{
  box-shadow:var(--card-hover-shadow)!important;
}
.video-card-title{
  color:rgba(15,23,42,.92)!important;
}
.video-card-meta{
  color:rgba(100,116,139,.92)!important;
}

.vc-tag{
  color:var(--primary)!important;
  background:rgba(37,99,235,.08)!important;
  border:1px solid rgba(37,99,235,.22)!important;
}

.btn-primary{
  background:var(--primary)!important;
}

.player-wrap{
  background:#0b1220!important;
}

#xgplayer .xgplayer-progress{
  height:6px!important;
  background:rgba(15,23,42,.10)!important;
}
#xgplayer .xgplayer-progress-cache{
  background:rgba(100,116,139,.22)!important;
}
#xgplayer .xgplayer-progress-played{
  background:rgba(37,99,235,.92)!important;
}
#xgplayer .xgplayer-progress-btn{
  width:14px!important;
  height:14px!important;
  background:#ffffff!important;
  border:2px solid rgba(37,99,235,.92)!important;
  box-shadow:0 6px 16px rgba(37,99,235,.18)!important;
}

@media (max-width:768px){
  .container{padding:0 12px!important;}
  .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}