/* RTP78Z VIP FULL SITE PRO
   Scope: menu/header, drawer, article/about/service/privacy pages, footer/common content.
   Loaded last. CSS-only enhancement; Vue/API/game links unchanged. */
:root{
  --vip-bg:#050706;
  --vip-panel:rgba(12,18,16,.78);
  --vip-panel-strong:rgba(15,22,19,.94);
  --vip-line:rgba(255,213,90,.22);
  --vip-line-hot:rgba(30,234,138,.34);
  --vip-gold:#ffd65a;
  --vip-gold-2:#ffac25;
  --vip-green:#20eb8c;
  --vip-cyan:#45ddff;
  --vip-text:#fff8df;
  --vip-muted:#b9c7bd;
  --vip-shadow:0 22px 60px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08);
}

/* ===== Top menu / header ===== */
.navbar{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  min-height:68px!important;
  padding:10px 18px!important;
  background:
    linear-gradient(135deg,rgba(8,12,11,.92),rgba(17,24,20,.84) 48%,rgba(5,7,6,.94)),
    radial-gradient(circle at 18% 0%,rgba(255,214,90,.20),transparent 36%)!important;
  border-bottom:1px solid rgba(255,214,90,.22)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.46)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.2)!important;
}
.navbar:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--vip-gold),var(--vip-green),transparent);
  opacity:.75;
}
.navbar:after{
  content:"VIP RTP LIVE";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  height:26px;
  padding:0 12px 0 24px;
  border-radius:999px;
  color:#06110b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  background:linear-gradient(135deg,#fff2a8,#ffd65a 45%,#19e58a);
  box-shadow:0 0 20px rgba(255,214,90,.24), inset 0 1px 0 rgba(255,255,255,.55);
  pointer-events:none;
}
.navbar .mb-navbar,
.navbar .nav-actions,
.navbar .tlnav{
  position:relative;
  z-index:2;
}
.navbar img,
.mb-navbar img,
.app-side-logo img{
  filter:drop-shadow(0 8px 18px rgba(255,214,90,.16));
}
.navbar a,
.navbar button,
.navbar .nav-acbtn,
.navbar .tlnav{
  border-radius:999px!important;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease!important;
}
.navbar a:hover,
.navbar button:hover,
.navbar .nav-acbtn:hover,
.navbar .tlnav:hover{
  transform:translateY(-1px);
  color:var(--vip-gold)!important;
}
.btn-burger,
.nav-control,
.nav-acbtn{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,214,90,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.18)!important;
}
.btn-burger:hover,
.nav-control:hover,
.nav-acbtn:hover{
  border-color:rgba(30,234,138,.42)!important;
  box-shadow:0 0 0 4px rgba(30,234,138,.08),0 10px 24px rgba(0,0,0,.24)!important;
}
.drawer{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,214,90,.18),transparent 35%),
    linear-gradient(180deg,rgba(9,13,12,.97),rgba(12,18,16,.96))!important;
  border-right:1px solid rgba(255,214,90,.22)!important;
  box-shadow:22px 0 48px rgba(0,0,0,.44)!important;
}
.drawer a,
.drawer .tlnav,
.drawer li{
  border-radius:16px!important;
  transition:transform .2s ease, background .2s ease, border-color .2s ease!important;
}
.drawer a:hover,
.drawer .tlnav:hover,
.drawer li:hover{
  transform:translateX(3px);
  background:linear-gradient(135deg,rgba(255,214,90,.13),rgba(30,234,138,.08))!important;
  border-color:rgba(255,214,90,.28)!important;
}

