*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#0d1117;color:#e6e6e6;min-height:100vh;min-height:100dvh;overscroll-behavior:none}#app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:500px;margin:0 auto;position:relative}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 72px}.page-content::-webkit-scrollbar{width:0}.top-bar{background:#161b22;border-radius:12px;padding:14px;margin:12px 12px 0;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:44px;height:44px;background:#f5a623;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.brand .name{font-size:18px;font-weight:700;color:#fff}.brand .sub{font-size:11px;color:#f5a623;letter-spacing:2px}.balance-box{background:#1c2333;border-radius:10px;padding:6px 14px;text-align:right}.balance-box .label{font-size:11px;color:#f5a623}.balance-box .amount{font-size:20px;font-weight:700;color:#fff;font-family:monospace}.auth-row{display:flex;gap:8px;padding:10px 12px 0}.btn-yellow{flex:1;padding:11px;background:#f5a623;border:none;border-radius:25px;color:#000;font-size:15px;font-weight:700;cursor:pointer}.btn-yellow:active{background:#d48e1a}.btn-outline{flex:1;padding:11px;background:0 0;border:2px solid #444;border-radius:25px;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}.btn-outline:active{border-color:#888}.banner-wrap{background:#161b22;border-radius:12px;padding:10px;margin-bottom:14px;overflow:hidden}.banner-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px}.banner-slider::-webkit-scrollbar{display:none}.banner-slide{min-width:100%;scroll-snap-align:start;height:150px;background:linear-gradient(135deg,#1a3a5c,#0d1117);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f5a623;font-size:15px;font-weight:700}.banner-dots{display:flex;justify-content:center;gap:5px;margin-top:6px}.banner-dots span{width:18px;height:3px;background:#333;border-radius:2px}.banner-dots span.active{background:#f5a623}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;color:#fff}.section-title::before{content:'';display:inline-block;width:4px;height:16px;background:#f5a623;border-radius:2px}.cat-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;padding:7px 18px;border-radius:20px;background:#1c2333;color:#888;font-size:13px;cursor:pointer;border:1px solid transparent;transition:.2s;white-space:nowrap}.cat-tab.active{background:rgba(245,166,35,.15);color:#f5a623;border-color:#f5a623}.game-card{background:#161b22;border-radius:12px;overflow:hidden;margin-bottom:12px;cursor:pointer;transition:transform .15s;-webkit-tap-highlight-color:transparent;position:relative}.game-card:active{transform:scale(.98)}.game-card .cover{height:140px;position:relative;background:linear-gradient(135deg,#1a3a5c 0,#2a5040 100%);display:flex;align-items:flex-end;padding:16px}.game-card .cover h3{font-size:22px;color:#fff;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}.game-card .cover p{font-size:12px;color:rgba(255,255,255,.7);margin-top:4px;letter-spacing:2px}.game-card .cover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.6) 100%)}.game-card .cover>div{position:relative;z-index:1}.game-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #1c2333}.game-card .match-count{font-size:12px;color:#888;display:flex;align-items:center;gap:4px}.game-card .match-count .live-dot{width:6px;height:6px;background:#2ecc71;border-radius:50%;display:inline-block;animation:1.5s infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.game-card .enter-btn{font-size:12px;color:#f5a623;background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.3);border-radius:14px;padding:4px 14px;cursor:pointer}.hot-match-item{background:#161b22;border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.15s}.hot-match-item:active{transform:scale(.98)}.hot-match-left{flex:1}.hot-match-left .hm-title{font-size:11px;color:#888;margin-bottom:4px}.hot-match-left .hm-players{font-size:14px;font-weight:600;color:#fff}.hot-match-left .hm-players .vs{color:#f5a623;margin:0 4px;font-size:12px}.hot-match-right{text-align:right;flex-shrink:0;margin-left:12px}.hot-match-right .hm-time{font-size:15px;font-weight:700;color:#f5a623}.hot-match-right .hm-badge{font-size:10px;padding:2px 8px;border-radius:8px;margin-top:3px;display:inline-block}.hm-badge-live{background:rgba(46,204,113,.15);color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.hm-badge-upcoming{background:rgba(245,166,35,.1);color:#f5a623;border:1px solid rgba(245,166,35,.3)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:56px;background:#161b22;display:flex;border-top:1px solid #222;z-index:50}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#555;cursor:pointer;font-size:10px}.bottom-nav .nav-item .icon{display:flex}.bottom-nav .nav-item .icon svg{width:22px;height:22px}.bottom-nav .nav-item.active{color:#f5a623}.detail-header{background:#161b22;border-radius:12px;padding:16px;margin-bottom:14px}.detail-header .dh-top{display:flex;justify-content:space-between;align-items:flex-start}.detail-header h2{font-size:18px;font-weight:800;color:#fff}.detail-header .dh-sub{font-size:12px;color:#888;margin-top:4px}.refresh-btn{border:1px solid #444;background:0 0;color:#ccc;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;flex-shrink:0}.refresh-btn:active{border-color:#f5a623;color:#f5a623}.notice-bar{background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.25);border-radius:10px;padding:12px 16px;text-align:center;color:#f5a623;margin-bottom:14px;font-size:13px}.match-card{background:#161b22;border-radius:12px;padding:16px;margin-bottom:14px}.match-card.clickable{cursor:pointer;transition:.15s}.match-card.clickable:active{transform:scale(.98)}.match-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.match-meta .info{font-size:11px;color:#666;max-width:65%;line-height:1.4}.match-meta .time-area{text-align:right;flex-shrink:0}.match-meta .time-label{font-size:10px;color:#666}.match-meta .time{font-size:18px;font-weight:800;color:#f5a623}.match-meta .status{font-size:11px;margin-top:2px}.match-meta .status-live{color:#2ecc71}.match-meta .status-closed{color:#e74c3c}.match-players{font-size:17px;font-weight:700;margin-bottom:4px;display:flex;align-items:center}.match-players .player{color:#fff}.match-players .vs{color:#f5a623;margin:0 6px;font-size:13px;font-weight:800}.match-score{font-size:13px;color:#2ecc71;margin-bottom:12px;font-weight:600}.match-divider{height:1px;background:#1c2333;margin:12px 0}.match-footer{display:flex;justify-content:flex-end;padding-top:8px}.view-score-btn{font-size:12px;color:#888;background:#1c2333;border:1px solid #2a3040;border-radius:16px;padding:5px 14px;cursor:pointer}.view-score-btn:active{border-color:#f5a623;color:#f5a623}.market-group{margin-bottom:12px}.market-label{font-size:12px;color:#666;margin-bottom:6px;padding-left:2px}.market-options{display:flex;gap:10px}.market-btn{flex:1;background:#1c2333;border:1px solid #2a3040;border-radius:10px;padding:12px 10px;text-align:center;cursor:pointer;transition:.15s}.market-btn:active{border-color:#f5a623}.market-btn.selected{border-color:#f5a623;background:rgba(245,166,35,.1)}.market-btn .opt-label{font-size:11px;color:#888;margin-bottom:4px}.market-btn .opt-odds{font-size:20px;font-weight:800;color:#fff}.market-btn.disabled{opacity:.4;pointer-events:none}.market-btn.win-highlight{border-color:#2ecc71;background:rgba(46,204,113,.08)}.market-btn.win-highlight .opt-odds{color:#2ecc71}.bet-slip{position:fixed;bottom:56px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:476px;background:#161b22;border:1px solid #f5a623;border-radius:14px 14px 0 0;padding:16px;z-index:60;display:none;box-shadow:0 -4px 20px rgba(0,0,0,.4)}.bet-slip.show{display:block}.bet-slip .bet-slip-close{position:absolute;top:10px;right:14px;width:28px;height:28px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;cursor:pointer;font-weight:700;border:1px solid #555}.bet-slip .bet-slip-close:active{background:#555}.bet-slip h4{color:#f5a623;margin-bottom:10px;font-size:14px}.bet-slip .bet-info{font-size:12px;color:#888;margin-bottom:10px}.bet-slip .chip-row{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.bet-slip .chip{padding:6px 14px;background:#1c2333;border:1px solid #2a3040;border-radius:16px;color:#ccc;font-size:13px;cursor:pointer}.bet-slip .chip.active,.bet-slip .chip:active{border-color:#f5a623;color:#f5a623;background:rgba(245,166,35,.08)}.bet-slip input{width:100%;padding:12px;border:1px solid #2a3040;border-radius:8px;background:#0d1117;color:#fff;font-size:16px;margin-bottom:6px}.bet-slip .bet-preview{font-size:12px;color:#888;margin-bottom:10px;text-align:right}.bet-slip .bet-preview .win-amount{color:#2ecc71;font-weight:600;font-size:14px}.bet-slip .submit-bet{width:100%;padding:13px;background:#f5a623;border:none;border-radius:10px;font-size:15px;font-weight:800;color:#000;cursor:pointer}.bet-slip .submit-bet:active{background:#d48e1a}.wallet-header{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:12px;padding:20px;text-align:center;margin-bottom:14px;color:#fff}.wallet-header .lbl{font-size:13px}.wallet-header .bal{font-size:36px;font-weight:700}.tab-row{display:flex;background:#fff;border-radius:25px;overflow:hidden;margin-bottom:14px}.tab-row .tab{flex:1;padding:10px;text-align:center;cursor:pointer;font-size:14px;color:#333;background:#f0f0f0;border:none}.tab-row .tab.active{background:#e8f4fd;color:#1890ff;font-weight:700;border-bottom:3px solid #1890ff}.pay-methods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pay-method{width:calc(20% - 7px);background:#fff;border:2px solid #e8e8e8;border-radius:8px;padding:8px 2px;text-align:center;cursor:pointer;font-size:11px;color:#333}.pay-method.active{border-color:#1890ff}.pay-method .pm-icon{font-size:24px;margin-bottom:2px}.pay-info{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:12px;padding:14px;margin-bottom:12px;color:#fff}.pay-info .pm-name{font-size:15px;font-weight:700;margin-bottom:6px}.pay-info .pm-account{font-size:13px}.copy-btn{border:1px solid #fff;background:0 0;color:#fff;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:11px;margin-left:6px}.recharge-note{color:#e74c3c;font-size:12px;margin-bottom:10px}.recharge-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:15px;margin-bottom:14px;background:#fff;color:#333}.recharge-submit{width:100%;padding:12px;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:25px;font-size:15px;font-weight:700;color:#fff;cursor:pointer}.white-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:14px;color:#333}.chat-container{background:#161b22;border-radius:12px;padding:12px}.chat-messages{height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:10px}.chat-msg{display:flex;margin-bottom:8px}.chat-msg.from-user{justify-content:flex-end}.chat-msg .bubble{max-width:78%;padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.5}.chat-msg.from-system .bubble{background:#1c2333;color:#e6e6e6}.chat-msg.from-user .bubble{background:#f5a623;color:#000}.chat-msg.from-admin .bubble{background:#2ecc71;color:#fff}.chat-input-row{display:flex;gap:6px}.chat-input-row input{flex:1;padding:10px;border:1px solid #333;border-radius:8px;background:#0d1117;color:#fff;font-size:14px}.chat-input-row button{padding:10px 16px;background:#f5a623;border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer}.profile-header{background:#161b22;border-radius:12px;padding:18px;text-align:center;margin-bottom:14px}.profile-header .avatar{width:56px;height:56px;background:#f5a623;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:28px}.profile-header .uname{font-size:16px;font-weight:700}.profile-header .pts{color:#f5a623;font-size:22px;font-weight:700;margin-top:4px}.profile-header .weekly-info{font-size:13px;color:#888;margin-top:6px}.records-table{width:100%;border-collapse:collapse}.records-table th{text-align:left;padding:8px 6px;font-size:11px;color:#888;border-bottom:1px solid #222}.records-table td{padding:8px 6px;font-size:12px;border-bottom:1px solid #1c2333}.status-won{color:#2ecc71}.status-lost{color:#e74c3c}.status-pending{color:#f5a623}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:200}.modal-box{background:#161b22;border-radius:12px;padding:20px;width:320px;max-width:90%}.modal-box h3{margin-bottom:14px;color:#fff}.modal-box input{width:100%;padding:10px;margin-bottom:8px;border:1px solid #333;border-radius:6px;background:#0d1117;color:#fff;font-size:15px}.modal-box .btn-group{display:flex;gap:8px}.modal-box button{flex:1;padding:10px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.modal-box .btn-primary{background:#f5a623;color:#000;font-weight:700}.modal-box .btn-cancel{background:#333;color:#ccc}.hidden{display:none!important}.text-center{text-align:center}.back-btn{background:0 0;border:none;color:#f5a623;font-size:13px;cursor:pointer;margin-bottom:10px;padding:0}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.page-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}.pay-account-item{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:12px;padding:14px;margin-bottom:10px;color:#fff}.pay-account-name{font-size:15px;font-weight:700;margin-bottom:4px}.pay-account-info{font-size:13px}.pay-account-qr{text-align:center}.add-account-box{border:2px dashed #1890ff;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;margin:10px 0}.add-account-box:active{background:rgba(24,144,255,.05)}.add-account-icon{font-size:36px;color:#1890ff;margin-bottom:6px}.add-account-text{font-size:14px;color:#1890ff}