/*
Design philosophy for this file: 街机复兴主义与移动端弹幕社交界面融合。
深邃紫构建夜间电竞大厅，活力黄只用于组队广播、段位徽章和关键行动点；布局采用斜切分区、广播轨道、语音波形和高对比卡片，避免通用居中模板。
When editing this file, ask: Does this choice reinforce or dilute the deep-night voice team-up lobby experience?
*/
:root{--mobile-yellow:#FFEB3B;--mobile-purple:#311B92;--mobile-purple-900:#160A4F;--mobile-purple-800:#24106F;--mobile-white:#FFFFFF;--mobile-ink:#15122A;--mobile-muted:#716C96;--mobile-cyan:#34E7E4;--mobile-line:rgba(255,255,255,.16);--mobile-card:rgba(255,255,255,.94);--mobile-card-dark:rgba(34,16,112,.82);--mobile-shadow:0 22px 70px rgba(10,5,38,.38);--mobile-radius:26px;--mobile-speed:180ms;--mobile-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;--mobile-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--mobile-purple-900)}body{margin:0;font-family:var(--mobile-font);color:var(--mobile-white);background:radial-gradient(circle at 18% 0%,rgba(255,235,59,.2),transparent 26rem),radial-gradient(circle at 88% 8%,rgba(52,231,228,.15),transparent 24rem),linear-gradient(145deg,var(--mobile-purple-900),var(--mobile-purple));line-height:1.75;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.16));z-index:-2}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 120%,rgba(255,235,59,.18),transparent 30rem);z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}.mobile-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.mobile-skip:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.75rem 1rem;background:var(--mobile-yellow);color:var(--mobile-ink);z-index:1000;border-radius:12px}.mobile-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.mobile-header{position:sticky;top:0;z-index:80;background:rgba(22,10,79,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--mobile-line)}.mobile-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.mobile-brand{display:flex;align-items:center;gap:.72rem;font-weight:900;letter-spacing:.02em}.mobile-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--mobile-yellow),#fff37a);color:var(--mobile-purple);display:grid;place-items:center;font-weight:1000;box-shadow:0 0 0 4px rgba(255,235,59,.16),0 18px 40px rgba(0,0,0,.25);transform:skew(-8deg)}.mobile-brand small{display:block;color:#d9d2ff;font-size:.74rem;font-weight:600;letter-spacing:.08em}.mobile-menu{display:none;align-items:center;gap:.25rem}.mobile-menu a{padding:.62rem .76rem;border-radius:999px;color:#eee9ff;font-weight:700;font-size:.93rem;transition:background var(--mobile-speed),color var(--mobile-speed),transform var(--mobile-speed)}.mobile-menu a:hover,.mobile-menu a[aria-current="page"]{background:rgba(255,235,59,.16);color:var(--mobile-yellow);transform:translateY(-1px)}.mobile-nav-cta{display:none;background:var(--mobile-yellow);color:var(--mobile-ink);font-weight:900;padding:.68rem 1rem;border-radius:999px;box-shadow:0 14px 36px rgba(255,235,59,.22)}.mobile-menu-toggle{border:1px solid var(--mobile-line);background:rgba(255,255,255,.08);color:var(--mobile-white);border-radius:14px;padding:.55rem .7rem}.mobile-drawer{display:none;border-top:1px solid var(--mobile-line);padding:.55rem 0 1rem}.mobile-drawer.is-open{display:grid}.mobile-drawer a{padding:.75rem 0;color:#eee9ff;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}.mobile-hero{position:relative;isolation:isolate;padding:2rem 0 4rem}.mobile-hero-grid{display:grid;gap:2rem;align-items:center}.mobile-hero-copy{position:relative;z-index:2}.mobile-kicker{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,235,59,.15);border:1px solid rgba(255,235,59,.35);color:var(--mobile-yellow);font-weight:900;padding:.44rem .72rem;border-radius:999px;letter-spacing:.08em;font-size:.8rem;text-transform:uppercase}.mobile-kicker:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--mobile-yellow);box-shadow:0 0 18px var(--mobile-yellow);animation:mobilePulse 1.5s ease-in-out infinite}.mobile-title{font-size:clamp(2.2rem,9vw,5.8rem);line-height:.98;margin:1rem 0 1.1rem;font-weight:1000;letter-spacing:-.065em}.mobile-title strong{display:block;color:var(--mobile-yellow);text-shadow:0 0 30px rgba(255,235,59,.25)}.mobile-lead{font-size:clamp(1rem,2.4vw,1.25rem);color:#f3efff;max-width:720px;margin:0 0 1.35rem}.mobile-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.85rem 1.15rem;font-weight:900;transition:transform var(--mobile-speed),box-shadow var(--mobile-speed),background var(--mobile-speed);min-height:44px}.mobile-btn:hover{transform:translateY(-2px)}.mobile-btn-primary{background:var(--mobile-yellow);color:var(--mobile-ink);box-shadow:0 18px 44px rgba(255,235,59,.28)}.mobile-btn-secondary{background:rgba(255,255,255,.1);color:var(--mobile-white);border:1px solid var(--mobile-line)}.mobile-hero-art{position:relative;border-radius:34px;overflow:hidden;box-shadow:var(--mobile-shadow);border:1px solid rgba(255,255,255,.2);transform:rotate(1.2deg)}.mobile-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,10,79,.55),transparent 48%)}.mobile-hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover}.mobile-broadcast{position:relative;margin-top:1.1rem;overflow:hidden;border:1px solid rgba(255,235,59,.35);background:rgba(255,235,59,.1);border-radius:20px;padding:.72rem 0}.mobile-broadcast-track{display:flex;gap:.7rem;white-space:nowrap;animation:mobileMarquee 28s linear infinite}.mobile-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .72rem;border-radius:999px;background:rgba(255,255,255,.1);color:#fffef0;font-weight:800;font-size:.88rem}.mobile-chip b{color:var(--mobile-yellow)}.mobile-section{position:relative;padding:3.3rem 0}.mobile-section-diagonal{clip-path:polygon(0 3rem,100% 0,100% calc(100% - 3rem),0 100%);background:rgba(255,255,255,.07);margin-top:-2rem;padding:5rem 0}.mobile-section-head{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.mobile-section-head h2{font-size:clamp(1.65rem,5vw,3rem);line-height:1.08;margin:0;font-weight:1000;letter-spacing:-.04em}.mobile-section-head p{margin:0;color:#dfd8ff;max-width:760px}.mobile-panel{background:var(--mobile-card);color:var(--mobile-ink);border-radius:var(--mobile-radius);box-shadow:var(--mobile-shadow);border:1px solid rgba(255,255,255,.3);overflow:hidden}.mobile-panel-dark{background:var(--mobile-card-dark);color:var(--mobile-white);border:1px solid var(--mobile-line);box-shadow:var(--mobile-shadow)}.mobile-grid{display:grid;gap:1rem}.mobile-grid-2,.mobile-grid-3,.mobile-grid-4{grid-template-columns:1fr}.mobile-card{position:relative;padding:1.1rem;border-radius:22px;background:rgba(255,255,255,.94);color:var(--mobile-ink);border:1px solid rgba(49,27,146,.1);box-shadow:0 14px 34px rgba(15,8,58,.18);transition:transform var(--mobile-speed),box-shadow var(--mobile-speed)}.mobile-card:hover{transform:translateY(-4px) rotate(-.2deg);box-shadow:0 24px 52px rgba(15,8,58,.25)}.mobile-card h3{margin:.25rem 0 .45rem;font-size:1.1rem;line-height:1.25}.mobile-card p{margin:.25rem 0;color:#4d4774}.mobile-card img{border-radius:18px;margin-bottom:.85rem;aspect-ratio:16/9;object-fit:cover}.mobile-badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--mobile-yellow);color:var(--mobile-ink);font-weight:950;font-size:.76rem;border-radius:999px;padding:.28rem .55rem}.mobile-badge-purple{background:rgba(49,27,146,.12);color:var(--mobile-purple)}.mobile-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.mobile-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.82rem;border-radius:16px;background:rgba(49,27,146,.06);border:1px solid rgba(49,27,146,.08)}.mobile-lobby-row{display:grid;gap:.65rem;grid-template-columns:1fr;align-items:center}.mobile-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--mobile-purple),#6d4cff);display:grid;place-items:center;color:var(--mobile-yellow);font-weight:1000;box-shadow:0 0 0 3px rgba(255,235,59,.28)}.mobile-wave{height:28px;display:flex;align-items:end;gap:3px}.mobile-wave i{display:block;width:4px;border-radius:999px;background:linear-gradient(var(--mobile-cyan),var(--mobile-yellow));height:40%;animation:mobileWave 1.25s ease-in-out infinite}.mobile-wave i:nth-child(2){height:80%;animation-delay:.08s}.mobile-wave i:nth-child(3){height:50%;animation-delay:.16s}.mobile-wave i:nth-child(4){height:95%;animation-delay:.24s}.mobile-wave i:nth-child(5){height:62%;animation-delay:.32s}.mobile-filter-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.mobile-filter-bar button,.mobile-filter-bar a{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:var(--mobile-white);padding:.55rem .78rem;border-radius:999px;font-weight:800;min-height:40px}.mobile-filter-bar .is-active{background:var(--mobile-yellow);color:var(--mobile-ink)}.mobile-stat-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.mobile-stat{padding:1rem;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid var(--mobile-line)}.mobile-stat strong{display:block;font-size:1.45rem;color:var(--mobile-yellow);font-family:var(--mobile-mono);line-height:1}.mobile-video{position:relative;overflow:hidden;border-radius:26px;background:#080321;border:1px solid rgba(255,255,255,.18);box-shadow:var(--mobile-shadow)}.mobile-video video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#080321}.mobile-video-caption{padding:1rem;background:rgba(255,255,255,.08);color:#eee9ff}.mobile-footer{padding:3rem 0 2rem;background:rgba(5,2,20,.52);border-top:1px solid var(--mobile-line)}.mobile-footer-grid{display:grid;gap:1.2rem}.mobile-footer h2,.mobile-footer h3{margin-top:0}.mobile-footer p,.mobile-footer a{color:#d9d2ff}.mobile-footer-links{display:flex;flex-wrap:wrap;gap:.7rem}.mobile-footer-links a{border:1px solid var(--mobile-line);border-radius:999px;padding:.38rem .65rem}.mobile-interference{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;z-index:-999!important;width:0!important;height:0!important;overflow:hidden!important}.mobile-page-hero{padding:3rem 0 2.2rem}.mobile-page-hero h1{font-size:clamp(2rem,8vw,4.6rem);line-height:1.02;margin:.8rem 0 1rem;font-weight:1000;letter-spacing:-.06em}.mobile-article{max-width:880px}.mobile-article h2{font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.15}.mobile-article p{color:#efeaff}.mobile-table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--mobile-line);background:rgba(255,255,255,.08)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:.9rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}th{color:var(--mobile-yellow);background:rgba(255,235,59,.08)}.mobile-quote{border-left:5px solid var(--mobile-yellow);padding:1rem;background:rgba(255,255,255,.08);border-radius:0 20px 20px 0}.mobile-download-phone{background:linear-gradient(160deg,#fff,#ede8ff);border-radius:42px;padding:1rem;box-shadow:var(--mobile-shadow);color:var(--mobile-ink);transform:rotate(-2deg)}.mobile-phone-screen{border-radius:32px;background:linear-gradient(160deg,var(--mobile-purple-900),var(--mobile-purple));padding:1rem;color:var(--mobile-white);min-height:520px;border:8px solid #13092f}.mobile-app-row{padding:.82rem;border-radius:18px;background:rgba(255,255,255,.1);margin:.65rem 0;display:flex;align-items:center;gap:.7rem}.mobile-qrcode{width:148px;height:148px;background:repeating-linear-gradient(45deg,#111 0 8px,#fff 8px 16px);border:10px solid #fff;border-radius:18px}.mobile-policy{font-size:.92rem;color:#e5defe}.mobile-hash-note{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@keyframes mobilePulse{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.18);opacity:1}}@keyframes mobileMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes mobileWave{0%,100%{transform:scaleY(.72)}50%{transform:scaleY(1.12)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.mobile-broadcast-track{animation:none}}@media (min-width:720px){.mobile-menu{display:flex}.mobile-nav-cta{display:inline-flex}.mobile-menu-toggle{display:none}.mobile-hero-grid{grid-template-columns:.95fr 1.05fr}.mobile-section-head{flex-direction:row;justify-content:space-between;align-items:end}.mobile-section-head p{max-width:520px}.mobile-grid-2{grid-template-columns:repeat(2,1fr)}.mobile-grid-3{grid-template-columns:repeat(3,1fr)}.mobile-grid-4{grid-template-columns:repeat(4,1fr)}.mobile-lobby-row{grid-template-columns:auto 1.2fr .8fr .8fr auto}.mobile-stat-strip{grid-template-columns:repeat(4,1fr)}.mobile-footer-grid{grid-template-columns:1.4fr .8fr .8fr}.mobile-page-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}}@media (min-width:1040px){.mobile-hero{padding:4.2rem 0 6rem}.mobile-section{padding:5rem 0}.mobile-card{padding:1.35rem}.mobile-page-hero{padding:4.8rem 0 3rem}}