/* GameHub12 1.0 - resource directory skin. Business hooks remain unchanged. */
:root{
  --nm-blue:#1769e0;
  --nm-blue-dark:#0c4fae;
  --nm-blue-soft:#edf4ff;
  --nm-ink:#182230;
  --nm-text:#4d5b6d;
  --nm-muted:#8793a3;
  --nm-border:#e3e8ef;
  --nm-page:#f5f7fa;
  --nm-white:#fff;
  --nm-green:#0f9f6e;
  --nm-red:#e5484d;
  --nm-radius:6px;
  --nm-shadow:0 8px 24px rgba(24,34,48,.06);
}
html,body{background:var(--nm-page);}
body{color:var(--nm-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;letter-spacing:0;}
a{color:var(--nm-ink);transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;}
a:hover{color:var(--nm-blue);}
.container{max-width:1180px;}
.site-content{padding:0;}
.section{padding:28px 0;}
.section.bgcolor-fff{background:#fff!important;}

/* Header */
.site-header{height:64px;background:#fff!important;border-bottom:1px solid var(--nm-border);box-shadow:none;}
.header-gap,.site-header .navbar{height:64px;}
.site-header .logo-wrapper{max-width:178px;}
.site-header .logo{max-height:34px;}
.site-header .sep{display:none;}
.main-menu{margin-left:38px;}
.main-menu .nav-list>li>a{height:64px;padding:0 17px;color:#344054;font-size:14px;font-weight:600;line-height:64px;}
.main-menu .nav-list>li.current-menu-item>a{color:var(--nm-blue);}
.main-menu .nav-list>li.current-menu-item>a:after{right:17px;bottom:0;left:17px;height:2px;background:var(--nm-blue);}
.navbar .actions{gap:8px;}
.navbar .actions .link,.navbar .note-open{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--nm-border);border-radius:4px;background:#fff;color:#526173;}
.navbar .navbar-button,.navbar .login-btn{display:flex!important;align-items:center;justify-content:center;width:auto!important;min-width:82px;height:36px!important;margin:0!important;padding:0 14px;border:1px solid var(--nm-blue)!important;border-radius:4px!important;background:var(--nm-blue)!important;color:#fff!important;font-size:13px!important;font-weight:600;}
.navbar .user-pbtn{min-width:0;max-width:168px;padding:3px 7px;border-radius:4px;background:#f7f9fc;color:#344054;}
.navbar .user-pbtn img{flex:0 0 30px;width:30px;height:30px;margin:0;}
.navbar .user-pbtn span{display:block;min-width:0;max-width:104px;color:inherit;font-size:12px;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media(max-width:767px){.navbar .user-pbtn{padding:3px 5px;}.navbar .user-pbtn span{display:none;}}

/* Compact search */
.home-filter--content{position:relative;display:flex;align-items:center;width:100%;min-height:208px;margin:0!important;padding:34px 0!important;overflow:hidden;background:#0f55b5!important;background-position:center!important;background-size:cover!important;box-shadow:none!important;}
.home-filter--content:before{position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,56,126,.97),rgba(25,105,224,.9));content:"";}
.home-filter--content .container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,380px) minmax(420px,1fr);grid-template-areas:"title form" "desc form";align-items:center;column-gap:58px;row-gap:0;}
.home-filter--content .focusbox-title{margin:0 0 8px;color:#fff;font-size:27px;font-weight:700;line-height:1.25;letter-spacing:0;text-align:left;}
.home-filter--content .focusbox-desc{margin:0;color:rgba(255,255,255,.75);font-size:13px;text-align:left;}
.home-filter--content .focusbox-title{grid-area:title;align-self:end;}
.home-filter--content .focusbox-desc{grid-area:desc;align-self:start;}
.home-filter--content form{grid-area:form;width:100%;margin:0!important;}
.home-filter--content .form-box{margin:0!important;padding:6px;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:6px;box-shadow:0 12px 28px rgba(5,37,82,.18);}
.home-filter--content .form-box .row{margin:0;}
.home-filter--content .form-box [class*=col-]{padding:0;}
.home_search_input{height:44px!important;margin:0!important;padding:0 15px!important;border:0!important;background:#fff!important;font-size:14px;line-height:44px!important;}
.home-filter--content .btn{height:44px;border-radius:4px!important;background:var(--nm-blue)!important;font-size:13px;font-weight:600;}

/* Featured categories */
.category-boxes{margin:0;}
.category-box{border:1px solid var(--nm-border);border-radius:5px!important;box-shadow:none;overflow:hidden;}
.category-box .entry-thumbnails{border-radius:5px!important;}
.category-box .thumbnail:after{background:linear-gradient(to top,rgba(15,25,39,.82),rgba(15,25,39,.06));}

/* Resource directory */
.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid var(--nm-border);text-align:left;}
.section-title .h1,.section-title h1{position:relative;margin:0;color:var(--nm-ink);font-size:20px!important;font-weight:700;letter-spacing:0!important;}
.section-title .h1:after,.section-title h1:after{position:absolute;bottom:-14px;left:0;width:42px;height:2px;background:var(--nm-blue);content:"";}
.section-title p{margin:0;color:var(--nm-muted);font-size:12px;}
.nice-resource-list{margin:0;gap:12px;}
.nice-resource-col{padding:0;}
.nice-resource-row{display:grid;grid-template-columns:200px minmax(0,1fr) 132px;align-items:stretch;min-height:132px;background:#fff;border:1px solid var(--nm-border);border-radius:var(--nm-radius);box-shadow:0 2px 8px rgba(24,34,48,.025);overflow:hidden;}
.nice-resource-row:hover{border-color:#b9cff0;box-shadow:var(--nm-shadow);}
.nice-resource-cover{position:relative;display:block;min-height:132px;overflow:hidden;background:#edf1f5;}
.nice-resource-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.nice-resource-row:hover .nice-resource-cover img{transform:scale(1.025);}
.nice-resource-badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:3px;background:var(--nm-blue);color:#fff;font-size:11px;}
.nice-resource-main{min-width:0;padding:16px 20px 14px;}
.nice-resource-tags{height:20px;margin-bottom:5px;overflow:hidden;}
.nice-resource-tags a{display:inline-block;margin-right:7px;color:var(--nm-blue);font-size:11px;}
.nice-resource-tags a+a{color:#7a8798;}
.nice-resource-main h2{margin:0 0 7px;font-size:17px;font-weight:700;line-height:1.4;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nice-resource-main h2 a{color:var(--nm-ink);}
.nice-resource-main h2 a:hover{color:var(--nm-blue);}
.nice-resource-intro{height:40px;margin-bottom:7px;color:#677487;font-size:13px;line-height:20px;overflow:hidden;}
.nice-resource-intro p{margin:0;}
.nice-resource-meta{display:flex;gap:16px;color:#98a2b1;font-size:11px;}
.nice-resource-meta i{margin-right:4px;}
.nice-resource-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;border-left:1px solid #edf0f4;background:#fbfcfe;}
.nice-resource-action .price{display:block;color:var(--nm-red)!important;font-size:16px;font-weight:700;}
.nice-resource-button{display:flex;align-items:center;justify-content:center;width:100%;height:36px;min-width:0;border:1px solid #bfd2ee;border-radius:4px;background:#fff;color:var(--nm-blue);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nice-resource-button i{margin-left:6px;}
.nice-resource-button:hover{border-color:var(--nm-blue);background:var(--nm-blue);color:#fff;}
.infinite-scroll-button.button,.pagebar a,.pagebar span{border-radius:4px!important;}
.infinite-scroll-button.button{border:1px solid var(--nm-border)!important;background:#fff!important;}

/* Keep secondary category grids compact */
.cat-posts-wrapper{margin-right:-8px;margin-left:-8px;}
.cat-posts-wrapper>[class*=col-]{padding-right:8px;padding-left:8px;}
.post-grid{margin-bottom:16px!important;border:1px solid var(--nm-border);border-radius:5px!important;background:#fff;box-shadow:none!important;overflow:hidden;}
.post-grid:hover{border-color:#bfd1ea;box-shadow:var(--nm-shadow)!important;transform:translateY(-2px);}
.post-grid .entry-wrapper{padding:12px 13px!important;}
.post-grid .entry-title{height:40px;margin:0 0 7px;font-size:14px!important;line-height:20px;white-space:normal!important;}
.post-grid .entry-footer{padding-top:8px;border-top:1px solid #edf0f4;color:var(--nm-muted);font-size:11px;}

/* Detail page */
.single .site-content{padding:0 0 32px;}
.article-focusbox,.article-focusbox.bgimg-fixed{margin:0 0 24px;padding:30px 0;background:#fff!important;background-image:none!important;border-bottom:1px solid var(--nm-border);color:var(--nm-text);text-align:left;}
.article-focusbox:before{display:none;}
.article-focusbox .article-title{margin:0 0 10px;color:var(--nm-ink);font-size:27px;font-weight:700;line-height:1.35;letter-spacing:0;}
.article-focusbox .article-meta{color:#788598;font-size:12px;opacity:1;}
.article-focusbox .article-meta .item{margin:0 18px 0 0;}
.article-focusbox .article-meta a{color:#526173;}
.content-column{padding-right:8px;}
.sidebar-column{padding-left:12px;}
.single .article-content,.page .article-content{background:#fff;border:1px solid var(--nm-border);border-radius:var(--nm-radius);box-shadow:none;}
.single .entry-wrapper,.page .entry-wrapper{padding:26px 28px;}
.article-content{color:#435166;font-size:15px;line-height:1.85;}
.article-content h2,.article-content h3{padding-left:12px;border-left:3px solid var(--nm-blue);color:var(--nm-ink);letter-spacing:0;}
.article-content img{border-radius:4px;}
.article-copyright{border:1px solid #e3eaf3!important;background:#f7faff!important;}
.entry-navigation,.related-posts,.comments-area{margin-top:18px;border:1px solid var(--nm-border);border-radius:var(--nm-radius)!important;background:#fff;box-shadow:none;}
.comments-area{padding:22px!important;}

/* Sidebar and purchase/download */
.widget-area .widget{margin-bottom:14px;padding:18px;border:1px solid var(--nm-border);border-radius:var(--nm-radius)!important;background:#fff;box-shadow:none;}
.widget-area .widget-title{margin:-18px -18px 14px!important;padding:13px 18px!important;border-bottom:1px solid var(--nm-border)!important;color:var(--nm-ink);font-size:14px!important;font-weight:700;letter-spacing:0!important;}
.widget-pay{position:sticky;top:78px;border:1px solid #b9d0f1!important;border-top:3px solid var(--nm-blue)!important;box-shadow:0 8px 24px rgba(23,105,224,.09)!important;}
.widget-pay .pay--content{padding:0!important;}
.widget-pay .info{margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--nm-border);}
.widget-pay .price{color:var(--nm-ink);font-size:12px;}
.widget-pay .price font{color:var(--nm-red)!important;font-size:26px;font-weight:750;}
.widget-pay .pay--rateinfo{margin-top:8px;padding:8px 10px;border-radius:4px;background:var(--nm-blue-soft);color:var(--nm-blue);cursor:pointer;}
.widget-pay .pay--rateinfo span{color:var(--nm-blue)!important;}
.widget-pay .pay-box .item{margin-top:9px;}
.widget-pay .btn--block{min-height:42px;border-radius:4px!important;font-size:13px;line-height:18px;}
.btn--primary,.button,input[type=submit],button[type=submit]{background:var(--nm-blue)!important;}
.btn--primary:hover,.button:hover,input[type=submit]:hover,button[type=submit]:hover{background:var(--nm-blue-dark)!important;opacity:1!important;}
.widget-pay .pwd{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 10px;border-radius:4px;background:#f7f9fc;color:#68778b;font-size:12px;}
.widget-pay .copypaw{width:90px!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--nm-blue);text-align:right;}
.list-paybody{margin:14px -18px -18px!important;padding:0!important;border-top:1px solid var(--nm-border);}
.list-paybody li{padding:9px 18px!important;border-bottom:1px solid #edf0f4!important;font-size:12px;}
.ac_qqhao{border-top:1px solid var(--nm-border)!important;}

/* Trust strip */
.services{padding:22px 0!important;border-top:1px solid var(--nm-border);border-bottom:1px solid var(--nm-border);background:#fff!important;}
.services .row{align-items:center;}
.service-single{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;margin:0!important;text-align:left;}
.service-single span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0!important;border-radius:5px;background:var(--nm-blue-soft);color:var(--nm-blue)!important;font-size:18px!important;}
.service-single h4{margin:0 0 2px!important;color:var(--nm-ink);font-size:13px!important;font-weight:700;}
.service-single p{height:18px;margin:0!important;color:var(--nm-muted);font-size:11px;line-height:18px;overflow:hidden;}

/* Dialogs and account */
.edit--profile-area,.author-card,.form-box,.mypay-list{border:1px solid var(--nm-border);border-radius:var(--nm-radius)!important;background:#fff;box-shadow:var(--nm-shadow);}
.edit--profile-area .hed{background:#f7f9fc!important;color:var(--nm-ink)!important;font-weight:700;letter-spacing:0;}
.edit--profile-links a{border-radius:4px;color:#59687d;}
.edit--profile-links a:hover,.edit--profile-links a.active{background:var(--nm-blue-soft)!important;color:var(--nm-blue)!important;}
.register-login-modal .tab-content,.swal2-popup{border-radius:6px!important;box-shadow:0 18px 55px rgba(17,39,70,.2)!important;}
.vip-content .home-vipbox{border:1px solid var(--nm-border);border-radius:6px!important;box-shadow:var(--nm-shadow);}
.vip-banner{background-color:#0f55b5!important;}

/* Footer */
.module.parallax{display:none;}
.site-footer{margin-top:0;background:#172231!important;color:#91a0b2;}
.site-footer .footer-widget{padding-top:34px;padding-bottom:26px;}
.site-footer .widget--title h5{color:#fff;letter-spacing:0;}
.site-footer a{color:#aab6c5;}
.site-footer a:hover{color:#fff;}
.site-info{border-top:1px solid rgba(255,255,255,.08);color:#8190a3;}

@media(max-width:991px){
  .site-header,.site-header .navbar{height:60px}.header-gap{height:60px}
  .home-filter--content .container{grid-template-columns:1fr;grid-template-areas:"title" "desc" "form";gap:0}.home-filter--content .focusbox-desc{margin-bottom:18px}.home-filter--content{min-height:220px}
  .nice-resource-row{grid-template-columns:170px minmax(0,1fr) 120px}
  .content-column{padding-right:15px}.sidebar-column{padding-left:15px}.widget-pay{position:static}
}
@media(max-width:767px){
  .container{padding-right:15px;padding-left:15px}.section{padding:20px 0}
  .home-filter--content{min-height:190px;padding:28px 0!important}.home-filter--content .focusbox-title{font-size:23px}.home-filter--content .focusbox-desc{font-size:12px}
  .home-filter--content .form-box [class*=col-]:last-child{margin-top:6px}
  .section-title{display:block}.section-title p{margin-top:5px}
  .nice-resource-row{grid-template-columns:126px minmax(0,1fr);min-height:118px}
  .nice-resource-cover{min-height:118px}.nice-resource-main{padding:12px 13px}.nice-resource-main h2{font-size:15px}.nice-resource-intro{height:38px;font-size:12px;line-height:19px}.nice-resource-meta{gap:10px}
  .nice-resource-action{grid-column:1/3;flex-direction:row;justify-content:flex-end;padding:9px 12px;border-top:1px solid #edf0f4;border-left:0}.nice-resource-action .price{margin-right:auto}.nice-resource-button{display:none}
  .article-focusbox,.article-focusbox.bgimg-fixed{padding:22px 0}.article-focusbox .article-title{font-size:22px}.article-focusbox .article-meta .item{margin-right:10px}
  .single .entry-wrapper,.page .entry-wrapper{padding:20px}.comments-area{padding:18px!important}
  .services{padding:16px 0!important}.service-single{margin:7px 0!important}
}
@media(max-width:480px){
  .nice-resource-row{grid-template-columns:104px minmax(0,1fr)}
  .nice-resource-tags{display:none}.nice-resource-main h2{margin-bottom:6px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.nice-resource-intro{height:36px;line-height:18px}.nice-resource-meta span:nth-child(3){display:none}
  .article-focusbox .article-meta .item{display:inline-block;margin-bottom:5px}
  .single .entry-wrapper,.page .entry-wrapper{padding:16px}
}

/* Reference resource-site layout */
.home .site-content{background:#f7f8fa;}
.home-filter--content{min-height:360px!important;padding:74px 0 66px!important;background-color:#263e4d!important;background-image:url("img/comvip-banner.png")!important;background-position:center!important;background-size:cover!important;}
.home-filter--content:before{background:linear-gradient(180deg,rgba(10,23,34,.45),rgba(10,23,34,.64));}
.home-filter--content .container{display:block!important;max-width:1180px;text-align:center;}
.home-filter--content .focusbox-title{margin:30px 0 8px!important;color:#fff;font-size:30px!important;line-height:1.3;text-align:center;}
.home-filter--content .focusbox-desc{margin:0!important;color:rgba(255,255,255,.82);font-size:14px;text-align:center;}
.home-filter--content form{max-width:660px;margin:28px auto 0!important;}
.home-filter--content .form-box{padding:5px;border-radius:5px;box-shadow:0 12px 28px rgba(0,0,0,.2);}
.home-filter--content .form-box>.row{display:flex;align-items:stretch;}
.home-filter--content .form-box>.row>[class*=col-]{padding:0;}
.home-filter--content .form-box>.row>[class*=col-]:first-child{flex:1;max-width:none;width:auto;}
.home-filter--content .form-box>.row>[class*=col-]:last-child{flex:0 0 52px;max-width:52px;width:52px;}
.home-filter--content .form-group{display:flex;height:46px;}
.home-filter--content .nice-search-category{flex:0 0 90px;height:46px;padding:0 9px;border:0;border-right:1px solid #e8edf3;background:#fff;color:#4d5b6d;font-size:13px;outline:0;}
.home-filter--content .home_search_input{flex:1;min-width:0;height:46px!important;padding:0 14px!important;}
.home-filter--content .nice-search-submit{width:52px;height:46px!important;padding:0;border-radius:4px!important;font-size:12px!important;}
.nice-site-note{height:44px;border-bottom:1px solid #e3e8ef;background:#fff;}
.nice-site-note .container{display:flex;align-items:center;height:44px;color:#738096;font-size:12px;}
.nice-site-note i{display:flex;align-items:center;justify-content:center;width:27px;height:22px;margin-right:9px;border-radius:3px;background:var(--nm-blue);color:#fff;font-size:11px;}
.nice-site-note strong{margin-right:11px;color:var(--nm-ink);font-size:12px;}
.nice-site-note span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nice-resource-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important;}
.nice-resource-list>[class*=col-]{width:auto!important;max-width:none!important;padding:0!important;}
.nice-resource-list .post-grid{height:100%;margin:0!important;border:1px solid #e4e8ee;border-radius:5px!important;background:#fff;box-shadow:0 2px 9px rgba(28,40,56,.035)!important;}
.nice-resource-list .post-grid:hover{border-color:#b7d0f2;box-shadow:0 12px 26px rgba(24,72,135,.12)!important;transform:translateY(-3px);}
.nice-resource-list .post-grid .entry-media{margin:0;overflow:hidden;background:#e9edf2;}
.nice-resource-list .post-grid .entry-media .placeholder{padding-bottom:69%!important;}
.nice-resource-list .post-grid .entry-media img{position:absolute;inset:0;display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .35s ease;}
.nice-resource-list .post-grid:hover .entry-media img{transform:scale(1.04);}
.nice-resource-list .post-grid .entry-wrapper{display:flex;flex-direction:column;min-height:132px;padding:13px 14px 11px!important;}
.nice-resource-list .post-grid .entry-title{height:42px;margin:0 0 7px;font-size:15px!important;font-weight:700;line-height:21px;white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nice-resource-list .post-grid .entry-title a{color:#202d3e;}
.nice-resource-list .post-grid .entry-title a:hover{color:var(--nm-blue);}
.nice-resource-list .post-grid .entry-meta{height:18px;margin:0 0 8px;overflow:hidden;}
.nice-resource-list .post-grid .entry-meta a{color:#8b97a7;font-size:11px;}
.nice-resource-list .post-grid .entry-footer{display:flex;align-items:center;min-height:25px;margin-top:auto;padding-top:8px;border-top:1px solid #edf0f4;color:#9aa4b1;font-size:11px;}
.nice-resource-list .post-grid .entry-footer .date{margin-right:10px;}
.nice-resource-list .post-grid .entry-footer .price{margin-left:auto;color:var(--nm-red)!important;font-size:13px;font-weight:700;}
.nice-resource-list .entry-tipss{top:10px;left:10px;right:auto;width:auto;height:23px;padding:0 8px;border-radius:3px;background:#ffb020;color:#fff;line-height:23px;transform:none;font-size:11px;}
.home .services{margin-top:0;}

@media(max-width:1100px){
  .nice-resource-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:767px){
  .home-filter--content{min-height:300px!important;padding:48px 0 42px!important;}
  .home-filter--content .focusbox-title{margin-top:25px!important;font-size:24px!important;}
  .home-filter--content form{margin-top:24px!important;}
  .nice-site-note{height:40px}.nice-site-note .container{height:40px;}
  .nice-resource-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .nice-resource-list .post-grid .entry-wrapper{min-height:122px;padding:11px!important;}
  .nice-resource-list .post-grid .entry-title{font-size:13px!important;line-height:19px;height:38px;}
  .nice-resource-list .post-grid .entry-footer .date{display:none;}
}
@media(max-width:420px){
  .home-filter--content{min-height:285px!important;}
  .home-filter--content .nice-search-category{flex-basis:70px;width:70px;padding:0 5px;}
  .nice-resource-list{gap:10px;}
  .nice-resource-list .post-grid .entry-meta{display:none;}
  .nice-resource-list .post-grid .entry-wrapper{min-height:91px;}
}