/* ===== Platform menu / carousel nav ===== */
.swiper-banner,
.swiper-nav,
.homeBanner{
  position:relative;
  isolation:isolate;
}
.swiper-banner:before,
.homeBanner:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.10) 32%,transparent 58%);
  transform:translateX(-110%);
  animation:vipHeaderSweep 6s ease-in-out infinite;
}
@keyframes vipHeaderSweep{0%,55%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
.swiper-banner .swiper-slide,
.swiper-nav,
.t-option{
  color:var(--vip-text)!important;
}
.swiper-banner .swiper-slide{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,214,90,.22)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.swiper-banner .swiper-slide:hover{
  transform:translateY(-3px) scale(1.015)!important;
  border-color:rgba(30,234,138,.48)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 26px rgba(30,234,138,.10)!important;
}

/* ===== Common content pages ===== */
.router-outlet,
.vbody,
.tab,
.article-list,
.article-wrap,
.detail-wrap,
.main-container[data-v-c783e504],
.main-container[data-v-cc16792b],
.main-container[data-v-75c291cf]{
  color:var(--vip-text)!important;
}
.tab,
.article-list,
.article-wrap,
.main-container .part-bg,
.main-container .part2-bg,
.pmw-content-container,
.pmw-responsive-table{
  background:
    linear-gradient(180deg,rgba(16,23,20,.82),rgba(9,13,12,.70)),
    radial-gradient(circle at 0 0,rgba(255,214,90,.10),transparent 40%)!important;
  border:1px solid rgba(255,214,90,.20)!important;
  border-radius:24px!important;
  box-shadow:var(--vip-shadow)!important;
  overflow:hidden;
}
.tab,
.article-list,
.article-wrap{
  padding:20px!important;
}
.tab .detail-lx-header,
.article-wrap .title,
.main-container .title,
.big-intro,
.pmw-content-container h1,
.pmw-content-container h2,
.pmw-content-container h3{
  color:var(--vip-gold)!important;
  text-shadow:0 10px 30px rgba(255,214,90,.12)!important;
  letter-spacing:-.02em;
}
.tab .explain,
.tab .detail-lx,
.article-wrap,
.article-wrap p,
.article-wrap span,
.article-list li p,
.main-container p,
.pmw-content-container p,
.pmw-content-container span{
  color:rgba(255,248,223,.84)!important;
  line-height:1.72!important;
}
.tab-divider,
.main-container .part2-bg .dh span{
  background:linear-gradient(90deg,transparent,var(--vip-gold),var(--vip-green),transparent)!important;
  opacity:.95;
}

/* Article cards */
.article-list{
  top:0!important;
  margin-top:18px!important;
}
.article-list ul{
  gap:16px!important;
}
.article-list li{
  position:relative;
  width:calc(33.333% - 11px)!important;
  padding:12px!important;
  border:1px solid rgba(255,214,90,.15)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease!important;
}
.article-list li:hover{
  transform:translateY(-4px);
  border-color:rgba(30,234,138,.40)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.32),0 0 26px rgba(30,234,138,.08)!important;
}
.article-list li img{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  padding:0!important;
  aspect-ratio:16/9;
  object-fit:cover;
}
.article-list li h2{
  color:#fff7d8!important;
  font-size:15px!important;
  line-height:1.36!important;
  margin-top:10px!important;
}
.article-list li a{
  color:#06110b!important;
  display:inline-flex!important;
  align-items:center;
  min-height:28px;
  margin-top:6px;
  padding:0 12px;
  border-radius:999px;
  font-weight:900;
  background:linear-gradient(135deg,#fff2a8,#ffd65a 52%,#20eb8c)!important;
}
.article-wrap{
  max-width:920px!important;
  color:var(--vip-text)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),
    linear-gradient(135deg,rgba(18,25,22,.98),rgba(7,11,10,.96))!important;
}
.article-wrap>img{
  border-radius:20px!important;
  border:1px solid rgba(255,214,90,.18)!important;
}
.name .back{
  padding:8px 14px!important;
  min-width:78px!important;
  border-radius:999px!important;
  color:#06110b!important;
  background:linear-gradient(135deg,#fff2a8,#ffd65a,#20eb8c)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.26)!important;
}

/* About/service/privacy builder sections */
.pmw-content-container,
.pmw-media-type,
.pmw-responsive-cell{
  border-radius:22px!important;
}
.pmw-content-button,
.main-container .btns a,
.ss-btn{
  position:relative;
  overflow:hidden;
  border-radius:999px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.pmw-content-button:before,
.main-container .btns a:before,
.ss-btn:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.20) 45%,transparent 68%);
  transform:translateX(-110%);
  transition:transform .55s ease;
}
.pmw-content-button:hover:before,
.main-container .btns a:hover:before,
.ss-btn:hover:before{
  transform:translateX(110%);
}
.ss-btn{
  border:1px solid rgba(255,214,90,.20)!important;
}

/* Forms / selects / Element Plus popups */
.ep-input__wrapper,
.ep-select__wrapper,
.ep-popper,
.ep-dropdown__popper,
.el-popper,
.el-select-dropdown{
  background:rgba(11,17,15,.96)!important;
  border:1px solid rgba(255,214,90,.22)!important;
  border-radius:18px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
  color:var(--vip-text)!important;
}
.ep-select-dropdown__item,
.el-select-dropdown__item{
  color:var(--vip-text)!important;
}
.ep-select-dropdown__item.hover,
.ep-select-dropdown__item:hover,
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover{
  color:#06110b!important;
  background:linear-gradient(135deg,#fff2a8,#ffd65a,#20eb8c)!important;
}

/* Footer/common info/social */
.info,
.prs,
.tele,
.btgroup,
.tab4{
  position:relative;
}
.info{
  padding:18px 20px!important;
  border:1px solid rgba(255,214,90,.17);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  color:rgba(255,248,223,.78)!important;
}
.tele img{
  filter:drop-shadow(0 0 16px rgba(30,234,138,.25));
}

/* Mobile polish */
@media screen and (max-width:768px){
  .navbar{
    min-height:58px!important;
    padding:8px 12px!important;
  }
  .navbar:after{
    right:10px;
    height:22px;
    padding:0 9px;
    font-size:0;
    width:22px;
  }
  .navbar:after{
    background:radial-gradient(circle,#20eb8c 0 35%,#ffd65a 36% 62%,transparent 63%),linear-gradient(135deg,#fff2a8,#20eb8c);
  }
  .swiper-banner{
    border-radius:20px!important;
    padding:8px!important;
  }
  .article-list ul{gap:12px!important;}
  .article-list li{width:calc(50% - 6px)!important;}
  .tab,.article-list,.article-wrap{padding:14px!important;border-radius:20px!important;}
  .big-intro{font-size:2.1rem!important;letter-spacing:-.08rem!important;}
}
@media screen and (max-width:500px){
  .article-list li{width:100%!important;}
  .main-container{padding-left:12px!important;padding-right:12px!important;}
  .tab .explain{font-size:15px!important;}
  .article-wrap .title{font-size:19px!important;}
}

@media (prefers-reduced-motion:reduce){
  .swiper-banner:before,.homeBanner:before,.pmw-content-button:before,.main-container .btns a:before,.ss-btn:before{animation:none!important;transition:none!important;}
}