:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--text-primary:#333;--text-secondary:#999;--bg-gray:#f5f5f5;--white:#fff;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #667eea26}body{background:var(--bg-gray);margin:0}.home-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:40px;display:flex}.header{text-align:center;color:#fff;padding:80px 30px 60px;animation:.6s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.title{text-shadow:0 4px 12px #0003;letter-spacing:4px;margin-bottom:16px;font-size:48px;font-weight:700}.subtitle{opacity:.95;text-shadow:0 2px 8px #00000026;font-size:18px}.zone-list{padding:0 30px;animation:.6s ease-out .2s backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.zone-card{cursor:pointer;background:#fff;border-radius:24px;align-items:center;gap:24px;margin-bottom:24px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea26}.zone-card:before{content:"";background:linear-gradient(#667eea 0%,#764ba2 100%);width:6px;height:100%;position:absolute;top:0;left:0}.zone-card:active{transform:translateY(-4px);box-shadow:0 12px 40px #667eea40}.zone-card.coming-soon{opacity:.65;cursor:not-allowed}.zone-card.coming-soon:before{background:linear-gradient(#ccc 0%,#999 100%)}.zone-icon{background:linear-gradient(135deg,#f5f7ff 0%,#e8ecff 100%);border-radius:20px;justify-content:center;align-items:center;width:100px;height:100px;font-size:64px;display:flex;box-shadow:0 4px 16px #667eea1a}.zone-info{flex-direction:column;flex:1;gap:8px;display:flex}.zone-name{color:#333;letter-spacing:1px;font-size:24px;font-weight:700}.zone-desc{color:#999;font-size:14px;line-height:1.5}.zone-arrow{color:#667eea;margin-right:10px;font-size:48px;font-weight:300}.zone-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:500;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #667eea4d}.profile-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;transition:transform .2s;position:absolute;top:60px;right:30px}.profile-btn:active{transform:scale(.9)}.disclaimer-banner{padding:0 30px 20px;animation:.6s ease-out .3s backwards fadeInUp}.disclaimer-banner-btn{cursor:pointer;background:#fffffff2;border:2px solid #ffc10780;border-radius:16px;align-items:center;gap:12px;width:100%;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 4px 16px #ffc10733}.disclaimer-banner-btn:active{transform:scale(.98);box-shadow:0 2px 8px #ffc1074d}.disclaimer-icon{font-size:24px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.disclaimer-text{color:#ff6b00;text-align:left;flex:1;font-size:16px;font-weight:600}.disclaimer-arrow{color:#ff6b00;font-size:24px;font-weight:300}.legal-footer{margin-top:auto;padding:40px 30px 20px;animation:.6s ease-out .4s backwards fadeInUp}.legal-content{text-align:center;background:#fffffff2;border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a}.legal-item{color:#555;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;line-height:1.6;display:flex}.legal-item:last-of-type{margin-bottom:16px}.legal-icon{flex-shrink:0;font-size:16px}.legal-text{text-align:center}.legal-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.legal-link:active{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.disclaimer-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.disclaimer-modal-content{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.disclaimer-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.disclaimer-modal-header h3{color:#ff6b00;margin:0;font-size:20px;font-weight:700}.disclaimer-modal-close{color:#999;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .2s;display:flex}.disclaimer-modal-close:hover{color:#666;background:#e0e0e0}.disclaimer-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.disclaimer-section{margin-bottom:20px}.disclaimer-section:last-child{margin-bottom:0}.disclaimer-title{color:#333;align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.disclaimer-section p{color:#666;margin:0;font-size:13px;line-height:1.6}.disclaimer-modal-footer{border-top:1px solid #f0f0f0;gap:12px;padding:16px 24px 24px;display:flex}.disclaimer-modal-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:12px;flex:1;padding:14px;font-size:14px;font-weight:500;transition:all .2s}.disclaimer-modal-btn:active{background:#e0e0e0}.disclaimer-modal-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;flex:1;padding:14px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.disclaimer-modal-btn-primary:active{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.kuaile8-container{background:linear-gradient(#667eea 0%,#764ba2 30%,#f5f5f5 30%);min-height:100vh;padding-bottom:40px}.kuaile8-header{text-align:center;color:#fff;padding:60px 30px 40px}.kuaile8-title{margin-bottom:12px;font-size:36px;font-weight:700;display:block}.kuaile8-subtitle{opacity:.9;font-size:16px}.section{background:#fff;border-radius:20px;margin:0 30px 30px;padding:30px;box-shadow:0 4px 20px #00000014}.section-title{color:#333;margin-bottom:24px;font-size:24px;font-weight:700}.tool-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tool-item{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 12px #667eea4d}.tool-item:active{transform:scale(.95)}.tool-item.locked{opacity:.7;background:linear-gradient(135deg,#ccc 0%,#999 100%)}.tool-icon{font-size:48px}.tool-name{color:#fff;font-size:18px;font-weight:700}.tool-desc{color:#fffc;font-size:14px}.lock-badge{font-size:24px;position:absolute;top:8px;right:8px}.vip-section .tool-item:not(.locked){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 4px 12px #f5576c4d}.back-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;position:fixed;top:20px;left:20px}.back-button:active{transform:scale(.9)}.page-container{background:#f5f5f5;min-height:100vh}.page-header{color:#fff;z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.back-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.back-btn:active{transform:scale(.9)}.page-title{font-size:20px;font-weight:700}.content{padding:20px}.card{background:#fff;border-radius:16px;margin-bottom:16px;padding:24px;box-shadow:0 2px 8px #00000014}.card-title{color:#333;margin-bottom:16px;font-size:18px;font-weight:700}.loading,.empty{text-align:center;color:#999;padding:60px 20px;font-size:16px}.draw-time{color:#999;margin-bottom:20px;font-size:14px}.numbers-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.numbers-grid.small{gap:8px}.number-ball{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;box-shadow:0 2px 8px #667eea4d}.number-ball.small{font-size:12px}.sum-info{text-align:center;color:#666;font-size:16px}.sum-info.small{text-align:right;font-size:14px}.sum-value{color:#667eea;margin-left:8px;font-size:24px;font-weight:700}.sum-info.small .sum-value{font-size:18px}.history-card{padding:16px}.history-header{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.issue{color:#333;font-weight:700}.time{color:#999}.stats-list{flex-direction:column;gap:12px;display:flex}.stat-item{align-items:center;gap:12px;display:flex}.stat-rank{text-align:center;color:#667eea;width:30px;font-weight:700}.stat-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.stat-bar{background:#f0f0f0;border-radius:10px;flex:1;height:20px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .3s}.stat-count{text-align:right;color:#666;width:60px;font-size:14px}.membership-title{text-align:center;color:#333;margin-bottom:20px;font-size:24px;font-weight:700}.privilege-list{flex-direction:column;gap:12px;display:flex}.privilege-item{color:#666;padding:8px 0;font-size:16px}.plans-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.plan-card{text-align:center;background:#fff;border-radius:16px;padding:24px;position:relative;box-shadow:0 2px 8px #00000014}.plan-badge{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-8px;right:-8px}.plan-name{color:#333;margin-bottom:12px;font-size:18px;font-weight:700}.plan-price{color:#667eea;margin-bottom:8px;font-size:32px;font-weight:700}.plan-days{color:#999;margin-bottom:16px;font-size:14px}.plan-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:24px;width:100%;padding:12px;font-size:16px;font-weight:700}.plan-btn:active{transform:scale(.95)}.profile-avatar{text-align:center;margin-bottom:16px;font-size:80px}.profile-name{text-align:center;color:#333;margin-bottom:24px;font-size:20px;font-weight:700}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:24px;width:100%;padding:16px;font-size:18px;font-weight:700}.primary-btn:active{transform:scale(.98)}.profile-phone{text-align:center;color:#999;margin-bottom:12px;font-size:16px}.profile-membership{text-align:center;color:#667eea;background:#f5f7ff;border-radius:12px;width:100%;margin-bottom:24px;padding:6px 16px;font-size:14px;display:inline-block}.secondary-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:24px;width:100%;margin-top:12px;padding:16px;font-size:18px;font-weight:700}.secondary-btn:active{transform:scale(.98)}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.login-header{text-align:center;color:#fff;margin-bottom:40px}.login-title{margin-bottom:12px;font-size:36px;font-weight:700}.login-subtitle{opacity:.9;font-size:16px}.login-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000001a}.tab-buttons{gap:16px;margin-bottom:30px;display:flex}.tab-buttons button{cursor:pointer;background:#f5f5f5;border:none;border-radius:12px;flex:1;padding:12px;font-size:16px;transition:all .3s}.tab-buttons button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-weight:700}.form-group{margin-bottom:20px}.form-group label{color:#666;margin-bottom:8px;font-size:14px;display:block}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:12px;width:100%;padding:12px 16px;font-size:16px}.form-group input:focus{border-color:#667eea;outline:none}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:18px;font-weight:700}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:active:not(:disabled){transform:scale(.98)}.login-footer{text-align:center;margin-top:20px}.login-footer button{color:#999;cursor:pointer;background:0 0;border:none;font-size:14px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}