body[data-route="home"]{background:#091323!important}
body[data-route="home"] .screenshot-home{max-width:429px;padding-bottom:105px;background:linear-gradient(180deg,#111a42 0,#11122d 42%,#12131b 100%)}
.rr-header{display:flex;height:58px;padding:7px 14px;align-items:center;justify-content:space-between;background:rgba(14,21,56,.92)}
.rr-logo{display:flex;align-items:center;color:#ffe45a;text-decoration:none}.rr-logo>i{display:grid;width:37px;height:37px;margin-right:7px;place-items:center;border-radius:50%;background:#ffe15a;color:#2c2460;font-size:25px;font-weight:900;font-style:normal}.rr-logo span{display:flex;flex-direction:column}.rr-logo b{font-size:17px}.rr-logo small{font-size:9px;letter-spacing:3px}
.rr-wallet{display:flex;height:38px;padding:3px 5px;align-items:center;border-radius:20px;background:#24204c}.rr-wallet>i{display:grid;width:29px;height:29px;margin-right:5px;place-items:center;border-radius:50%;background:#0c6c70;color:#d8ffff;font-style:normal}.rr-wallet>b{min-width:39px;font-size:13px}.rr-wallet>button{border:0;background:transparent;color:#c8c3da;font-size:19px}.rr-wallet>a{padding:7px 11px;border-radius:16px;background:linear-gradient(90deg,#4f2bca,#7c32db);color:#fff;text-decoration:none;font-size:12px}.rr-wallet>a.wallet-deposit-plus{padding:0;flex-shrink:0;font-size:16px;display:grid;width:29px;height:29px;margin-left:7px;place-items:center;border-radius:50%;background:#137847;color:#ffe200;font-style:normal}
.promo-banner{position:relative;height:154px;margin:0 15px 14px;padding:0;border-radius:0 0 13px 13px;background:#171525;overflow:hidden}.promo-slides{position:absolute;inset:0}.promo-slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .35s ease}.promo-slide.active{opacity:1}.promo-slide img{display:block;width:100%;height:100%;object-fit:cover}.promo-slide span{display:grid;width:100%;height:100%;place-items:center;color:#fff}.promo-dots{position:absolute;z-index:2;right:0;bottom:8px;left:0;display:flex;justify-content:center;gap:6px}.promo-dots button{width:18px;height:3px;padding:0;border:0;background:rgba(255,255,255,.4)}.promo-dots button.active{background:#fff}
.merchant{display:flex;height:44px;margin:0 15px 13px;padding:0 17px;align-items:center;justify-content:space-between;border-radius:24px;background:linear-gradient(90deg,#302592,#2455ae);font-size:12px}.merchant b{margin-left:4px;color:#ff710c;font-size:15px;font-weight:500}
body[data-route="home"] .actions{padding:0 18px 15px;background:transparent}.screenshot-home .actions i{width:42px;height:42px}.screenshot-home .actions span{white-space:nowrap;font-size:11px}
.category-nav{display:flex;height:36px;margin:0 15px 8px;padding:2px 6px;align-items:center;border:1px solid #302e57;border-radius:20px;background:#111233;overflow:hidden}.category-nav a{flex:0 0 auto;padding:7px 10px;border-radius:15px;color:#ccc9dc;text-decoration:none;font-size:11px;white-space:nowrap}.category-nav a.active{background:#302968;color:#fff;font-weight:700}
.provider-section{padding-bottom:6px}.provider-title{display:flex;height:39px;padding:0 15px;align-items:center;justify-content:space-between}.provider-title h2{margin:0;font-size:18px}.provider-title h2 i{display:inline-grid;width:21px;height:21px;margin-right:7px;place-items:center;border-radius:5px;background:#a72a57;color:#fff;font-size:12px;font-style:normal}.provider-title h2 em{margin-left:8px;color:#c8c5d4;font-style:normal;font-weight:400}.provider-title button{width:25px;height:25px;margin-left:5px;border:1px solid #3c395c;border-radius:6px;background:#272543;color:#ddd;color:#fff;font-size:18px}
.provider-track{display:flex;gap:8px;padding:0 15px 8px;overflow:auto}.provider-track::-webkit-scrollbar{display:none}.provider-card{position:relative;flex:0 0 121px;height:119px;border-radius:7px;background:#292238;color:#fff;text-decoration:none;overflow:hidden}.provider-art{display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at 55% 40%,#f285f0,#69319a 48%,#241539);font-size:22px;text-align:center}.provider-card>strong{position:absolute;right:8px;bottom:9px;left:8px;color:#fff;font-size:14px;text-shadow:0 2px 4px #000}.tone-hot-0 .provider-art{background:linear-gradient(145deg,#ef9bff,#ff6a22)}.tone-hot-1 .provider-art{background:linear-gradient(145deg,#36c9b3,#85ab26)}.tone-hot-2 .provider-art{background:linear-gradient(145deg,#f1dc53,#d95805)}.tone-slot-0 .provider-art{background:linear-gradient(145deg,#f96c48,#b01514)}.tone-slot-1 .provider-art{background:linear-gradient(145deg,#6842ba,#8414a1)}.tone-slot-2 .provider-art{background:linear-gradient(145deg,#f04a19,#8e1711)}.tone-fish-0 .provider-art{background:linear-gradient(145deg,#15bce0,#1473a8)}.tone-fish-1 .provider-art{background:linear-gradient(145deg,#00d2dd,#257fc5)}.tone-lottery-0 .provider-art{background:linear-gradient(145deg,#172a31,#b08762)}.tone-lottery-1 .provider-art{background:linear-gradient(145deg,#e9e0ce,#9d160e)}.tone-lottery-2 .provider-art{background:linear-gradient(145deg,#3b77ff,#2916a3)}.tone-sport-0 .provider-art{background:linear-gradient(145deg,#77221c,#1b1c28)}.tone-sport-1 .provider-art{background:linear-gradient(145deg,#bd2e2d,#172149)}.tone-board-0 .provider-art{background:linear-gradient(145deg,#d58468,#5a164d)}.tone-board-1 .provider-art{background:linear-gradient(145deg,#cf8a57,#922497)}
body[data-route="home"] .bottom{bottom:24px;height:62px;border:1px solid #7660a5;border-radius:31px;background:linear-gradient(90deg,rgba(132,83,83,.94),rgba(82,44,123,.96));backdrop-filter:blur(8px)}
body[data-route="home"] .rr-header{height:66px}
body[data-route="home"] .promo-banner{margin-bottom:27px}
.promo-banner{border-radius:13px}
.actions>a{display:block;border:0;background:transparent;color:#fff;text-align:center;text-decoration:none}.actions>a img{display:block;margin-right:auto;margin-left:auto}.actions>a span{display:block}
.bottom a{position:relative;border-radius:29px;transition:color .2s ease,background-color .2s ease}.bottom a.active{background:rgba(255,255,255,.14);color:#fff}.bottom a img{transition:transform .2s ease}.bottom a.active img{transform:translateY(-1px) scale(1.08)}
.bottom,body[data-route="home"] .bottom{right:auto!important;bottom:0!important;left:50%!important;width:min(430px,100%)!important;max-width:430px!important;height:60px!important;margin:0!important;transform:translateX(-50%)!important;border:0!important;border-top:1px solid #393741!important;border-radius:0!important;background:#191a22!important;backdrop-filter:none!important;box-shadow:none!important}.bottom a{border-radius:0}.bottom a.active{background:#302b3b}
body[data-route="home"] .provider-card{flex-basis:89px}
@media(min-width:450px){body[data-route="home"] .screenshot-home{margin-left:20px;margin-right:0}body[data-route="home"] .bottom{right:auto;left:35px;width:400px}}
.screenshot-home{margin-right:auto!important;margin-left:auto!important}
body[data-route="home"] .bottom{right:auto!important;left:50%!important;width:min(400px,calc(100% - 24px))!important;transform:translateX(-50%)}
.provider-title h2 img{display:inline-block;width:21px;height:21px;margin-right:7px;vertical-align:-5px;object-fit:contain}
.provider-title h2>i{display:none!important}
.provider-art>img{width:100%;height:100%;object-fit:cover}
.provider-title button:disabled{cursor:default;opacity:.35}
.provider-track{scroll-behavior:smooth;scroll-snap-type:x proximity}.provider-card{scroll-snap-align:start}
body .bottom,body[data-route="home"] .bottom{right:auto!important;bottom:0!important;left:50%!important;width:min(430px,100%)!important;max-width:430px!important;height:60px!important;margin:0!important;transform:translateX(-50%)!important;border:0!important;border-top:1px solid #393741!important;border-radius:0!important;background:#191a22!important;backdrop-filter:none!important;box-shadow:none!important}body .bottom a{border-radius:0!important}body .bottom a.active{background:#302b3b}

/* 鑫鑫娱乐：三枚金色菱形呼应“鑫”，搭配首页蓝紫色。 */
.rr-logo .brand-logo{display:block;flex:0 0 38px;width:38px;height:38px;margin-right:8px}.rr-logo b{color:#f6db8f;font-size:17px;letter-spacing:1px}.rr-logo small{margin-top:3px;color:#bfae83;font-size:8px;letter-spacing:2.5px}.rr-logo{flex-shrink:0}
@media(max-width:360px){.rr-logo .brand-logo{flex-basis:32px;width:32px;height:32px;margin-right:6px}.rr-logo b{font-size:15px}.rr-logo small{font-size:7px;letter-spacing:2px}}

.rr-wallet .refresh-profile span{display:inline-block}
.rr-wallet .refresh-profile.refreshing span{animation:wallet-refresh-spin .7s linear infinite}
.rr-wallet .refresh-profile:disabled{opacity:.65;cursor:wait}
@keyframes wallet-refresh-spin{to{transform:rotate(360deg)}}