.mobile-demo{--mu:calc(100vw / 375);--m-bg:#f4f7ff;--m-panel:#fff;--m-border:#e1eaf8;--m-muted:#6a7897;--m-text:#000;--m-blue:#167de4;display:none;color:var(--m-text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--m-bg);min-height:100vh}
.mobile-demo *{box-sizing:border-box}.mobile-demo button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}.mobile-demo [hidden]{display:none!important}.mobile-home{position:relative;padding:calc(var(--mu)*12);padding-bottom:calc(var(--mu)*76);background:linear-gradient(180deg,#d3e9ff 0,rgba(57,161,247,0) calc(var(--mu)*180))}.mobile-home>section{margin-top:calc(var(--mu)*16)}.m-header{height:calc(var(--mu)*38);display:flex;justify-content:space-between;align-items:center;margin:0 calc(var(--mu)*5)}.m-logo{height:calc(var(--mu)*32);width:auto;object-fit:contain;max-width:calc(var(--mu)*210)}.m-header-avatar{width:calc(var(--mu)*38);height:calc(var(--mu)*38)}.mobile-home>.m-banner{margin-top:calc(var(--mu)*16);height:calc(var(--mu)*140);position:relative;border-radius:calc(var(--mu)*6);overflow:hidden;background:#d3e9ff}.m-banner-track{height:100%;display:flex;transition:transform .45s ease}.m-banner-track img{height:100%;width:100%;object-fit:fill;flex:0 0 100%}.m-banner-dots{position:absolute;bottom:calc(var(--mu)*10);left:0;right:0;display:flex;justify-content:center;gap:calc(var(--mu)*4)}.m-banner-dots button{width:calc(var(--mu)*6);height:calc(var(--mu)*3);border-radius:10px;background:#96a9d6}.m-banner-dots button.active{width:calc(var(--mu)*19);background:var(--m-blue)}.m-account-panel{border:calc(var(--mu)*.5) solid var(--m-border);box-shadow:0 0 0 calc(var(--mu)*.5) var(--m-border);border-radius:calc(var(--mu)*6);background:var(--m-panel);overflow:hidden}.m-notice{height:calc(var(--mu)*33);display:flex;align-items:center;padding:0 calc(var(--mu)*8);border-bottom:1px solid var(--m-border);color:var(--m-muted);gap:calc(var(--mu)*8);font-size:calc(var(--mu)*12)}.m-megaphone{font-size:calc(var(--mu)*28);color:#1689ea;transform:rotate(180deg);line-height:1}.m-notice>div{overflow:hidden;white-space:nowrap;width:90%}.m-notice>div>span{display:inline-block;animation:mobile-notice 22s linear infinite;animation-delay:3s}@keyframes mobile-notice{0%,12%{transform:translateX(0)}100%{transform:translateX(-100%)}}.m-account-row{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--mu)*8) calc(var(--mu)*12);min-height:calc(var(--mu)*77)}.m-account-login{display:flex;flex-direction:column;gap:calc(var(--mu)*12)}.m-account-login>span{font-size:calc(var(--mu)*12);font-weight:600;color:#8d9fc7}.m-account-login>div{display:flex;gap:calc(var(--mu)*12)}.m-account-login button{height:calc(var(--mu)*26);width:calc(var(--mu)*60);font-size:calc(var(--mu)*12);font-weight:600;color:white;background:var(--m-blue);border-radius:calc(var(--mu)*6)}.m-quick-actions{display:flex;justify-content:flex-end}.m-quick-actions button{display:flex;flex-direction:column;align-items:center;gap:calc(var(--mu)*2);width:calc(var(--mu)*55);font-size:calc(var(--mu)*12);font-weight:600}.m-quick-actions img{height:calc(var(--mu)*36);width:calc(var(--mu)*36);object-fit:contain}.m-category-board{display:flex;flex-direction:column;gap:calc(var(--mu)*11)}.m-card{border:1px solid var(--m-border)!important;border-radius:calc(var(--mu)*6);background:linear-gradient(353deg,#3381ff35 6.42%,transparent 51.1%),var(--m-panel)!important;overflow:hidden}.m-category-top{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--mu)*11)}.m-category-large{height:calc(var(--mu)*190);position:relative;border:1px solid var(--m-border)!important;border-radius:calc(var(--mu)*6);overflow:hidden}.m-category-large>img{width:100%;height:100%;object-fit:fill}.m-category-promo-title{position:absolute;z-index:1;top:7%;left:6%;width:88%;height:27%;display:flex;align-items:center;justify-content:center;padding:0 4px;border-radius:calc(var(--mu)*4);background:#08285f;color:#fff;font-size:calc(var(--mu)*20);font-weight:800;letter-spacing:.03em;text-align:center;text-shadow:0 2px 4px #0008;box-shadow:0 2px 8px #08193866}.m-category-side{display:flex;flex-direction:column;gap:calc(var(--mu)*10)}.m-category-medium{height:calc(var(--mu)*90);padding:0 calc(var(--mu)*12)!important;display:flex;align-items:center;justify-content:space-between}.m-category-medium>span{display:flex;flex-direction:column;gap:calc(var(--mu)*4);align-items:flex-start;max-width:50%}.m-category-medium>span>img{width:calc(var(--mu)*32);height:calc(var(--mu)*32);object-fit:contain}.m-category-medium b{font-size:calc(var(--mu)*14);line-height:calc(var(--mu)*24);white-space:nowrap}.m-category-medium>.m-category-art{width:calc(var(--mu)*70);height:auto;max-height:95%;object-fit:contain}.m-category-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--mu)*11)}.m-category-small{height:calc(var(--mu)*130);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--mu)*4)}.m-category-symbol{width:calc(var(--mu)*30);height:calc(var(--mu)*30);object-fit:contain}.m-category-small b{font-size:calc(var(--mu)*14);line-height:calc(var(--mu)*24)}.m-category-small>.m-category-art{width:calc(var(--mu)*50);height:calc(var(--mu)*50);object-fit:contain}.mobile-demo h2{display:flex;align-items:center;gap:calc(var(--mu)*8);color:var(--m-muted);font-size:calc(var(--mu)*14);font-weight:600;margin:0 0 calc(var(--mu)*12)}.mobile-demo h2>span{font-size:calc(var(--mu)*24);color:#167de4}.m-awards-head,.m-awards-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:calc(var(--mu)*8);align-items:center;padding:calc(var(--mu)*9) calc(var(--mu)*10);font-size:calc(var(--mu)*12)}.m-awards-head{color:var(--m-muted);background:#eaf0fc;border-radius:calc(var(--mu)*6) calc(var(--mu)*6) 0 0}.m-awards-row{background:var(--m-panel);color:var(--m-muted)}.m-awards-row:nth-child(even){background:#eef4fd}.m-awards-row span:last-child,.m-awards-head span:last-child{text-align:right}.m-awards-row span:last-child{color:#167de4;font-weight:600}.m-help-section>button{width:100%;display:flex;justify-content:space-between;padding:calc(var(--mu)*14) calc(var(--mu)*12);font-size:calc(var(--mu)*14);color:var(--m-muted);background:var(--m-panel);border-bottom:1px solid var(--m-border)}.m-help-section>button:first-of-type{border-radius:calc(var(--mu)*6) calc(var(--mu)*6) 0 0}.m-help-section>button:last-child{border-radius:0 0 calc(var(--mu)*6) calc(var(--mu)*6)}.m-help-section>button>span{font-size:calc(var(--mu)*20);line-height:1}.m-community>div{display:flex;justify-content:space-between}.m-community button{height:calc(var(--mu)*48);width:calc(var(--mu)*48);font-size:calc(var(--mu)*25);font-weight:bold;color:#168be8;border:1px solid var(--m-border);border-radius:calc(var(--mu)*6);background:linear-gradient(353deg,#3381ff35 6.42%,transparent 51.1%),white}.m-footer{text-align:center;padding:calc(var(--mu)*24) 0 calc(var(--mu)*8);color:var(--m-muted)}.m-footer>p:first-child{font-size:calc(var(--mu)*21);font-weight:bold;color:#167de4;margin:0 0 calc(var(--mu)*8)}.m-footer small{font-size:calc(var(--mu)*10)}.m-footer-links{display:flex;justify-content:center;gap:calc(var(--mu)*20);font-size:calc(var(--mu)*12);margin:calc(var(--mu)*20) 0}.m-bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:calc(var(--mu)*58 + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:white;box-shadow:0 -1px 6px #b4c1dc35;display:flex;align-items:center;border-top:1px solid #e1eaf8}.m-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:calc(var(--mu)*2);color:#8998b7}.m-bottom-nav button>span{font-size:calc(var(--mu)*24);line-height:calc(var(--mu)*26)}.m-bottom-nav button>b{font-weight:400;font-size:calc(var(--mu)*11)}.m-bottom-nav button.active{color:#167de4}.m-category-page{min-height:100vh;padding-bottom:calc(var(--mu)*78);background:#f4f7ff}.m-page-header{height:calc(var(--mu)*48);display:flex;justify-content:space-between;align-items:center;background:white;padding:0 calc(var(--mu)*14)}.m-page-header h1{font-size:calc(var(--mu)*16);font-weight:600;margin:0}.m-page-header>button,.m-page-header>span{width:calc(var(--mu)*32);font-size:calc(var(--mu)*30);line-height:1}.m-category-tabs{display:flex;gap:calc(var(--mu)*24);padding:calc(var(--mu)*14) calc(var(--mu)*12);overflow-x:auto;border-bottom:1px solid var(--m-border);background:white;scrollbar-width:none}.m-category-tabs button{flex-shrink:0;white-space:nowrap;font-size:calc(var(--mu)*14);color:var(--m-muted);position:relative}.m-category-tabs button.active{color:#167de4;font-weight:600}.m-category-game-grid{padding:calc(var(--mu)*12);display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--mu)*12)}.m-category-game-grid button{overflow:hidden;border-radius:calc(var(--mu)*6)}.m-category-game-grid img{width:100%;height:auto;display:block}.m-category-game-grid .m-game-name{font-size:calc(var(--mu)*12);padding:calc(var(--mu)*6);display:block;background:white}.m-demo-toast{position:fixed;z-index:150;left:50%;top:45%;transform:translate(-50%,-50%);background:#304055df;color:white;border-radius:8px;font-size:14px;line-height:1.7;max-width:80%;padding:14px 20px;text-align:center;box-shadow:0 8px 30px #15233b22}
@media(max-width:750px){.mobile-demo{display:block}.desktop-demo{display:none!important}}

@media(max-width:750px){
  .m-header{height:calc(var(--mu)*32);margin:calc(var(--mu)*6) calc(var(--mu)*5) 0}
  .m-logo{height:calc(var(--mu)*32);max-width:calc(var(--mu)*120)}
  .mobile-home>.m-banner{margin-top:calc(var(--mu)*6);height:calc(var(--mu)*140)}
  .m-notice{height:calc(var(--mu)*28)}
  .m-category-board{gap:calc(var(--mu)*16)}
  .m-header{position:relative}
  .m-language-switch{position:relative;display:block;padding:0;border:0;background:transparent}
  .m-language-toggle{height:27px;min-width:calc(var(--mu)*94);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px!important;border:1px solid #d6e3f6!important;border-radius:5px;background:#fff!important;color:#49617f!important;font-size:10px!important}
  .m-language-menu{position:absolute;z-index:50;top:calc(100% + 4px);right:0;width:calc(var(--mu)*126);max-height:calc(100vh - 90px);overflow-y:auto;padding:4px;background:#fff;border:1px solid #d6e3f6;border-radius:5px;box-shadow:0 5px 18px #15233b22}
  .m-language-menu button{display:block;width:100%;height:32px;padding:0 9px!important;border-radius:3px;color:#536b8a!important;font-size:12px!important;text-align:left;white-space:nowrap}
  .m-language-menu button.active{color:#167de4!important;background:#eef4fd!important;font-weight:600}
  .m-bottom-nav{height:calc(var(--mu)*62 + env(safe-area-inset-bottom));align-items:stretch}
  .m-bottom-nav button{justify-content:center}
  .m-bottom-nav button>span{font-size:calc(var(--mu)*22);line-height:calc(var(--mu)*24)}
  .m-bottom-nav button>b{font-size:calc(var(--mu)*10)}
  .m-bottom-nav .m-nav-center{position:relative;overflow:visible;justify-content:flex-start;align-items:center;padding-top:0}
  .m-bottom-nav .m-nav-center img{position:absolute;width:calc(var(--mu)*60);height:calc(var(--mu)*60);max-width:none;object-fit:contain;top:calc(var(--mu)*-18);left:50%;transform:translateX(-50%)}
}

.m-award-art{width:calc(var(--mu)*40);height:calc(var(--mu)*36);object-fit:contain}
.m-partners>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--mu)*8)}
.m-partners img{width:100%;height:calc(var(--mu)*48);object-fit:contain;padding:calc(var(--mu)*6);border:1px solid var(--m-border);border-radius:calc(var(--mu)*5);background:#fff}
.m-floating-service{position:fixed;z-index:31;right:calc(var(--mu)*10);bottom:calc(var(--mu)*72 + env(safe-area-inset-bottom));width:calc(var(--mu)*49);height:calc(var(--mu)*49);border:0;border-radius:50%;background:#fff!important;box-shadow:0 2px 10px #1833542b;overflow:hidden}
.m-floating-service img{width:100%;height:100%;object-fit:cover}