/* Slide Menu */

#main-language .box .item i {
    position: absolute;
    margin: 3px 5px;
    font-size: 18px;
    color: #67d184;
    display: none;
}
#main-language .box .item {
    position: relative;
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #000000;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    display: block;
    z-index: auto;
}
#main-language .box {
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
    color: #000;
    border: 1px solid #000000;
}
.happy88 .copyrighttext p {
    font-size: 11px;
    text-align: left;
    width: 100%;
    padding: 5%;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    color: black;
}

.happy88 {
    border: 0px solid rgba(255,255,255,0.1);
    height: 100%;
    width: 300px;
    color: #000;
    position: fixed;
    top: 0;
    left: calc(100% - 300px);
    transition: left 0.5s;
    z-index: 3;
    background: #fff;
}

.happy88 .toggle-wrapper {
    border: none;
    border-left: none;
    height: 50px;
    width: 50px;
    background-image: none;
    overflow: hidden;
    position: absolute;
    top: 3px;
    left: calc(0px - 50px);
    margin: 2px 0 0 0;
    border-radius: 0;
    background-size: 100% 100%;
}
.happy88 .toggle-wrapper span {
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    transition: left 0s;
    color: black;
    font-size: 20px;
}
.happy88 .toggle-wrapper .show {
  left: -50px;
}
.happy88 .heading {
    padding: 15px;
    height: 70px;
    border-bottom: 0px solid rgba(255,255,255,.1);
    line-height: 15px;
    color: black;
    margin: 0px 0px 45px 0;
    text-align: center;
}

.happy88 .menu {
  list-style-type: none;
}
.happy88 .menu img {
    margin: 0px 6px -6px 0;
}
.happy88 .menu li {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.happy88 .menu a {
    display: block;
    padding: 12px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    position: relative;
    z-index: 0;
    font-size: 12px;
}
.happy88 .menu a::after {
  content: '';
  background-color: rgba(255,255,255,0.1);
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  right: 0;
  transition: left 0.25s, left 0.25s;
}
.happy88 .menu a:hover::after {
  right: 0;
}
.happy88 .has-menu {
  position: relative;
}
.happy88 .has-menu::before {
    content: '';
    border: 2px solid #ffffff;
    height: 40px;
    width: 40px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1;
    color: black;
    border-radius: 14px;
}
.happy88 .has-menu::after {
    content: '\027A4';
    padding: 0px 0;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    transform: rotate(90deg);
    transition: transform 0.25s;
    color: #ffcc00;
}
.happy88 .has-menu > .menu {
  overflow: hidden;
  max-height: auto;
}
.happy88 .menu .menu {
    border-top: 0px solid rgba(255,255,255,0.1);
}
.happy88 .has-menu > .menu > li > a {
    padding-left: 15px;
    transition: padding 1s;
    font-size: 10px;
}
.happy88 .has-menu > .menu > li:last-child {
  border-bottom: none;
}
/* Closed States */
.happy88:not(.open) {
  left: 100%;
}
.happy88:not(.open) .toggle-wrapper .show {
  left: 0px;
}
.happy88:not(.open) .toggle-wrapper .hide {
  left: 50px;
}
.happy88 .has-menu:not(.open)::after {
    transform: rotate(-90deg);
    color: black;
}
.happy88 .has-menu:not(.open) > .menu {
  border-top: none;
  max-height: 0;
}
.happy88 .has-menu:not(.open) > .menu > li > a {
  padding-left: 15px;
}

.happy88 .scrollable {
  height: 95%;
  overflow: auto;
}


@keyframes mymove {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}

.primary-button {
    width: 100%;
    height: 40px;
    background-color: #ffd800;
    color: #1e1e1e;
    border: none;
    font-weight: 900;
    font-size: 18px;
    cursor: pointer;
}

.txt-extrabold {
    font-weight: 900;
}

.text-white {
    color: red !important;
}

.text-center {
    text-align: center !important;
}

.text-member{
    padding-top: 10px;
    font-size: 11px;
}

.links {
    display: flex;
    align-items: center;
    padding-right: 0px;
}

.links>span.btn-sign-up {
    color: #000;
    background: #db090a;
    margin-left: 5px;
    transition: background .3s;
}

.links>span {
    min-width: 85px;
    height: 27px;
    background: 0 0;
    border: 1px solid ;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
}

.top-header-box .nav-list li span{
    text-align: center;
}

/* ==================== FONT AWESOME（视频图标需要） ==================== */
@import url("f5659550b27ddbfe.css");

/* ==================== POPUP NOTICE ==================== */

/* ===== 遮罩层（只对 popup notice 生效，不影响其他弹窗） ===== */
#popupwindow.popup-notice-active[style*="display: block"],
#popupwindow.popup-notice-active[style*="display: flex"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}


/* ==================== NOTICE DETAILS ==================== */

.notice-popup-details {
    text-align: center;
    background: transparent;
    margin: 0;
}

.notice-popup-details h1 {
    font-size: 16px;
    text-align: center;
    margin-top: 0px;
    color: #6f3798;
    transition: .3s;
}

.notice-popup-details p:first-of-type {
    margin-top: 10px;
    transition: .3s;
}

.notice-popup-details p {
    font-size: 13px;
    text-align: center;
    color: #0a0a0a;
    transition: .3s;
}

.notice-popup-details p span {
    color: #6f3798;
}

/* ==================== MAIN NOTICE CONTAINER ==================== */

#main-notice {
    position: relative !important;
    display: flex !important;
    padding: 30px 15px;
    max-width: 800px !important;
    flex-direction: row !important;
    background: #ffffff !important;
    border-radius: 15px;
    width: 96% !important;
}

