.player-page { background:#05070d; }.watch-head { margin:28px 0 16px; }.watch-head > div { color:var(--cyan); font-size:13px; }.live-dot { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#2dd4bf; box-shadow:0 0 0 5px rgba(45,212,191,.12); }.watch-head h1 { margin:5px 0 0; font-size:clamp(28px,4vw,46px); }.watch-head p { color:var(--muted); }.video-stage { position:relative; z-index:1; }.video-stage video { display:block; width:100%; aspect-ratio:16/9; max-height:76vh; background:#000; object-fit:contain; border-radius:16px 16px 0 0; }.play-tip { display:flex; align-items:center; gap:10px; padding:12px 16px; background:#111628; border-radius:0 0 16px 16px; color:#aeb7cc; font-size:13px; }.play-tip p { margin:0; flex:1; }.lights-button { border:1px solid var(--line); border-radius:8px; color:#fff; background:#1a2034; padding:5px 10px; cursor:pointer; }.watch-controls { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin:16px 0; }.watch-controls a { padding:11px; text-align:center; border:1px solid var(--line); border-radius:10px; background:#101525; }.watch-controls .back-detail { color:var(--cyan); }.watch-summary { display:grid; grid-template-columns:160px 1fr; gap:24px; padding:24px; border-radius:18px; background:#101525; }.watch-summary img { width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:12px; }.watch-summary h2 { margin:5px 0; font-size:28px; }.watch-summary p { color:#b7bfd2; }.cinema-mode::after { content:""; position:fixed; z-index:0; inset:0; background:rgba(0,0,0,.86); }.cinema-mode .video-stage { z-index:60; }.cinema-mode .site-header { opacity:.08; } @media(max-width:560px){.play-tip{align-items:flex-start}.play-tip p{line-height:1.4}.watch-summary{grid-template-columns:90px 1fr;padding:16px;gap:15px}.watch-summary dl{display:none}.watch-controls a{font-size:13px;padding:9px 4px}.video-stage video{border-radius:10px 10px 0 0}}