.game-room{--header-h:9vh;--period-h:9vh;--input-h:10vh;--btn-size:7vw;color:#333;background:#f1f1f1;flex-direction:column;width:100%;max-width:450px;height:100dvh;margin:0 auto;font-size:clamp(12px,3.5vw,14px);display:flex;overflow:hidden}.header-top{height:var(--header-h);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;min-height:36px;max-height:50px;padding:0 2vw;display:flex}.header-left{align-items:center;gap:1.5vw;display:flex}.header-avatar{object-fit:cover;border-radius:5px;width:7vw;min-width:26px;max-width:36px;height:7vw;min-height:26px;max-height:36px;overflow:hidden;box-shadow:0 0 3px 1px #8888886e}.header-score{color:#333;font-size:clamp(11px,3.2vw,13px)}.header-right{gap:1vw;display:flex}.header-btn{width:var(--btn-size);height:var(--btn-size);color:#555;cursor:pointer;background:#e2e2e2;border:none;border-radius:3px;justify-content:center;align-items:center;min-width:24px;min-height:24px;font-size:clamp(10px,2.8vw,12px);display:flex}.content-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.overlay-panel{top:clamp(36px, var(--period-h), 50px);z-index:999;background:#fff;flex-direction:column;width:100%;display:none;position:absolute;bottom:0;left:0;right:0}.overlay-panel.show{display:flex}.overlay-body{flex:1;padding:0 2vw 2vw;overflow:auto}.overlay-body .placeholder{text-align:center;color:#999;padding:8vw 0;font-size:clamp(12px,3.5vw,14px)}.period-bar{height:clamp(36px, var(--period-h), 50px);background:#fff;flex-shrink:0;align-items:center;padding:0 1.5vw;display:flex}.period-num{color:#1072c1;margin-right:.5vw;font-size:clamp(13px,4vw,17px);font-weight:700}.period-label{color:#333;font-size:clamp(10px,3vw,12px)}.period-dots{gap:1vw;margin-left:2vw;display:flex}.dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:4vw;min-width:14px;height:4vw;min-height:14px;font-size:clamp(8px,2.5vw,10px);display:flex}.dot-blue{background:#00f}.dot-red{background:#da2949}.period-tag{border-radius:2px;align-items:center;margin-left:1vw;font-size:clamp(9px,2.8vw,11px);display:flex;overflow:hidden}.fan-num{color:#fff;padding:0 1vw}.fan-num.fan-1,.fan-num.fan-一{background:#e94560}.fan-num.fan-2,.fan-num.fan-二{background:#27ae60}.fan-num.fan-3,.fan-num.fan-三{background:#2980b9}.fan-num.fan-4,.fan-num.fan-四{background:#8e44ad}.fan-text{color:#999;padding:0 .5vw}.last-nums{align-items:center;gap:.3vw;margin-left:1.5vw;display:flex}.ln-ball{color:#fff;background:#e94560;border-radius:50%;justify-content:center;align-items:center;width:3.8vw;min-width:12px;max-width:18px;height:3.8vw;min-height:12px;max-height:18px;font-size:clamp(9px,2.5vw,11px);font-weight:700;display:inline-flex}.ln-sum{color:#000;background:#ffd93d}.ln-plus{color:#888;font-size:clamp(8px,2vw,10px)}.next-period{color:#4caf50;margin-left:auto;font-size:clamp(11px,3.3vw,14px);font-weight:400}.timer-box{align-items:center;gap:.5vw;margin-left:1vw;display:flex}.timer-digit{color:red;background:#d3d4d6 linear-gradient(#fff,#e0e0e0 49%,#fff 50%,#e0e0e0);border:1px solid #bbb;border-radius:3px;justify-content:center;align-items:center;width:4.2vw;min-width:14px;height:5vw;min-height:17px;font-size:clamp(11px,3.2vw,14px);font-weight:600;display:flex}.timer-unit{color:#666;margin:0 .3vw;font-size:clamp(7px,2vw,9px)}.chat-area{background:#f5f5f5;flex:1;padding:2vw 1.5vw;overflow-y:auto}.msg-wrap{margin-bottom:3vw}.msg-wrap .msg-time{display:none}.msg-wrap .msg-time .msg-sender{color:#fd699b}.msg-body{align-items:flex-start;display:flex}.msg-body.self{flex-direction:row-reverse}.msg-body.msg-gm{justify-content:flex-start;align-items:flex-start}.msg-body.msg-gm .msg-avatar{margin-left:1.5vw}.msg-avatar{object-fit:cover;border-radius:1px;flex-shrink:0;width:7vw;min-width:26px;max-width:32px;height:7vw;min-height:26px;max-height:32px;overflow:hidden}.msg-body.self .msg-avatar{border-radius:5px;margin-left:1.5vw}.msg-body:not(.self) .msg-avatar{margin-left:1.5vw}.msg-bubble{max-width:70%;margin:0 1.5vw;position:relative}.msg-bubble p{color:#000;word-break:break-all;white-space:pre-wrap;border-radius:2vw;padding:2.5vw;font-size:clamp(14px,3.5vw,16px);line-height:1.5;position:relative}.msg-body:not(.self):not(.msg-gm) .msg-bubble p{background:#fff}.msg-body.self .msg-bubble p{background:#95ec69}.msg-body.msg-gm .msg-bubble p{color:#000;background:#e7bd5a;border-radius:4px;min-width:40%;padding:6px 10px;font-size:16px}.msg-body.msg-gm.gm-white .msg-bubble p{color:#000;background:#fff}.msg-body.msg-gm.gm-white .msg-bubble{border:1px solid #e6e6e6}.msg-body.msg-gm.gm-white .arrow{border-right-color:#fff}.msg-body.msg-win-stats.gm-white .msg-bubble p{background:#fff;border-color:#e6e6e6}.msg-body.msg-win-stats.gm-white .arrow{border-right-color:#fff}.msg-body.msg-trend .msg-bubble p{background:0 0;border-radius:4px;padding:4px 6px;font-size:16px}.msg-body.msg-trend .msg-bubble{width:auto}.msg-body.msg-trend .arrow{border-right-color:#0000}.msg-body.msg-win-stats .msg-bubble p{background:#fff8dc;border:1px solid #f0e6a8}.msg-body.msg-win-stats .arrow{border-right-color:#fff8dc}.msg-body.msg-gm .msg-bubble{width:62%;margin:0 1vw}.msg-body.msg-open-result .msg-bubble,.msg-body.msg-win-stats .msg-bubble{width:70%;margin:0 1vw}.btn-refund,.btn-refund-all{color:#d63031;cursor:pointer;font-weight:700;text-decoration:underline}.btn-refund:hover,.btn-refund-all:hover{color:#e17055}.msg-bubble .arrow{width:0;height:0;position:absolute;top:3vw}.msg-body:not(.self) .arrow{border:1.2vw solid #0000;border-right-color:#fff;left:-2vw}.msg-body.self .arrow{border:1.2vw solid #0000;border-left-color:#95ec69;right:-2vw}.msg-body.msg-gm .arrow{border:1.2vw solid #0000;border-right-color:#e7bd5a;left:-2vw}.footer{background:#d0d4da;flex-shrink:0}.input-bar{background:#f5f5f7;align-items:flex-start;gap:5px;min-height:40px;padding:5px;display:flex}.input-figure{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:30px;display:flex}.input-figure-icon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNrs2rEOgCAMRVGe8aNddNDFv8bVEBYwbZHcTkanE1peB5VzTjPUkiYpIECAAPlXrbWX53WX4aLXc3jwHPsmWgtI5IwUM9HyjRMBAgRIzK01dLLXbk5aCwjJTmsBAQKEZKe1gJDstBYQIECAAPkSiL3VulBq1BNRBMKqteSNsJwR913NctjluXBa31ry2prFb05AbOoRYABq3hB7y7uhowAAAABJRU5ErkJggg==) 0 0/cover no-repeat;width:22px;min-width:22px;height:22px;min-height:22px}.input-field-wrap{flex:1;min-height:26px;position:relative}.input-field{resize:none;background:#fff;border:1px solid #52a8eccc;border-radius:5px;outline:none;width:100%;height:30px;min-height:30px;max-height:80px;padding:3px 42px 3px 4px;font-size:13px;line-height:16px;display:block;overflow-y:auto}.send-btn{color:#fff;cursor:pointer;background:#5bb762;border:none;border-radius:2px;flex-shrink:0;height:30px;padding:5px 14px;font-size:15px}.send-plus{color:#555;cursor:pointer;background:#e2e2e2;border:none;border-radius:50%;flex-shrink:0;width:30px;min-width:30px;height:28px;min-height:28px;font-size:18px}.zhui-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f0a020;border:none;border-radius:3px;height:24px;padding:0 6px;font-size:12px;position:absolute;top:3px;right:4px}.zhui-setup-popup{z-index:100;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:200px;padding:10px 12px;position:absolute;bottom:44px;right:36px;box-shadow:0 2px 12px #00000026}.zhui-setup-row{align-items:center;gap:4px;margin-bottom:6px;font-size:13px;display:flex}.zhui-setup-row input{text-align:center;border:1px solid #ccc;border-radius:3px;height:24px;padding:0 4px;font-size:13px}.zhui-setup-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.zhui-setup-cancel{cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;padding:3px 12px;font-size:13px}.zhui-setup-confirm{color:#fff;cursor:pointer;background:#5bb762;border:none;border-radius:3px;padding:3px 12px;font-size:13px}.keyboard-area{touch-action:manipulation;background:#f5f5f7}.keyboard-area.tanban-active-bg{background:#3b6e33}.dw-bar{background:#eaeaed;border-bottom:1px solid #ddd;align-items:center;gap:6px;padding:6px 8px;display:flex}.dw-input{background:#fff;border:1px solid #ccc;border-radius:5px;outline:none;flex:1;height:34px;padding:0 10px;font-size:15px}.dw-up{border-radius:5px;color:#fff!important;background:#4caf50!important;width:auto!important;padding:6px 14px!important;font-size:14px!important}.dw-down{border-radius:5px;color:#fff!important;background:#f44336!important;width:auto!important;padding:6px 14px!important;font-size:14px!important}.tab-panel{display:none}.tab-panel.show{display:block}.tab-panel.show .tanban-wrap{background:#3b6e33}.tanban-wrap{background:#3b6e33;width:100%;padding:2px}.kb-grid{flex-wrap:wrap;justify-content:space-between;min-height:230px;padding:5px;display:flex}.kb-btn{box-sizing:border-box;text-align:center;cursor:pointer;color:#333;touch-action:manipulation;background:#fff;border:0;border-radius:5px;width:18.65%;margin-bottom:4px;padding:8px 0;font-size:16px;font-weight:600}.kb-btn:active{background:#ddd}.kb-btn.red{color:#fff;background:#fd0100}.kb-btn.del{color:#333;background:#fff}.kb-btn.send{color:#fff;background:#3478f7}.kb-btn.dis{color:#787e8a;pointer-events:none;cursor:default;background:#aab0bc}.kb-btn.active{color:#fff;background:#f0ad52}.ding-tabs{background:#fdfefe;border-top:1px solid #abb1bc;border-bottom:1px solid #a9b0bb;height:40px;display:flex;position:relative}.ding-tabs .nav-btn{color:#5370ea;cursor:pointer;background:0 0;border:0;flex:1;font-size:16px;font-weight:600}.ding-tabs .nav-btn.active{color:#a7c0ef}.ding-tabs .nav-btn:active{background:#f2f4f8}.ding-tools{background:#fff;border-bottom:1px solid #e5e5e5;flex-wrap:wrap;gap:8px;min-height:34px;padding:8px;display:flex}.tool-btn{color:#5370ea;cursor:pointer;background:#f7f7f7;border:1px solid #cfd3da;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:600}.tool-btn:active{background:#e6e6e6}.kb-grid-ding{background:#d0d4da;align-items:stretch;padding:4px 2px 2px;display:flex}.kb-left-col{box-sizing:border-box;flex-direction:column;justify-content:center;gap:14px;width:22%;padding:0 3px 0 0;display:flex}.kb-left-col .kb-btn{background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:1px;width:100%;height:48px;min-height:48px;padding:0;display:flex;box-shadow:0 1px #00000059}.kb-left-col .kb-btn.pos:active{background:#aab0bc}.kb-left-col .kb-btn .dot-g{background:#c7c7c7;width:7px;height:10px}.kb-left-col .kb-btn .dot-b{background:#5f5f5f;width:7px;height:10px}.kb-left-col .kb-btn.checked{background:#f0a020!important}.kb-left-col .kb-btn.checked .dot-g{background:#c7c7c7}.kb-left-col .kb-btn.checked .dot-b{background:#5f5f5f}.kb-main{box-sizing:border-box;flex-wrap:wrap;flex:1;justify-content:space-between;padding:0 0 0 2px;display:flex}.kb-grid-ding .kb-main .kb-btn{border-radius:4px;width:18.65%;height:48px;padding:0;font-size:16px;font-weight:700;box-shadow:0 1px #00000059}.kb-grid-ding .kb-main .kb-btn:active{background:#ddd}.kb-grid-ding .kb-main.other .kb-btn{width:25%}.kb-grid-ding .kb-main.other{padding-left:0}.footer-nav{background:#f5f5f7;border-bottom:1px solid #e0e0e2;height:44px;display:flex}.footer-nav button{color:#606060;background:0 0;border:0;flex:1;font-size:15px;font-weight:600;position:relative}.footer-nav button.s{flex:.7}.footer-nav button+button:before{content:"";border-left:1px solid #c9c9cb;width:1px;position:absolute;top:8px;bottom:8px;left:0}.footer-nav button:active{background:#e5e5e7}.tab-nav{flex-wrap:wrap;justify-content:space-between;margin-top:-6px;padding:5px;display:flex}.tab-nav .nav-btn{box-sizing:border-box;text-align:center;cursor:pointer;color:#333;background:#fff;border:0;border-radius:5px;width:18.65%;padding:8px 0;font-size:16px}.tab-nav .nav-btn.active{color:#fff;background:#f0ad52}.key2{cursor:pointer;text-align:center;background:0 0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;display:flex}.key2:active{opacity:.6}.keyBoard2top{background:#3b6e33;border:2px solid #fff;flex-direction:column;justify-content:center;align-items:center;height:230px;display:flex}.keyBoard2top1{flex:1;width:100%;display:flex}.keyBoard2top11{flex-direction:column;flex:1;justify-content:center;align-items:center;line-height:15px;display:flex}.keyBoard2topSide{flex:1;justify-content:center;display:flex}.keyBoard2topSideCenter{background:#3b6e33;border-left:2px solid #fff;flex-direction:column;width:201px;display:flex}.keyBoard2topSideCentert{border-bottom:2px solid #fff;flex:1;display:flex}.keyBoard2topSideCenterb{flex:1;display:flex}.keyCell{cursor:pointer;border-right:2px solid #fff;flex-direction:row;flex:1;justify-content:center;align-items:center;display:flex}.keyCell1{cursor:pointer;border-bottom:2px solid #fff;flex-direction:column;flex:1;justify-content:center;display:flex}.keyCell12{border-bottom:0}.center{background:#3b6e33;border-top:2px solid #fff;border-bottom:2px solid #fff;width:100%;display:flex}.center21{border-right:2px solid #fff;flex:1;width:100px;display:flex}.center211{border-right:2px solid #fff;flex-direction:column;flex:1;display:flex}.center212{flex-direction:column;flex:1;display:flex}.center22{border-left:2px solid #fff;flex:1;width:100px;display:flex}.center1{box-sizing:content-box;background:#3b6e33;border:30px solid #3b6e33;border-left:50px solid #0000;border-right:50px solid #0000;width:100px;height:40px;display:flex;position:relative}.center11{cursor:pointer;border:2px solid #fff;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.center12{cursor:pointer;border-top:2px solid #fff;border-bottom:2px solid #fff;border-right:2px solid #fff;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.centerTiXing{cursor:pointer;background:#3b6e33;flex-direction:row;align-items:center;display:flex;position:absolute}.centerTiXing.top{top:-29px;left:30px}.centerTiXing.right{flex-direction:column;top:4px;right:-38px}.centerTiXing.bottom{bottom:-27px;left:22px}.centerTiXing.left{flex-direction:column;top:4px;left:-33px}.line1{background:#fff;width:2px;height:62px;position:absolute;top:-45px;left:-25px;transform:rotate(120deg)}.line2{background:#fff;width:2px;height:62px;position:absolute;top:-45px;right:-25px;transform:rotate(-120deg)}.line3{background:#fff;width:2px;height:62px;position:absolute;bottom:-45px;right:-25px;transform:rotate(120deg)}.line4{background:#fff;width:2px;height:62px;position:absolute;bottom:-45px;left:-25px;transform:rotate(-120deg)}.topActive{border-top:30px solid #fd0100!important}.rightActive{border-right:50px solid #fd0100!important}.bottomActive{border-bottom:30px solid #fd0100!important}.leftActive{border-left:50px solid #fd0100!important}.keyBoard2bottom{box-sizing:border-box;background:#3b6e33;justify-content:space-evenly;align-items:center;gap:8px;width:100%;height:48px;padding:0 10px;display:flex}.keyBoard2bottom button{border:0;border-radius:2px;flex:1;height:34px;font-size:14px}.keyBoard2bottom .btn-confirm{color:#fff;background:#5ebfdf}.keyBoard2bottom .btn-clear{color:#fff;background:#eeaf52}.keyBoard2bottom .btn-switch{color:#333;background:#fff}.kNum{color:#fff;font-size:14px}.kName{color:#e5ce55;margin:0 2px;font-size:12px}.kLv{color:#dce38a;font-size:10px}.lh14 .keyCell,.lh14 .keyCell1,.lh14 .center11,.lh14 .center12{justify-content:center;line-height:14px;display:flex}.wmtb{writing-mode:tb;line-height:17px}.flex{justify-content:center;display:flex}.tanban-active{background:#fd0100!important}.tanban-active .kNum,.tanban-active .kName{color:#fff!important}.keyBoardD{width:100%;min-height:230px;margin-top:4px;position:relative}.keyBoardD ol.D{flex-flow:column wrap;justify-content:space-between;width:60px;height:176px;display:flex;position:absolute;top:2px;left:3px}.keyBoardD ol.D li{box-sizing:border-box;cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:0;width:50px;height:41px;margin:0 .5px;padding:2px;line-height:41px;display:flex;box-shadow:0 1px #00000059}.keyBoardD ol.D li .dot-g{background:#c7c7c7;width:6px;min-width:5px;height:8px;min-height:6px}.keyBoardD ol.D li .dot-b{background:#5f5f5f;width:6px;min-width:5px;height:8px;min-height:6px}.keyBoardD ol.D li.checked{background:#f0ad52!important}.keyBoardD ol.D li.checked .dot-g{background:#b78643!important}.keyBoardD ol.D li.checked .dot-b{background:#fff}.keyBoardD ol.D li .pos-label{color:#333;font-size:18px;font-weight:700}.keyBoardD ol.D li.checked .pos-label{color:#fff}.keyBoardD ol.sd-pos li .pos-dash{color:#333;text-shadow:0 1px 2px #0006;letter-spacing:1px;font-size:20px;font-weight:700}.keyBoardD ol.sd-pos li.checked .pos-dash{color:#fff;text-shadow:0 1px 2px #0000004d}.keyBoardD ol.Z{flex-flow:column wrap;justify-content:space-between;width:60px;height:221px;display:flex;position:absolute;top:2px;left:3px}.keyBoardD ol.Z li{box-sizing:border-box;cursor:pointer;background:#fff;border-radius:5px;justify-content:center;align-items:center;width:50px;height:41px;margin:0 .5px;padding:2px;font-size:14px;font-weight:600;line-height:41px;display:flex;box-shadow:0 1px #00000059}.keyBoardD ol.Z li:hover{background:#f0ad52}.keyBoardD ul{margin-left:56px;margin-right:4px}.keyBoardD ul li{box-sizing:border-box;float:left;color:#000;width:20%;padding:2px;list-style:none}.keyBoardD ul kbd{text-align:center;cursor:pointer;background:#fff;border-radius:5px;width:100%;height:41px;font-family:Arial;font-size:16px;font-weight:600;line-height:41px;display:block}.keyBoardD ul kbd:active{background:#ddd}.keyBoardD ul kbd.del{color:#fff;background:#da5350!important}.keyBoardD ul kbd.dis{color:#787e8a;background:#aab0bc}.wuding-sub{flex-wrap:wrap;justify-content:space-between;padding:5px;display:flex}.wuding-sub .kb-btn{font-size:18px}.kb-btn.wide{width:39%}.xzDialog{z-index:99999;background:#00000080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.xzDialogContent{background:#fff;border-radius:2px;width:90%;height:fit-content;max-height:90vh;margin-top:10px;padding:10px;overflow:auto}.xzFormItem{background:#efefef;border:2px solid #cacaca;border-radius:2px;align-items:center;width:100%;margin-bottom:10px;display:flex}.xzFormItem1,.xzFormItem3{text-align:center;cursor:pointer;width:100px;font-size:14px}.xzFormItem2{border:0;border-left:2px solid #cacaca;border-right:2px solid #cacaca;outline:none;flex:1;padding:6px 2px;font-size:16px}.xzFormItem3{width:50px}.xzForm1{border-top:1px solid #ccc;border-bottom:1px solid #ccc;min-height:50px;max-height:320px;margin:10px 0;padding:10px 0;overflow:auto}.zhuiMa{flex-wrap:wrap;justify-content:space-between;display:flex}.zhuiMa .xzFormItem{width:48%}.zhuiMa .xzFormItem1{width:50px!important;min-width:40px!important}.header-btn i{color:#666;font-size:16px}.overlay-body{background:#f1f1f1;flex:1;overflow-y:auto}.empty-tip{text-align:center;color:#999;padding:40px 0;font-size:14px}.panel-record{padding:0}.record-date-tabs{background:#fff;border-bottom:1px solid #eee;display:flex}.record-date-btn{color:#fff;cursor:pointer;background:#69bb6c;border:none;flex:1;padding:10px 0;font-size:14px}.record-date-btn.active{color:#fff;background:#ff5722;border-bottom:2px solid #fff;font-weight:600}.record-stats{color:#da5a31;background:#fff5d3;border-bottom:1px solid #eee;padding:10px;font-size:12px;display:flex}.record-stats span{text-align:center;flex:1}.record-table{background:#fff}.rc-col-number{flex:2;font-size:12px}.rc-col-flow{text-align:center;flex:1.5}.rc-col-perbet{text-align:center;color:#e6a23c;flex:1;font-size:11px}.rc-col-win{text-align:center;flex:1.5}.rc-col-profit{text-align:right;flex:1.5;font-weight:600}.rc-number{color:#333}.rc-flow,.rc-win{color:#666}.rc-profit{color:#999}.is-win .rc-profit,.is-win .rc-win{color:#4caf50}.is-lose .rc-profit,.is-lose .rc-win{color:#f44336}.record-detail-header{background:#fff5d3;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:8px 10px;display:flex}.record-detail-header .back-btn{color:#fff;cursor:pointer;background:#69bb6c;border:none;border-radius:4px;padding:4px 10px;font-size:13px}.record-detail-header .back-btn:active{background:#5aa85d}.record-detail-header .detail-title{color:#666;font-size:14px;font-weight:400}.record-detail-table{background:#fff}.rd-header{color:#999;border-bottom:1px solid #eee;padding:8px 6px;font-size:13px;font-weight:600;display:flex}.rd-row{color:#333;border-bottom:1px solid #f5f5f5;align-items:flex-start;padding:6px;font-size:14px;font-weight:600;display:flex}.rd-row:last-child{border-bottom:none}.rd-col-time{color:#888;flex-shrink:0;width:60px}.rd-col-period{color:#f44336;text-align:left;flex-shrink:0;width:40px;padding-left:2px;font-size:13px;font-weight:700}.rd-col-play{color:#4caf50;word-break:break-all;flex:1;min-width:0;padding-left:8px;font-weight:700;line-height:1.4}.rd-col-bet{text-align:center;flex-shrink:0;width:70px;padding-left:6px;font-weight:700}.rd-col-profit{text-align:right;color:#999;flex-shrink:0;width:60px;font-weight:700}.rd-col-content{color:#555;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rd-row.is-win .rd-col-profit{color:#4caf50}.rd-row.is-lose .rd-col-profit{color:#f44336}.rd-row.is-draw .rd-col-profit,.rd-header .rd-col-period,.rd-header .rd-col-time,.rd-header .rd-col-play,.rd-header .rd-col-bet,.rd-header .rd-col-profit{color:#999}.header-award{align-items:center;gap:4px;margin-left:auto;display:flex}.header-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.header-dot-blue{background:#4a90d9}.header-dot-red{background:#e74c3c}.header-fan{color:#e65100;background:#fff3e0;border-radius:3px;margin-left:4px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.panel-user{padding:10px}.user-info-card{background:#fff;border-radius:5px;align-items:center;margin-bottom:10px;padding:20px;display:flex}.user-avatar{object-fit:cover;border-radius:5px;width:60px;height:60px;margin-right:15px;overflow:hidden}.user-detail{flex:1;padding-left:8px}.user-name{color:#333;margin-bottom:4px;font-size:14px;font-weight:700}.user-nick{color:#666;margin-bottom:6px;font-size:13px}.user-balance{color:#ff5722;font-size:18px;font-weight:600}.user-logout-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;flex-shrink:0;padding:8px 16px;font-size:14px}.user-logout-btn:active{opacity:.85}.user-actions{gap:10px;margin-bottom:10px;display:flex}.user-action-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:5px;flex:1;padding:12px;font-size:14px}.user-action-btn:active{background:#f0f0f0}.deposit-btn{color:#fff!important;background:#4caf50!important;border-color:#4caf50!important}.withdraw-btn{color:#fff!important;background:#ff9800!important;border-color:#ff9800!important}.my-requests{background:#fff;border-radius:5px;max-height:200px;margin-top:10px;overflow-y:auto}.request-row{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.req-up{color:#4caf50;font-weight:700}.req-down{color:#ff9800;font-weight:700}.req-amount{flex:1;font-weight:600}.req-status{border-radius:3px;padding:2px 8px;font-size:11px}.rs0{color:#1976d2;background:#e3f2fd}.rs1{color:#388e3c;background:#e8f5e9}.rs2{color:#d32f2f;background:#ffebee}.req-time{color:#999;font-size:11px}.req-pagination{background:#fafafa;border-top:1px solid #eee;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.req-page-info{color:#999;text-align:center;width:100%;font-size:11px}.req-page-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;padding:4px 10px;font-size:12px}.req-page-btn:disabled{opacity:.4;cursor:not-allowed}.req-page-btn:active:not(:disabled){background:#f0f0f0}.pwd-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pwd-modal-content{background:#fff;border-radius:5px;width:80%;max-width:300px;padding:20px}.pwd-modal-content h3{margin:0 0 15px;font-size:16px}.pwd-input{box-sizing:border-box;border:1px solid #ddd;border-radius:3px;width:100%;margin-bottom:10px;padding:10px;font-size:16px}.pwd-btns{gap:10px;display:flex}.pwd-btns button{cursor:pointer;border:none;border-radius:3px;flex:1;padding:10px}.pwd-btns button:first-child{color:#fff;background:#1072c1}.pwd-btns button:last-child{color:#333;background:#eee}.panel-history{padding:10px}.history-tabs{background:#fff;border-radius:5px;margin-bottom:10px;display:flex}.history-tabs button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:14px}.history-tabs button.active{color:#1072c1;border-bottom-color:#1072c1}.history-list{background:#fff;border-radius:5px}.history-header{color:#999;border-bottom:1px solid #eee;align-items:center;padding:10px;font-size:12px;display:flex}.history-header span{text-align:center;flex:1}.history-item{border-bottom:1px solid #eee;align-items:center;padding:10px;font-size:13px;display:flex}.history-item span{text-align:center;flex:1}.h-period{color:#1072c1;font-size:12px}.h-time{color:#999;font-size:11px}.h-numbers{justify-content:center;align-items:center;gap:8px;display:flex}.h-dot{color:#1072c1;font-size:18px;font-weight:700;line-height:1}.h-dot-blue,.h-dot-red{background:0 0}.h-fan{justify-content:center;align-items:center;gap:2px;margin-right:-12px;display:flex}.h-fan-num{color:#fff;border-radius:3px;padding:2px 6px;font-size:12px}.h-fan-1,.h-fan-一{background:#e94560}.h-fan-2,.h-fan-二{background:#27ae60}.h-fan-3,.h-fan-三{background:#2980b9}.h-fan-4,.h-fan-四{background:#8e44ad}.h-fan-text{color:#999;font-size:11px}.h-longhu{color:#999;font-size:12px}.history-trend{background:#fff;border-radius:5px}.trend-item{border-bottom:1px solid #eee;align-items:center;padding:10px;display:flex}.trend-number{color:#333;flex:1;font-size:14px;font-weight:700}.trend-result{text-align:right;color:#666;flex:0 0 80px;font-size:12px}.panel-trend{padding:10px}.trend-tabs{background:#fff;border-radius:5px;margin-bottom:10px;display:flex}.trend-tabs button{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:14px}.trend-tabs button.active{color:#1072c1;border-bottom-color:#1072c1}.trend-content{background:#fff;border-radius:5px}.trend-row{border-bottom:1px solid #eee;align-items:center;padding:10px;display:flex}.trend-period{color:#1072c1;flex:0 0 70px;font-size:12px}.trend-num{color:#333;flex:1;font-size:14px;font-weight:700}.trend-tag{color:#fff;border-radius:3px;padding:2px 8px;font-size:12px}.trend-dan{background:#1072c1}.trend-shuang{background:#f44336}.ft-trend{background:#fff;border-radius:5px}.ft-trend-row{color:#333;border-bottom:1px solid #f5f5f5;align-items:center;padding:8px 10px;font-size:13px;display:flex}.ft-trend-row:last-child{border-bottom:none}.ft-trend-header{color:#666;background:#fafafa;font-size:12px;font-weight:600}.ft-col-period{color:#1072c1;flex:0 0 72px;font-size:12px}.ft-col-time{color:#888;flex:0 0 62px;font-size:12px}.ft-col-num{color:#333;text-align:center;flex:0 0 56px;font-size:14px;font-weight:700}.ft-col-dx,.ft-col-ds,.ft-col-fan{text-align:center;flex:0 0 40px}.ft-tag{color:#fff;border-radius:3px;padding:2px 6px;font-size:12px}.ft-da{background:#f44336}.ft-xiao{background:#4caf50}.ft-dan{background:#ff9800}.ft-shuang{background:#1072c1}.ft-fan{color:#333;background:#ffc107;font-weight:600}.panel-zhuima{padding:10px}.zhuima-list{background:#fff;border-radius:5px}.zhuima-item{border-bottom:1px solid #eee;padding:10px}.zhuima-item:last-child{border-bottom:none}.zhuima-header{justify-content:space-between;margin-bottom:5px;display:flex}.zhuima-id{color:#999;font-size:12px}.zhuima-status{border-radius:3px;padding:2px 6px;font-size:12px}.zs-1{color:#4caf50;background:#e8f5e9}.zs-2{color:#e74c3c;background:#fbe9e7}.zs-0{color:#ff9800;background:#fff3e0}.zhuima-content{color:#333;word-break:break-all;margin-bottom:5px;font-size:13px}.zhuima-detail{color:#666;gap:10px;margin-bottom:3px;font-size:12px;display:flex}.zhuima-footer{color:#999;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:12px;display:flex}.zhuima-stop-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:3px;padding:1px 8px;font-size:11px}.zhuima-orders{border-top:1px dashed #ddd;margin-top:6px;padding-top:5px}.zhuima-orders-title{color:#409eff;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:12px;display:flex}.zhuima-orders-toggle{font-size:14px;font-weight:700}.zhuima-orders-table{border-collapse:collapse;width:100%;margin-top:4px;font-size:12px}.zhuima-orders-table th{color:#888;background:#f5f7fa;border:1px solid #ebeef5;padding:3px 4px;font-weight:400}.zhuima-orders-table td{text-align:center;color:#555;border:1px solid #ebeef5;padding:3px 4px}.panel-collect{padding:10px}.collect-header{background:#fff;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.collect-header span{font-size:14px;font-weight:700}.collect-add{color:#fff;cursor:pointer;background:#1072c1;border:none;border-radius:3px;padding:5px 10px;font-size:12px}.collect-list{background:#fff;border-radius:5px}.collect-item{border-bottom:1px solid #eee;padding:10px}.collect-item:last-child{border-bottom:none}.collect-content{color:#333;word-break:break-all;margin-bottom:8px;font-size:13px}.collect-actions{gap:10px;display:flex}.collect-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;padding:5px 10px;font-size:12px}.collect-send{color:#fff!important;background:#4caf50!important;border-color:#4caf50!important}.collect-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.collect-modal-content{background:#fff;border-radius:5px;width:80%;max-width:300px;padding:20px}.collect-modal-content h3{margin:0 0 15px;font-size:16px}.collect-textarea{resize:none;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;width:100%;height:100px;padding:10px}.collect-btns{gap:10px;margin-top:10px;display:flex}.collect-btns button{cursor:pointer;border:none;border-radius:3px;flex:1;padding:10px}.collect-btns button:first-child{color:#fff;background:#1072c1}.collect-btns button:last-child{color:#333;background:#eee}.action-menu{z-index:9999;background:#fff;border-radius:8px;min-width:100px;position:fixed;overflow:hidden;box-shadow:0 2px 12px #00000040}.action-item{color:#333;cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;padding:12px 18px;font-size:14px;display:flex}.action-item:last-child{border-bottom:none}.action-item:active{background:#f5f5f5}.action-item i{text-align:center;color:#1072c1;width:18px}.r28{color:#333;-webkit-user-select:none;user-select:none;background:#f0eff5;flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;font-size:14px;font-weight:600;display:flex;overflow:hidden;font-family:Microsoft YaHei!important}.r28-header{z-index:9999;background:#fff;flex-shrink:0;box-shadow:0 0 #0000004d}.r28-h1{background:#fff;border-bottom:1px solid #d4d4d4;align-items:center;height:40px;display:flex}.r28-user{cursor:pointer;align-items:center;width:33%;display:flex;overflow:hidden}.r28-avatar{object-fit:cover;border-radius:5px;flex-shrink:0;width:32px;height:32px;margin:4px 5px;box-shadow:0 0 3px 1px #8888886e}.r28-balance{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.r28-notice{color:#4caf50;flex:1;min-width:0;height:38px;font-size:14px;line-height:38px;overflow:hidden}.r28-notice-label{color:#4caf50}.r28-online{text-align:right;color:#666;width:16%;padding-right:8px;font-size:14px}.r28-online-icon{margin-right:2px;font-size:12px}.r28-h2{background:#fff;border-bottom:1px solid #d4d4d4;align-items:center;height:36px;padding:0 6px;display:flex;overflow:hidden}.r28-period{color:#4caf50;white-space:nowrap;margin-left:4px;font-size:16px;font-weight:700}.r28-timer{white-space:nowrap;margin-left:8px}.r28-timer b{text-align:center;color:red;background:#d3d3d6;border-radius:3px;min-width:22px;height:20px;margin-right:2px;padding:0 3px;font-size:16px;line-height:20px;display:inline-block}.r28-last{color:#888;white-space:nowrap;margin-left:10px;font-size:12px}.r28-last-period{color:#1072c1;margin-right:4px}.r28-balls{gap:3px;margin-left:2px;display:flex}.r28-balls i{text-align:center;color:#fff;border-radius:50%;width:16px;height:16px;font-size:11px;font-style:normal;line-height:16px}.b-blue{background:#00f}.b-red{background:#da2949}.r28-body{background:#f5f5f5;flex:1;position:relative;overflow:hidden}.r28-msgs{-webkit-overflow-scrolling:touch;height:100%;padding:0 5px;overflow-y:auto}.message{padding:10px 5px 5px}.r28-empty{text-align:center;color:#999;padding:40px 0;font-size:13px;font-weight:400}.r28-newmsg{color:#fff;z-index:888;cursor:pointer;background:#4caf50;border:none;border-radius:3px;padding:4px 10px;font-size:13px;position:absolute;bottom:12px;right:10px}.send,.show{padding-bottom:.2rem}.send:after,.show:after,.msg:after{content:"";clear:both;display:table}.time{color:#9e9e9e;text-align:center;background-color:#e8e8e8;border-radius:20px;margin-left:30%;margin-right:30%;padding:2px;font-size:12px;display:none}.msg{position:relative}.msg>img{float:right;object-fit:cover;border-radius:1px;width:38px;height:38px;margin-left:5px}.msg>p{color:#000;float:right;box-sizing:border-box;word-wrap:break-word;word-break:break-all;background:#98e165;border-radius:.1rem;max-width:5.2rem;min-height:26px;margin:0 .2rem;padding:.13rem;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.5;position:relative}.msg>p span{white-space:pre-wrap}.ab{color:#fd699b;z-index:2;white-space:nowrap;margin-left:15px;font-size:12px;position:absolute;top:-16px;right:1rem}.show .msg img,.show .msg p,.show .msg{float:left}.show .msg>p{background:#e7bd5a!important}.show .ab{color:#fd699b}.my_show .msg>p{background:#fff!important}.my_show .ab{color:#a2a2a2}.send .msg>a{color:#a2a2a2;margin-left:15px;font-size:12px;position:absolute;left:.75rem}.msg_input{display:none}.r28-footer{z-index:999;background:#d0d4da;flex-shrink:0}.r28-input{background:#f5f5f7;border-top:1px solid #ddd;height:49px;position:relative}.r28-input figure{z-index:1;cursor:pointer;width:45px;height:100%;position:absolute;top:0;left:0}.r28-input figure:after{content:" ";z-index:2;border-left:1px solid #c9c9cb;width:1px;position:absolute;top:0;bottom:0;right:-1px}.r28-input figcaption{cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNrs2rEOgCAMRVGe8aNddNDFv8bVEBYwbZHcTkanE1peB5VzTjPUkiYpIECAAPlXrbWX53WX4aLXc3jwHPsmWgtI5IwUM9HyjRMBAgRIzK01dLLXbk5aCwjJTmsBAQKEZKe1gJDstBYQIECAAPkSiL3VulBq1BNRBMKqteSNsJwR913NctjluXBa31ry2prFb05AbOoRYABq3hB7y7uhowAAAABJRU5ErkJggg==);background-size:cover;width:25px;height:25px;margin:11px 0 0 10px}.r28-input-p{position:absolute;inset:0 62px 0 45px}.r28-input-p textarea{box-sizing:border-box;resize:none;background:#fff;border:1px solid #ddd;border-radius:4px;outline:none;width:100%;height:36px;min-height:36px;max-height:80px;margin-top:5px;padding:4px 8px;font-family:Microsoft YaHei;font-size:15px;overflow-y:auto}.r28-send{color:#fff;cursor:pointer;background:#5bb762;border:none;border-radius:4px;width:50px;height:36px;font-size:15px;position:absolute;top:5px;right:6px}.r28-send:disabled{cursor:not-allowed;opacity:.6;color:#666!important;background:#ccc!important}.r28-navs{height:100%;position:absolute;top:0;left:45px;right:0}.r28-navs ul{width:100%;height:100%}.r28-navs li{float:left;color:#606060;text-align:center;cursor:pointer;height:100%;font-size:14px;line-height:48px;position:relative}.r28-navs li:before{content:" ";z-index:2;border-left:1px solid #c9c9cb;width:1px;position:absolute;top:0;bottom:0;left:-1px}.r28-navs li:active{background:#ccc}.keybord{width:100%;position:relative}.keybord dl{width:100%}.keybord dt{background:#fdfefe;height:40px;position:relative}.keybord:before,.keybord dt:after{content:" ";z-index:2;height:1px;position:absolute;left:0;right:0}.keybord:before{border-top:1px solid #abb1bc;top:-1px}.keybord dt:after{border-top:1px solid #a9b0bb;bottom:-1px}.keybord dt ul{float:left;margin-top:8px;font-size:14px}.keybord dt li{float:left;color:#5370ea;cursor:pointer;border-radius:3px;margin-left:4px;margin-right:3px;padding:0 3px 2px;font-size:16px}.keybord dt li.check{color:#a7c0ef}.keybord dt dfn{color:#666;font-size:12px;font-style:normal;position:absolute;top:11px;right:12px}.r28-hidden{display:none!important}.keybord dd{width:100%;margin-top:4px;position:relative}.keybord dd ol{flex-flow:column wrap;justify-content:space-between;width:60px;height:184px;display:flex;position:absolute;top:4px;left:2px}.keybord dd ol li{box-sizing:border-box;cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:1px;width:50px;height:32px;margin:0 2px;padding:12px 5px;display:flex;box-shadow:0 1px #00000059}.keybord dd ol li:active{background:#aab0bc}.keybord dd ol li s,.keybord dd ol li .em{float:left;background:#c7c7c7;width:6px;height:8px;margin:0 1px;display:block}.keybord dd ol li .em{background:#5f5f5f}.keybord dd ol li.checked{background:#3478f7}.keybord dd ol li.checked s{background:#669cff}.keybord dd ol li.checked .em{background:#fff}.keybord dd ul{margin-left:62px}.keybord dd.d1 ul{margin-left:112px}.keybord dd.fen ul{margin-left:0}.keybord dd.fen222 ul li{width:25%}.keybord dd ul li{box-sizing:border-box;float:left;color:#000;width:20%;padding:3px}.keybord dd ul kbd{text-align:center;cursor:pointer;background:#fff;border-radius:4px;width:100%;height:42px;font-size:15px;font-weight:700;line-height:42px;display:block;box-shadow:0 1px #00000059}.keybord dd ul kbd:active{background:#aab0bc}.keybord dd ul kbd.dis{color:#787e8a;pointer-events:none;background:#aab0bc}.keybord dd ul kbd.t{font-size:14px}.keybord dd ul kbd.b{text-indent:-999px;background:#aab0bc;position:relative;overflow:hidden}.keybord dd ul kbd.b:before{content:" ";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAiCAYAAAAge+tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnVJREFUeNrMmL1LW1EYhxPFb0ERHEQEQQgugrRDSktxKE51FMRBigj9N8QpKVjFUShUS9ChqyCIQ1GLHSqCg4qzVLFJIIMxgZbb34XfgbeHJOace7w3LzxDzudzzz1fubGYfbwA34H3xPwB38B7z/NiCptoBfPgdwjSOrugz1b8FTiPQFpxCJpNhDvBLDgVjRyDl/IVuoSCE2Bdk58zEZ8COVH5CIw/lXSFh/gi+t6pV/o1Rf9GIU3xt0L8rh5p/7U8iEoHnOdNIYv3a9OlZiTBSdTSQv5R8S7wDlyJgj+ilK5X/A241qSfGTa+YrDwV1Q9W/EWLoJjnlhG0mw8z3pZ8BEM1xAeZpks6+RtxWe0hbjPo73ZQHxD62AT9FaQ7mWeLLthI57k6FpLs/EhkOKW5fENLIF20Vc70/Jie/PrDJmIt3Eh3mhz2lhau0Osah1tgxGyreWtqkom4v5OcalJJwOsfBUJ8BmURdsfiPpdZpmEjfhPV9JVbm2L4F6Iqge5Z95/YSIufzx3sNfqMQgyFW55GeZZiTdxbqvIxOPxgZjbKIFbUBRpRaaVgjQ8Cn6Jp7kAA45GvNpoVx110+3QmbwWSxxdP6MAtkiBaUWWsRZ3Ji92lE1OBdVeSvSVEukllk3YijuRZ6xpnWxx/1YxwjRZZi2IeGB5RFqcmjmueV0VOulgXk6cnumgt0Nrea1x/3DpqbEx9LCMF/R2GFhe3AyXH7kZyhvisrohuhB3vlWG8UeiIeVNxRtC3vTPcsPI23yeaAh5xFebD0KRyCPGwALY06bJtKuLWahfbG2/1kYp7x9W3UHFw5I/A5/ApJxG/wQYAGj9/AVQbijOAAAAAElFTkSuQmCC);background-size:cover;width:23px;height:17px;margin-top:-7px;margin-left:-13px;display:block;position:absolute;top:50%;left:50%}.keybord dd ul kbd.s{color:#fff;background:#3478f7}.r28-k-hidden{display:none!important}.keybord dt#dt2{height:62px}.keybord dt#dt2 ul{margin-top:8px}.keybord dt#dt2 ul+ul{margin:0}.keybord dt#dt2 li{white-space:nowrap}.keybord dt#dt2 li.dis{color:#bbb}.keybord dt#dt2 li:active{background:#eee;border-radius:4px}.keycfrm{z-index:4;text-align:center;background:#2d2d2de8;width:100%;position:absolute;top:49px;bottom:0;left:0}.keycfrm span{color:#fff;margin:70px 0 25px;display:block}.keycfrm b{color:#fff900}.keycfrm a{color:#fff;cursor:pointer;background:#1aad19;border-radius:4px;height:34px;margin:0 5px;padding:0 20px;line-height:34px;display:inline-block}.keycfrm a.c{color:#adadad;background:#212121;margin-right:26px}.r28-dialog{z-index:9999;position:absolute;bottom:0;left:0;right:0}.r28-dialog-mask{background:#00000080;position:fixed;inset:0}.r28-dialog-bd{background:#fff;border-radius:12px 12px 0 0;max-height:60vh;padding-bottom:20px;position:relative;overflow:auto}.r28-dialog-hd{border-bottom:1px solid #eee;align-items:center;padding:14px;display:flex}.r28-dialog-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px}.r28-dialog-title{margin:0 auto;font-size:16px}.r28-dialog-items{flex-wrap:wrap;gap:10px;padding:14px;display:flex}.r28-dialog-items a{color:#333;cursor:pointer;background:#f2f2f2;border-radius:4px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}.r28-dialog-items a:active{background:#ddd}.r28-panel{z-index:1000;background:#f1f1f1;flex-direction:column;display:flex;position:absolute;inset:0}.r28-panel-head{background:#fff;border-bottom:1px solid #eee;flex-shrink:0;align-items:center;padding:10px;display:flex}.r28-panel-back{color:#fff;cursor:pointer;background:#69bb6c;border:none;border-radius:4px;padding:4px 10px;font-size:13px}.r28-panel-title{color:#333;margin-left:12px;font-size:15px}.r28-panel-body{flex:1;padding:10px;overflow-y:auto}.r28-rec-tabs{background:#fff;border-radius:5px;margin-bottom:10px;display:flex;overflow:hidden}.r28-rec-tabs button{color:#fff;cursor:pointer;background:#69bb6c;border:none;flex:1;padding:10px 0;font-size:14px}.r28-rec-tabs button.active{background:#ff5722;font-weight:600}.r28-rec-stats{color:#da5a31;background:#fff5d3;border-radius:5px;margin-bottom:10px;padding:10px;font-size:12px;display:flex}.r28-rec-stats span{text-align:center;flex:1}.r28-list-table{background:#fff;border-radius:5px;overflow:hidden}.r28-list-table .r28-rd-row{padding-left:10px;padding-right:10px}.r28-rec-detail{background:#fff;border-radius:5px;margin-top:10px;padding:10px}.r28-rd-head{color:#666;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.r28-rd-row{border-bottom:1px solid #f5f5f5;gap:6px;padding:6px 0;font-size:12px;display:flex}.r28-rd-head-r{color:#999;background:#fafafa;padding:6px 0;font-size:11px;font-weight:600}.r28-rd-row .d{color:#f44336;text-align:right;flex-shrink:0;width:32px;padding-right:2px;font-size:11px}.r28-rd-row .t{color:#888;flex-shrink:0;width:48px}.r28-rd-row .p{color:#4caf50;word-break:break-all;flex:1}.r28-rd-row .b{text-align:center;flex-shrink:0;width:55px}.r28-rd-row .f{text-align:right;color:#999;flex-shrink:0;width:50px}.r28-rd-head-r .d,.r28-rd-head-r .t,.r28-rd-head-r .p,.r28-rd-head-r .b,.r28-rd-head-r .f{color:#999}.r28-rd-row.is-win .f{color:#4caf50}.r28-rd-row.is-lose .f{color:#f44336}.r28-history-list{background:#fff;border-radius:5px;overflow:hidden}.r28-ht-head,.r28-ht-row{align-items:center;padding:8px 10px;font-size:13px;display:flex}.r28-ht-head{color:#999;background:#fafafa;font-size:12px;font-weight:600}.r28-ht-head span{text-align:center;flex:1}.r28-ht-row{border-top:1px solid #f5f5f5}.r28-ht-period{text-align:center;color:#1072c1;flex:1;font-size:12px}.r28-ht-nums{flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.r28-ht-nums i{text-align:center;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-style:normal;line-height:18px}.r28-ht-time{text-align:center;color:#999;flex:1;font-size:11px}.r28-user-card{background:#fff;border-radius:5px;align-items:center;margin-bottom:10px;padding:20px;display:flex}.r28-avatar-lg{object-fit:cover;border-radius:5px;width:60px;height:60px;margin-right:15px}.r28-user-info{flex:1}.r28-user-name{color:#333;margin-bottom:4px;font-size:14px;font-weight:700}.r28-user-nick{color:#666;margin-bottom:6px;font-size:13px}.r28-user-balance{color:#ff5722;font-size:18px;font-weight:600}.r28-user-actions{gap:10px;margin-bottom:10px;display:flex}.r28-user-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:5px;flex:1;padding:12px;font-size:14px}.r28-user-actions button.up{color:#fff!important;background:#4caf50!important;border-color:#4caf50!important}.r28-user-actions button.down{color:#fff!important;background:#ff9800!important;border-color:#ff9800!important}.r28-zm-list{background:#fff;border-radius:5px}.r28-zm-item{border-bottom:1px solid #eee;padding:10px;position:relative}.r28-zm-head{justify-content:space-between;margin-bottom:5px;display:flex}.r28-zm-id{color:#999;font-size:12px}.r28-zm-status{border-radius:3px;padding:2px 6px;font-size:12px}.r28-zm-status.zs1{color:#4caf50;background:#e8f5e9}.r28-zm-status.zs2{color:#e74c3c;background:#fbe9e7}.r28-zm-content{color:#333;word-break:break-all;margin-bottom:5px;font-size:13px}.r28-zm-detail{color:#666;gap:10px;font-size:12px;display:flex}.r28-zm-stop{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:3px;padding:2px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.r28-empty-tip{text-align:center;color:#999;padding:30px 0;font-size:13px}.r28-help{background:#fff;border-radius:5px;padding:14px;line-height:1.8}.r28-help h4{color:#1072c1;margin:10px 0 5px;font-size:14px}.r28-help p{color:#555;font-size:13px;font-weight:400}