/* MAHJONG / JADE TABLE visual skin. Content and behavior retained. */
:root{
--body-theme-bg:#071c16;
--announcement-cntr-bg:#0c382a;
--announcement-cntr-color:#fff6d7;
--banner-bg:#061712;
--home-info-cntr-bg:#08271e;
--home-info-cntr-border:1px solid #c9a43b;
--home-info-cntr-tickercntr-bg:#0a3024;
--popular-games-bg:#071e17;
--popular-games-left-section-title-bg:#0f5a42;
--popular-games-nav-tabs-li-a-bg:#0b3c2d;
--popular-games-nav-tabs-li-a-active-bg:#b61f27;
--popular-games-tab-pane-bg:#09251c;
--popular-game-title-cntr-title-span-bg:#126148;
--popular-game-title-cntr-title-span-after-bg:#e2bd55;
--popular-game-title-cntr-content-border:1px solid #b99738;
--home-game-list-cntr-title-span-bg:#126148;
--home-game-list-cntr-title-span-after-bg:#e2bd55;
--home-game-list-cntr-content-border:1px solid #b99738;
--promotion-cntr-bg:#071d17ed;
--promotion-list-bg:#09271e;
--promotion-item-img-border:1px solid #c8a640;
--promotion-item-click-for-get-promo-btn-bg:#b51f27;
--promotion-popup-cntr-bg:#0b3024;
--provider-slide-bg:#08251c;
--arcade-games-cntr-bg:#0a2b21;
--sports-cntr-bg:#09281f;
--jackpot-winners-bg:#08241b;
--announcement-cntr-section-announcement-bg:#061b15;
--announcement-cntr-section-announcement-color:#fff1c6;
--download-apk-btn-bg:linear-gradient(135deg,#9d1720,#d8ad3d);
--home-progressive-jackpot-bg:linear-gradient(120deg,#061812,#0e533d,#061812);
--home-progressive-jackpot-border-cntr-bg:#d3ad43;
--home-progressive-jackpot-jackpot-cntr-bg:linear-gradient(#b71f28,#48100f);
}
html{scroll-behavior:smooth}
body{
background:
radial-gradient(circle at 18% 10%,rgba(29,128,92,.28),transparent 26%),
radial-gradient(circle at 88% 62%,rgba(201,164,59,.12),transparent 30%),
linear-gradient(rgba(5,29,22,.93),rgba(5,29,22,.96)),
repeating-linear-gradient(0deg,transparent 0 47px,rgba(238,215,145,.04) 48px 49px),
repeating-linear-gradient(90deg,transparent 0 47px,rgba(238,215,145,.04) 48px 49px),
#061b15!important;
color:#fff5d6!important;overflow-x:hidden
}
body:before{
content:"發  中  東  南  西  北  白  一萬  九筒  八條";
position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;
font-family:serif;font-weight:800;font-size:28px;line-height:110px;word-spacing:42px;
color:rgba(244,229,181,.035);transform:rotate(-8deg) scale(1.12);
letter-spacing:12px
}
body>*{position:relative}
.site-header,.topbar-container{
background:linear-gradient(100deg,#061b15 0%,#0d4936 48%,#061b15 100%)!important;
border-bottom:1px solid #c6a13b!important;
box-shadow:0 9px 30px #0009,0 2px 18px rgba(212,176,68,.18)
}
.site-header:after{
content:"";display:block;height:4px;
background:repeating-linear-gradient(90deg,#b51f27 0 32px,#d7b249 32px 64px,#f6e7ae 64px 70px,#0e684b 70px 102px);
box-shadow:0 0 16px rgba(219,183,75,.45)
}
.site-header a,.topbar-container a{transition:.2s}
.site-header a:hover,.topbar-container a:hover{color:#f4d777!important;filter:drop-shadow(0 0 6px rgba(240,201,87,.45))}
.banner,.banner-carousel{
overflow:hidden;border-radius:0 0 18px 18px;background:#061712!important;
box-shadow:0 18px 50px #000b,0 5px 24px rgba(201,164,59,.16)
}
.banner img,.banner-img{max-width:100%;object-fit:contain}
.banner .slick-slide{position:relative}
.banner .slick-slide:after{
content:"";position:absolute;inset:auto 0 0;height:7px;
background:linear-gradient(90deg,#0d503b,#d5ae42,#b51e27,#d5ae42,#0d503b);pointer-events:none
}
.nav-btn{
background:linear-gradient(145deg,#f4eedb,#d9cba6)!important;
border:2px solid #b89532!important;box-shadow:0 5px 18px #0008!important
}
.nav-btn img{filter:none!important}
.container-title,.section-title,.popular-game-title-container .container-title,.home-game-list-container .container-title{
background:linear-gradient(100deg,#08271e,#0f5d44 52%,#08271e)!important;
border:1px solid #b99536!important;border-left:5px solid #d5b34d!important;
color:#fff3c7!important;box-shadow:0 8px 25px #0007,inset 0 1px rgba(255,241,187,.16);
letter-spacing:.3px;border-radius:9px!important
}
.container-title:before,.section-title:before{content:"🀄";margin-right:8px}
.container-content,.home-inner-container,.popular-games,.promotion-container,.home-game-list-container{
border-radius:14px;box-shadow:0 10px 35px #0006
}
.announcement-container{
border:1px solid #b9973c!important;background:linear-gradient(100deg,#09291f,#0d4936)!important;
box-shadow:inset 0 1px rgba(255,237,170,.16),0 8px 24px #0006;border-radius:10px!important
}
.home-info-container{background:linear-gradient(180deg,#0a3024,#061b15)!important}
a,.btn,button{transition:background .25s,border-color .25s,box-shadow .25s,transform .25s,color .25s}
a:focus-visible,button:focus-visible{outline:2px solid #e4c35c!important;outline-offset:3px}
.btn:hover,button:hover{box-shadow:0 5px 22px rgba(211,174,66,.3)}
.standard-button-group .btn,.register-btn,.login-btn{border-radius:7px!important}
.register-btn,.standard-button-group .btn-primary{background:linear-gradient(135deg,#a51620,#d44642)!important;border-color:#e1bd56!important}
.login-btn{background:linear-gradient(135deg,#0d5b42,#16825e)!important;border-color:#d4b34c!important}
.game-item,.promotion-item,.provider-slide .slide-item{transition:transform .25s,box-shadow .25s,border-color .25s}
.game-item,.promotion-item{
background:linear-gradient(145deg,#f4f0df,#d9d1b6)!important;
border:2px solid #b79943!important;border-radius:10px!important;
box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 7px 18px #0007
}
.game-item:hover,.promotion-item:hover{transform:translateY(-5px) rotate(-.25deg);box-shadow:0 12px 28px rgba(209,171,61,.25)}
h1,h2,h3{color:#fff0bc!important;text-wrap:pretty}
h1{line-height:1.3;text-shadow:0 3px 18px rgba(213,178,73,.32)}
h2{line-height:1.4}
h2:before{content:"◆";font-size:.62em;color:#d5b44f;margin-right:8px;vertical-align:middle}
p,li,td{line-height:1.75}
a{color:#e8c75d}a:hover{color:#fff0ad}
.site-description{
background:linear-gradient(145deg,rgba(8,42,31,.96),rgba(5,27,21,.96))!important;
border:1px solid #b79438!important;border-radius:16px!important;padding:24px!important;
box-shadow:0 18px 45px #0008,inset 0 0 45px rgba(25,117,83,.12)
}
.site-description ul{list-style:none;padding-left:0}
.site-description ul li{
position:relative;margin:8px 0;padding:10px 12px 10px 45px;
background:rgba(242,234,205,.07);border:1px solid rgba(206,174,75,.24);border-radius:8px
}
.site-description ul li:before{
content:"🀐";position:absolute;left:10px;top:7px;width:27px;height:31px;
display:flex;align-items:center;justify-content:center;background:#eee8d3;border:1px solid #b89a49;
border-radius:4px;color:#b21f27;font-size:17px;box-shadow:0 2px 5px #0005
}
table{
width:100%;border-collapse:separate!important;border-spacing:4px!important;overflow:hidden;
border:1px solid #b5963c!important;border-radius:13px;background:#08251c!important;box-shadow:0 12px 35px #0006
}
th{
background:linear-gradient(135deg,#a51b24,#c73737)!important;color:#fff4ca!important;
font-weight:700;border:1px solid #d2ad46!important;border-radius:6px
}
td{
background:linear-gradient(145deg,#f2edda,#ddd4b8)!important;color:#173329!important;
border:1px solid #b99c50!important;border-radius:6px;box-shadow:inset 0 0 0 1px #fff8
}
tr:nth-child(even) td{background:linear-gradient(145deg,#e7e0c9,#d2c7a6)!important}
tr:hover td{background:#fff5d4!important}
th,td{padding:13px!important;vertical-align:top}
.modal-content,.popup-modal{
background:linear-gradient(145deg,#0d4533,#061c16)!important;border:1px solid #d0ab43!important;
color:#fff2c7!important;border-radius:15px!important;box-shadow:0 20px 65px #000c,0 0 28px rgba(209,171,64,.16)!important
}
.modal-header{border-bottom:1px solid #a98b36!important}.modal-footer{border-top:1px solid #a98b36!important}
input,select,textarea{accent-color:#b61f28}
::-webkit-scrollbar{width:9px;height:8px}
::-webkit-scrollbar-track{background:#061b15}
::-webkit-scrollbar-thumb{background:linear-gradient(#0f6046,#d0aa42);border-radius:10px}
.site-footer{
background:
linear-gradient(rgba(5,27,21,.94),rgba(5,27,21,.98)),
repeating-linear-gradient(45deg,transparent 0 22px,rgba(213,178,73,.05) 23px 24px)!important;
border-top:3px solid #b89435!important
}
@media(max-width:767px){
body{font-size:14px!important}.container{max-width:100%}.banner,.banner-carousel{border-radius:0 0 10px 10px}
.container-title,.section-title{border-left-width:3px!important}
.site-description{padding:15px!important}
th,td{padding:9px!important;font-size:12px!important}
table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
h1{font-size:clamp(23px,6vw,34px)!important}h2{font-size:clamp(19px,5vw,27px)!important}
body:before{font-size:20px;line-height:85px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}