: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}.stage{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:300fr 120fr 750fr 145fr 145fr 460fr;width:100vw;height:100dvh;padding:0 clamp(22px,4vw,44px);display:grid;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;border:1px solid #f4cf6738;position:absolute;inset:clamp(14px,2.6vw,28px)}.stage:after{content:"";z-index:0;opacity:.13;pointer-events:none;background:radial-gradient(circle, var(--live-gold) 1px, transparent 1.5px);background-size:clamp(14px,2.2vw,24px) clamp(14px,2.2vw,24px);width:62%;height:20%;position:absolute;bottom:2%;right:2%;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.top-safe{grid-row:1}.bottom-safe{grid-row:6}.stage>header{border-bottom:1px solid #d9b85833;grid-row:2;min-width:0;position:relative;overflow:hidden}.brand-zone{z-index:2;align-content:center;width:62%;min-width:0;height:100%;display:grid;position:relative}.brand-name{color:var(--live-gold);letter-spacing:.08em;text-shadow:0 0 18px #f4cf6738;white-space:nowrap;margin:0;font-size:clamp(24px,4.2vw,46px);font-weight:900;line-height:1}.stage .brand-zone h1{color:var(--live-text-primary);text-overflow:clip;white-space:nowrap;margin-top:clamp(4px,.65vw,7px);font-size:clamp(14px,2.45vw,27px);font-weight:650;line-height:1.1;overflow:hidden}.brand-guide{color:var(--live-text-secondary);text-overflow:clip;white-space:nowrap;margin:clamp(3px,.46vw,5px) 0 0;font-size:clamp(10px,1.75vw,19px);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:38%;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,.93vw,10px);font-size:clamp(12px,2.05vw,22px);font-weight:750;display:flex;position:absolute;bottom:clamp(5px,.52vw,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.6vw,28px);grid-row:3;min-width:0;height:calc(100% - clamp(9px,.94dvh,18px));margin-top:clamp(9px,.94dvh,18px);padding:clamp(18px,3.15vw,34px) clamp(22px,3.9vw,42px) clamp(16px,2.78vw,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.2vw,24px);font-weight:750;display:flex}.focus-label b{letter-spacing:.06em;border:1px solid #d9b85866;border-radius:99px;padding:clamp(4px,.65vw,7px) clamp(9px,1.57vw,17px);font-size:clamp(11px,1.85vw,20px)}.meta{min-width:0;color:var(--live-text-secondary);align-items:center;gap:clamp(9px,1.5vw,16px);margin-top:clamp(13px,2.3vw,25px);font-size:clamp(14px,2.4vw,26px);display:flex}.flag{flex:none;font-size:clamp(24px,3.9vw,42px);line-height:1}.meta strong{color:#fff;flex:none;font-size:clamp(16px,2.6vw,28px)}.meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-slot{height:31.5%;padding-top:clamp(13px,2.2vw,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.7vw,62px)}.title-medium{font-size:clamp(27px,5vw,54px)}.title-long{font-size:clamp(24px,4.5vw,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,3vw,32px);line-height:1.34;display:-webkit-box;overflow:hidden}.time{color:var(--live-text-muted);margin-top:clamp(9px,1.67vw,18px);font-size:clamp(12px,1.95vw,21px)}.progress{background:#d9e7df42;border-radius:9px;height:clamp(6px,.93vw,10px);margin-top:clamp(9px,1.67vw,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,.93vw,10px);font-size:clamp(11px,1.85vw,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,4vw,43px);line-height:1.35}.empty p{color:var(--live-text-secondary);margin-top:clamp(13px,2.3vw,25px);font-size:clamp(16px,2.5vw,27px)}.ticker{z-index:1;background:linear-gradient(90deg,#15392b99,#0000);border-block:1px solid #f4cf6730;grid-row:4;grid-template-columns:clamp(68px,11.6vw,125px) minmax(0,1fr);align-items:center;gap:clamp(10px,1.85vw,20px);min-width:0;margin-top:clamp(7px,1.2vw,13px);padding:clamp(7px,1.2vw,13px) clamp(13px,2.2vw,24px);display:grid;position:relative;overflow:hidden}.ticker>b{color:var(--live-gold);font-size:clamp(14px,2.3vw,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.25vw,24px);line-height:1.3;overflow:hidden}.stage>footer{z-index:1;grid-row:5;justify-content:space-between;align-items:flex-start;min-width:0;padding:clamp(11px,2vw,22px) clamp(13px,2.2vw,24px) clamp(4px,.74vw,8px);display:flex;position:relative}.stage>footer small{color:var(--live-text-muted);font-size:clamp(10px,1.75vw,19px)}.demo{color:#dbc174;letter-spacing:.18em;font-size:16px;position:absolute;top:270px;left:88px}.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 h1{color:var(--live-gold);margin:clamp(14px,2.6vw,28px) 0 clamp(9px,1.67vw,18px);font-size:clamp(38px,6.1vw,66px)}.maintenance p{color:var(--live-text-secondary);font-size:clamp(18px,2.9vw,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}}