.live{--lv-bg:var(--panel,#141821);--lv-fg:var(--text,#e9ecf2);--lv-mute:var(--soft,#a2a9b8);--lv-line:var(--line,#232937);--lv-accent:var(--blue,#5b8cff);--lv-on:#fff;--lv-r:var(--radius,18px);--lv-font:var(--body,system-ui,sans-serif);--lv-ease:cubic-bezier(.16,1,.3,1);
  position:relative;background:var(--lv-bg);color:var(--lv-fg);border:1px solid var(--lv-line);border-radius:var(--lv-r);overflow:hidden;font-family:var(--lv-font);box-shadow:var(--lv-shadow,var(--shadow,none))}
.live-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--lv-line);min-height:52px;box-sizing:border-box}
.live-tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--lv-mute);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-tag i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--lv-accent);box-shadow:0 0 0 0 var(--lv-accent);animation:lv-pulse 2.2s var(--lv-ease) infinite}
@keyframes lv-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--lv-accent) 60%,transparent)}80%,100%{box-shadow:0 0 0 9px transparent}}
.live-acts{display:flex;gap:8px;flex:none}
.live-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:calc(var(--lv-r) * .55);border:1px solid var(--lv-line);background:transparent;color:var(--lv-fg);font:600 13px var(--lv-font);cursor:pointer;transition:background .3s var(--lv-ease),border-color .3s var(--lv-ease),transform .2s var(--lv-ease)}
.live-btn:hover{border-color:var(--lv-accent)}
.live-btn:active{transform:scale(.97)}
.live-btn .ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.live-open{background:var(--lv-accent);border-color:var(--lv-accent);color:var(--lv-on)}
.live-open .ic+.ic,.live-full .live-open .ic:first-of-type{display:none}
.live-full .live-open .ic+.ic{display:inline}
.live-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--lv-bg)}
.live-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;transition:opacity .6s var(--lv-ease),filter .6s var(--lv-ease)}
.live-box{position:absolute;inset:0}
.live-frame{position:absolute;left:0;top:0;border:0;transform-origin:0 0;opacity:0;transition:opacity .6s var(--lv-ease);background:var(--lv-bg)}
.live-ready .live-frame{opacity:1}
.live-ready .live-poster{opacity:0}
.live-on:not(.live-ready) .live-poster{filter:blur(2px) saturate(.8)}
.live-go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:0;background:var(--lv-accent);color:var(--lv-on);font:700 15px var(--lv-font);cursor:pointer;box-shadow:0 18px 40px -12px rgba(0,0,0,.55);transition:transform .3s var(--lv-ease),opacity .4s var(--lv-ease)}
.live-go:hover{transform:translate(-50%,-50%) scale(1.04)}
.live-go .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.live-on .live-go{opacity:0;pointer-events:none}
.live-on:not(.live-ready) .live-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--lv-accent),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:lv-load 1.1s linear infinite}
@keyframes lv-load{from{background-position:-40% 0}to{background-position:140% 0}}
.live-hint{margin:0;padding:12px 16px;border-top:1px solid var(--lv-line);font-size:13px;line-height:1.5;color:var(--lv-mute)}
.live-full{position:fixed;inset:0;border-radius:0;border:0;display:flex;flex-direction:column;animation:lv-in .45s var(--lv-ease)}
.live-full .live-stage{flex:1;aspect-ratio:auto}
.live-full .live-hint{display:none}
.live-full .live-poster{object-fit:contain}
@keyframes lv-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (max-width:640px){.live-btn span{display:none}.live-btn{padding:0 10px}.live-bar{padding-left:12px}.live-tag{font-size:12px}}
@media (prefers-reduced-motion:reduce){.live-tag i,.live-full,.live-on:not(.live-ready) .live-stage::after{animation:none}}
.live-lock,.live-lock body{overflow:hidden}
.live-anc{transform:none!important;filter:none!important;backdrop-filter:none!important;will-change:auto!important;contain:none!important;z-index:auto!important;animation:none!important;opacity:1!important}
.live-full{z-index:2147483000}
.live-away{visibility:hidden!important}