.header{background:#fff;box-shadow:0 2px 8px #0000000f;left:0;padding:0 50px;position:fixed;right:0;top:0;z-index:1000}.header,.logo{align-items:center;display:flex;height:64px}.logo{margin-right:40px}.logo img{height:32px;object-fit:contain}.menu{background:#0000;border-bottom:none!important;flex:1 1}.menu .ant-menu-item{padding:0 20px;position:relative;transition:all .3s ease}.menu .ant-menu-item a{color:#000000d9;display:inline-block;position:relative;transition:all .3s ease}.menu .ant-menu-item:hover a{color:#1890ff;transform:translateY(-1px)}.menu .ant-menu-item-selected a{color:#1890ff;font-weight:600}.menu .ant-menu-item:after{background:#1890ff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.menu .ant-menu-item-selected:after,.menu .ant-menu-item:hover:after{width:100%}.button-group{margin-left:auto;margin-right:50px}.auth-buttons,.user-info{align-items:center;display:flex;gap:8px}.welcome-text{align-items:center;display:flex;gap:4px}.action-buttons,.auth-buttons{display:flex;gap:8px}.auth-buttons{flex-wrap:wrap}.user-info span{color:#000000d9}.menu-button{cursor:pointer;display:none;font-size:20px;margin-left:16px}.ant-drawer .ant-menu{border-right:none}@media screen and (max-width:768px){.header{padding:0 16px}.logo,.menu{display:none}.menu-button{display:block}.button-group{margin-right:40px;width:auto}.auth-buttons,.user-info{align-items:stretch;flex-direction:column;width:100%}.welcome-text{text-align:center}.auth-buttons .ant-btn,.user-info .ant-btn{width:100%}}.ant-menu-horizontal{line-height:64px}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after{display:none}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{border-bottom:2px solid #0000}.ant-menu-horizontal>.ant-menu-item-selected{border-bottom:2px solid #1890ff}.login-button.ant-btn{background-color:#f0f0f0!important;color:#000000e0!important}.login-button.ant-btn:hover{background-color:#e0e0e0!important;color:#000000e0!important}.login-button{color:#000;margin-right:16px}.login-button:hover{color:#1890ff}.member-button.ant-btn{background-color:#f0f0f0!important;color:#000000e0!important}.member-button.ant-btn:hover{background-color:#e0e0e0!important;color:#000000e0!important}.user-info{align-items:center;display:inline-flex;flex-wrap:nowrap;min-width:0}.user-info>*{flex-shrink:0}.welcome-text{margin-right:8px;white-space:nowrap}.nav-link{display:inline-block;margin-right:8px}.logout-button,.member-button{padding:4px 8px;white-space:nowrap}.ant-drawer .ant-menu-item{border-radius:4px;margin:4px 0;transition:all .3s ease}.ant-drawer .ant-menu-item:hover{background-color:#f5f5f5}.ant-drawer .ant-menu-item-selected{background-color:#e6f7ff}.login-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-card{animation:fadeIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;height:auto;max-height:440px;overflow:hidden;width:850px}.login-card-content{display:flex;height:100%}.login-left{align-items:center;background:linear-gradient(135deg,#1a76f2,#36a3ff);display:flex;flex:0.9 1;justify-content:center;overflow:hidden;position:relative}.login-illustration{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDAgNjAwIj48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjEiIGQ9Im00MDAgMzAwIDIwMCAxMTVWMTg1eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjA4IiBkPSJtNDAwIDMwMCAyMDAtMTE1TDQwMCA3MHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4xMiIgZD0iTTIwMCAxODV2MjMwbDIwMC0xMTV6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuMDYiIGQ9Ik00MDAgNzAgMjAwIDE4NWwyMDAgMTE1eiIvPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjA0IiBkPSJtNDAwIDQxNSAyMDAgMTE1SDQwMHoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wMiIgZD0ibTIwMCA0MTUgMjAwIDExNVY0MTV6TTYwMCAzMDBsMTAwLTU4djExNnoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wNCIgZD0iTTEwMCAyNDJ2MTE2bDEwMC01OHoiLz48Y2lyY2xlIGN4PSIxNTAiIGN5PSI0NTAiIHI9IjIwIiBmaWxsLW9wYWNpdHk9Ii4xIi8+PGNpcmNsZSBjeD0iNjUwIiBjeT0iMTUwIiByPSIzMCIgZmlsbC1vcGFjaXR5PSIuMDYiLz48Y2lyY2xlIGN4PSI1MDAiIGN5PSI1MDAiIHI9IjE1IiBmaWxsLW9wYWNpdHk9Ii4wOCIvPjxjaXJjbGUgY3g9IjMwMCIgY3k9IjEwMCIgcj0iMjUiIGZpbGwtb3BhY2l0eT0iLjA0Ii8+PC9nPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:cover;height:70%;width:100%}.login-right{display:flex;flex:1.1 1;flex-direction:column;overflow-y:auto;padding:20px 35px;position:relative}.login-close{align-items:center;background:#f7f7f7;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:32px}.login-close:hover{background:#eaeaea;color:#666}.login-header{margin-bottom:15px;text-align:center}.login-header h2{font-size:22px;margin-bottom:0}.login-tabs{border-bottom:1px solid #f0f0f0;display:flex;margin-bottom:15px}.login-tab{background:none;border:none;color:#999;cursor:pointer;flex:1 1;font-size:14px;padding:12px 0;position:relative;transition:all .2s}.login-tab.active{color:#1a76f2;font-weight:500}.login-tab.active:after{background:#1a76f2;bottom:-1px;content:"";height:2px;left:20%;position:absolute;right:20%}.login-form{display:flex;flex-direction:column;gap:10px}.login-form-field{margin-bottom:0}.login-input-group{align-items:center;display:flex;position:relative}.login-input-icon{color:#bbb;font-size:16px;left:15px;position:absolute;transition:color .2s;z-index:2}.login-input-group input{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:8px 15px 8px 45px;transition:all .3s;width:100%}.login-input-group input::placeholder{color:silver;opacity:1}.login-input-group input:focus{background:#fff;border-color:#1a76f2;box-shadow:0 0 0 2px #1a76f21a;outline:none}.login-input-group input:focus+.login-input-icon{color:#1a76f2}.captcha-field{display:flex;gap:10px}.captcha-field .login-input-group{flex:1 1}.captcha-img{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;height:35px;transition:all .2s}.captcha-img:hover{border-color:#1a76f2}.login-button{background:linear-gradient(135deg,#1a76f2,#36a3ff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:2px;padding:10px;transition:all .3s;width:100%}.login-button:hover{background:linear-gradient(135deg,#0c5bc3,#1a76f2);box-shadow:0 4px 10px #1a76f24d}.login-button:active{box-shadow:0 2px 5px #1a76f24d;transform:translateY(1px)}.login-agreement{align-items:center;display:flex;margin:2px 0}.login-agreement input[type=checkbox]{accent-color:#1a76f2;cursor:pointer;flex-shrink:0;height:12px;margin-right:3px;width:12px}.login-agreement label{align-items:center;color:#999;cursor:pointer;display:flex;font-size:11px;line-height:1}.login-agreement span{margin-right:1px}.login-agreement a{color:#1a76f2;font-size:11px;line-height:1;text-decoration:none}.login-agreement a:hover{text-decoration:underline}.forgot-password-container{margin:-5px 0 0;text-align:right}.forgot-password{color:#1a76f2;font-size:11px}.forgot-password:hover{color:#0c5bc3;text-decoration:underline}@media (max-width:920px){.login-card{max-height:450px;max-width:400px;width:85%}.login-left{display:none}.login-right{padding:20px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recharge-container{background-color:#f0f2f5;min-height:100vh;padding:24px}.recharge-card{margin:0 auto;max-width:800px}.balance-info{align-items:center;background-color:#f8f8f8;border-radius:8px;display:flex;gap:40px;justify-content:center;margin-bottom:24px;padding:20px}.balance-item{text-align:center}.balance-item h3{color:#666;margin-bottom:8px}.balance-amount{color:#1890ff;font-size:24px;font-weight:700}.points-amount{color:#ff4d4f;font-size:24px;font-weight:700}.balance-divider{background-color:#e8e8e8;height:40px;width:1px}.amount-selection{margin-bottom:24px}.amount-options{margin-top:16px;width:100%}.amount-option-button{align-items:center;border-radius:4px;display:flex;height:auto!important;justify-content:center;padding:8px!important;width:100%}.amount-option-content{align-items:center;display:flex;flex-direction:column;gap:4px}.amount-option-content .amount{font-size:16px;font-weight:500}.amount-option-content .bonus-points{color:#ff4d4f;font-size:12px;line-height:1}.ant-radio-button-wrapper-checked .bonus-points{color:#ff4d4f}.custom-amount{margin-top:16px}.payment-info{background-color:#f8f8f8;border-radius:8px;margin:24px 0;padding:16px}.payment-amount{color:#f5222d;font-size:24px;font-weight:700}.recharge-notice{background-color:#f8f8f8;border-radius:8px;margin-top:24px;padding:16px}.recharge-notice h4{color:#666;margin-bottom:8px}.recharge-notice ul{color:#666;margin:0;padding-left:20px}.recharge-notice li{margin-bottom:4px}.payment-options{margin-top:16px;width:100%}.payment-option-button{border-radius:4px;height:70px;padding:8px!important}.payment-method-content,.payment-option-button{align-items:center;display:flex;justify-content:center;width:100%}.payment-method-content{flex-direction:column;gap:8px;height:100%}.payment-method-content .anticon{font-size:24px}.payment-method-content span{font-size:14px;line-height:1}.payment-badge{background-color:#ff4d4f;border-radius:10px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:-8px;top:-8px;transform:scale(.8)}.wechat-pay.ant-radio-button-wrapper-checked{background:#f6ffed!important;border-color:#07c160!important}.alipay-pay.ant-radio-button-wrapper-checked{background:#f0f5ff!important;border-color:#1677ff!important}.qq-pay.ant-radio-button-wrapper-checked{background:#e6f7ff!important;border-color:#12b7f5!important}@media (max-width:576px){.recharge-container{padding:12px}.amount-option-button{height:50px}.payment-option-button{height:60px;padding:4px!important}.payment-method-content .anticon{font-size:20px}.payment-method-content span{font-size:12px}.amount-option-content .amount{font-size:14px}.amount-option-content .bonus-points{font-size:11px}.balance-info{gap:20px;padding:15px}.balance-amount,.points-amount{font-size:20px}.balance-item h3{font-size:14px}.balance-divider{height:30px}}.payment-modal .ant-modal-content{border-radius:16px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.payment-modal .ant-modal-header{border-bottom:none;padding:24px 32px}.payment-modal .ant-modal-title{color:#1a1a1a;font-size:20px;font-weight:600}.payment-modal .ant-modal-body{padding:0 32px}.payment-modal .ant-modal-footer{border-top:none;padding:24px 32px}.payment-container .amount-section{background:linear-gradient(135deg,#f6f7ff,#f0f5ff);border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.payment-container .amount-label{color:#666;font-size:15px;margin-bottom:8px}.payment-container .amount-value{color:#1a1a1a;font-family:DIN,Arial,sans-serif;font-size:32px;font-weight:600}.payment-container .account-info{display:flex;gap:16px;margin-bottom:32px}.payment-container .info-item{align-items:center;background:#f8f9fc;border-radius:12px;display:flex;flex:1 1;gap:12px;padding:16px}.payment-container .info-icon{background-position:50%;background-repeat:no-repeat;background-size:24px;border-radius:8px;height:40px;width:40px}.payment-container .balance-icon{background-color:#e6f4ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231890ff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.31-8.86c-1.77-.45-2.34-.94-2.34-1.67 0-.84.79-1.43 2.1-1.43 1.38 0 1.9.66 1.94 1.64h1.71c-.05-1.34-.87-2.57-2.49-2.97V5H10.9v1.69c-1.51.32-2.72 1.3-2.72 2.81 0 1.79 1.49 2.69 3.66 3.21 1.95.46 2.34 1.15 2.34 1.87 0 .53-.39 1.39-2.1 1.39-1.6 0-2.23-.72-2.32-1.64H8.04c.1 1.7 1.36 2.66 2.86 2.97V19h2.34v-1.67c1.52-.29 2.72-1.16 2.73-2.77-.01-2.2-1.9-2.96-3.66-3.42z'/%3E%3C/svg%3E")}.payment-container .info-content{min-width:0;overflow:hidden}.payment-container .info-label{font-size:14px}.payment-container .info-value{font-size:16px}.payment-method{margin:24px 0}.payment-radio-group{width:100%}.method-options{justify-content:space-between}.method-option-wrapper{flex:1 1;min-width:0}.payment-method .ant-radio-wrapper{margin:0;padding:0;width:100%}.payment-method .ant-radio{display:none}.option-content{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;gap:16px;padding:16px 24px;transition:all .3s;width:100%}.ant-radio-wrapper-checked .option-content{background:#f0f5ff;border-color:#1890ff}.info-icon{background-position:50%;background-repeat:no-repeat;background-size:26px;border-radius:8px;flex-shrink:0;height:44px;width:44px}.balance-icon{background-color:#e6f4ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231890ff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.31-8.86c-1.77-.45-2.34-.94-2.34-1.67 0-.84.79-1.43 2.1-1.43 1.38 0 1.9.66 1.94 1.64h1.71c-.05-1.34-.87-2.57-2.49-2.97V5H10.9v1.69c-1.51.32-2.72 1.3-2.72 2.81 0 1.79 1.49 2.69 3.66 3.21 1.95.46 2.34 1.15 2.34 1.87 0 .53-.39 1.39-2.1 1.39-1.6 0-2.23-.72-2.32-1.64H8.04c.1 1.7 1.36 2.66 2.86 2.97V19h2.34v-1.67c1.52-.29 2.72-1.16 2.73-2.77-.01-2.2-1.9-2.96-3.66-3.42z'/%3E%3C/svg%3E")}.payment-container .points-icon{background-color:#fff0f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23eb2f96'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 7h2v6h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E")}.payment-container .info-content{flex:1 1}.payment-container .info-label{color:#666;font-size:15px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-container .info-value{color:#1a1a1a;font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:22px;box-shadow:0 2px 8px #1890ff59;font-size:16px;height:44px;padding:0 32px}.payment-modal .ant-modal-footer .ant-btn-default{border-radius:22px;font-size:16px;height:44px;padding:0 32px}.payment-modal{width:530px!important}.method-options{display:flex;gap:16px}@media screen and (max-width:576px){.payment-modal{margin:0 auto;width:90vw!important}.method-options{flex-direction:column}.method-option .option-content{padding:12px 16px}.payment-modal .ant-modal-body{padding:0 16px}.payment-modal .ant-modal-footer,.payment-modal .ant-modal-header{padding:16px}}.method-option{flex:1 1;margin:0!important}.method-option .option-content{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:all .3s;width:100%}.trial-modal .ant-modal-content{border-radius:16px;overflow:hidden}.trial-modal .ant-modal-header{border-bottom:none;padding:24px 32px}.trial-modal .ant-modal-title{color:#1a1a1a;font-size:20px;font-weight:600}.trial-modal .ant-modal-body{padding:0 32px 24px}.trial-modal .ant-modal-footer{border-top:none;padding:16px 32px 24px}.trial-container .trial-info{align-items:center;background:linear-gradient(135deg,#f0f5ff,#e6f7ff);border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:24px}.trial-info .info-icon{background-color:#1890ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 7h2v6h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:28px;border-radius:12px;flex-shrink:0;height:48px;width:48px}.trial-info .info-content{flex:1 1}.trial-info .info-title{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:4px}.trial-info .info-desc{color:#666;font-size:14px}.trial-container .trial-notice{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:20px 24px}.trial-notice h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.trial-notice ul{list-style:none;margin:0;padding:0}.trial-notice li{align-items:center;color:#666;display:flex;font-size:14px;line-height:1.5;margin-bottom:12px}.trial-notice li:last-child{margin-bottom:0}.trial-notice .dot{background:#1890ff;border-radius:50%;flex-shrink:0;height:6px;margin-right:12px;width:6px}.trial-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;border-radius:20px;box-shadow:0 2px 8px #1890ff59;font-size:15px;height:40px;padding:0 32px}.trial-modal .ant-modal-footer .ant-btn-default{border-radius:20px;font-size:15px;height:40px;padding:0 32px}.success-modal .success-container{padding:20px 0;text-align:center}.success-modal .success-icon{background-color:#52c41a;border-radius:50%;color:#fff;font-size:32px;height:60px;line-height:60px;margin:0 auto 20px;width:60px}.success-modal .success-content{color:#333;margin-bottom:24px}.success-modal .success-content h3{color:#333;font-size:18px;margin-bottom:12px}.success-modal .success-content p{color:#666;font-size:14px;line-height:1.5}.success-modal .success-content strong{color:#1890ff}.success-modal .proxy-info{background:#f5f5f5;border-radius:8px;margin-top:20px;padding:16px;text-align:left}.success-modal .proxy-info h4{color:#666;font-size:14px;margin-bottom:12px}.success-modal .proxy-info .ant-input{background:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#333;font-family:monospace;font-size:13px}.success-modal .proxy-info .ant-input:focus,.success-modal .proxy-info .ant-input:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.custom-radio-group{display:flex;flex-wrap:wrap;gap:12px}.custom-radio-option{align-items:center;background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:8px 16px;transition:all .3s ease}.custom-radio-option.selected,.custom-radio-option:hover:not(.disabled){background:#e6f7ff;border-color:#1890ff}.custom-radio-option.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}.radio-label{color:#333;font-size:14px;-webkit-user-select:none;user-select:none}.disabled .radio-label{color:#999}.custom-city-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:4px}.city-option{background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.city-option:hover:not(.disabled){transform:translateY(-1px)}.city-option.selected,.city-option:hover:not(.disabled){background:#e6f7ff;border-color:#1890ff}.city-option.disabled{cursor:not-allowed;opacity:.5}.city-content{align-items:center;display:flex;flex-direction:column;gap:4px}.city-name{color:#333;font-size:14px;font-weight:500}.city-count{background:#0000000d;border-radius:10px;color:#666;font-size:12px;padding:2px 8px}.selected .city-count{background:#1890ff1a;color:#1890ff}.custom-game-selector{position:relative;width:100%}.game-selector-trigger{background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .3s ease}.game-selector-trigger.active,.game-selector-trigger:hover:not(.disabled){background:#e6f7ff;border-color:#1890ff}.game-selector-trigger.disabled{cursor:not-allowed;opacity:.5}.game-selector-content{align-items:center;display:flex;gap:8px}.game-icon{color:#666;font-size:16px}.game-text{color:#333;flex:1 1;font-size:14px}.game-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.game-search{border-bottom:1px solid #f0f0f0;padding:12px}.game-search input{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .3s ease;width:100%}.game-search input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.game-options{max-height:300px;overflow-y:auto}.game-option{color:#333;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .3s ease}.game-option:hover{background:#e6f7ff}.game-option.selected{background:#e6f7ff;color:#1890ff;font-weight:500}.game-option.empty{color:#999;cursor:default;text-align:center}.game-options::-webkit-scrollbar{width:6px}.game-options::-webkit-scrollbar-track{background:#f5f5f5}.game-options::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.game-options::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.footer{background:linear-gradient(90deg,#1a1a1a,#2d2d2d);color:#fff;padding:80px 0 20px}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px}.footer-brand{margin-bottom:30px}.footer-logo{height:40px;margin-bottom:20px}.footer-description{color:#b0b0b0;line-height:1.6;margin-bottom:24px}.footer-social{display:flex;gap:16px}.footer-social a{color:#fff;font-size:20px;transition:all .3s ease}.footer-social a:hover{color:#1890ff;transform:translateY(-3px)}.footer-section{margin-bottom:30px}.footer-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;position:relative}.footer-section h3:after{background:#1890ff;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#b0b0b0;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#1890ff;padding-left:5px}.footer-contact li{color:#b0b0b0;display:flex;gap:8px}.footer-contact li strong{color:#fff;min-width:60px}.footer-contact li a{color:#b0b0b0;text-decoration:none;transition:color .3s ease}.footer-contact li a:hover{color:#1890ff}.footer-divider{background:#ffffff1a;margin:40px 0 20px}.footer-bottom{align-items:center;display:flex;justify-content:space-between;padding-top:20px}.copyright{color:#b0b0b0;font-size:14px}.footer-links{display:flex;gap:24px}.footer-links a{color:#b0b0b0;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#1890ff}@media (max-width:768px){.footer{padding:40px 0 20px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-links{flex-wrap:wrap;gap:16px;justify-content:center}}@media (max-width:576px){.footer-content{padding:0 15px}.footer-section h3{font-size:16px}.footer-social{justify-content:center}}.floating-button{align-items:center;background-color:#1890ff;border-radius:50px;bottom:30px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;position:fixed;right:30px;transition:all .3s ease;z-index:1000}.floating-button:hover{background-color:#40a9ff;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.floating-button span{font-size:14px;font-weight:500}.floating-button .anticon{font-size:20px}.register-container{padding:20px}.register-box{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:1000px}.form-group{position:relative;width:100%}.form-input{box-sizing:border-box;width:100%}.register-button{width:100%}.register-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.terms{justify-content:center}.terms,.terms-checkbox{align-items:center;display:flex;gap:5px}.terms-checkbox{cursor:pointer}.terms-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.captcha-content{border-radius:16px;box-shadow:0 10px 30px #0000001a}.captcha-title{margin:0}.captcha-image{background:#f8f9ff;border-radius:12px;height:120px}.captcha-image img{max-height:100%;object-fit:contain}.captcha-input{box-sizing:border-box;color:#1a1a1a}.captcha-input:focus{background:#fff;box-shadow:0 5px 15px #0000000d}.captcha-button{border:none}.captcha-confirm:hover{box-shadow:0 5px 15px #0000001a}.captcha-cancel{background:#f8f9ff}.captcha-cancel:hover{background:#e9ecef;transform:translateY(-2px)}@media screen and (max-width:768px){.register-container{min-height:100vh;padding:10px}.register-box{border-radius:8px;box-shadow:none;width:100%}.register-right{padding:20px;width:100%}.form-header{margin-bottom:30px}.form-title{font-size:24px;margin-bottom:10px}.form-subtitle{font-size:14px}.form-group{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:14px;min-width:auto;text-align:left}.form-input{font-size:14px;height:50px;padding:0 15px}.get-code-button{font-size:14px;height:50px;margin-top:10px;width:100%}.register-button{font-size:16px;height:50px}.terms{flex-wrap:wrap;font-size:12px;justify-content:flex-start}.captcha-modal{padding:10px}.captcha-content{padding:20px;width:90%}.captcha-title{font-size:18px}.captcha-input{font-size:14px;height:45px}.captcha-buttons{gap:10px}.captcha-button{font-size:14px;height:45px}}@media screen and (max-width:320px){.register-right{padding:15px}.form-title{font-size:20px}.form-input,.get-code-button{font-size:13px;height:45px}}@media screen and (max-height:480px) and (orientation:landscape){.register-container{align-items:flex-start;padding:16px}.register-right{padding:16px}.form-header{margin-bottom:16px}.form-group{margin-bottom:12px}}.register-container{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);display:flex;justify-content:center;margin-top:60px;min-height:100vh;padding:40px}.register-box{background:#fff;border-radius:30px;box-shadow:0 30px 60px #00000014;display:flex;max-width:1400px;min-height:800px;overflow:hidden;width:100%}.register-left{background:url(https://images.unsplash.com/photo-1707343848655-a134936c4081) 50%/cover;display:flex;flex-direction:column;justify-content:center;padding:80px;position:relative;width:55%}.register-left:before{background:linear-gradient(135deg,#000000e6,#000000b3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.left-content{color:#fff;position:relative;z-index:1}.brand-logo{font-size:32px;font-weight:700;margin-bottom:60px}.welcome-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:56px;font-weight:800;line-height:1.2;margin-bottom:30px}.welcome-desc{font-size:18px;line-height:1.8;max-width:500px;opacity:.9}.register-right{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:80px;width:45%}.form-header{margin-bottom:50px}.form-title{color:#1a1a1a;font-size:36px;font-weight:700;margin-bottom:15px}.form-subtitle{color:#666;font-size:16px}.form-group{align-items:center;display:flex;gap:15px;margin-bottom:30px}.form-label{color:#1a1a1a;font-size:15px;font-weight:500;margin:0;min-width:80px;text-align:right}.form-input{background:#f8f9ff;border:2px solid #0000;border-radius:16px;color:#1a1a1a;flex:1 1;font-size:16px;height:60px;padding:0 25px;transition:all .3s ease}.form-input:focus{background:#fff;border-color:#000;box-shadow:0 5px 15px #0000000d}.register-button{background:#000;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:60px;margin-top:20px;transition:all .3s ease}.register-button:hover{background:#1a1a1a;box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.terms{color:#666;font-size:14px;margin-top:25px;text-align:center}.terms a{color:#000;font-weight:500;text-decoration:none}.login-link{color:#666;font-size:15px;margin-top:30px;text-align:center}.login-link a{color:#000;font-weight:600;margin-left:5px;text-decoration:none}@media (max-width:1200px){.register-box{max-width:1000px}.register-left,.register-right{padding:60px}.welcome-text{font-size:48px}}@media (max-width:992px){.register-left{display:none}.register-right{width:100%}}.form-input.error{background:#fff8f8;border-color:#ff3b3b}.error-message{color:#ff3b3b;font-size:13px;margin-top:8px}.get-code-button{background:#000;border:none;border-radius:16px;color:#fff;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;height:60px;padding:0 25px;transition:all .3s ease;white-space:nowrap}.get-code-button:hover{background:#1a1a1a;box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.captcha-modal{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.captcha-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:30px;width:90%}.captcha-header{margin-bottom:20px;text-align:center}.captcha-title{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:10px}.captcha-image{align-items:center;background:#f5f5f5;border-radius:10px;display:flex;height:100px;justify-content:center;margin-bottom:20px;width:100%}.captcha-input{background:#f8f9ff;border:2px solid #0000;border-radius:12px;font-size:16px;height:50px;margin-bottom:20px;padding:0 20px;transition:all .3s ease;width:100%}.captcha-input:focus{border-color:#000;outline:none}.captcha-buttons{display:flex;gap:15px}.captcha-button{border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;height:50px;transition:all .3s ease}.captcha-confirm{background:#000;border:none;color:#fff}.captcha-confirm:hover{background:#1a1a1a;transform:translateY(-2px)}.captcha-cancel{background:#fff;border:2px solid #eee;color:#666}.captcha-cancel:hover{border-color:#ddd;color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.page-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:40px;width:400px}.page-header{margin-bottom:40px;text-align:center}.page-title{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.page-desc{color:#666;font-size:14px}.form-footer{color:#666;margin-top:16px;text-align:center}.form-footer a{color:#1890ff;margin-left:8px}.captcha-modal-content{padding:24px;text-align:center}.captcha-image{cursor:pointer;margin-bottom:16px}.captcha-image img{height:auto;max-width:100%}