/* 夜色传媒品牌与视频站体验优化层：仅覆盖视觉/响应式/性能相关样式，不改业务逻辑 */
:root{
  --yese-bg:#030407;
  --yese-panel:rgba(10,14,22,.78);
  --yese-panel-2:rgba(16,22,34,.86);
  --yese-line:rgba(255,255,255,.10);
  --yese-text:#f8fafc;
  --yese-muted:#94a3b8;
  --yese-accent:#ffffff;
  --yese-glow:0 18px 70px rgba(255,255,255,.10),0 14px 42px rgba(0,0,0,.38);
}
html[data-theme="dark"] body.h5-app,body.h5-app{
  --bg:var(--yese-bg);
  --panel:var(--yese-panel);
  --panel-strong:var(--yese-panel-2);
  --border:var(--yese-line);
  --text:var(--yese-text);
  --muted:var(--yese-muted);
  --card:rgba(255,255,255,.045);
  color-scheme:dark;
  background:
    radial-gradient(800px 420px at 50% -120px,rgba(255,255,255,.10),transparent 68%),
    radial-gradient(820px 520px at 88% 12%,rgba(95,109,135,.12),transparent 70%),
    linear-gradient(180deg,#030407,#070a10 48%,#030407)!important;
  color:var(--yese-text);
}
.h5-app .theme-toggle-clean{display:none!important}
.h5-app .h5-hero h1,.h5-app .h5-hero h2,.h5-app .h5-hero h3,
.h5-app .h5-section h1,.h5-app .h5-section h2,.h5-app .h5-section h3,
.h5-app .section-title,.h5-app .title,.h5-app .vh-title{color:var(--yese-text)!important}
.h5-app .h5-hero p,.h5-app .h5-section p{color:var(--yese-muted)}
.h5-topbar{
  background:linear-gradient(180deg,rgba(4,6,10,.92),rgba(4,6,10,.72))!important;
  border-bottom:1px solid var(--yese-line)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.28)!important;
}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--yese-text);min-width:0}
.site-logo-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(180deg,#0b0d12,#020306);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11),0 10px 30px rgba(0,0,0,.32);overflow:hidden;flex:0 0 auto}
.site-logo-mark img,.site-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;padding:6px;background:transparent!important;display:block}
.brand-text b{font-weight:900;letter-spacing:.06em}.brand-text small{font-size:10px!important;letter-spacing:.26em!important;color:var(--yese-muted)!important}
.h5-search-pill{
  background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.20)!important;
}
.h5-search-pill input{color:var(--yese-text)!important}.search-label{color:var(--yese-muted);font-weight:800;font-size:13px}.h5-search-pill button,.h5-btn.primary,.h5-chip.active{background:linear-gradient(135deg,#ffffff,#bfc7d4)!important;color:#05070c!important;border:0!important;text-shadow:none!important;box-shadow:0 10px 30px rgba(255,255,255,.13)!important}.theme-toggle-clean{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.11)!important;color:var(--yese-text)!important}
.jx-hero{
  background:
    radial-gradient(600px 300px at 50% 22%,rgba(255,255,255,.16),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    #020306!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:var(--yese-glow)!important;
  isolation:isolate;
}
.jx-hero::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:url('/assets/brand/logo-full.png') center center/auto 86% no-repeat!important;opacity:.96!important;filter:drop-shadow(0 30px 60px rgba(0,0,0,.65));z-index:1!important;pointer-events:none!important}.jx-hero::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.36))!important;z-index:0!important}
.h5-section-head h2{font-weight:900;letter-spacing:.02em}.h5-section-head a,.h5-chip{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;color:var(--yese-text)!important;box-shadow:none!important}.h5-chip:not(.active):hover,.h5-section-head a:hover{background:rgba(255,255,255,.10)!important}.h5-video-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;border:1px solid rgba(255,255,255,.095)!important;box-shadow:0 16px 44px rgba(0,0,0,.30)!important;transform:translateZ(0);content-visibility:auto;contain-intrinsic-size:240px 190px}.h5-video-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(255,255,255,.08),0 16px 44px rgba(0,0,0,.38)!important}.h5-cover{background:#05070c!important}.h5-cover img{will-change:transform}.h5-card-body h3 a,.h5-card-body h3{color:var(--yese-text)!important}.h5-card-meta,.small-muted{color:var(--yese-muted)!important}.h5-duration{background:rgba(0,0,0,.72)!important;border:1px solid rgba(255,255,255,.12)}.h5-fav-mini{background:rgba(0,0,0,.52)!important;border:1px solid rgba(255,255,255,.13)!important}.h5-fav-mini.is-on{background:linear-gradient(135deg,#fff,#bfc7d4)!important;color:#05070c!important}
.h5-rank-item,.h5-desc,.h5-empty,.h5-error,.h5-sheet,.h5-player-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 16px 44px rgba(0,0,0,.26)!important}.h5-tabbar{background:rgba(7,9,14,.88)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important}.h5-tabbar a{color:var(--yese-muted)!important}.h5-tabbar a.active{background:rgba(255,255,255,.10)!important;color:#fff!important}
.jx-ad-slot img{border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 42px rgba(0,0,0,.26)}
.top .brand img{object-fit:contain!important;background:#020306!important;padding:7px!important}.top .brand b,.top .brand h1{letter-spacing:.03em}.related .card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.10)!important}.related .card img{aspect-ratio:16/9;object-fit:cover;background:#05070c}
@media(min-width:901px){.h5-topbar{grid-template-columns:250px minmax(420px,760px) 118px!important}.jx-grid-smart,.h5-grid:not(.jx-grid-smart){grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}.jx-grid-smart .h5-video-card,.h5-video-card{max-width:none!important}.jx-hero{max-width:var(--jx-page)!important}}
@media(max-width:900px){.h5-topbar .brand-text b{font-size:15px}.jx-hero::after{background-size:auto 82%!important}.h5-video-card{border-radius:18px!important}}
@media(max-width:720px){.h5-topbar{gap:8px!important}.site-logo-mark{width:42px;height:42px;border-radius:14px}.h5-topbar .brand-text{display:none!important}.h5-page{padding-left:10px!important;padding-right:10px!important}.jx-hero{height:250px!important;min-height:250px!important;margin-top:10px!important;border-radius:22px!important}.jx-hero::after{background-size:auto 88%!important}.h5-grid,.jx-grid-smart{gap:10px!important}.h5-card-body h3{-webkit-line-clamp:2}.h5-card-meta{font-size:11px}.h5-search-pill{height:42px!important;min-height:42px!important}.theme-toggle-clean{min-width:48px!important;width:48px!important;padding:0!important;font-size:0!important}.theme-toggle-clean::after{content:"☾";font-size:18px}.h5-tabbar{left:8px!important;right:8px!important;bottom:8px!important;border-radius:22px!important;padding-bottom:calc(6px + env(safe-area-inset-bottom))!important}.h5-tabbar a{min-height:50px!important}}
@media(max-width:430px){.jx-hero{height:220px!important;min-height:220px!important}.h5-grid,.jx-grid-smart{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.h5-card-body{padding:8px!important}.h5-cover{aspect-ratio:16/10!important}}
@media(prefers-reduced-motion:reduce){.h5-video-card,.h5-cover img{transition:none!important}}

.h5-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0 4px}
.h5-pagination a,.h5-pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--yese-line);border-radius:10px;background:rgba(255,255,255,.055);color:var(--yese-text);font-weight:800;text-decoration:none}
.h5-pagination a:hover{background:rgba(255,255,255,.11)}
.h5-pagination .active{background:#f8fafc;color:#05070c;border-color:#f8fafc}
.h5-pagination .disabled{opacity:.45}