#main-notice .ic-close,
.ic-close-circle {
    position: absolute !important;
    top: 0px !important;
    background: #ffffff !important;
    box-shadow: 0 0 6px 3px #0000004f;
    border-radius: 50%;
    right: 0px !important;
    font-size: 12px !important;
    width: 33px !important;
    height: 33px !important;
    padding: 6px !important;
    z-index: 9999 !important;
    text-align: right;
    cursor: pointer;
}

#main-notice .ic-close:before,
#main-notice .ic-close:after {
    background-color: #000;
    margin: 1px 0 0px -11.5px;
    height: 19px;
}

/* ==================== SIDEBAR ==================== */

.popup-wrapper {
    width: 40%;
}

.popup-sidebar {
    background: #ffffff;
    width: 100%;
    height: 100%;
    padding: 0px;
    border-radius: 10px;
    margin-right: 20px;
    transition: .3s;
    box-shadow: 0 0 10px 5px #00000014;
}

.popup-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.popup-sidebar li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 18px 16px;
    margin: 0px;
    font-weight: 600;
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
    font-size: 12.5px;
    width: 100%;
    margin-bottom: 0px;
    background: none;
    border-radius: 6px;
    color: #696969;
    cursor: pointer;
    transition: .3s;
}

.popup-sidebar li i,
.popup-sidebar li svg {
    margin-right: 8px;
    font-size: 18px;
    flex-shrink: 0;
    transition: .2s;
}

