body{background-color:#eee3e3;width:100%;max-width:580px;margin:0 auto;position:relative;overflow-x:hidden}.qr-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.qrCode{text-align:center;background:#fff;border:1px solid #eee;border-radius:15px;width:260px;padding:0 10px;animation:.3s ease-out zoomIn;position:relative;box-shadow:0 15px 35px #0000004d}.qr-header p{color:#333;margin-bottom:0;padding-top:20px;font-size:18px;font-weight:700}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;font-size:50px;line-height:1;position:absolute;top:8px;right:12px}.close-btn:hover{color:#ff4d4f}img{width:100%;max-width:100%;display:block}p{margin:0;padding:0}a{cursor:pointer;text-decoration:none}.nav-top{z-index:99;width:100%;max-width:580px;height:90px;position:fixed;top:0;left:50%;transform:translate(-50%)}.nav-logo{float:left;cursor:pointer;height:43px;margin:5px 0 0 3px;display:flex}.nav-logo>img{height:43px;width:43px!important}.nav-logo>p{color:#fff;margin-left:8px;font-size:12px;line-height:22px}.nav-text1{letter-spacing:2px;font-size:14px}.nav-text2{letter-spacing:4px;color:#4ea6ff}.nav-btn-download{text-align:center;float:right;background:#4ea6ff;border-radius:36px;width:80px;height:36px;margin-top:0;margin-right:0;font-size:14px;font-weight:700;line-height:38px;display:block;color:#fff!important}.nav-btn-ghost{text-align:center;float:right;background:linear-gradient(#4ea6ff,#236cf0);border:1px solid #fff3;border-radius:36px;width:87px;height:36px;margin-top:10px;margin-right:5px;font-size:14px;font-weight:700;line-height:38px;display:block;box-shadow:0 0 8px #4ea6ff99;color:#fff!important}.content-area{margin-top:90px;margin-bottom:90px}.content-area img{cursor:pointer}.carousel{width:100%;position:relative;overflow:hidden}.slides{width:100%;transition:transform .5s ease-in-out;display:flex}.slide{box-sizing:border-box;flex:0 0 100%;max-width:100%}.slide img{width:100%;height:auto;display:block}.dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.dot{opacity:.5;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .3s}.dot.active{opacity:1}.kf-float{z-index:99;cursor:pointer;height:55px;position:fixed;bottom:50%;right:max(0px,50% - 290px)}.kf-icon{float:right;width:55px;animation:2s infinite heartbeat}.bottom-wrapper{width:100%;max-width:580px;height:120px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-logo-row{z-index:99;cursor:pointer;width:100%;max-width:580px;height:60px;position:fixed;bottom:59px;left:50%;transform:translate(-50%)}.bottom-btn-row{z-index:99;width:100%;max-width:580px;height:60px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.btn-left{text-align:center;float:left;background:linear-gradient(#4ea6ff,#236cf0);border:1px solid #fff3;border-radius:20px;width:160px;height:36px;margin:14px 0 0 20px;font-size:14px;font-weight:700;line-height:38px;display:block;box-shadow:0 0 8px #4ea6ff99;color:#fff!important}.btn-right{text-align:center;float:right;background:linear-gradient(#4ea6ff,#236cf0);border:1px solid #fff3;border-radius:20px;width:160px;height:36px;margin:12px 14px 0 0;font-size:14px;font-weight:700;line-height:38px;display:block;box-shadow:0 0 8px #4ea6ff99;color:#fff!important}.animate-pulse{animation:1.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}.loading-overlay{z-index:9999;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-background{opacity:.6;background-color:#070a14;position:absolute;inset:0}.loading-content{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,1.5vh,100px);display:flex;position:relative}.loader-svg{fill:#fff;width:clamp(30px,6vh,400px);height:clamp(30px,6vh,400px);animation:1s linear infinite spin}.loader-text{color:#fff;font-size:clamp(14px,2.1vh,140px);font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}