:root{--live-bg-top:#0e3324;--live-bg-middle:#0a281c;--live-bg-bottom:#061710;--live-surface:#123126;--live-surface-strong:#15392b;--live-surface-soft:#0f2a1e;--live-gold:#f4cf67;--live-gold-soft:#e8bd55;--live-gold-border:#f4cf67b8;--live-text-primary:#f7faf7;--live-text-secondary:#d9e7df;--live-text-muted:#a9bbb0;--live-status:#5cff9a;color:var(--live-text-primary);background:var(--live-bg-bottom);font-synthesis:none;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0;overflow:hidden}button,input,textarea{font:inherit}.live-shell{background:radial-gradient(circle at 50% 12%, #123126, var(--live-bg-bottom) 72%);place-items:center;width:100vw;height:100dvh;display:grid;overflow:hidden}.stage{aspect-ratio:9/16;background:radial-gradient(circle at 16% 5%, #23634499 0, transparent 27%), radial-gradient(circle at 84% 44%, #1b503777 0, transparent 34%), linear-gradient(168deg, var(--live-bg-top), var(--live-bg-middle) 48%, var(--live-bg-bottom));grid-template-rows:238fr 180fr 32fr 750fr 145fr 145fr 430fr;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);padding:0 4%;display:grid;position:relative;overflow:hidden;container-type:size}.stage:before{content:"";z-index:5;pointer-events:none;border:1px solid #f4cf6738;position:absolute;inset:2.6%}.live-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.soy-top,.world-network,.soy-bottom,.backdrop-wash{pointer-events:none;position:absolute}.soy-top{opacity:.58;filter:saturate(.88)contrast(1.02)brightness(.88);background:url(/assets/live-soy-top-BZlbgk-n.webp) 0 0/100% no-repeat;height:27%;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0 56%,#000a 76%,#0000 100%);mask-image:linear-gradient(#000 0 56%,#000a 76%,#0000 100%)}.world-network{z-index:1;opacity:.29;filter:drop-shadow(0 0 clamp(7px,1.3cqw,14px) #f4cf6733);background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20520'%20role='presentation'%3e%3cdefs%3e%3cpattern%20id='dots'%20width='14'%20height='14'%20patternUnits='userSpaceOnUse'%3e%3ccircle%20cx='3'%20cy='3'%20r='2.2'%20fill='%2379cf89'/%3e%3c/pattern%3e%3cfilter%20id='glow'%20x='-80%25'%20y='-80%25'%20width='260%25'%20height='260%25'%3e%3cfeGaussianBlur%20stdDeviation='5'%20result='blur'/%3e%3cfeMerge%3e%3cfeMergeNode%20in='blur'/%3e%3cfeMergeNode%20in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3cclipPath%20id='land'%3e%3cpath%20d='M47%20116l42-45%2091-21%2079%2018%2040%2049-25%2042-47%2010-21%2034-30%2065-42%2013-27-42-30-17-20-54z'/%3e%3cpath%20d='M235%20278l50%2023%2027%2054-17%2083-39%2061-30-44%2013-62-30-66z'/%3e%3cpath%20d='M389%20104l47-41%2099%202%2050%2028%2089-13%20115%2042%2054%2039-21%2046-68%2013-54-18-45%2029-48-10-33%2026-61-20-52-45-56-16z'/%3e%3cpath%20d='M455%20247l76-8%2055%2051-2%2082-43%2087-46-17-18-65-45-48z'/%3e%3cpath%20d='M714%20334l55-26%2076%2034%207%2048-54%2031-67-22z'/%3e%3cpath%20d='M341%2061l28-35%2045%2011-9%2037z'/%3e%3c/clipPath%3e%3c/defs%3e%3crect%20width='900'%20height='520'%20fill='url(%23dots)'%20clip-path='url(%23land)'/%3e%3cg%20fill='none'%20stroke='%23f4cf67'%20stroke-width='2.2'%20stroke-linecap='round'%20opacity='.88'%3e%3cpath%20d='M125%20180%20Q330%2020%20516%20225'/%3e%3cpath%20d='M276%20333%20Q475%20152%20754%20365'/%3e%3cpath%20d='M516%20225%20Q646%20112%20787%20177'/%3e%3c/g%3e%3cg%20fill='%23f4cf67'%20filter='url(%23glow)'%3e%3ccircle%20cx='125'%20cy='180'%20r='5'/%3e%3ccircle%20cx='276'%20cy='333'%20r='5'/%3e%3ccircle%20cx='516'%20cy='225'%20r='6'/%3e%3ccircle%20cx='754'%20cy='365'%20r='5'/%3e%3ccircle%20cx='787'%20cy='177'%20r='5'/%3e%3c/g%3e%3c/svg%3e") 0 100%/contain no-repeat;width:88%;height:29%;bottom:1%;left:-5%}.soy-bottom{z-index:2;opacity:.82;filter:saturate(.9)contrast(1.03)brightness(.92);background:url(/assets/live-soy-bottom-t6X4oVVJ.webp) 100% 100%/auto 178% no-repeat;width:67%;height:34%;bottom:-1%;right:-7%;-webkit-mask-image:linear-gradient(135deg,#0000 0 17%,#0007 43%,#000 67%);mask-image:linear-gradient(135deg,#0000 0 17%,#0007 43%,#000 67%)}.backdrop-wash{z-index:3;background:linear-gradient(#08281ab8 0,#08281a40 13%,#061b1252 24%,#0000 42% 66%,#06171021 78%,#0617102e 100%),radial-gradient(at 76% 15%,#061710b8 0,#0617105c 26%,#0000 52%);inset:0}.stage>:not(.live-backdrop){z-index:2}.top-safe{grid-row:1}.brand-gap{grid-row:3}.bottom-safe{grid-row:7}.stage>header{border-bottom:1px solid #d9b85833;grid-row:2;min-width:0;position:relative;overflow:hidden}.brand-zone{z-index:4;isolation:isolate;background:linear-gradient(90deg,#08281ae8 0,#08281ab8 72%,#0000 100%);align-content:center;width:68%;min-width:0;height:100%;padding-right:clamp(4px,.74cqw,8px);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;display:grid;position:relative}.brand-name{color:var(--live-gold);letter-spacing:.045em;text-shadow:0 1px 8px #00160d70;white-space:nowrap;margin:0;font-size:clamp(28px,5.37cqw,58px);font-weight:800;line-height:1.1}.stage .brand-zone h1{color:var(--live-text-primary);text-overflow:clip;white-space:nowrap;margin-top:clamp(6px,1.11cqw,12px);font-size:clamp(15px,2.87cqw,31px);font-weight:600;line-height:1.15;overflow:hidden}.brand-guide{color:var(--live-text-primary);text-overflow:clip;white-space:nowrap;margin:clamp(4px,.74cqw,8px) 0 0;font-size:clamp(13px,2.42cqw,26px);font-weight:500;line-height:1.2;overflow:hidden}.brand-guide strong{color:var(--live-gold);font-weight:800}.camera-safe{z-index:1;pointer-events:none;border-top:1px solid #f4cf6724;border-right:1px solid #f4cf6724;border-radius:0 12px 0 0;width:32%;height:58%;position:absolute;top:0;right:0}.brand-decor{z-index:0;opacity:.2;pointer-events:none;background-image:radial-gradient(circle,#e2c267 1.2px,#0000 1.7px);background-size:25px 25px;position:absolute;inset:4px 0 4px 48%;overflow:hidden;-webkit-mask-image:radial-gradient(at 70% 30%,#000 0,#0000 67%);mask-image:radial-gradient(at 70% 30%,#000 0,#0000 67%)}.brand-decor:after{content:"";border:1px solid #e2c26780;border-color:#e2c26780 #e2c26780 #0000 #0000;border-radius:50%;width:245px;height:110px;position:absolute;top:8px;right:36px;transform:rotate(-8deg)}.brand{color:#e2c267;letter-spacing:.11em;margin:0 0 8px;font-size:34px;font-weight:800}.stage h1{color:#eef3ef;margin:0;font-size:28px;font-weight:600}.status{z-index:3;color:#d9ffe6;align-items:center;gap:clamp(5px,.93cqw,10px);font-size:clamp(12px,2.05cqw,22px);font-weight:750;display:flex;position:absolute;bottom:clamp(5px,.52cqw,10px);right:0}.dot{background:#d9b858;border-radius:50%;width:13px;height:13px;box-shadow:0 0 16px #d9b85899}.dot.live{background:var(--live-status);box-shadow:0 0 16px #5cff9acc}.dot.polling{background:#e2a94f}.focus{z-index:1;border:1px solid var(--live-gold-border);background:linear-gradient(145deg, var(--live-surface-strong), var(--live-surface));border-radius:clamp(16px,2.6cqw,28px);grid-row:4;min-width:0;height:100%;padding:clamp(18px,3.15cqw,34px) clamp(22px,3.9cqw,42px) clamp(16px,2.78cqw,30px);position:relative;overflow:hidden;box-shadow:0 18px 48px #00160d99,inset 0 1px #ffffff18}.focus-label{color:var(--live-gold);justify-content:space-between;align-items:center;font-size:clamp(13px,2.2cqw,24px);font-weight:750;display:flex}.focus-label b{letter-spacing:.06em;border:1px solid #d9b85866;border-radius:99px;padding:clamp(4px,.65cqw,7px) clamp(9px,1.57cqw,17px);font-size:clamp(11px,1.85cqw,20px)}.meta{min-width:0;color:var(--live-text-secondary);align-items:center;gap:clamp(9px,1.5cqw,16px);margin-top:clamp(13px,2.3cqw,25px);font-size:clamp(14px,2.4cqw,26px);display:flex}.flag{flex:none;font-size:clamp(24px,3.9cqw,42px);line-height:1}.meta strong{color:#fff;flex:none;font-size:clamp(16px,2.6cqw,28px)}.meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-slot{height:31.5%;padding-top:clamp(13px,2.2cqw,24px);overflow:hidden}.focus h2{max-height:3.6em;color:var(--live-text-primary);letter-spacing:.005em;text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.2;display:-webkit-box;overflow:hidden}.title-short{font-size:clamp(31px,5.7cqw,62px)}.title-medium{font-size:clamp(27px,5cqw,54px)}.title-long{font-size:clamp(24px,4.5cqw,49px)}.summary{height:25.5%;color:var(--live-text-secondary);letter-spacing:.01em;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:clamp(17px,3cqw,32px);line-height:1.34;display:-webkit-box;overflow:hidden}.time{color:var(--live-text-muted);margin-top:clamp(9px,1.67cqw,18px);font-size:clamp(12px,1.95cqw,21px)}.progress{background:#d9e7df42;border-radius:9px;height:clamp(6px,.93cqw,10px);margin-top:clamp(9px,1.67cqw,18px);overflow:hidden}.progress i{background:linear-gradient(90deg, var(--live-gold-soft), var(--live-gold));height:100%;display:block}.focus small{color:var(--live-text-secondary);margin-top:clamp(5px,.93cqw,10px);font-size:clamp(11px,1.85cqw,20px);display:block}.empty{text-align:center;align-content:center;justify-items:center;height:100%;display:grid}.empty b{max-width:82%;color:var(--live-text-primary);font-size:clamp(25px,4cqw,43px);line-height:1.35}.empty p{color:var(--live-text-secondary);margin-top:clamp(13px,2.3cqw,25px);font-size:clamp(16px,2.5cqw,27px)}.ticker{z-index:1;background:linear-gradient(90deg,#15392b99,#0000);border-block:1px solid #f4cf6730;grid-row:5;grid-template-columns:clamp(68px,11.6cqw,125px) minmax(0,1fr);align-items:center;gap:clamp(10px,1.85cqw,20px);min-width:0;margin-top:clamp(7px,1.2cqw,13px);padding:clamp(7px,1.2cqw,13px) clamp(13px,2.2cqw,24px);display:grid;position:relative;overflow:hidden}.ticker>b{color:var(--live-gold);font-size:clamp(14px,2.3cqw,25px)}.ticker div{gap:5px;min-width:0;display:grid;overflow:hidden}.ticker span{color:var(--live-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13px,2.25cqw,24px);line-height:1.3;overflow:hidden}.stage>footer{z-index:1;grid-row:6;justify-content:space-between;align-items:flex-start;min-width:0;padding:clamp(11px,2cqw,22px) clamp(13px,2.2cqw,24px) clamp(4px,.74cqw,8px);display:flex;position:relative}.stage>footer small{color:var(--live-text-muted);font-size:clamp(10px,1.75cqw,19px)}.qrbox{justify-items:center;gap:5px;display:grid}.qr{width:105px;height:105px}.qrbox span{color:#8f988f;font-size:12px}.maintenance{grid-template-rows:300fr 1160fr 460fr}.maintenance-card{text-align:center;grid-row:2;place-content:center;display:grid}.maintenance .bottom-safe{grid-row:3}.maintenance h1{color:var(--live-gold);margin:clamp(14px,2.6cqw,28px) 0 clamp(9px,1.67cqw,18px);font-size:clamp(38px,6.1cqw,66px)}.maintenance p{color:var(--live-text-secondary);font-size:clamp(18px,2.9cqw,31px)}.brand-small{color:#e2c267;letter-spacing:.18em;font-size:28px;font-weight:800}.control{overscroll-behavior:contain;color:#edf2ed;background:#08100c;height:100%;min-height:0;padding:50px;overflow:hidden auto}.control>header{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;display:flex}.control h1{margin:0;font-size:38px}.control button{color:#111;cursor:pointer;background:#b79746;border:1px solid #b79746;border-radius:9px;padding:11px 19px}.control button:focus-visible,.control input:focus-visible,.control textarea:focus-visible{outline-offset:3px;outline:3px solid #fff}.control .danger{color:#fff;background:#7d3535;border-color:#b45151}.metrics,.panel{max-width:1280px;margin:28px auto}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.metrics article,.panel{background:#101914;border:1px solid #ffffff18;border-radius:16px;padding:25px}.metrics article{gap:7px;display:grid}.metrics b{color:#d9b858;font-size:27px}.panel h2{margin-top:0}.actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.fields{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.fields label,.login label{gap:7px;display:grid}.fields input,.fields textarea,.login input{color:#fff;background:#050a07;border:1px solid #ffffff30;border-radius:8px;width:100%;padding:12px}.fields textarea{min-height:90px}.table>div{border-top:1px solid #ffffff14;grid-template-columns:1fr 100px 80px;align-items:center;gap:14px;padding:10px;display:grid}.login{place-items:center;display:grid}.login form{background:#101914;border:1px solid #d9b85855;border-radius:20px;gap:22px;width:min(440px,90vw);padding:45px;display:grid}.login small{color:#8f9b93}@media (max-width:800px){.metrics,.fields{grid-template-columns:1fr}.control{padding:25px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}