@charset "utf-8";
/* YGKS 2026 desktop system — lightweight overrides for the legacy PHP templates. */
:root{
 --d26-navy:#07162e;
 --d26-blue:#0759f3;
 --d26-cyan:#38d7ff;
 --d26-orange:#ff6b3d;
 --d26-page:#f3f6fb;
 --d26-surface:#fff;
 --d26-soft:#eaf0f8;
 --d26-ink:#14213a;
 --d26-muted:#748198;
 --d26-line:#e3e9f1;
 --d26-shadow:0 16px 46px rgba(14,45,88,.09);
}
*{box-sizing:border-box;}
html{background:var(--d26-page);scroll-behavior:smooth;}
body{min-width:1180px;background:var(--d26-page);color:var(--d26-ink);font-family:Geist,"SF Pro Display","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;text-rendering:optimizeLegibility;}
button,input,select,textarea{font:inherit;}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(7,89,243,.28);outline-offset:2px;}
.yjcode,.w1190{width:1180px!important;max-width:calc(100vw - 48px);margin-left:auto!important;margin-right:auto!important;}
.bfbtop{height:38px!important;background:var(--d26-navy)!important;color:#b8c6d9!important;border:0!important;}
.bfbtop .yjcode{height:38px!important;}
.bfbtop a{color:#dce8f8;}
.bfbtop a:hover{color:#fff;}
.huany{line-height:38px!important;}
.topright,.nologin,.yeslogin{height:38px!important;}
.dmenu>a,.topreg,.toplogin>.a1,.rightxl>.gl,.topuid{height:38px!important;line-height:38px!important;border-color:rgba(255,255,255,.08)!important;}
.loginxl,.yesxl,.rightxl>.u1{border:1px solid var(--d26-line)!important;border-radius:0 0 14px 14px!important;background:#fff!important;box-shadow:var(--d26-shadow)!important;}
.bfbtop1{background:#fff!important;border:0!important;box-shadow:0 8px 28px rgba(14,45,88,.055);}
.top1{min-height:148px!important;padding-top:20px!important;}
.top1 .logo{width:250px!important;margin-top:2px!important;}
.top1 .logo img{width:auto!important;max-width:236px!important;height:64px!important;object-fit:contain!important;object-position:left center!important;}
.resou{margin-top:5px!important;}
.resou .u1{height:48px!important;overflow:hidden!important;border:2px solid var(--d26-blue)!important;border-radius:14px!important;background:#f7f9fc!important;box-shadow:0 8px 22px rgba(7,89,243,.10);}
.resou .u1 .l1,.resou .u1 .l2,.resou .u1 .l3{height:44px!important;border:0!important;}
.resou .u1 .l2 input{height:44px!important;background:transparent!important;font-size:14px!important;}
.resou .u1 .l3 input{height:44px!important;background:var(--d26-blue)!important;color:#fff!important;font-weight:800!important;}
.resou .d1{color:var(--d26-muted)!important;}
.topfbxl>.a1{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:var(--d26-navy)!important;color:#fff!important;font-weight:800!important;}
.menu{height:50px!important;margin-top:15px!important;border:0!important;}
.menu .m2{height:50px!important;}
.menu .m2>a{height:50px!important;line-height:50px!important;margin-right:10px!important;padding:0 18px!important;border-radius:12px 12px 0 0!important;color:#314057!important;font-size:15px!important;font-weight:750!important;}
.menu .m2>a:hover,.menu .m2>a.a1{background:#edf4ff!important;color:var(--d26-blue)!important;}
.hotxin,.ziying{display:none!important;}

.main-account{padding-top:26px!important;}
.main-area-01{width:100%!important;height:520px!important;min-height:520px!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:20px!important;float:none!important;position:relative!important;}
.hot-game-list,.right-box,.account-record-box,.common-box,.tab-box,.recommed-shop{border:1px solid var(--d26-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--d26-shadow)!important;}
.hot-game-list{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:520px!important;min-height:520px!important;float:none!important;overflow:hidden!important;}
.hot-game-list .tab-top{height:58px!important;padding:0 18px!important;border-bottom:1px solid var(--d26-line)!important;background:#fff!important;line-height:58px!important;}
.hot-game-list .tab-top .l{color:var(--d26-navy)!important;font-size:18px!important;font-weight:850!important;}
.hot-game-list .tab-top .r{color:var(--d26-blue)!important;}
.hot-games dl{width:calc(100% - 24px)!important;min-height:78px!important;margin:0 12px!important;padding:12px 0!important;border-bottom:1px solid var(--d26-line)!important;background:none!important;}
.hot-games dl dt{width:56px!important;height:56px!important;margin:0 12px 0 0!important;overflow:hidden!important;border-radius:15px!important;background:var(--d26-soft)!important;}
.hot-games dl dt img{width:56px!important;height:56px!important;object-fit:cover!important;}
.hot-games dl dd{width:calc(100% - 68px)!important;}
.hot-games dl dd h2{font-size:15px!important;font-weight:800!important;}
.hot-games dl dd p a{display:inline-block!important;margin:6px 6px 0 0!important;padding:3px 7px!important;border-radius:6px!important;background:#f1f5fa!important;color:#65748a!important;}
.main-area-01 .right-box{width:auto!important;height:520px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:20px!important;margin-left:0!important;float:none!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;}
.banner-box{width:auto!important;height:520px!important;display:grid!important;grid-template-rows:360px 160px!important;float:none!important;overflow:hidden!important;border:1px solid var(--d26-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--d26-shadow)!important;}
.slideBox{width:100%!important;height:360px!important;overflow:hidden!important;background:var(--d26-navy)!important;}
.slideBox .bd,.slideBox .bd ul,.slideBox .bd li,.slideBox .bd li a{width:100%!important;height:360px!important;}
.slideBox .bd img{width:100%!important;height:360px!important;object-fit:cover!important;}
.desktop-hero{position:relative!important;display:block!important;text-decoration:none!important;}
.desktop-hero>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;}
.desktop-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,30,.92) 0%,rgba(6,23,52,.70) 43%,rgba(6,23,52,0) 78%);}
.desktop-hero-copy{position:absolute;z-index:2;left:42px;top:50%;width:52%;display:flex;flex-direction:column;align-items:flex-start;transform:translateY(-50%);color:#fff;}
.desktop-hero-copy small{margin:0 0 14px;color:#72e8ff;font-size:11px;font-weight:850;letter-spacing:.18em;}
.desktop-hero-copy strong{font-size:33px;line-height:1.18;font-weight:900;letter-spacing:-.04em;}
.desktop-hero-copy em{margin-top:14px;color:#bcd0eb;font-size:13px;font-style:normal;}
.desktop-hero-copy b{min-height:42px;display:inline-flex;align-items:center;gap:15px;margin-top:24px;padding:0 18px;border-radius:11px;background:#fff;color:var(--d26-navy);font-size:13px;font-weight:850;}
.desktop-hero-copy b i{color:var(--d26-blue);font-size:18px;font-style:normal;}
.desktop-hero:hover .desktop-hero-copy b{transform:translateY(-2px);}
.banner-box .quick-buy-box{width:100%!important;height:160px!important;margin:0!important;padding:0 10px!important;border-top:1px solid var(--d26-line)!important;background:#fff!important;}
.banner-box .quick-buy-box ul{height:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;}
.banner-box .quick-buy-box li{width:auto!important;margin:0!important;padding:12px 8px!important;float:none!important;border-left:1px solid var(--d26-line)!important;}
.banner-box .quick-buy-box li:first-child{border-left:0!important;}
.banner-box .quick-buy-box li .left{width:48px!important;margin-left:0!important;}
.banner-box .quick-buy-box li .left img{max-width:48px!important;max-height:84px!important;object-fit:contain!important;}
.banner-box .quick-buy-box li .right{max-width:calc(100% - 58px)!important;margin-left:8px!important;}
.banner-box .quick-buy-box li .right p{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.banner-box .quick-buy-box li .right span{font-size:11px!important;}
.quk-area{width:auto!important;height:520px!important;float:none!important;padding:20px!important;overflow:hidden!important;border:1px solid var(--d26-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--d26-shadow)!important;}
.quk-area .top-area a,.quk-area .bottom-area .btn1{border-radius:10px!important;font-weight:800!important;}
.quk-area .top-area .btn1{background:var(--d26-blue)!important;}
.quk-area .top-area .btn2{background:var(--d26-navy)!important;}
.account-record-box{margin-top:22px!important;overflow:hidden!important;}
.common-box,.tab-box,.recommed-shop{margin-top:22px!important;overflow:hidden!important;}
input[type=text],input[type=password],input[type=number],input[type=search],select,textarea{border:1px solid var(--d26-line);border-radius:10px;background:#f8fafc;color:var(--d26-ink);}
input[type=submit],button,.btn{border-radius:10px;}
@keyframes d26-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.main-account{animation:d26-enter .28s ease-out both;}
.y26-game-hero{background:
 radial-gradient(circle at 78% 20%,rgba(56,215,255,.30),transparent 34%),
 linear-gradient(120deg,#07162e,#0a347c 58%,#0759f3)!important;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;}}