*{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:#07040c;color:#fff;font-family:Inter,"Microsoft YaHei","PingFang TC",Tahoma,sans-serif}
.stage{position:fixed;inset:0;overflow:hidden}
.wall{position:absolute;inset:0;display:block;overflow:hidden;animation:none}.wall.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:auto;padding:8px;animation:floaty 18s ease-in-out infinite alternate}.call-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block;background:#000}
.tile{height:46vh;border-radius:22px;overflow:hidden;background:#2a1438}
.tile video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);animation:ken 14s ease-in-out infinite alternate}
.shade{position:fixed;inset:0;background:linear-gradient(180deg,rgba(10,4,16,.22),rgba(10,4,16,.02) 30%,rgba(10,4,16,.08) 58%,rgba(10,4,16,.5));pointer-events:none}
.top{position:fixed;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0}
.back{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:28px;line-height:1;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28)}
.dock{position:fixed;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));width:auto;z-index:2;text-align:center;display:grid;gap:12px}
.gate-download,.gate-connect{width:100%;height:54px;border-radius:27px;display:flex;align-items:center;text-decoration:none;color:#fff;font-size:clamp(15px,4.6vw,18px);font-weight:700;backdrop-filter:blur(8px)}
.gate-download{position:relative;padding:0 14px;gap:8px;justify-content:flex-start;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.92)}
.gate-download #downloadLabel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.gate-logo,.mark{position:relative;z-index:1}
.gate-logo{width:28px;height:28px;flex-shrink:0;display:block}
.gate-connect{justify-content:center;background:#7c3aed;border:1.5px solid #c4a4ff}
.gate-download[aria-disabled="true"],.gate-connect[aria-disabled="true"]{opacity:.72}
.mark{width:18px;height:18px;border:2px solid #fff;border-top:0;border-radius:2px;position:relative}
.mark:before{content:"";position:absolute;left:6px;top:-7px;border-left:2px solid #fff;border-bottom:2px solid #fff;width:6px;height:6px;transform:rotate(-45deg)}
#status{min-height:22px;margin:10px 0 0;font-size:13px;color:#fff}
@keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-34%)}}
@keyframes ken{from{object-position:center 20%}to{object-position:center 80%}}
@media(prefers-reduced-motion:reduce){.wall,.tile video{animation:none}}