.popup-sidebar li.active {
    background: linear-gradient(#6f3798 10%, #4a2466 140%);
    color: white;
}

.popup-sidebar li.active:after {
    aspect-ratio: 1 / 1;
    background: linear-gradient(105deg, #6f3798, #4a2466);
    border-radius: 10px;
    content: "";
    display: block;
    height: 80%;
    left: 98%;
    position: absolute;
    top: -4px;
    transform: rotate(45deg);
    transform-origin: top left;
    z-index: 100;
    transition: .3s;
}

.popup-sidebar li i.fa-grip:before {
    content: "\f58d";
}

.popup-sidebar li i.fa-video:before {
    content: "\f58d" !important;
}

/* ==================== CAROUSEL ARROWS ==================== */

.carousel-arrow.left {
    left: 2px;
}

.carousel-arrow.right {
    right: -20px;
}

.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    color: #6f3798;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
    display: none;
}

@media (max-width: 768px) {
    .carousel-arrow {
        display: block !important;
    }
}

/* ==================== INDICATOR DOTS ==================== */

.indicator-dots {
    text-align: center;
    padding: 6px;
    display: none;
    margin-top: 6px;
}

@media (max-width: 768px) {
    .indicator-dots {
        display: flex;
        justify-content: center;
        background: transparent;
        border-radius: 20px;
    }
}

.indicator-dots .dot {
    height: 9px;
    width: 9px;
    margin: 0 4px;
    background-color: #adadad;
    border-radius: 50px;
    display: inline-block;
    transition: background-color 0.3s;
}

.indicator-dots .dot.active {
    background-color: #6f3798;
    width: 20px;
    border-radius: 50px;
}

/* ==================== NOTICE CONTENT ==================== */

.notice-wrapper {
    width: 100%;
    flex: 1 1 0%;
    padding: 10px 10px 10px 15px;
    transition: .3s;
}

.notice-banner-wrapper {
    display: inline-block;
    width: 100%;
    height: auto;
    transition: .3s;
}

#main-notice .notice {
    width: 100% !important;
    border-radius: 10px;
    padding-top: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ==================== DESKTOP — 竖图不超出屏幕 ==================== */

@media (min-width: 751px) {
    #main-notice {
        max-height: 85vh;
    }

    .notice-banner-wrapper {
        max-height: 60vh;
        overflow: hidden;
    }

    #main-notice .notice {
        padding-top: 0 !important;
        height: 50vh;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/* ==================== MOBILE VIEW ==================== */

@media only screen and (max-width: 750px) {
    #main-notice {
        display: flex !important;
        flex-direction: column-reverse !important;
        max-height: 600px;
        width: 85% !important;
        margin: 0 15px !important;
        margin-top: -20px !important;
        padding: 12px 10px !important;
        overflow-x: hidden;
    }

    .popup-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .popup-sidebar {
        width: 100% !important;
        font-size: 12px;
        margin-top: 10px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .popup-sidebar ul {
        list-style: none;
        padding: 0;
        display: flex;
        margin: 0;
        overflow-x: scroll;
    }

    .popup-sidebar li {
        padding: 12px 14px !important;
        font-size: 12px !important;
        overflow: hidden;
        white-space: normal !important;
        word-break: break-word !important;
        line-height: 1.3 !important;
        min-width: 200px;
        text-overflow: ellipsis;
        display: none !important;
    }

    .popup-sidebar li.active {
        display: block !important;
        text-align: center;
        min-width: 100%;
    }

    .popup-sidebar li i {
        margin-right: 6px !important;
        font-size: 20px !important;
        vertical-align: middle !important;
    }

    .notice-wrapper {
        max-height: 600px;
        overflow-y: scroll;
        margin-bottom: 0px;
        padding: 10px 15px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
}

@keyframes slideInRight {
    from { transform: translateX(80px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideInLeft {
    from { transform: translateX(-80px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.notice-wrapper.slide-right {
    animation: slideInRight 0.3s ease;
}

.notice-wrapper.slide-left {
    animation: slideInLeft 0.3s ease;
}


#header-menu {
    z-index: 99998 !important;
}

#main-notice .ic-close::before,
#main-notice .ic-close::after {
    pointer-events: none !important;
}
/* ==================== POPUP NOTICE END ==================== */

/* 让 promotion popup 内容超出屏幕时可以滚动 */
#promotion-popup {
    max-height: 90vh !important;
    overflow-y: auto !important;
}

/* PARTNERSHIP 标志整个浮动容器要在弹窗后面 */
#header-partnership {
    z-index: -1 !important;
    position: relative !important;
}

/* 弹窗 popupwindow 在网站确认框之下 */
#popupwindow[style*="display: block"],
#popupwindow[style*="display: flex"] {
    z-index: 100 !important;
}

/* Side menu 也要盖过 PARTNERSHIP */
#sideMenu,
#sideMenuOverlay,
.happy88 {
    z-index: 9999999 !important;
}

/* 当 body 是 fullscreen 模式时，隐藏所有浮动 UI */
body.fullscreen .happy88,
body.fullscreen .floating-tips,
body.fullscreen .floating-whatsapp,
body.fullscreen #floatcontainer,
body.fullscreen .toggle-wrapper,
body.fullscreen #header {
    display: none !important;
}
/* ===== Big Win Record · 观看按钮 (mrg-eye) — 纯紫圈白眼 ===== */
.mrg-table .mrg-eye,
.mrg-col-eye .mrg-eye {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(135deg, #6f3798 0%, #4a2466 100%) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.35) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    cursor: pointer !important;
    font-size: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
}
.mrg-table .mrg-eye > *,
.mrg-col-eye .mrg-eye > * {
    display: none !important;
}
.mrg-table .mrg-eye::before,
.mrg-col-eye .mrg-eye::before {
    content: "" !important;
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    pointer-events: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") !important;
}
/* ==========================================
   POPUP / ANGPAO z-index
   ========================================== */
#popupwindow[style*="display: block"],
#popupwindow[style*="display: flex"]{
    z-index: 100 !important;
}

/* Angpao 弹窗 z-index 调高（这些不是 sweetalert，可以高）*/
#angpaowindow,
#angpao-popup,
.angpao-wrapper,
.angpao-img-wrapper {
    z-index: 9999999 !important;
}

/* 左上 logo + 右上菜单按钮 z-index 调低（不再压低 side menu .happy88） */
#header-partnership,
.menu-toggle,
#header .menu-icon,
.floating-tips {
    z-index: 1 !important;
}
/* ===== SYARIKAT MR 列表 · 对齐 EKP 样式 ===== */
.happy88 .mrgroup-list { padding: 0; }

.happy88 .mrgroup-list .mrg-brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
}
.happy88 .mrgroup-list .mrg-brand img {
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    border-radius: 6px !important;
    object-fit: contain !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}
.happy88 .mrgroup-list .mrg-current {
    background: #efe6f7 !important;
    border-radius: 8px !important;
}
.happy88 .mrgroup-list .mrg-arrow {
    width: 22px !important;
    height: 22px !important;
    color: #6e3697 !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    animation: mymove 1.2s infinite !important;
}

/* ===== Popup notice 弹出时隐藏左上 logo + 右上菜单（JS 加 body.notice-open）===== */
body.notice-open #header-partnership,
body.notice-open .menu-toggle,
body.notice-open #header .menu-icon,
body.notice-open #header-menu,
body.notice-open .toggle-wrapper {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* ================= SIDE MENU · 九宫格 + 横条（紫金版）================= */
.happy88 .menu .mrg-grid-li{border-bottom:none!important;padding:0;}
.happy88 .menu .mrg-grid-li::after,
.happy88 .menu .mrg-grid-li::before{display:none!important;}

.happy88 .mrg-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
    padding:12px 11px 4px;
}
.happy88 .mrg-grid .mrg-cell{
    display:block!important;
    background:#fff;
    border:1.5px solid #ece3f5;
    border-radius:11px;
    padding:11px 3px 8px!important;
    text-align:center;
    text-decoration:none;
    transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.happy88 .mrg-grid .mrg-cell::after{display:none!important;}
.happy88 .mrg-grid .mrg-cell:hover{
    transform:translateY(-2px);
    border-color:#c9a9e6;
    box-shadow:0 4px 12px rgba(110,54,151,.15);
}
.happy88 .mrg-grid .mrg-cell-ic{
    width:34px;height:34px;
    margin:0 auto 5px;
    border-radius:10px;
    background:#f3ecfa;
    display:flex;align-items:center;justify-content:center;
}
.happy88 .mrg-grid .mrg-cell-ic svg{width:19px;height:19px;}
.happy88 .mrg-grid .mrg-cell-tx{
    display:block;
    font-size:9px;
    font-weight:700;
    color:#3a2a4d;
    line-height:1.2;
}
.happy88 .mrg-grid .mrg-cell-gold{border-color:#f0e2c0;}
.happy88 .mrg-grid .mrg-cell-gold .mrg-cell-ic{background:#fdf6e3;}
.happy88 .mrg-grid .mrg-cell-gold .mrg-cell-tx{color:#8a6d10;}

/* 横条 */
.happy88 .menu > li > a.mrg-row{
    display:flex!important;
    align-items:center;
    gap:10px;
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    margin:0 11px 7px;
    padding:10px 12px!important;
    font-size:12px;
    font-weight:600;
    color:#2e2340;
    text-decoration:none;
}
.happy88 .menu > li > a.mrg-row::after{display:none!important;}
.happy88 .menu > li > a.mrg-row .mrg-row-ic{
    width:18px;height:18px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
}
.happy88 .menu > li > a.mrg-row .mrg-row-ic svg{width:18px;height:18px;}
.happy88 .menu > li > a.mrg-row .mrg-row-tx{flex:1;}

/* ==================== BEGIN SIDEMENU-GRID ==================== */
/* side menu 整体变窄（对齐 ACE）*/
.happy88{width:250px!important;left:calc(100% - 250px)!important;}
.happy88:not(.open){left:100%!important;}

.happy88 .menu .mrg-grid-li{border-bottom:none!important;padding:0;}
.happy88 .menu .mrg-grid-li::after,
.happy88 .menu .mrg-grid-li::before{display:none!important;}

.happy88 .mrg-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 9px 2px;}
.happy88 .mrg-grid .mrg-cell{
    width:calc(33.33% - 4px);
    display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    background:linear-gradient(180deg,#5e2b86,#3f1d5e)!important;
    border:1.3px solid #d4a017;border-radius:10px;
    min-height:58px;padding:6px 2px!important;
    text-decoration:none;
    transition:transform .2s ease,background .2s ease;
}
.happy88 .mrg-grid .mrg-cell::after{display:none!important;}
.happy88 .mrg-grid .mrg-cell:hover{
    background:linear-gradient(180deg,#7a3ba8,#4f2470)!important;
    transform:translateY(-2px);
}
.happy88 .mrg-grid .mrg-cell:hover .mrg-cell-ic{transform:scale(1.15);}
.happy88 .mrg-grid .mrg-cell-ic{
    width:28px;height:28px;
    display:flex;align-items:center;justify-content:center;
    color:#f0c040;
    background:transparent!important;border-radius:0!important;
    transition:transform .2s ease;
}
.happy88 .mrg-grid .mrg-cell-ic svg{width:22px;height:22px;fill:currentColor;}
.happy88 .mrg-grid .mrg-ic-wheel svg,
.happy88 .mrg-grid .mrg-ic-ball svg,
.happy88 .mrg-grid .mrg-ic-egg svg{width:25px;height:25px;fill:none;}
.happy88 .mrg-grid .mrg-ic-egg .mrg-hammer{transform-origin:24px 34px;animation:mrg-egg-smash 1.1s ease-in-out infinite;}
.happy88 .mrg-grid .mrg-cell-tx{display:block;font-size:8px;font-weight:600;color:#fff;text-align:center;line-height:1.2;}
.happy88 .mrg-grid .mrg-18{display:inline-block;background:#c0392b;color:#fff;font-size:6px;font-weight:800;padding:1px 3px;border-radius:5px;margin-left:2px;vertical-align:middle;}

.happy88 .menu > li > a.mrg-row{
    display:flex!important;align-items:center;gap:9px;
    background:#fff;border:1px solid #eee;border-radius:9px;
    margin:0 9px 6px;padding:8px 11px!important;
    font-size:11.5px;font-weight:600;color:#2e2340;text-decoration:none;position:relative;
}
.happy88 .menu > li > a.mrg-row .mrg-row-ic{width:17px;height:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.happy88 .menu > li > a.mrg-row .mrg-row-ic svg{width:17px;height:17px;}
.happy88 .menu > li > a.mrg-row .mrg-row-tx{flex:1;}
.happy88 .menu > li > a.mrg-row-live{background:#f3ecfa;border-color:#e0d0f0;}
.happy88 .menu > li > a.mrg-row-live .mrg-row-tx{color:#6e3697;font-weight:800;letter-spacing:.3px;}
.happy88 .menu > li.mrg-syarikat > a.mrg-row-gold{background:linear-gradient(135deg,#6e3697,#4a2466)!important;border:none!important;box-shadow:0 3px 9px rgba(110,54,151,.3);}
.happy88 .menu > li.mrg-syarikat > a.mrg-row-gold .mrg-row-tx{color:#f4d611!important;font-weight:800;}
.happy88 .menu > li{border-bottom:none!important;}

.happy88 .has-menu > a.mrg-row{position:relative;}
.happy88 .has-menu > a.mrg-row::after{content:'\203A';position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:15px;line-height:1;color:#c3b3d6;transition:transform .25s;display:block!important;}
.happy88 .mrg-syarikat.has-menu > a.mrg-row-gold::after{color:#f4d611!important;}
.happy88 .has-menu.open > a.mrg-row::after{transform:translateY(-50%) rotate(90deg);}
.happy88 .has-menu::after,
.happy88 .has-menu::before{content:none!important;display:none!important;}
/* ==================== END SIDEMENU-GRID ==================== */

/* ===== MRATM88 · Jackpot 分类下隐藏 SLOT/TEMBAK IKAN/CASINO ===== */
body.mr-cat-jackpot #gameList > .tabs { display: none !important; }

/* ===== MRATM88 · 锁定首页模块顺序（两种结构都生效）===== */
#home-game {
  display: flex !important;
  flex-direction: column !important;
}
#home-game > .site-tabs      { order: 1 !important; }
#home-game > #jp-wrap        { order: 2 !important; }
#home-game > .game-container { order: 3 !important; }
#home-game > .game-list      { order: 4 !important; }

/* jp-wrap 被塞进 gameList 内部时，把它提到最前 */
#gameList {
  display: flex !important;
  flex-direction: column !important;
}
#gameList > #jp-wrap { order: 1 !important; }
#gameList > .tabs    { order: 2 !important; }
#gameList > .gamenote{ order: 3 !important; }
#gameList > .games   { order: 4 !important; }
/* ==================== SIDEMENU v2 PATCH · 白底紫字 + icon 加大（放在 CSS 最底部）==================== */
.happy88 .menu .mrg-grid .mrg-cell,
.happy88 .menu .mrg-grid .mrg-cell:hover{
    background:#fff!important;
    border:1px solid #ecdff7!important;
    box-shadow:0 1px 4px rgba(110,54,151,.10)!important;
}
.happy88 .menu .mrg-grid .mrg-cell:hover{border-color:#c9a9e6!important;box-shadow:0 3px 10px rgba(110,54,151,.18)!important;}
.happy88 .menu .mrg-grid .mrg-cell-tx{color:#6e3697!important;font-weight:900!important;font-size:10.5px!important;line-height:1.2!important;position:relative!important;top:-3px!important;}
/* icon 加大：22px -> 30px */
.happy88 .menu .mrg-grid .mrg-cell-ic{width:32px!important;height:32px!important;}
.happy88 .menu .mrg-grid .mrg-cell-ic svg{width:30px!important;height:30px!important;}
/* Soccer 保持原本大小 */
.happy88 .menu .mrg-grid .mrg-ic-ball{width:28px!important;height:28px!important;}
.happy88 .menu .mrg-grid .mrg-ic-ball svg{width:25px!important;height:25px!important;}
/* Ranking Board / Ranking Withdraw / Mission / Big Win Slip / Movie 的 icon 小一点 */
.happy88 .menu .mrg-grid .mrg-ic-sm svg{width:26px!important;height:26px!important;}
/* ===== 语言下拉（Tukar Bahasa）===== */
.happy88 .mrg-lang > ul.mrg-lang-list{padding:0!important;margin:0 9px!important;background:#fff!important;border-radius:10px!important;overflow:hidden!important;}
.happy88 .mrg-lang:not(.open) > ul.mrg-lang-list{max-height:0!important;box-shadow:none!important;}
.happy88 .mrg-lang.open > ul.mrg-lang-list{max-height:400px!important;margin:-2px 9px 6px!important;box-shadow:0 1px 4px rgba(110,54,151,.12)!important;}
.happy88 .mrg-lang > ul.mrg-lang-list > li{margin:0!important;border-bottom:1px solid #f3eef8!important;}
.happy88 .mrg-lang > ul.mrg-lang-list > li:last-child{border-bottom:none!important;}
.happy88 .mrg-lang > ul.mrg-lang-list > li > a.mrg-lang-item{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;font-size:13.5px!important;font-weight:500!important;color:#2e2340!important;text-decoration:none!important;border-left:3px solid transparent!important;background:none!important;}
.happy88 .mrg-lang > ul.mrg-lang-list > li > a.mrg-lang-item::after{display:none!important;}
.happy88 .mrg-lang > ul.mrg-lang-list > li > a.mrg-lang-item.mrg-on{background:#f4ecfa!important;border-left-color:#6e3697!important;color:#6e3697!important;font-weight:800!important;}
.happy88 .mrg-flag{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:50%!important;overflow:hidden!important;display:inline-block!important;box-shadow:0 0 0 1px rgba(0,0,0,.08)!important;}
.happy88 .mrg-flag svg{width:100%!important;height:100%!important;display:block!important;}
/* 切换语言时把网站原本的语言弹窗藏起来 */
body.mrg-lang-busy #popupwindow,body.mrg-lang-busy #main-language{opacity:0!important;}
/* ===== 尺寸 + 置中 ===== */
.happy88{width:250px!important;left:calc(100% - 250px)!important;}
.happy88:not(.open){left:100%!important;}
.happy88 .scrollable{box-sizing:border-box!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
.happy88 .scrollable::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.happy88 .scrollable > ul.menu{padding:0!important;margin:0!important;width:100%!important;box-sizing:border-box!important;}
.happy88 .scrollable > ul.menu > li{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;}
.happy88 .menu .mrg-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:10px 9px 4px!important;margin:0!important;box-sizing:border-box!important;}
.happy88 .menu .mrg-grid .mrg-cell{width:auto!important;min-height:66px!important;padding:7px 2px!important;margin:0!important;box-sizing:border-box!important;}
.happy88 .menu .mrg-grid .mrg-cell-tx{font-size:9.5px!important;}
.happy88 .menu .mrg-grid .mrg-cell-ic{width:32px!important;height:32px!important;}
.happy88 .menu .mrg-grid .mrg-cell-ic svg{width:30px!important;height:30px!important;}
.happy88 .menu .mrg-grid .mrg-ic-sm svg{width:26px!important;height:26px!important;}
.happy88 .menu .mrg-grid .mrg-ic-ball{width:28px!important;height:28px!important;}
.happy88 .menu .mrg-grid .mrg-ic-ball svg{width:25px!important;height:25px!important;}
.happy88 .menu > li > a.mrg-row{padding:10px 12px!important;font-size:12.5px!important;margin:0 9px 6px!important;gap:10px!important;box-sizing:border-box!important;}
.happy88 .menu > li > a.mrg-row .mrg-row-ic,
.happy88 .menu > li > a.mrg-row .mrg-row-ic svg{width:19px!important;height:19px!important;}
.happy88 .has-menu > a.mrg-row::after{font-size:18px!important;}
.happy88 .mrg-flag{width:22px!important;height:22px!important;flex:0 0 22px!important;}
.happy88 .mrg-lang > ul.mrg-lang-list > li > a.mrg-lang-item{font-size:12.5px!important;}
.happy88 .mrg-lang > ul.mrg-lang-list,.happy88 .mrg-lang.open > ul.mrg-lang-list,
.happy88 .mrg-more > ul.mrg-more-list,.happy88 .mrg-more.open > ul.mrg-more-list{margin-left:9px!important;margin-right:9px!important;}
.happy88 .has-menu > ul.menu:not(.mrg-lang-list):not(.mrg-more-list){margin-left:9px!important;margin-right:9px!important;}
.happy88 .heading{text-align:center!important;padding-left:12px!important;padding-right:12px!important;}
.happy88 #copyright,.happy88 .copyrighttext p{text-align:center!important;}
/* ===== More Links 下拉 ===== */
.happy88 .mrg-more > ul.mrg-more-list{padding:0!important;margin:0 9px!important;background:#fff!important;border-radius:10px!important;overflow:hidden!important;}
.happy88 .mrg-more:not(.open) > ul.mrg-more-list{max-height:0!important;}
.happy88 .mrg-more.open > ul.mrg-more-list{max-height:400px!important;margin:-2px 9px 6px!important;box-shadow:0 1px 4px rgba(110,54,151,.12)!important;}
.happy88 .mrg-more > ul.mrg-more-list > li{margin:0!important;border-bottom:1px solid #f3eef8!important;}
.happy88 .mrg-more > ul.mrg-more-list > li:last-child{border-bottom:none!important;}
.happy88 .mrg-more > ul.mrg-more-list > li > a{display:block!important;padding:10px 14px 10px 46px!important;font-size:12.5px!important;font-weight:600!important;color:#6e3697!important;text-decoration:none!important;background:none!important;}
.happy88 .mrg-more > ul.mrg-more-list > li > a::after{display:none!important;}
/* ==================== END SIDEMENU v2 PATCH ==================== */
/* MRATM88 Welcome Bonus - 3D skin v2.0  (paste into Main Layout > CSS) */

/* ---------- bottom-right pill ---------- */
#mrWbPill{position:fixed;right:10px;bottom:72px;z-index:9990;display:flex;align-items:stretch;height:46px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#6b2ea6,#3d1266);font-family:Poppins,Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;cursor:pointer;border:1px solid rgba(247,208,70,.45);box-shadow:0 10px 20px -6px rgba(22,6,40,.6),0 2px 5px rgba(22,6,40,.45),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 4px rgba(0,0,0,.35);animation:mrWbIn .45s cubic-bezier(.22,1,.36,1) both}#mrWbPill.mrWbOut{animation:mrWbOutA .25s ease-in forwards}#mrWbPill.mrWbBack{z-index:1;pointer-events:none}#mrWbIco{position:relative;overflow:hidden;flex:0 0 44px;width:44px;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1;background:linear-gradient(180deg,#ffe88a,#f7d046 42%,#d59a22);text-shadow:0 1px 1px rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -3px 6px rgba(150,95,0,.45),1px 0 0 rgba(0,0,0,.25)}#mrWbTxt{display:flex;flex-direction:column;justify-content:center;padding:0 11px;color:#fff;text-align:left}#mrWbTxt b{display:block;font-size:9px;font-weight:700;letter-spacing:.7px;line-height:1.25;text-transform:uppercase;white-space:nowrap;color:#e3cdf5}#mrWbTxt i{display:block;font-style:normal;font-size:16px;font-weight:800;line-height:1.2;color:#ffd84d;text-shadow:0 1px 0 rgba(120,70,0,.55),0 2px 6px rgba(255,190,40,.4)}#mrWbGo{position:relative;overflow:hidden;align-self:center;margin-right:8px;padding:0 13px;height:30px;line-height:30px;border:0;border-radius:6px;background:linear-gradient(180deg,#ffe88a,#f5c518 45%,#d29a1c);color:#3d1266;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.4px;cursor:pointer;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 3px 0 #9d6c0c,0 5px 10px -3px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.8);transition:transform .08s,box-shadow .08s}#mrWbGo:active{transform:translateY(2px);box-shadow:0 1px 0 #9d6c0c,0 2px 5px -2px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6)}#mrWbX{align-self:center;flex:0 0 26px;width:26px;height:26px;margin-right:5px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#e3cdf5;font-family:inherit;font-size:14px;line-height:26px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}#mrWbX:active{background:rgba(255,255,255,.3)}@media (max-width:360px){#mrWbTxt{padding:0 8px}#mrWbTxt i{font-size:15px}#mrWbGo{padding:0 10px}}#mrWbOvl{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9995;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-perspective:1400px;perspective:1400px}#mrWbBd{position:absolute;left:0;top:0;right:0;bottom:0;background:radial-gradient(120% 90% at 50% 18%,rgba(74,26,120,.55),rgba(8,2,16,.82) 70%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mrWbFi .3s ease-out}#mrWbBox{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:384px;max-height:90%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fdfbff;border-radius:16px;border:1px solid rgba(255,255,255,.55);font-family:Poppins,Arial,Helvetica,sans-serif;box-shadow:0 30px 60px -26px rgba(16,4,34,.6),0 8px 20px -12px rgba(16,4,34,.4),inset 0 1px 0 rgba(255,255,255,.9);animation:mrWbUp .5s cubic-bezier(.2,1.05,.35,1) both}#mrWbOvl.mrWbOut #mrWbBd{animation:mrWbFo .25s ease-in forwards}#mrWbOvl.mrWbOut #mrWbBox{animation:mrWbDn .25s ease-in forwards}#mrWbHd{position:relative;padding:26px 20px 24px;text-align:center;border-radius:15px 15px 0 0;overflow:hidden;background:linear-gradient(170deg,#5c2590 0%,#3d1266 55%,#2a0f45 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(247,208,70,.38)}#mrWbHd:after{content:"";position:absolute;left:-20%;top:-120%;width:140%;height:150%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.1),rgba(255,255,255,0) 70%);pointer-events:none}#mrWbCls{position:absolute;top:9px;right:9px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:rgba(255,255,255,.7);font-family:inherit;font-size:27px;font-weight:300;line-height:40px;cursor:pointer;z-index:2;transition:color .15s,background .15s}#mrWbCls:hover{color:#fff}#mrWbCls:active{color:#fff;background:rgba(255,255,255,.14)}#mrWbBdg{position:relative;z-index:1;display:inline-block;margin:0 0 13px;padding:5px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(247,208,70,.3),rgba(173,116,10,.25));border:1px solid rgba(247,208,70,.6);color:#ffd84d;font-size:9px;font-weight:700;letter-spacing:1.4px;text-shadow:0 1px 2px rgba(0,0,0,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 10px -4px rgba(0,0,0,.6)}#mrWbH1{position:relative;z-index:1;margin:0;font-size:25px;font-weight:800;line-height:1.22;color:#fff;letter-spacing:-.2px;text-shadow:0 2px 3px rgba(20,4,40,.55),0 8px 20px rgba(20,4,40,.35)}#mrWbH1 span{color:#ffd84d;text-shadow:0 1px 0 rgba(130,80,0,.6),0 2px 4px rgba(20,4,40,.5),0 0 22px rgba(255,200,60,.45)}#mrWbSub{position:relative;z-index:1;margin:8px 0 0;font-size:12px;font-weight:400;color:rgba(255,255,255,.7)}#mrWbBody{padding:16px 15px 15px}.mrWbRate{margin:0 0 15px;padding:13px 15px;border-radius:12px;background:linear-gradient(180deg,#fdf7e8,#f6ecd5);border:1px solid #ecdcb6;box-shadow:inset 0 2px 4px rgba(150,115,40,.16),inset 0 -1px 0 rgba(255,255,255,.9),0 1px 0 rgba(255,255,255,.8)}.mrWbRateT{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.mrWbRateT span{font-size:11px;font-weight:600;color:#7a6440;letter-spacing:.2px}.mrWbRateT b{font-size:19px;font-weight:800;color:#c8902a;text-shadow:0 1px 0 rgba(255,255,255,.9),0 2px 3px rgba(150,110,20,.3)}.mrWbBar{height:9px;border-radius:5px;background:linear-gradient(180deg,#e2d2ae,#efe3c8);overflow:hidden;box-shadow:inset 0 2px 3px rgba(120,90,25,.35),inset 0 -1px 0 rgba(255,255,255,.7)}.mrWbBar i{display:block;height:100%;border-radius:5px;background:linear-gradient(180deg,#ffe88a,#f5c518 48%,#d29a1c);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 3px rgba(150,95,0,.35),0 0 10px rgba(245,197,24,.5)}.mrWbScale{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:#a08f6e}.mrWbScale em{font-style:normal;font-weight:700;color:#c8902a}.mrWbT{position:relative;overflow:hidden;margin:0 0 12px;padding:16px 15px 0;border:1px solid #edc650;border-radius:14px;background:linear-gradient(180deg,#fffdf6,#fdf4e0);box-shadow:0 8px 18px -10px rgba(170,120,10,.42),0 2px 5px -3px rgba(120,80,0,.26),inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(247,208,70,.3)}.mrWbT.mrWbBest{border-color:#8d4ec9;background:linear-gradient(180deg,#fff,#f6f1fc);box-shadow:0 10px 22px -10px rgba(54,22,96,.45),0 3px 6px -3px rgba(54,22,96,.28),inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(141,78,201,.22)}.mrWbTag{position:absolute;top:0;right:0;padding:4px 11px;border-radius:0 13px 0 12px;background:linear-gradient(180deg,#ffe066,#e0a800);color:#4b2a00;font-size:9px;font-weight:700;letter-spacing:.6px;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 6px -2px rgba(140,95,0,.55)}.mrWbT.mrWbBest .mrWbTag{background:linear-gradient(180deg,#8d4ec9,#5c2590);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 6px -2px rgba(40,10,70,.5)}.mrWbRow{display:flex;align-items:baseline;padding-bottom:13px}.mrWbPct{font-size:34px;font-weight:800;line-height:1;letter-spacing:-1px;color:#d19b10;text-shadow:0 1px 0 #fff,0 2px 0 rgba(160,112,0,.28),0 4px 10px rgba(226,168,10,.4)}.mrWbT.mrWbBest .mrWbPct{color:#4b1d7a;text-shadow:0 1px 0 #fff,0 2px 0 rgba(75,29,122,.24),0 4px 10px rgba(75,29,122,.3)}.mrWbMin{margin-left:12px}.mrWbMin span{display:block;font-size:10px;color:#948bA4;line-height:1.35}.mrWbMin b{display:block;font-size:18px;font-weight:800;color:#2b1442;line-height:1.2;text-shadow:0 1px 0 rgba(255,255,255,.9)}.mrWbFoot{display:flex;align-items:center;justify-content:space-between;margin:0 -15px;padding:9px 15px;border-top:1px solid #f2e4bf;background:linear-gradient(180deg,#fdf8ea,#f9f0da);border-radius:0 0 13px 13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.mrWbT.mrWbBest .mrWbFoot{border-top-color:#eee4f8;background:linear-gradient(180deg,#faf7fd,#f3edfa)}.mrWbFoot span{font-size:10px;color:#948ba4}.mrWbFoot b{font-size:13px;font-weight:800;color:#c8902a;text-shadow:0 1px 0 rgba(255,255,255,.9)}.mrWbT.mrWbBest .mrWbFoot b{color:#5c2590}#mrWbCta{position:relative;display:block;width:100%;margin:6px 0 0;padding:15px 10px;border:0;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#5c2590,#3d1266 52%,#2e104c);color:#fff;font-family:inherit;font-size:16px;font-weight:800;letter-spacing:.3px;cursor:pointer;text-shadow:0 1px 2px rgba(15,3,30,.55);box-shadow:0 5px 0 #1e0a36,0 12px 24px -8px rgba(30,8,55,.7),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -3px 6px rgba(15,3,30,.4);transition:transform .09s,box-shadow .09s}#mrWbCta:after{content:"";position:absolute;left:0;top:0;right:0;height:46%;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0));pointer-events:none}#mrWbCta:active{transform:translateY(4px);box-shadow:0 1px 0 #1e0a36,0 4px 10px -5px rgba(30,8,55,.6),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -2px 5px rgba(15,3,30,.4)}#mrWbNote{margin:12px 0 2px;text-align:center;font-size:10px;color:#a79fb5}@keyframes mrWbIn{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}@keyframes mrWbOutA{from{opacity:1}to{opacity:0;transform:translate3d(0,16px,0)}}@keyframes mrWbFi{from{opacity:0}to{opacity:1}}@keyframes mrWbFo{from{opacity:1}to{opacity:0}}@keyframes mrWbUp{from{opacity:0;transform:translate3d(0,34px,0) scale(.93) rotateX(9deg)}to{opacity:1;transform:none}}@keyframes mrWbDn{from{opacity:1}to{opacity:0;transform:translate3d(0,20px,0) scale(.96)}}@media (prefers-reduced-motion:reduce){#mrWbPill,#mrWbBd,#mrWbBox{animation-duration:.01s}}@media (max-width:600px){#mrWbOvl{padding:12px}#mrWbHd{padding:16px 18px 15px}#mrWbCls{top:7px;right:7px;width:36px;height:36px;line-height:36px;font-size:24px}#mrWbBdg{margin:0 0 8px;padding:3px 11px;font-size:8px;letter-spacing:1.1px}#mrWbH1{font-size:21px;line-height:1.18}#mrWbSub{margin:5px 0 0;font-size:11px}#mrWbBody{padding:11px 12px 11px}.mrWbRate{margin:0 0 10px;padding:9px 12px;border-radius:10px}.mrWbRateT{margin-bottom:6px}.mrWbRateT span{font-size:10px}.mrWbRateT b{font-size:16px}.mrWbBar{height:7px}.mrWbScale{margin-top:4px}.mrWbT{margin:0 0 8px;padding:11px 12px 0;border-radius:12px}.mrWbTag{padding:3px 9px;font-size:8px}.mrWbRow{padding-bottom:9px}.mrWbPct{font-size:28px}.mrWbMin{margin-left:10px}.mrWbMin span{font-size:9px}.mrWbMin b{font-size:16px}.mrWbFoot{margin:0 -12px;padding:7px 12px;border-radius:0 0 11px 11px}.mrWbFoot b{font-size:12px}#mrWbCta{margin:4px 0 0;padding:12px 10px;font-size:15px;box-shadow:0 4px 0 #1e0a36,0 10px 20px -8px rgba(30,8,55,.65),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -3px 6px rgba(15,3,30,.4)}#mrWbCta:active{transform:translateY(3px);box-shadow:0 1px 0 #1e0a36,0 4px 9px -5px rgba(30,8,55,.6),inset 0 1px 0 rgba(255,255,255,.2)}.mrWbBolt{width:12px;height:19px;margin-right:7px;vertical-align:-3px}#mrWbNote{margin:8px 0 1px;font-size:9px}}@media (max-height:700px){#mrWbHd{padding:13px 18px 12px}#mrWbH1{font-size:19px}#mrWbBdg{margin:0 0 6px}#mrWbSub{margin:4px 0 0}#mrWbBody{padding:9px 12px 10px}.mrWbRate{margin:0 0 8px;padding:8px 12px}.mrWbT{margin:0 0 7px;padding:9px 12px 0}.mrWbPct{font-size:26px}#mrWbCta{padding:11px 10px}#mrWbNote{margin:7px 0 1px}}#mrWbIco:after,#mrWbGo:before{content:"";position:absolute;top:-60%;left:-70%;width:45%;height:220%;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0));-webkit-transform:skewX(-20deg);transform:skewX(-20deg);animation:mrWbSweep 3.2s ease-in-out infinite}#mrWbGo:before{animation-delay:.45s}#mrWbCta span,#mrWbCta i{position:relative;z-index:2}@keyframes mrWbSweep{0%{left:-70%}45%{left:130%}100%{left:130%}}.mrWbBolt{display:none}@supports (clip-path:polygon(0 0)){.mrWbBolt{display:inline-block;width:14px;height:22px;margin-right:9px;vertical-align:-4px;background:linear-gradient(180deg,#ff6a4a,#ff1f1f 45%,#d60000);-webkit-clip-path:polygon(60% 0,16% 56%,44% 56%,34% 100%,86% 40%,56% 40%);clip-path:polygon(60% 0,16% 56%,44% 56%,34% 100%,86% 40%,56% 40%);-webkit-filter:drop-shadow(0 0 4px rgba(255,40,40,.85));filter:drop-shadow(0 0 4px rgba(255,40,40,.85));animation:mrWbBolt 1.5s ease-in-out infinite}}@keyframes mrWbBolt{0%,100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 0 3px rgba(255,40,40,.7));filter:drop-shadow(0 0 3px rgba(255,40,40,.7))}50%{-webkit-transform:scale(1.18);transform:scale(1.18);-webkit-filter:drop-shadow(0 0 10px rgba(255,40,40,1));filter:drop-shadow(0 0 10px rgba(255,40,40,1))}}#mrWbTxt i{animation:mrWbGlowY 2s ease-in-out infinite}@keyframes mrWbGlowY{0%,100%{color:#ffd84d;text-shadow:0 1px 0 rgba(120,70,0,.55),0 2px 6px rgba(255,190,40,.35)}50%{color:#fff0a8;text-shadow:0 1px 0 rgba(120,70,0,.55),0 2px 10px rgba(255,205,60,.9),0 0 22px rgba(255,190,40,.6)}}#mrWbH1 span{animation:mrWbGlowH 2.4s ease-in-out infinite}@keyframes mrWbGlowH{0%,100%{text-shadow:0 1px 0 rgba(130,80,0,.6),0 2px 4px rgba(20,4,40,.5),0 0 18px rgba(255,200,60,.35)}50%{text-shadow:0 1px 0 rgba(130,80,0,.6),0 2px 4px rgba(20,4,40,.5),0 0 34px rgba(255,210,70,.85)}}@media (prefers-reduced-motion:reduce){#mrWbIco:after,#mrWbGo:before,.mrWbBolt,#mrWbTxt i,#mrWbH1 span{animation:none}.mrWbBolt{opacity:1}}

.happy88.open .toggle-wrapper {
  top: 19px;
  left: 5px;
  width: 32px;
  height: 32px;
  margin: 0;
}
.happy88.open .toggle-wrapper span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.happy88 .heading img {
  transform: translateX(16px);
}
/* 右上角 ☰ 选单按钮缩小：50px → 40px，中心点不变 */
.happy88:not(.open) .toggle-wrapper {
  top: 8px;
  left: -45px;
  width: 40px;
  height: 40px;
}
.happy88:not(.open) .toggle-wrapper span {
  width: 40px;
  height: 40px;
  line-height: 40px;
}