.watch-main{padding-top:32px;padding-bottom:58px}
.watch-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:13px;color:#9898a7;margin-bottom:22px}
.watch-breadcrumb a:hover{color:#fff}.watch-breadcrumb span{color:#d5d5dd}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start}
.watch-content{min-width:0}
.watch-player{aspect-ratio:16/9;background:#000;border:1px solid #282831;border-radius:9px;overflow:hidden;position:relative}
.watch-player iframe,.watch-player video{display:block;width:100%;height:100%;border:0;object-fit:contain}
.watch-title{font-size:clamp(25px,2.6vw,38px);line-height:1.25;letter-spacing:-.7px;margin:22px 0 12px;overflow-wrap:anywhere}
.watch-format{font-size:12px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:#ff6a74;margin-top:24px}
.watch-meta{display:flex;flex-wrap:wrap;gap:6px 15px;font-size:13px;color:#a6a6b4;line-height:1.8}
.watch-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:14px;margin:18px 0;padding-bottom:20px;border-bottom:1px solid #2a2a34}
.watch-source{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#d9d9e4;text-decoration:underline;text-underline-offset:4px}
.quality-control{display:flex;gap:9px;align-items:center;font-size:12px;color:#aaaab8}
.quality-control select{font:inherit;color:#fff;background:#17171e;border:1px solid #40404c;padding:6px 9px;border-radius:4px}
.playback-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:28px;margin-top:10px;font-size:13px;color:#9999a9}
.playback-status p.is-error{color:#ff8991}.playback-status button{font-size:12px;padding:5px 11px;background:#262630;border:1px solid #555565;border-radius:4px;color:#fff}
.watch-summary{color:#d1d1dd;font-size:15px;line-height:1.8;max-width:850px}
.watch-credit{font-size:12px;line-height:1.8;color:#9999aa;margin-top:18px}
.watch-credit a{text-decoration:underline;color:#d8d8e3}
.watch-note{font-size:12px;line-height:1.8;color:#89899a;margin-top:8px}
.watch-related h2{font-size:20px;line-height:1.3;margin:0 0 20px;letter-spacing:-.4px}
.related-list{display:grid;gap:21px}.related-card{display:block;min-width:0}
.related-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#1c1c25}
.related-card h3{font-size:14px;line-height:1.45;margin-top:9px;overflow-wrap:anywhere}.related-card p{font-size:11px;color:#9292a2;margin-top:4px}
.related-card:hover h3{color:#ff6a74}.watch-all{display:block;margin-top:25px;padding:9px 15px;border:1px solid #484853;border-radius:5px;font-size:13px;text-align:center}
.watch-all:hover{border-color:var(--red)}
@media(max-width:1050px){.watch-layout{grid-template-columns:minmax(0,1fr) 235px;gap:23px}}
@media(max-width:800px){.watch-layout{grid-template-columns:1fr;gap:36px}.related-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.watch-main{padding-top:25px}.watch-all{max-width:300px}}
@media(max-width:560px){.watch-main{padding-top:20px;padding-bottom:40px}.watch-player{border-radius:5px}.watch-breadcrumb{font-size:11px;margin-bottom:17px}.watch-title{font-size:25px;margin-top:15px}.watch-format{font-size:11px;margin-top:18px}.watch-meta{font-size:12px;gap:4px 11px}.watch-summary{font-size:14px}.related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.related-card h3{font-size:13px}.related-card p{font-size:10px}.watch-toolbar{gap:12px;margin-top:15px}.watch-source{font-size:12px}.playback-status{font-size:12px}.watch-credit,.watch-note{font-size:11px}}