:root{color-scheme:dark;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;background:#0b0304;color:#fff8ed;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}.replica-screen{position:relative;width:100vw;height:100vh;overflow:hidden;background:#050101}.replica-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.replica-hotspot{position:absolute;border:0;padding:0;background:transparent;outline:none}.heart-hotspot{left:1.35%;top:16.1%;width:11.25%;height:5.8%}.text-hotspot{left:1.35%;top:23.35%;width:11.25%;height:5.8%}.reset-hotspot{right:1.55%;top:3.05%;width:4.3%;height:5.5%}.replica-top-tools{position:absolute;left:63.1%;top:2.45%;width:35.45%;height:6.9%;display:grid;grid-template-columns:1fr 118px;align-items:center;gap:12px;padding-left:8px;background:#030101;z-index:3}.replica-clock{height:52px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(255,220,164,.22);border-radius:8px;color:#ffdca6;background:#0c0404e0;box-shadow:inset 0 0 14px #ff302a0d}.replica-clock span{color:#ffe0b5;font-size:17px;font-weight:800;white-space:nowrap}.replica-clock strong{color:#fff8eb;font-size:24px;font-weight:900;letter-spacing:0;white-space:nowrap}.replica-clear-button{height:52px;border:1px solid rgba(255,220,164,.24);border-radius:8px;color:#fff3df;background:#130606db;box-shadow:inset 0 0 14px #ff302a0d;font-size:16px;font-weight:900}.replica-clear-button:hover{border-color:#ff4353e0;background:linear-gradient(135deg,#b20d19f0,#5d0e10db);box-shadow:0 0 22px #ff223733}.replica-qr{position:absolute;left:3.62%;top:58.02%;width:10.05%;height:17.85%;padding:7px;border-radius:4px;background:#fff8f1;object-fit:contain}.replica-latest{position:absolute;left:81.55%;top:17.8%;width:16.25%;height:68.4%;padding:0 .9%;background:linear-gradient(180deg,#110605,#080302)}.replica-heart-live{position:absolute;left:18.15%;top:13.1%;width:63.25%;height:76.2%;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(130,9,12,.3),transparent 42%),radial-gradient(circle at 44% 40%,rgba(255,35,45,.12),transparent 28%),radial-gradient(circle at 59% 68%,rgba(255,157,54,.16),transparent 30%),#070101;z-index:2}.replica-heart-live:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 10% 30%,rgba(255,37,54,.55) 0 2px,transparent 3px),radial-gradient(circle at 86% 46%,rgba(255,37,54,.48) 0 2px,transparent 3px),radial-gradient(circle at 24% 56%,rgba(255,37,54,.42) 0 1px,transparent 2px),radial-gradient(circle at 76% 18%,rgba(255,37,54,.38) 0 1px,transparent 2px);opacity:.75}.replica-heart-live .particle{width:45px;height:37px}.replica-heart-live .particle .name-lines{max-width:36px;font-size:9.3px}.replica-heart-live .name-lines.len-4{font-size:8px}.replica-empty-latest{display:grid;place-items:center;height:70%;color:#b99475;font-size:17px;font-weight:800}.replica-latest-row{position:relative;height:10%;min-height:56px;border-bottom:1px solid rgba(255,214,164,.13);padding-top:14px}.replica-latest-row strong{display:block;width:42%;overflow:hidden;color:#fff8eb;font-size:18px;line-height:1.2;white-space:nowrap}.replica-latest-row span{position:absolute;left:42%;top:19px;color:#f2c45d;font-size:14px;font-weight:700}.replica-latest-row em{position:absolute;right:0;top:18px;color:#ff5968;font-size:15px;font-style:normal;font-weight:800}.replica-count{position:absolute;left:50.6%;top:5.6%;transform:translate(-50%,-50%);color:#fff4df;font-size:36px;line-height:1}.screen-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(144,42,18,.26),transparent 26%),radial-gradient(circle at 50% 42%,rgba(157,18,24,.38),transparent 39%),radial-gradient(circle at 10% 88%,rgba(229,11,28,.35),transparent 22%),radial-gradient(circle at 90% 88%,rgba(229,11,28,.35),transparent 22%),linear-gradient(180deg,#050202,#120303 52%,#090101);position:relative}.screen-header{height:88px;display:grid;grid-template-columns:minmax(640px,1fr) 240px auto;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid rgba(255,91,42,.26);background:linear-gradient(180deg,#070303f5,#0c0404b3)}.brand{display:flex;align-items:baseline;gap:28px;min-width:0}.brand-title{color:#ffd28d;font-family:Songti SC,STSong,serif;font-size:clamp(25px,1.82vw,32px);font-weight:800;white-space:nowrap;text-shadow:0 0 18px rgba(255,166,67,.45),0 2px 0 rgba(73,29,6,.8)}.brand-subtitle{color:#ffe2b0;font-size:20px;font-weight:700}.metrics{display:flex;gap:12px;justify-content:center}.metrics>div{height:76px;min-width:236px;display:grid;grid-template-columns:62px 1fr;grid-template-rows:28px 40px;align-items:center;column-gap:10px;padding:10px 24px;border:1px solid rgba(255,127,73,.42);background:#0c0404db;border-radius:8px;box-shadow:inset 0 0 18px #ff432814}.metrics svg{grid-row:1 / 3;width:50px;height:50px;color:#ff4051;filter:drop-shadow(0 0 10px rgba(255,34,52,.58))}.metrics span{color:#fff3e3;font-size:15px;font-weight:800}.metrics strong{color:#fff4df;font-size:36px;line-height:1}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:9px}.tool-button,.icon-command{height:52px;border:1px solid rgba(255,220,164,.22);border-radius:8px;color:#ffd99b;background:#130606b8;box-shadow:inset 0 0 14px #ff302a0d}.tool-button{display:inline-flex;align-items:center;gap:8px;padding:0 17px;color:#f8dcc3;font-size:15px;font-weight:700;white-space:nowrap}.tool-button i{width:9px;height:9px;display:inline-block;border-radius:50%;background:#ff2438;box-shadow:0 0 10px #ff2438d9}.icon-command{width:52px}.tool-button svg,.icon-command svg{width:22px;height:22px}.screen-grid{display:grid;grid-template-columns:248px minmax(720px,1fr) 312px;gap:22px;height:calc(100vh - 88px);padding:20px 28px 28px}.left-rail{display:flex;flex-direction:column;justify-content:space-between;gap:18px;z-index:2}.panel{border:1px solid rgba(255,87,45,.46);background:linear-gradient(180deg,#270908b8,#0e0303cc);box-shadow:0 16px 42px #0000006b,inset 0 0 28px #ff394712;border-radius:8px}.panel.compact{padding:20px 18px}.panel-title{display:flex;align-items:center;gap:8px;color:#ffe2b8;font-size:17px;font-weight:800;margin-bottom:16px}.panel-title svg{width:20px;height:20px;color:#ff4b5f}.mode-button{width:100%;height:52px;display:flex;align-items:center;gap:10px;margin-top:12px;padding:0 16px;color:#ffe6bf;border:1px solid rgba(255,211,151,.22);background:#0f050594;border-radius:8px;font-weight:800}.mode-button.active{color:#fff;border-color:#ff4353e0;background:linear-gradient(135deg,#b20d19f0,#5d0e10db);box-shadow:0 0 26px #ff223747}.mode-button svg{width:22px;height:22px}.qr-panel{padding:26px 24px;text-align:center;margin-bottom:112px}.qr-panel p{margin:0 0 18px;color:#f0d0bf;font-size:15px;line-height:1.65}.qr-panel img,.qr-loading{width:170px;height:170px;display:block;margin:0 auto 14px;border-radius:6px;background:#fff7ee;padding:8px}.qr-panel small{display:block;overflow-wrap:anywhere;color:#b68b69;font-size:11px;line-height:1.35}.wall-stage{position:relative;overflow:hidden;min-width:0;border-radius:0}.wall-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 46%,rgba(255,57,68,.2),transparent 35%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0 1px,transparent 1px 16px);opacity:.5}.wall-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 34%,rgba(255,37,54,.82) 0 2px,transparent 3px),radial-gradient(circle at 25% 51%,rgba(255,37,54,.72) 0 2px,transparent 3px),radial-gradient(circle at 82% 42%,rgba(255,37,54,.82) 0 2px,transparent 3px),radial-gradient(circle at 74% 22%,rgba(255,37,54,.62) 0 1px,transparent 2px),radial-gradient(circle at 13% 68%,rgba(255,37,54,.62) 0 1px,transparent 2px),radial-gradient(circle at 87% 68%,rgba(255,37,54,.62) 0 1px,transparent 2px);opacity:.9;z-index:1}.ambient{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(42px);opacity:.48}.ambient.one{left:12%;top:28%;background:#e32536}.ambient.two{right:18%;bottom:14%;background:#ff9e46}.ribbon{position:absolute;bottom:6%;width:52%;height:190px;pointer-events:none;background:linear-gradient(14deg,transparent 42%,rgba(255,20,35,.68) 45%,rgba(255,20,35,.16) 49%,transparent 54%),linear-gradient(20deg,transparent 34%,rgba(255,73,35,.52) 38%,rgba(255,14,31,.18) 43%,transparent 49%),linear-gradient(9deg,transparent 58%,rgba(189,0,14,.82) 60%,rgba(255,43,44,.22) 66%,transparent 72%);filter:drop-shadow(0 0 14px rgba(255,20,34,.48));opacity:.9}.ribbon-left{left:-12%}.ribbon-right{right:-12%;transform:scaleX(-1)}.cityline{position:absolute;left:7%;right:7%;bottom:12%;height:118px;border-bottom:2px solid rgba(255,181,74,.62);background:linear-gradient(90deg,transparent 0 5%,rgba(255,178,74,.4) 5% 6%,transparent 6% 10%) 0 100% / 70px 48px repeat-x,linear-gradient(180deg,transparent,rgba(255,58,58,.28));-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.98;z-index:1}.particle{position:absolute;width:54px;height:44px;transform:translate(-50%,-50%) rotate(var(--spin));display:grid;place-items:center;color:#ff4053;animation:arrive .7s cubic-bezier(.18,.9,.22,1.2) backwards,pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,39,57,.72));z-index:2}.particle.text{width:23px;height:20px;transform:translate(-50%,-50%);color:#ff4454;filter:drop-shadow(0 0 7px rgba(255,55,70,.88)) drop-shadow(0 0 16px rgba(255,38,50,.42));animation:arrive .5s cubic-bezier(.18,.9,.22,1.1) backwards,pulse 3s ease-in-out infinite}.particle.ghost{opacity:.38;filter:drop-shadow(0 0 4px rgba(255,39,57,.2))}.particle-heart{position:absolute;width:100%;height:100%}.particle .name-lines{position:relative;z-index:1;max-width:43px;overflow:hidden;color:#fff6ee;font-size:10.5px;font-weight:800;line-height:.95;text-shadow:0 1px 2px rgba(95,0,6,.9)}.name-lines b{display:block;font:inherit;white-space:nowrap}.name-lines.len-4{font-size:9px}.particle.text .name-lines{display:none}.stage-caption{position:absolute;left:50%;bottom:11.5%;transform:translate(-50%);min-width:460px;text-align:center;color:#fff0d5;font-size:17px;font-weight:700;letter-spacing:0;text-shadow:0 2px 10px rgba(0,0,0,.7);z-index:3}.text-preview{position:absolute;left:0;right:0;bottom:2px;height:84px;display:grid;grid-template-columns:220px 1fr 260px;align-items:center;gap:18px;padding:0 36px;border:1px solid rgba(255,80,46,.42);border-radius:8px;background:linear-gradient(180deg,#180505e6,#0b0202db);box-shadow:inset 0 0 28px #ff282a14;z-index:4}.preview-label{color:#fff2df;font-size:20px;font-weight:800}.preview-dots{color:#ff3043;font-size:clamp(34px,2.7vw,44px);font-weight:900;letter-spacing:0;line-height:1;text-align:center;text-shadow:0 0 9px rgba(255,35,51,.86);white-space:nowrap}.preview-note{color:#ffd4a2;font-size:16px;font-weight:700;line-height:1.65}.right-rail{padding:24px 20px;z-index:2}.live-title{font-size:24px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,202,132,.16)}.attendee-list{display:flex;flex-direction:column;gap:4px}.attendee-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:16px;min-height:64px;border-bottom:1px solid rgba(255,214,164,.12)}.attendee-row strong,.attendee-row span{display:block}.attendee-row strong{color:#fff8eb;font-size:17px}.attendee-row span{color:#f2c45d;font-size:13px;margin-top:4px}.attendee-row em{color:#ff6b78;font-style:normal;font-weight:800;text-align:right}.empty-live{padding-top:90px;color:#b99475;text-align:center}.mobile-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 8%,rgba(255,65,84,.34),transparent 28%),linear-gradient(180deg,#180607,#070202)}.mobile-card{width:min(100%,390px);padding:36px 26px 28px;border:1px solid rgba(255,213,151,.24);border-radius:8px;background:#1c0808d1;box-shadow:0 24px 80px #0000006b;text-align:center}.mobile-mark{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:#ff4052;background:#ff384a1f;box-shadow:0 0 34px #ff2c3d47}.mobile-mark svg{width:42px;height:42px}.mobile-card h1{margin:0;color:#fff3dd;font-size:30px}.mobile-card p{margin:14px 0 26px;color:#d5b99a;font-size:15px;line-height:1.7}.mobile-card form{text-align:left}.mobile-card label{display:block;margin-bottom:8px;color:#ffe0b6;font-weight:800}.mobile-card input{width:100%;height:52px;padding:0 15px;border:1px solid rgba(255,217,168,.26);border-radius:8px;outline:none;color:#fff;background:#0802029e}.mobile-card input:focus{border-color:#ff5968;box-shadow:0 0 0 3px #ff455829}.mobile-card button{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#f02f44,#9b1018);font-size:17px;font-weight:900;box-shadow:0 16px 34px #d61a2a59}.mobile-card button:disabled{opacity:.72}.mobile-card button svg{width:20px;height:20px}.mobile-status{margin-top:18px;color:#e3c5a7;font-size:14px;line-height:1.55}.mobile-status.success{color:#8ef0b2}.mobile-status.error{color:#ff8e96}.mobile-count{margin-top:12px;color:#ffd99d;font-weight:800}.home-router{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:#0b0304}.home-router svg{width:60px;height:60px;color:#ff4054}.home-router h1{margin:0}.home-router a{min-width:190px;padding:14px 20px;border:1px solid rgba(255,217,168,.28);border-radius:8px;color:#fff3df;text-align:center;text-decoration:none;background:#ffffff0f}@keyframes arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(20deg)}}@keyframes pulse{0%,to{scale:1}50%{scale:1.08}}@media(max-width:1040px){.screen-header{grid-template-columns:1fr auto;height:auto;min-height:82px;padding:16px 18px}.brand{display:block}.brand-title{font-size:28px}.brand-subtitle{margin-top:6px;font-size:15px}.metrics{display:none}.screen-grid{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 82px);padding:14px}.left-rail,.right-rail{display:none}.wall-stage{min-height:72vh}.particle{width:28px;height:23px}.particle span{max-width:24px;font-size:7px}.stage-caption{min-width:0;width:calc(100% - 40px);font-size:14px}}