.live-page{padding:55px 0 80px;background:radial-gradient(circle at 90% 0,#d9ebe3,transparent 28%),linear-gradient(#f2f8f5,#fff 45%)}.live-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.live-head h1{font-family:Georgia,serif;font-size:44px;margin:0}.live-head p{color:var(--muted);font-size:13px}.live-clock{text-align:right}.live-clock span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.live-clock b{font-size:22px}.camera{background:#fff;border:1px solid #dce7e2;border-radius:26px;overflow:hidden;box-shadow:0 28px 80px rgba(8,42,31,.12);margin-bottom:28px}.stage{position:relative;aspect-ratio:16/9;background:#061913;color:white;overflow:hidden}.hls-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#061913}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#03120d88,transparent 25%,transparent 60%,#020c09dc)}.player-top{position:absolute;z-index:4;top:18px;left:20px;right:20px;display:flex;justify-content:space-between}.status,.loc{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff20;border-radius:999px;background:#04150fb8;backdrop-filter:blur(10px);font-size:9px;font-weight:850}.status i,.live-mini i{width:7px;height:7px;border-radius:50%;background:#ff554d}.big-play{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:1px solid #ffffff35;background:#061b14b5;cursor:pointer}.big-play span{display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid white;margin:auto;margin-left:30px}.state{position:absolute;z-index:6;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(circle,#123b2f,#061913 70%)}.state.show{display:flex}.state strong{margin:13px 0 5px}.state small{color:#9eb9ae}.spinner{width:38px;height:38px;border:3px solid #ffffff20;border-top-color:#7bd1b0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry{margin-top:15px;padding:10px 14px;border-radius:10px;border:1px solid #ffffff25;background:#ffffff0c;color:#fff;cursor:pointer}.controls{position:absolute;z-index:5;bottom:12px;left:14px;right:14px;display:flex;justify-content:space-between}.controls>div{display:flex;align-items:center;gap:7px}.ctl{height:36px;min-width:36px;border:0;border-radius:9px;background:#051711c7;color:white;font-weight:850;cursor:pointer}.volume{width:85px;accent-color:#70cbaa}.live-mini{display:flex;gap:6px;align-items:center;font-size:9px;font-weight:900}.quality-box{position:relative}.quality-menu{display:none;position:absolute;right:0;bottom:43px;background:#051711f2;border:1px solid #ffffff1c;border-radius:10px;padding:5px;min-width:115px}.quality-menu.open{display:block}.quality-menu button{display:block;width:100%;padding:8px;border:0;background:transparent;color:#fff;text-align:left;border-radius:6px}.quality-menu button:hover{background:#ffffff12}.camera-info{display:flex;justify-content:space-between;gap:25px;padding:25px 27px}.camera-info>div>span{font-size:8px;color:var(--g);font-weight:900;letter-spacing:1.4px}.camera-info h2{font-family:Georgia,serif;font-size:27px;margin:6px 0}.camera-info p{font-size:12px;color:var(--muted)}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:420px}.meta div{padding:12px;background:#f3f8f6;border-radius:12px}.meta small{display:block;font-size:8px;color:var(--muted)}.meta b{display:block;font-size:11px;margin-top:4px}.empty-camera{text-align:center;padding:70px;border:1px dashed #bfd1c9;border-radius:22px}.live-note{display:flex;gap:9px;color:var(--muted);font-size:10px}.stage.playing .big-play{opacity:0;pointer-events:none}@media(max-width:800px){.camera-info{display:block}.meta{min-width:0;margin-top:18px}.stage{aspect-ratio:16/10}}@media(max-width:560px){.live-page{padding-top:35px}.live-head h1{font-size:32px}.live-clock{display:none}.camera{border-radius:19px}.stage{aspect-ratio:16/11}.volume,.live-mini{display:none}.camera-info{padding:19px}.meta{grid-template-columns:1fr 1fr}.meta div:last-child{display:none}.loc{max-width:55%;overflow:hidden;white-space:nowrap}.big-play{width:60px;height:60px}}