.miniapp-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.content-wrapper,.miniapp-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.content-wrapper{width:100%;height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bg-image{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1;overflow:hidden}.bg-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-filter:brightness(.7) contrast(1.1);filter:brightness(.7) contrast(1.1);-webkit-transition:all .3s ease;transition:all .3s ease}.bg-image .bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8) 50%,rgba(67,131,86,.6));z-index:2}.main-content{position:relative;z-index:3;text-align:center;padding:40px;max-width:400px;width:90%;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.logo-section{margin-bottom:40px}.logo-section .logo{margin-bottom:20px}.logo-section .logo img{width:100px;height:100px;border-radius:50%;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.2);box-shadow:0 8px 32px rgba(0,0,0,.2);border:3px solid hsla(0,0%,100%,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.logo-section .logo img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 12px 40px rgba(0,0,0,.3);box-shadow:0 12px 40px rgba(0,0,0,.3)}.logo-section .title{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.logo-section .subtitle{font-size:18px;color:hsla(0,0%,100%,.9);margin:0;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.3)}.button-section{margin-bottom:30px;text-align:center}.button-section,.button-section .jump-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button-section .jump-button{width:100%;max-width:300px;height:56px;border:none;border-radius:28px;background:linear-gradient(45deg,#438356,#5a9c6b);color:#fff;font-size:18px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 8px 25px rgba(67,131,86,.4);box-shadow:0 8px 25px rgba(67,131,86,.4);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.button-section .jump-button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 12px 35px rgba(67,131,86,.6);box-shadow:0 12px 35px rgba(67,131,86,.6);background:linear-gradient(45deg,#4a9a5f,#63b074)}.button-section .jump-button:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.button-section .jump-button:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none;background:linear-gradient(45deg,#6c757d,#5a6268)}.button-section .jump-button.loading{background:linear-gradient(45deg,#6c757d,#5a6268);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.button-section .button-text,.button-section .loading-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.button-section .arrow-icon{width:16px;height:16px;border-right:2px solid #fff;border-top:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.button-section .loading-icon{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.tips-section .tips-text{font-size:14px;color:hsla(0,0%,100%,.8);margin:0;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:400}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (max-width:768px){.main-content{padding:20px}.logo-section .title{font-size:24px}.button-section .jump-button{height:50px;font-size:16px}}