.live{color:#fff;background:#03060d;width:100%;position:relative}.live-stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:max(560px,100svh - 128px);position:relative;overflow:hidden}.live-stage.is-dragging{cursor:grabbing}.live-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--honey)}.live.is-zoomed .live-stage{cursor:auto}.live-stage:before,.live-stage:after{content:"";z-index:1;pointer-events:none;position:absolute;left:0;right:0}.live-stage:before{background:linear-gradient(#03060dc7,#03060d00);height:180px;top:0}.live-stage:after{background:linear-gradient(#03060d00,#03060db8);height:200px;bottom:0}.live-css{inset:0;position:absolute!important}.live-stage canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.live-video{cursor:pointer}.live.has-video .live-video{cursor:auto;background:#000}.live-video iframe{border:0;width:100%;height:100%;display:block}.live-screen-play{cursor:pointer;width:100%;height:100%;transition:background .2s;display:block}.live-screen-play:hover{background:#ffffff0f}.live-screen-play:focus-visible{outline:12px solid var(--honey);outline-offset:-12px}.live-loading{text-align:center;color:#ffffffb3;place-items:center;padding:24px;font-weight:700;display:grid;position:absolute;inset:0}.live-title{z-index:2;pointer-events:none;text-shadow:0 2px 16px #03060dcc;max-width:min(560px,100% - 56px);transition:opacity .4s;position:absolute;top:22px;left:28px}.live-title .eyebrow{letter-spacing:.14em;color:var(--honey);font-size:.75rem}.live-title h1{letter-spacing:.02em;margin-top:4px;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25}.live-title p:last-child{color:#ffffffb8;margin-top:4px;font-size:.875rem}.live.is-zoomed .live-title,.live.is-zoomed .live-tools{opacity:0;pointer-events:none}.live-tools{transition:opacity .4s}.live-tools button,.live-mode{-webkit-backdrop-filter:blur(12px);white-space:nowrap;color:#fff;touch-action:manipulation;background:#0a102080;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;font-weight:700;transition:background .2s,border-color .2s,transform .12s;display:inline-flex}.live-tools button:hover{background:#16203aa8;border-color:#ffffff6b}.live-tools button:active{transform:scale(.96)}.live-tools button:focus-visible{outline:2px solid var(--honey);outline-offset:3px}.live-hud{z-index:2;flex-direction:column;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.live-actions{justify-content:center;align-items:center;gap:14px;display:flex}.live-actions button{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;gap:7px;font-weight:800;transition:background .2s,color .2s,transform .12s,width .3s,height .3s,padding .3s;display:inline-flex}.live-actions button:active{transform:scale(.94)}.live-actions button:focus-visible{outline-offset:4px;outline:2px solid #ffffff80}.live-actions .live-encore{border:2px solid var(--honey);letter-spacing:.04em;color:#fff3cf;text-shadow:0 1px 6px #78460099;transform-origin:50% calc(100% + 50px);background:radial-gradient(circle at 50% 38%,#ffd66e80,#ffaa282e 55%,#0a1020cc 80%);border-radius:50%;width:54px;height:54px;margin-bottom:50px;font-size:.875rem;position:relative;box-shadow:0 0 22px #ffc53d59}.live-actions .live-encore:before{content:"";background:linear-gradient(90deg,#8a6a1e,#e8c25a 45%,#7a5c18);border-radius:2px;width:22px;height:6px;margin:0 0 0 -11px;position:absolute;top:100%;left:50%}.live-actions .live-encore:after{content:"";background:linear-gradient(90deg,#1a2234,#39445e 45%,#151b29);border:1px solid #ffffff2e;border-radius:4px 4px 9px 9px;width:18px;height:44px;margin-left:-9px;position:absolute;top:calc(100% + 5px);left:50%}.live-actions .live-encore:hover{box-shadow:0 0 28px #ffc53d73}.live-actions .live-encore.is-pop{animation:.5s ease-in-out live-wave}@keyframes live-wave{30%{transform:rotate(-12deg);box-shadow:0 0 30px #ffc53d80}70%{transform:rotate(9deg)}}.live-unmute{min-height:36px;color:var(--ink);touch-action:manipulation;background:#ffffffeb;border:1px solid #ffffff4d;border-radius:999px;padding:0 16px;font-size:.8125rem;font-weight:800;box-shadow:0 6px 20px #00000059}.live-unmute:hover{background:#fff}.live-unmute[hidden]{display:none}.live-pick{-webkit-backdrop-filter:blur(12px);white-space:nowrap;background:#0a10208c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.live-pick button{color:#ffffffb8;touch-action:manipulation;border-radius:999px;min-height:32px;padding:0 14px;font-size:.8125rem;font-weight:700;transition:background .2s,color .2s}.live-pick button:hover{background:#ffffff1f}.live-pick button[aria-pressed=true]{color:var(--ink);background:#ffffffe0}.live-pick button:focus-visible{outline:2px solid var(--honey);outline-offset:2px}.live-combo{white-space:nowrap;letter-spacing:.04em;color:var(--honey);text-shadow:0 0 18px #ffc53d73;pointer-events:none;margin:0;font-size:1.25rem;font-weight:900;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.live-combo:empty{display:none}.live-combo.is-pop{animation:.3s ease-out live-pop}@keyframes live-pop{0%{transform:translate(-50%)scale(1.25)}}.live-note{text-align:center;color:#ffffff8c;margin:0;padding:14px 16px 18px;font-size:.75rem;line-height:1.7}.live-note a{text-underline-offset:3px;color:#fffc;text-decoration:underline}.live-note a:hover{color:#fff}.live-hint{z-index:2;backdrop-filter:blur(8px);white-space:nowrap;color:#ffffffd9;pointer-events:none;background:#0a102080;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:opacity .8s;animation:2.4s ease-in-out infinite live-nudge;display:flex;position:absolute;top:66%;left:50%;transform:translate(-50%,-50%)}.live-hint span{color:var(--honey);font-size:1rem}.live-hint.is-gone,.live.is-zoomed .live-hint{opacity:0}@keyframes live-nudge{50%{transform:translate(calc(10px - 50%),-50%)}}@media (hover:none){.live-hint:after{content:"（左右滑動）";color:#fff9;font-weight:500}}.live-tools{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:22px;right:24px}.live-tools button,.live-mode{color:#ffffffb8;min-height:40px;padding:0 14px;font-size:.8125rem}.live-tools b{color:#fff;font-size:.875rem}.live-mode{margin:0}.live-mode b{min-width:7.5em}.live-mode i{background:var(--honey);width:10px;height:10px;box-shadow:0 0 10px var(--honey);border-radius:50%}.live-tools button[aria-pressed=true]{color:#fff;background:#fff1d629;border-color:#fff1d6b3}@media (prefers-reduced-motion:reduce){.live-hint,.live-combo.is-pop,.live-actions .live-encore.is-pop{animation:none!important}}.live-shouts{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.live-shouts span{white-space:nowrap;color:#ffe39a;text-shadow:0 0 14px #ffc53d73,0 2px #03060d99;font-size:clamp(1.4rem,3.4vw,2.4rem);font-weight:900;animation:1.6s ease-out forwards live-shout;position:absolute}.live-shouts span.is-big{letter-spacing:.04em;color:#fff;text-shadow:0 0 24px #ffc53d8c,0 3px #03060d99;font-size:clamp(2rem,6vw,4rem);animation-duration:2.4s;top:36%;left:50%}@keyframes live-shout{0%{opacity:0;transform:translate(-50%,20px)scale(.7)}15%{opacity:1;transform:translate(-50%)scale(1.06)}to{opacity:0;transform:translate(-50%,-90px)scale(1)}}@media (prefers-reduced-motion:reduce){.live-shouts span{animation-name:live-fade}@keyframes live-fade{0%,to{opacity:0;transform:translate(-50%)}20%,70%{opacity:1;transform:translate(-50%)}}}.live-badge{z-index:2;letter-spacing:.02em;white-space:nowrap;color:#ffffffd9;pointer-events:none;background:#0a102099;border:1px solid #ffffff38;border-radius:999px;margin:0;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:26px;left:50%;transform:translate(-50%)}@media (width<=1100px){.live-title{max-width:calc(100% - 340px)}}@media (width>=821px){.live-hud .live-pick{position:absolute;bottom:52px;right:calc(100% + 28px);transform:translateY(50%)}.live-hud .live-unmute{white-space:nowrap;position:absolute;bottom:52px;left:calc(100% + 28px);transform:translateY(50%)}}@media (width<=820px){.live-stage{height:max(480px,100svh - 190px)}.live-title{max-width:none;top:14px;left:16px;right:16px}.live-title p:last-child,.live-mode{display:none}.live-tools{inset:76px 12px auto}.live-badge{padding:3px 10px;font-size:.6875rem;top:78px}.live-tools button{flex:auto;justify-content:center;gap:6px;padding:0 10px}.live-hint{font-size:.75rem;top:46%}.live-hud{gap:12px;bottom:14px}.live-actions{gap:12px}.live-note{text-align:left;padding:14px 16px}}