.video-detail-body{background:#090c11;color:#f7f9fc}.video-detail-body .site-bg{background:radial-gradient(circle at 50% -20%,rgba(42,82,132,.3),transparent 44%),#090c11}.video-detail-main{position:relative;z-index:1;padding-top:72px}.video-stage{position:relative;padding:clamp(22px,4vw,52px) clamp(12px,4vw,64px) 76px;isolation:isolate}.video-stage-ambient{position:absolute;inset:0 -5% 10%;z-index:-2;background-image:linear-gradient(rgba(7,10,15,.45),#090c11 92%),var(--video-ambient);background-position:center;background-size:cover;filter:blur(42px) saturate(.8);opacity:.38;transform:scale(1.08)}.video-stage-wrap{width:min(1500px,100%);margin:auto;position:relative;transition:max-width .25s}.video-back{position:absolute;top:18px;left:18px;z-index:6;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(4,8,12,.56);backdrop-filter:blur(14px)}.video-back [data-icon]{width:18px;transform:rotate(180deg)}.video-detail-content{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:8px 0 90px}.video-title-block{padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.11)}.video-detail-kicker,.video-content-heading span{color:#69aefc;font-size:.67rem;letter-spacing:.24em;font-weight:800}.video-title-block h1{margin:11px 0 8px;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1;letter-spacing:-.055em}.video-title-block>p{font-size:clamp(1rem,1.7vw,1.25rem);color:rgba(240,244,250,.66);margin:0}.video-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.video-meta span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 11px;font-size:.7rem;color:rgba(255,255,255,.65)}.video-content-section{padding:60px 0;border-bottom:1px solid rgba(255,255,255,.1)}.video-content-heading{margin-bottom:24px}.video-content-heading h2{font-size:clamp(1.6rem,3vw,2.35rem);margin:6px 0 0;letter-spacing:-.035em}.video-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video-chapter{display:grid;grid-template-columns:72px 1fr;gap:14px;text-align:left;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:17px;color:#fff}.video-chapter time{font-variant-numeric:tabular-nums;color:#79b7ff}.video-chapter span{display:grid;gap:5px}.video-chapter small{color:rgba(255,255,255,.55);line-height:1.55}.video-story .article-markdown{max-width:780px;color:rgba(248,250,253,.82);font-size:1.02rem;line-height:1.9}.video-story .article-markdown h2,.video-story .article-markdown h3{color:#fff}.video-story .article-markdown a{color:#79b7ff}.video-credits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.video-credit{padding:18px;border-radius:15px;background:rgba(255,255,255,.035);display:grid;gap:4px;color:#fff;text-decoration:none}.video-credit small{color:rgba(255,255,255,.5)}.video-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-related-card{color:#fff;text-decoration:none}.video-related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px}.video-related-card strong{display:block;margin-top:10px}.video-related-card small{color:rgba(255,255,255,.52)}.video-not-found{min-height:70vh;display:grid;place-content:center;justify-items:start;width:min(760px,calc(100% - 36px));margin:auto}.video-not-found span{color:#79b7ff;letter-spacing:.2em;font-size:.7rem}.video-not-found h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:1;margin:18px 0}.video-not-found p{color:rgba(255,255,255,.6)}.video-not-found a{margin-top:20px;border-radius:999px;padding:12px 18px;background:#fff;color:#10151d;text-decoration:none;font-weight:800}.video-detail-body .footer{color:rgba(255,255,255,.6)}@media(max-width:740px){.video-stage{padding:14px 8px 50px}.video-back{top:10px;left:10px}.video-detail-content{width:calc(100% - 28px)}.video-chapters,.video-credits,.video-related{grid-template-columns:1fr}.video-title-block{padding-bottom:38px}.video-content-section{padding:45px 0}}

:root[data-theme="light"] body.video-detail-body {
  color: #1d1d1f;
  background: #f5f5f7;
}

.video-detail-body .site-bg,
:root[data-theme="light"] .video-detail-body .site-bg {
  background: transparent;
}

:root[data-theme="light"] .video-detail-body .video-stage-ambient {
  background-image: linear-gradient(rgba(245,245,247,.18),#f5f5f7 92%),var(--video-ambient);
  opacity: .18;
}

:root[data-theme="light"] .video-detail-body .video-title-block,
:root[data-theme="light"] .video-detail-body .video-content-section {
  border-color: rgba(29,29,31,.1);
}

:root[data-theme="light"] .video-detail-body .video-title-block > p,
:root[data-theme="light"] .video-detail-body .video-chapter small,
:root[data-theme="light"] .video-detail-body .video-credit small,
:root[data-theme="light"] .video-detail-body .video-related-card small,
:root[data-theme="light"] .video-detail-body .video-relation small,
:root[data-theme="light"] .video-detail-body .video-not-found p {
  color: #6e6e73;
}

:root[data-theme="light"] .video-detail-body .video-meta span {
  border-color: rgba(29,29,31,.12);
  color: #6e6e73;
  background: rgba(255,255,255,.72);
}

:root[data-theme="light"] .video-detail-body :is(.video-chapter,.video-credit,.video-relation) {
  border-color: rgba(29,29,31,.1);
  color: #1d1d1f;
  background: #fff;
}

:root[data-theme="light"] .video-detail-body :is(.video-related-card,.video-story .article-markdown,.video-story .article-markdown h2,.video-story .article-markdown h3) {
  color: #1d1d1f;
}

:root[data-theme="light"] .video-detail-body .video-story .article-markdown {
  color: #424245;
}

:root[data-theme="light"] .video-detail-body .video-not-found a {
  color: #fff;
  background: #1d1d1f;
}

:root[data-theme="light"] .video-detail-body .footer {
  color: #6e6e73;
}

:root[data-theme="dark"] body.video-detail-body {
  color: #f5f5f7;
  background: #000;
}

:root[data-theme="dark"] .video-detail-body .site-bg {
  background: transparent;
}

:root[data-theme="dark"] .video-detail-body .video-stage-ambient {
  background-image: linear-gradient(rgba(0,0,0,.42),#000 92%),var(--video-ambient);
}

:root[data-theme="dark"] .video-detail-body .footer {
  color: #a1a1a6;
}
.video-relations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.video-relation{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:16px;color:#fff;text-decoration:none;background:rgba(255,255,255,.035)}.video-relation img{width:66px;height:66px;object-fit:cover;border-radius:11px;background:#111}.video-relation span{display:grid;gap:4px}.video-relation small{color:rgba(255,255,255,.5)}@media(max-width:740px){.video-relations{grid-template-columns:1fr}}