.main-header{background:#FAFAFA;box-shadow:0 0.02rem 0.08rem rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;border-bottom:none;height:0.8rem}
.navbar{padding:0;height:0.8rem;display:flex;align-items:center}
.navbar-brand{display:flex;align-items:center;font-size:0.24rem;color: #1293EE !important;text-decoration: none; font-style: italic;padding: 0;}
.navbar-brand:hover{color:#0066cc !important;text-decoration:none}
.navbar-brand .logo-img{width:0.78rem;height:0.78rem;margin-right:0.1rem;object-fit:contain}
.navbar-nav{align-items:center;margin-right: .2rem;}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}
.navbar-nav .nav-link{color:#474747 !important;font-size:0.16rem;padding:0.06rem 0.3rem !important;margin:0 0.05rem;font-weight:normal;border-radius: 20px;}
.navbar-nav .nav-link:hover{color:#FFFFFF !important;background: linear-gradient(63deg, #1B9DF7 0%, #70DEFF 94%);}
.navbar-nav .nav-link.active{color:#FFFFFF !important;background: linear-gradient(63deg, #1B9DF7 0%, #70DEFF 94%);}
.navbar-nav .dropdown .nav-link{color:#474747 !important}
.dropdown-toggle::after{margin-left:0.05rem;border-top:0.04rem solid;border-right:0.03rem solid transparent;border-bottom:0;border-left:0.03rem solid transparent}
.navbar-toggler{border:0.01rem solid rgba(0,0,0,0.1) !important;padding:0.08rem 0.12rem !important;display:block !important;background-color:transparent;cursor:pointer}
.navbar-toggler:focus{outline:none;box-shadow:0 0 0 0.05rem rgba(0,0,0,0.1)}
.navbar-toggler-icon{display:inline-block;width:0.3rem;height:0.3rem;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833,33,33,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%}
.hero-section{background-size:cover;background-position:center;background-repeat:no-repeat;padding:1.5rem 0;min-height:4rem;display:flex;align-items:center;position:relative}
.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4));z-index:1}
.hero-section .container{position:relative;z-index:2;}
.container a:hover{text-decoration:none;}
.hero-content{text-align:center;color:#fff}
.hero-title{font-size:0.56rem;font-weight:bold;margin-bottom:0.3rem;text-shadow:0.02rem 0.02rem 0.04rem rgba(0,0,0,0.3);background: linear-gradient(74deg, #1B9DF7 20%, #70DEFF 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0px 6px 8px rgba(0,0,0,0.3)}
.hero-description{font-size:0.18rem;margin-bottom:0.4rem;line-height:1.8;margin-left:auto;margin-right:auto}
.btn-download{background:#fff;color:#35ACFF;padding: 0.26rem 0.9rem;font-size:0.18rem;border-radius:0.5rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:0.1rem;box-shadow:0 0.02rem 0.1rem rgba(0,0,0,0.2)}
.btn-download:hover{color: #fff!important; background: linear-gradient(63deg, #1B9DF7 0%, #70DEFF 94%)!important;}
.btn-download:hover .svgfill{fill: #fff!important;}
.btn-download h3{font-size: .2rem;font-weight: normal!important;}
.download-icon{width:0.18rem;height:0.18rem;object-fit:contain}
.stats-card{background:#FAFAFA;border-radius:0.2rem;padding:0.7rem;margin-top:0.5rem;position:relative;z-index:10;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15)}
.stat-item{text-align:center}
.stat-number{font-size:0.48rem;font-weight:bold;display:block;background:linear-gradient(55deg,#1B9DF7 0%,#70DEFF 99%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-label{font-size:0.18rem;color:#737373;margin-top:0.1rem;display:inline-block}
.section-title{font-size:0.36rem;font-weight:bold;text-align:center;margin:0.6rem 0 0.4rem;color:#888888}
.features-section{padding:0.4rem 0}
.feature-card{background:#FAFAFA;border-radius:0.2rem;padding:0.3rem;text-align:center;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);height:100%;transition:transform 0.3s;margin-bottom: .2rem;}
.feature-card:hover{transform:translateY(-0.05rem);box-shadow:0 0.04rem 0.15rem rgba(0,0,0,0.15)}
.feature-icon{width:0.5rem;height:0.5rem;margin-bottom:0.2rem;object-fit:contain;display:block;margin-left:auto;margin-right:auto}
.feature-title{font-size:0.24rem;font-weight:bold;margin-bottom:0.15rem;background:linear-gradient(72deg,#1B9DF7 1%,#70DEFF 90%),linear-gradient(79deg,#1B9DF7 0%,#73C9FF 99%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.feature-desc{font-size:0.16rem;color:#737373;line-height:2}
.games-section{padding:0.2rem 0;background:#EDEDED}
.game-card{background:#FAFAFA;border-radius:0.2rem;overflow:hidden;margin-bottom:0.3rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);transition:transform 0.3s;cursor:pointer}
.game-card:hover{transform:translateY(-0.05rem);box-shadow:0 0.04rem 0.15rem rgba(0,0,0,0.15)}
.game-cover{width:100%;height:1.8rem;background:#e0e0e0;display:flex;align-items:center;justify-content:center;color:#999;font-size:0.14rem}
.game-cover img{width:100%;height:100%;object-fit:cover}
.game-info{padding:0.2rem;min-height: 3rem;}
.game-title{font-size:0.24rem;font-weight:bold;margin-bottom:0.1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #474747;}
.game-items{font-size:.12rem;color:#737373;padding:.1rem 0}
.Modifier{border:1px solid #E5E5E5;border-radius:20px;width:107px;height:.3rem;color: #35ACFF;font-size: .12rem;font-weight: normal;}
.game-desc{font-size:0.16rem;color:#737373;line-height:1.9;overflow: hidden;}
.guides-section{padding:0.2rem 0}
.guide-card{background:#FAFAFA;border-radius:0.2rem;padding:0.25rem;margin-bottom:0.3rem;box-shadow:0 4px 10px 0 rgba(0,0,0,0.15);transition:transform 0.3s;height: 2.2rem;position: relative;}
.guide-card:hover{transform:translateY(-0.03rem);box-shadow:0 0.04rem 0.15rem rgba(0,0,0,0.15)}
.guide-title{font-size:0.16rem;font-weight:bold;color:#474747!important;margin-bottom:0.1rem}
.guide-content{font-size:0.14rem;color:#737373;margin-bottom:0.3rem;line-height:1.8}
.guide-link{font-size:0.14rem;color:#2DABF9;font-weight:bold;text-decoration:none;position: absolute;bottom: .1rem;left: 0.25rem;}
.guide-link:hover{text-decoration:underline}
.guide-link2{font-size:0.14rem;color:#2DABF9;font-weight:bold;text-decoration:none}
.guide-link2:hover{text-decoration:underline}
.btn-more{color:#fff;padding:0.12rem 0.3rem;font-size:0.16rem;border-radius:0.24rem;border:none;display:block;margin:0.3rem auto;font-weight:bold;background:linear-gradient(68deg,#1B9DF7 0%,#70DEFF 91%);box-shadow:0px 4px 10px 0px rgba(53,172,255,0.35)}
.hoverall:hover{filter:brightness(1.2);-webkit-filter:brightness(1.2);-webkit-tap-highlight-color:transparent}
.faq-section{padding:0.2rem 0;background:#ededed}
.faq-list{background:#FAFAFA;border-radius:20px;box-shadow:0 4px 10px 0 rgba(0,0,0,0.15)}
.faq-item{border-top:1px solid #D8D8D8;margin:0 .25rem}
.faq-item:first-child{border-top:none}
.faq-question{padding:0.3rem 0;font-size:0.18rem;font-weight:bold;color:#2DABF9;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:0.05rem}
.faq-question h3{font-size:0.18rem;font-weight: bold;color: #474747;}
.faq-question h3:hover{color:#2DABF9;}
.faq-answer{padding:0 0 0.15rem 0;font-size:0.14rem;color:#737373;line-height:1.8;display:none}
.faq-answer.show{display:block}
.faq-icon{width:0.16rem;height:0.16rem;object-fit:contain;transition:transform 0.3s}
.faq-question.active .faq-icon{transform:rotate(180deg)}
.update-section{padding:0.2rem 0 1rem 0}
.update-item{background:#FAFAFA;border-radius:0.2rem;padding:0.2rem 0.25rem;margin-bottom:0.15rem;display:flex;align-items:center;box-shadow:0 4px 10px 0 rgba(0,0,0,0.15)}
.update-date{font-size:0.18rem;color:#FFFFFF;min-width:1rem;margin-right:0.2rem;background:linear-gradient(64deg,#1B9DF7 0%,#70DEFF 93%);border-radius:.2rem;height:.4rem;display:flex;align-items:center;justify-content:center;padding:0 .22rem}
.update-content{font-size:0.14rem;color:#737373;line-height:1.6;flex:1}
.footer{background:#fff;color:#6f6f6f;padding:1rem 0 0.2rem 0;box-shadow:0 -4px 12px rgba(0,0,0,0.04)}
.footer-logo-wrapper{display:flex;align-items:center;margin-bottom:0.14rem}
.footer-logo-icon{width:0.5rem;height:0.5rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0.12rem}
.footer-logo-icon .logo-img{width:100%;height:100%;object-fit:contain}
.footer-logo-text{font-size:0.24rem;color:#1b9df7;font-weight: normal; font-style: italic;}
.footer-slogan{font-size:0.16rem;margin-bottom:0.18rem;font-style:italic;background:linear-gradient(83deg,#1B9DF7 1%,#70DEFF 87%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.footer-desc{font-size:0.14rem;color:#737373;line-height:1.8;margin-bottom:0.2rem;max-width:4.2rem}
.footer-email{font-size:0.13rem;color:#1b9df7}
.footer-email img{margin-right:.1rem}
.footer-links{margin-bottom:0.3rem}
.footer-links-title{width:100%;font-size:0.16rem;font-weight:700;margin-bottom:0.15rem;color:#474747;position:relative;padding-bottom:0.12rem;display:inline-block}
.line{background:linear-gradient(89deg,rgba(27,157,247,0.8) 1%,rgba(112,222,255,0.1) 86%);height:2px;width:100%;margin-top:.2rem}
.footer-links a{display:block;font-size:0.14rem;color:#737373;margin-bottom:0.12rem;text-decoration:none}
.footer-links a:hover{color:#1b9df7}
.footer-bottom{padding-top:0.2rem;text-align:center;background:#fff;margin-top:0.45rem}
.footer-bottom a{font-size:0.14rem;color:#737373;margin:0 0.28rem;text-decoration:none}
.footer-bottom a:hover{color:#1b9df7}

/* ===== 游戏攻略列表页（guides.html） ===== */
.guide-page-main{background:#EDEDED;padding:0.3rem 0 0.6rem 0}
.guide-breadcrumb{font-size:0.16rem;color:#737373;margin:0.15rem 0 0.1rem 0}
.guide-breadcrumb span:first-child{color: #1293EE;}
.guide-breadcrumb .sep{margin:0 0.05rem}
.guide-header-block{background: #FAFAFA;border-radius:0.2rem;padding:0.28rem 0.32rem 0.25rem 0.32rem;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);margin-bottom:0.25rem;margin-top: .5rem;}
.guide-title-main{font-size:0.32rem;font-weight:bold;color:#474747;margin-bottom:0.1rem}
.guide-subtitle{font-size:0.16rem;color:#737373;margin-bottom:0.2rem}
.guide-search-bar{display:flex;align-items:center;border-radius:0.24rem;padding:0.06rem 0.08rem;gap: .2rem;}
.guide-search-input{flex:1;border:none;font-size:0.16rem;padding:0.06rem 0.2rem;outline:none;height: .6rem;background: #EDEDED;border-radius: .2rem;}
.guide-search-btn{min-width:1.4rem;border-radius:0.12rem;border:none;background: linear-gradient(54deg, #1B9DF7 0%, #70DEFF 100%);color:#fff;font-size:0.16rem;height: .6rem;}
.guide-card-list{margin-top:0.2rem}
.guide-card-list .game-card{height:auto}
.guide-pagination{margin:0.25rem 0 0.1rem 0;text-align:center}
.guide-search-block{background: #FAFAFA;border-radius:0.2rem;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);padding:0.2rem 0.32rem 0.2rem 0.32rem;margin-bottom: .25rem;}

/* 自定义 layui 分页样式 */
.guide-pagination .layui-laypage{display:flex;align-items:center;justify-content:center;gap:0.1rem}
.guide-pagination .layui-laypage a,.guide-pagination .layui-laypage span{font-size:0.16rem;color:#737373;padding:0.05rem 0.03rem;border-radius:0.08rem;text-decoration:none;display:inline-block;min-width:0.32rem;text-align:center}
.guide-pagination .layui-laypage a:hover{color:#1b9df7}
.guide-pagination .layui-laypage .layui-laypage-curr{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff !important}
.guide-pagination .layui-laypage .layui-laypage-curr em{color:#fff !important;border-radius:.06rem;background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%)!important}
.guide-pagination .layui-laypage .layui-laypage-prev,.guide-pagination .layui-laypage .layui-laypage-next{color:#737373;padding:0.05rem 0.2rem}
.guide-pagination .layui-laypage .layui-laypage-prev:hover,.guide-pagination .layui-laypage .layui-laypage-next:hover{color:#1b9df7;background:transparent}
.guide-pagination .layui-laypage .layui-laypage-spr{color:#737373;padding:0.05rem 0.1rem}

/* ===== 下载与更新页面（download.html） ===== */
.download-page-main{padding:0.3rem 0 0.6rem 0}
.download-breadcrumb{font-size:0.16rem;color:#737373;margin:0.15rem 0 0.1rem 0}
.download-breadcrumb a span{color:#1293EE;text-decoration:none}
.download-breadcrumb .sep{margin:0 0.05rem}
.download-header-block{background:#FAFAFA;border-radius:0.2rem;padding:0.28rem 0.32rem 0.25rem 0.32rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);margin-bottom:0.25rem;margin-top:0.5rem}
.download-title-main{font-size:0.32rem;font-weight:bold;color:#474747;margin-bottom:0.1rem}
.download-subtitle{font-size:0.16rem;color:#737373;margin-bottom:0.2rem}
.download-version-card{background:#FAFAFA;border-radius:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);padding:0.5rem 0.32rem 0.25rem 0.32rem;margin-bottom:0.25rem;position:relative;overflow:hidden}
.download-version-inner{position:relative;z-index:2}
.Graphicstyle{position:absolute;border-radius:50%;background: linear-gradient(31deg, #1B9DF7 0%, #70DEFF 123%);}
.Graphic1{width: 1.8rem;height: 1.8rem;top: -0.45rem;left:-0.45rem;}
.Graphic2{width: 2.44rem;height: 2.44rem;top: -.45rem;right: 1rem;opacity: 0.05;}
.Graphic3{width: 2.44rem;height: 2.44rem;bottom: -1.4rem;right: -1.4rem;opacity: 0.1;}
.Graphic4{width: 0;height: 0;border-left: 149px solid transparent; border-right: 149px solid transparent;border-bottom: 257.074px solid rgba(112, 222, 255, 0.15); border-radius: 0;bottom: -.4rem;left: 1.2rem;transform: rotate(30deg);}
.download-version-top{text-align:center}
.download-version-badge{display:inline-block;min-width:4rem;padding:0.12rem 0.4rem;border-radius:0.18rem;color:#fff;background:linear-gradient(71deg,#1B9DF7 1%,#70DEFF 90%);box-shadow:0px 4px 10px rgba(53,172,255,0.3);margin-bottom:0.2rem;height:.8rem;display:inline-flex;justify-content:center;align-items:center}
.download-version-badge h3{font-size:.24rem;font-weight:bold}
.download-version-meta{font-size:0.16rem;color:#737373;margin-bottom:0.2rem}
.download-version-meta p{margin-top:0.2rem}
.download-version-meta .dot{margin:0 0.08rem}
.download-version-desc{font-size:0.16rem;color:#737373;line-height:1.8;margin:.4rem auto 0.45rem auto}
.download-version-actions{margin-bottom:0.15rem}
.Clouddisk{display:inline-flex;gap:20px}
.Clouddisk a{color:#35ACFF;font-size:.16rem;text-decoration:underline}
.download-version-tags{display:flex;justify-content:center;align-items:center;gap:0.1rem;font-size:0.16rem;color:#737373;margin-top:20px}
.download-version-tags img{width:.18rem;height:.18rem}
.download-update-section{background:#FAFAFA;border-radius:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);padding:0.5rem 0.32rem 0.3rem 0.32rem}
.download-update-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.2rem}
.download-update-title-wrap{text-align:center;flex:1}
.download-update-title{font-size:0.32rem;font-weight:bold;color:#474747;margin-bottom:0.15rem}
.download-update-sub{font-size:0.16rem;color:#737373}
.download-update-latest{border:1px solid #3CA7FF;background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff;font-size:0.14rem;padding:0.08rem 0.26rem;
    position: absolute; top: 0;right: .6rem; border-radius: 0px 0px 6px 6px;
}
.download-update-list{margin-top:0.1rem;display:grid;gap:0.2rem}
.download-update-item{margin-bottom:0}
.download-update-item-inner{background:#fff;border-radius:0.16rem;padding:0.22rem 0.26rem;border-width:0px 0px 0px 4px;border-style:solid;border-color:#3CA7FF;box-shadow:0px 4px 10px 0px #E3F3FF;position: relative;}
.download-update-item-header{display:flex;align-items:center;margin-bottom:0.12rem}
.download-update-item-header H3{font-size:.18rem;font-weight:bold}
.download-update-info{display:flex;align-items:center}
.download-update-date{font-size:0.18rem;color:#474747;font-weight:bold;margin-right:0.16rem}
.download-update-version{font-size:0.18rem;color:#474747}
.download-update-content{padding-left:0.18rem;margin:0;list-style-type:disc;list-style-position:outside}
.download-update-content p{font-size:0.16rem;color:#3D3D3D;line-height:1.8;margin-bottom:0.04rem;list-style-type:disc}
.tip_title{font-size:.16rem;color:#3D3D3D;margin-bottom:.05rem}
.download-pagination{margin:0.25rem 0 0.1rem 0;text-align:center}
.download-pagination .layui-laypage{display:flex;align-items:center;justify-content:center;gap:0.1rem}
.download-pagination .layui-laypage a,.download-pagination .layui-laypage span{font-size:0.16rem;color:#737373;padding:0.05rem 0.03rem;border-radius:0.08rem;text-decoration:none;display:inline-block;min-width:0.32rem;text-align:center}
.download-pagination .layui-laypage a:hover{color:#1b9df7}
.download-pagination .layui-laypage .layui-laypage-curr{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff !important}
.download-pagination .layui-laypage .layui-laypage-curr em{color:#fff !important;border-radius:0.06rem;background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%) !important}
.download-pagination .layui-laypage .layui-laypage-prev,.download-pagination .layui-laypage .layui-laypage-next{color:#737373;padding:0.05rem 0.2rem}
.download-pagination .layui-laypage .layui-laypage-prev:hover,.download-pagination .layui-laypage .layui-laypage-next:hover{color:#1b9df7;background:transparent}
.download-pagination .layui-laypage .layui-laypage-spr{color:#737373;padding:0.05rem 0.1rem}
.download-update-list .loading,.empty,.error{font-size: .26rem;text-align: center;color: #737373;padding: 1rem;}

/* ===== 常见问题页面（faqs.html） ===== */
.faq-page-main{padding:0.3rem 0 0.6rem 0}
.faq-breadcrumb{font-size:0.16rem;color:#737373;margin:0.15rem 0 0.1rem 0}
.faq-breadcrumb a span{color:#1293EE;text-decoration:none}
.faq-breadcrumb .sep{margin:0 0.05rem}
.faq-header-block{background:#FAFAFA;border-radius:0.2rem;padding:0.28rem 0.32rem 0.25rem 0.32rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);margin-bottom:0.25rem;margin-top:0.5rem}
.faq-title-main{font-size:0.32rem;font-weight:bold;color:#474747;margin-bottom:0.1rem}
.faq-subtitle{font-size:0.16rem;color:#737373;margin-bottom:0.2rem;line-height:1.8}
.faq-search-block{background:#FAFAFA;border-radius:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);padding:0.2rem 0.32rem;margin-bottom:0.25rem}
.faq-search-bar{display:flex;align-items:center;border-radius:0.24rem;padding:0.06rem 0.08rem;gap:0.2rem}
.faq-search-input{flex:1;border:none;font-size:0.16rem;padding:0.06rem 0.2rem;outline:none;height:0.6rem;background:#EDEDED;border-radius:0.2rem}
.faq-search-btn{min-width:1.4rem;border-radius:0.12rem;border:none;background:linear-gradient(54deg,#1B9DF7 0%,#70DEFF 100%);color:#fff;font-size:0.16rem;height:0.6rem;display:flex;align-items:center;justify-content:center;gap:0.08rem;cursor:pointer;padding:0 0.2rem}
.guide-search-btn img{width:0.24rem;height:0.24rem}
.faq-search-btn img{width:0.24rem;height:0.24rem}
.faq-content-wrapper{margin-top:0.2rem}
.faq-sidebar{background:#FAFAFA;border-radius:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);padding:0.2rem 0;margin-bottom:0.3rem}
.faq-sidebar-title{font-size:0.18rem;font-weight:bold;color:#474747;padding:0 0.2rem 0.15rem 0.2rem;border-bottom:1px solid #E5E5E5;margin-bottom:0.15rem}
.faq-category-list{list-style:none;padding:0;margin:0}
.faq-category-item{padding:0.12rem 0.2rem;cursor:pointer}
.faq-category-item a{font-size:0.16rem;color:#737373;text-decoration:none;display:block}
.faq-category-item h2{font-size:0.16rem;color:#737373;text-decoration:none;display:block;font-weight:bold}
.faq-category-item.active h2{color:#fff}
.faq-category-item.active{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%)}
.faq-category-item.active a{color:#fff}
.faq-category-item:hover:not(.active){background:#f0f0f0}
.faq-tabs{display:flex;flex-wrap:wrap;gap:0.15rem;margin-bottom:0.2rem;padding:0.15rem 0}
.faq-tab-item{font-size:0.16rem;color:#737373;padding:0.08rem 0.2rem;border-radius:0.2rem;text-decoration:none;background:#FAFAFA;border:1px solid #E5E5E5;transition:all 0.3s;cursor:pointer}
.faq-tab-item:hover{color:#1b9df7;border-color:#1b9df7}
.faq-tab-item.active{color:#fff;background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%)}
.faq-list-wrapper{background:#FAFAFA;border-radius:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);padding:0.15rem 0.25rem}
.faq-list-wrapper .faq-list{background:transparent;box-shadow:none;border-radius:0;padding:0}
.faq-list-wrapper .faq-item{border-top:1px solid #D8D8D8;margin:0;padding:0}
.faq-list-wrapper .faq-item:first-child{border-top:none}
.faq-list-wrapper .faq-question{padding:0.3rem 0;font-size:0.18rem;font-weight:bold;color:#474747!important;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-list-wrapper .faq-question.active{color:#2DABF9}
.faq-list-wrapper .faq-question span{flex:1}
.faq-list-wrapper .faq-answer{padding:0 0 0.15rem 0;font-size:0.14rem;color:#737373;line-height:1.8;display:none}
.faq-list-wrapper .faq-answer.show{display:block}
.faq-pagination{margin:0.25rem 0 0.1rem 0;text-align:center}
.faq-pagination .layui-laypage{display:flex;align-items:center;justify-content:center;gap:0.1rem}
.faq-pagination .layui-laypage a,.faq-pagination .layui-laypage span{font-size:0.16rem;color:#737373;padding:0.05rem 0.03rem;border-radius:0.08rem;text-decoration:none;display:inline-block;min-width:0.32rem;text-align:center}
.faq-pagination .layui-laypage a:hover{color:#1b9df7}
.faq-pagination .layui-laypage .layui-laypage-curr{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff !important}
.faq-pagination .layui-laypage .layui-laypage-curr em{color:#fff !important;border-radius:0.06rem;background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%) !important}
.faq-pagination .layui-laypage .layui-laypage-prev,.faq-pagination .layui-laypage .layui-laypage-next{color:#737373;padding:0.05rem 0.2rem}
.faq-pagination .layui-laypage .layui-laypage-prev:hover,.faq-pagination .layui-laypage .layui-laypage-next:hover{color:#1b9df7;background:transparent}
.faq-pagination .layui-laypage .layui-laypage-spr{color:#737373;padding:0.05rem 0.1rem}

/* ===== 所有游戏页面（games.html） ===== */
.games-page-main{background:#f8f9fa;padding:0.3rem 0 0.6rem 0}
.games-breadcrumb{font-size:0.16rem;color:#737373;margin:0.15rem 0 0.1rem 0}
.games-breadcrumb a span{color:#1293EE;text-decoration:none}
.games-breadcrumb .sep{margin:0 0.05rem}
.games-header-block{background:#FAFAFA;border-radius:0.2rem;padding:0.28rem 0.32rem 0.25rem 0.32rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);margin-bottom:0.25rem;margin-top:0.5rem}
.games-title-main{font-size:0.32rem;font-weight:bold;color:#474747;margin-bottom:0.1rem}
.games-subtitle{font-size:0.16rem;color:#737373;line-height:1.8;margin-bottom:0.2rem}
.games-search-bar{display:flex;gap:0.2rem;margin-bottom:0.2rem}
.games-search-input{flex:1;padding:0.12rem 0.2rem;border:1px solid #E5E5E5;border-radius:0.1rem;font-size:0.16rem;color:#474747}
.games-search-input:focus{outline:none;border-color:#1B9DF7}
.games-search-btn{padding:0.12rem 0.3rem;background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff;border:none;border-radius:0.1rem;font-size:0.16rem;cursor:pointer;display:flex;align-items:center;gap:0.08rem}
.games-search-btn img{width:0.24rem;height:0.24rem}
.games-filter-section{background:#FAFAFA;border-radius:0.2rem;padding:0.25rem 0.32rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);margin-bottom:0.25rem}
.filter-group{display:flex;align-items:flex-start;gap:0.15rem;flex-direction:column}
.filter-group:last-child{margin-bottom:0}
.filter-label-wrapper{display:flex;align-items:center;gap:0.08rem;flex-shrink:0;min-width:1rem}
.filter-label-icon{width:0.2rem;height:0.2rem;border-radius:50%;object-fit:cover}
.filter-label{font-size:0.16rem;color:#474747;font-weight:bold;margin:0;white-space:nowrap}
.filter-buttons{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}
.filter-btn{padding:0.05rem 0.16rem;border:1px solid transparent;background:#EDEDED;color:#737373;border-radius:0.06rem;font-size:0.14rem;cursor:pointer;transition:all 0.3s;white-space:nowrap}
.filter-btn:hover{border-color:#1B9DF7;color:#1B9DF7;background:#fff;border:1px solid #EDEDED}
.filter-btn.active{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff;border:none;box-shadow:0px 2px 6px rgba(27,157,247,0.3)}
.games-content-wrapper{display:flex;gap:0.25rem;margin-top:0.25rem}
.games-sidebar{width:2.6rem;flex-shrink:0}
.games-category-list{}
.sidebar-section{background:#FAFAFA;border-radius:0.2rem;padding:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);margin-bottom:0.2rem}
.sidebar-section:last-child{margin-bottom:0}
.sidebar-section-title{font-size:0.18rem;font-weight:bold;color:#474747;margin-bottom:0.15rem;padding-bottom:0.1rem;border-bottom:1px solid #E5E5E5}
.sidebar-game-list{display:flex;flex-direction:column;gap:0.1rem}
.sidebar-game-item{display:flex;align-items:center;gap:0.1rem;padding:0.08rem;border-radius:0.08rem;text-decoration:none;color:#737373;font-size:0.14rem;transition:all 0.3s}
.sidebar-game-item:hover{background:#f0f0f0;text-decoration:none;color:#1B9DF7}
.sidebar-game-thumb{width:0.5rem;height:0.24rem;flex-shrink:0;border-radius:0.06rem;overflow:hidden;background:#e0e0e0}
.sidebar-game-thumb img{width:100%;height:100%;object-fit:cover}
.sidebar-game-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* ===== 游戏详情页面（games-detail.html） ===== */
.detail-page-main{padding:0.3rem 0 0.6rem 0}
.detail-breadcrumb{font-size:0.16rem;color:#737373;margin:0.15rem 0 0.1rem 0}
.detail-breadcrumb a span{color:#1293EE;text-decoration:none}
.detail-breadcrumb .sep{margin:0 0.05rem}
.detail-top{display:flex;gap:0.25rem;margin-bottom:0.25rem;background:#FAFAFA;border-radius:0.2rem;padding:0.26rem 0.3rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.12)}
.detail-top-main{}
.detail-title{font-size:0.26rem;font-weight:700;color:#474747;margin-bottom:0.12rem}
.detail-desc{font-size:0.15rem;color:#474747;line-height:1.9;margin-bottom:0.18rem}
.detail-tags{display:flex;flex-wrap:wrap;gap:0.08rem;margin-bottom:0.18rem}
.detail-tags span{background:#EAF4FF;color:#1B9DF7;padding:0.06rem 0.16rem;border-radius:0.16rem;font-size:0.13rem}
.detail-actions{display:flex;gap:0.15rem;align-items:center}
.detail-actions .btn-download{background:#fff;color:#35ACFF;padding:0.12rem 0.5rem;font-size:0.16rem;border-radius:0.5rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:0.1rem;box-shadow:0 0.02rem 0.1rem rgba(0,0,0,0.2)}
.detail-btn-primary{padding:0.12rem 0.32rem;font-size:0.16rem;background:#1B9DF7;color:#fff;border:none;border-radius:0.18rem;box-shadow:0 2px 8px rgba(27,157,247,0.25)}
.detail-btn-secondary{padding:0.12rem 0.32rem;font-size:0.16rem;background:#fff;color:#1B9DF7;border:1px solid #1B9DF7;border-radius:0.18rem}
.detail-top-card{width:2.8rem;flex-shrink:0;background:#FAFAFA;border-radius:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.12);overflow:hidden}
.detail-cover{width:2.4rem;height:1.1rem;background:#e0e0e0;border-radius:20px;margin:.2rem .2rem 0 .2rem}
.detail-cover img{width:100%;height:100%;object-fit:cover}
.detail-card-body{padding:0.16rem 0.2rem 0.2rem 0.2rem;font-size:0.14rem;color:#737373;line-height:1.6}
.detail-card-body span{margin-bottom:.1rem;display:inline-block}
.detail-card-title{font-weight:700;font-size:0.16rem;margin-bottom:0.1rem;color:#474747}
.detail-layout{display:flex;gap:0.25rem;margin-top:.5rem}
.detail-sidebar{width:2.4rem;flex-shrink:0}
.detail-main{flex:1}
.detail-nav-list{display:flex;flex-direction:column;gap:0.08rem}
.detail-nav-item{display:block;padding:0.08rem 0.14rem;color:#737373;font-size:0.18rem;border-radius:0.1rem}
.detail-nav-item:hover{background:#f0f0f0;text-decoration:none;color:#1B9DF7}
.detail-nav-sublist{margin-left:0.06rem;margin-top:0.06rem;display:flex;flex-direction:column;gap:0.04rem}
.detail-nav-subitem{padding:0.06rem 0.12rem;color:#737373;font-size:0.18rem;border-radius:0.08rem;margin-left:0.08rem}
.detail-nav-subitem:hover{color:#1B9DF7;background:transparent}
html{scroll-behavior:smooth}
#modes,#mode-standard,#mode-advanced,#mode-pro,#mode-extreme,#news,#faq{scroll-margin-top:90px}
.mode-title{font-size:0.24rem;font-weight:700;color:#474747;margin-bottom:0.12rem}
.mode-subsection{margin-bottom:0.22rem;border-radius:0.18rem;padding:0.18rem;background:#FAFAFA;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);border:1px solid rgba(27,157,247,0.06)}
.mode-subdesc{font-size:0.16rem;color:#474747;margin-bottom:0.12rem}
.detail-hot-list{display:flex;flex-direction:column;gap:0.06rem}
.detail-hot-item{display:flex;align-items:center;gap:0.1rem;padding:0.06rem 0.08rem;border-radius:0.08rem;color:#474747;font-size:0.14rem}
.detail-hot-item img{width:0.32rem;height:0.24rem;object-fit:cover;border-radius:0.04rem;flex-shrink:0}
.detail-hot-item:hover{background:#f0f0f0;color:#1B9DF7;text-decoration:none}
.sidebar-news-list{display:flex;flex-direction:column;gap:0.05rem;font-size:0.16rem;color:#737373;padding:0 .12rem}
.sidebar-news-item{line-height:1.8;list-style-type:disc;padding:.08rem 0}
.sidebar-news-item span{color:#3CA7FF}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:0.08rem}
.sidebar-tags a{background:#EDEDED;color:#737373;padding:0.05rem 0.12rem;border-radius:0.06rem;font-size:0.14rem;min-width:.9rem;text-align:center;border: 1px solid transparent;}
.sidebar-tags a:hover{text-decoration:none;color: #1B9DF7;background: #fff;border: 1px solid #EDEDED;}
.detail-block2 .faq-list-wrapper .faq-item:nth-child(2){border-top:none}
.detail-block{background:#FAFAFA;border-radius:0.2rem;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);padding:0.22rem 0.26rem;margin-bottom:0.2rem}
.detail-block-header h2{font-size:.24rem;font-weight:700;color:#474747;margin-bottom:0.08rem}
.detail-block-header h3{font-size:.24rem;font-weight:700;color:#474747;margin-bottom:0.08rem}
.detail-block-header p{font-size:0.16rem;color:#737373;margin-bottom:0.16rem}
.detail-article-item{border-radius:6px;background:#FFFFFF;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);padding:0.16rem 0.18rem;margin-bottom:0.12rem;display:inline-block}
.detail-article-item:hover{text-decoration:none}
.detail-article-item:hover h3{color:#2DABF9}
.detail-article-list{margin-top:.2rem}
.detail-article-item h3{color:#474747;font-size:.18rem;font-weight: bold;}
.detail-article-item p{color:#737373;font-size:.14rem;line-height:2.2}
.detail-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.12rem}
.detail-feature-card{background:#fff;border-radius:0.2rem;padding:0.2rem 0.18rem;min-height:0.9rem;transition:transform .15s ease,box-shadow .15s ease;border-width:0px 0px 0px 4px;border-style:solid;border-color:#3CA7FF;box-shadow:0px 4px 10px 0px #E3F3FF}
.detail-feature-card h4{font-size:0.16rem;color:#474747;font-weight:700;margin-bottom:0.06rem}
.detail-feature-card p{font-size:0.16rem;color:#737373;line-height:1.8;margin-top:.15rem}
.detail-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(27,157,247,0.06)}
.detail-more-link{margin-top:0.15rem;text-align:center;cursor:pointer}
.detail-more-link p{font-size:0.16rem;color:#3CA7FF;line-height:1.3}
.detail-news-list{display:flex;flex-direction:column;gap:0.12rem}
.detail-news-item{padding:0.12rem 0.14rem;border-radius:0.12rem;background:#FBFDFF;border:1px solid #E5F0FF;color:#474747;transition:all 0.2s}
.detail-news-item h3{font-size:0.15rem;font-weight:700;margin-bottom:0.04rem}
.detail-news-item p{font-size:0.13rem;color:#737373;margin:0}
.detail-news-item:hover{box-shadow:0px 4px 10px rgba(27,157,247,0.12);text-decoration:none}
.detail-faq-list{display:flex;flex-direction:column;gap:0.1rem}
.detail-faq-item{background:#FBFDFF;border:1px solid #E5F0FF;border-radius:0.12rem;padding:0.12rem 0.14rem}
.detail-faq-question{font-size:0.15rem;font-weight:700;color:#474747;cursor:pointer;position:relative;padding-right:0.2rem}
.detail-faq-question::after{content:'▸';position:absolute;right:0;top:0;color:#999}
.detail-faq-question.open::after{content:'▾'}
.detail-faq-answer{display:none;margin-top:0.08rem;font-size:0.13rem;color:#737373;line-height:1.6}
.category-item{display:block;padding:0.12rem 0.2rem;color:#737373;font-size:0.16rem;text-decoration:none;transition:all 0.3s;border-left:3px solid transparent;width:2.2rem;margin:0 auto;border-radius:.1rem}
.category-item:hover{background:#f0f0f0;color:#1B9DF7;text-decoration:none}
.category-item.active{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff;border-left-color:#fff}
.category-name{margin-right:0.1rem}
.category-count{font-size:0.14rem;opacity:0.8}
.games-main-content{flex:1}
.games-section-block{margin-bottom:0.4rem}
.section-block-title{font-size:0.24rem;font-weight:bold;color:#474747;margin-bottom:0.2rem;padding-bottom:0.1rem;border-bottom:2px solid #1B9DF7}
.games-pagination{margin:0.25rem 0 0.1rem 0;text-align:center}
.games-pagination .layui-laypage{display:flex;align-items:center;justify-content:center;gap:0.1rem}
.games-pagination .layui-laypage a,.games-pagination .layui-laypage span{font-size:0.16rem;color:#737373;padding:0.05rem 0.15rem;border-radius:0.08rem;text-decoration:none;display:inline-block;transition:all 0.3s}
.games-pagination .layui-laypage .layui-laypage-curr em{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff;border-radius:0.08rem}
.games-pagination .layui-laypage .layui-laypage-prev,.games-pagination .layui-laypage .layui-laypage-next{color:#737373;padding:0.05rem 0.2rem}
.games-pagination .layui-laypage .layui-laypage-prev:hover,.games-pagination .layui-laypage .layui-laypage-next:hover{color:#1B9DF7;background:transparent}
.game-card-link{text-decoration:none;color:inherit;display:block}
.game-card-link:hover{text-decoration:none;color:inherit}

.back_to_top{width:.42rem;height:.42rem;background:linear-gradient(45deg,#249EF3 0%,#00BEF6 100%);box-shadow:1px 5px 19px rgb(0 0 0 / 15%);-webkit-transition:all 0.2s;transition:all 0.2s;font-size:16px;color:#fff;border-radius:50%;display:inline-block;text-align:center;line-height:35px;bottom:20%;right:4%;position:fixed;z-index:999;transition:.3s all linear;cursor:pointer;display:none}
.back_to_top img{width:.24rem;height:.24rem}
.back_to_download{width:.42rem;height:.42rem;background:linear-gradient(45deg,#249EF3 0%,#00BEF6 100%);box-shadow:1px 5px 19px rgb(0 0 0 / 15%);-webkit-transition:all 0.2s;transition:all 0.2s;font-size:16px;color:#fff;border-radius:50%;display:inline-block;text-align:center;line-height:35px;bottom:12%;right:4%;position:fixed;z-index:999;transition:.3s all linear;cursor:pointer;display:none}
.back_to_download .svgfill{fill: #fff;}
/* ===== 攻略详情页面（guide-detail.html） ===== */
.guide-detail-title{font-size:0.34rem;font-weight:700;color:#222;margin-bottom:0.12rem}
.guide-meta{font-size:0.14rem;color:#8a8a8a;margin-bottom:0.18rem}
.guide-meta-item{gap: .1rem;}
.guide-content p{font-size:0.15rem;color:#737373;line-height:1.9}
.guide-content ul{padding:0 .25rem}
.guide-content ol{padding:0 .25rem}
.guide-content li{list-style-type:disc;font-size:.14rem;color:#737373}
.guide-content strong{color:#737373;font-weight:normal}
.guide-content h2{font-size:0.24rem;margin-top:0.2rem;margin-bottom:0.2rem;font-weight:700;border-bottom:1px solid #D8D8D8;padding-bottom:0.15rem;color:#474747}
.guide-content h3{font-size:0.16rem;margin-top:0.4rem;margin-bottom:0.08rem}
.guide-content h4{font-size:.14rem;color:#474747;margin-top:.15rem;margin-bottom:.1rem}
.guide-brief{font-size:0.14rem;color:#737373;line-height:1.9}
.callout-box{word-wrap: break-word;background:#fff;padding:0.16rem 0.18rem;border-radius:0.12rem;margin:0.28rem 0;box-sizing:border-box;border-width:0px 0px 0px 4px;border-style:solid;border-color:#3CA7FF;box-shadow:0px 4px 10px 0px #E3F3FF}
.callout-box p{margin:0;font-size:0.16rem;color:#737373}
.download-cta{border:1px dashed #42AAFF;background:#fff;padding:0.15rem 0 0.25rem 0;border-radius:0.12rem;text-align:center;margin-top:0.18rem}
.download-cta h4{font-size:.16rem;color:#42AAFF}
.download-cta p{font-size:0.14rem;color:#42AAFF}
.download-cta .btn-more{background:linear-gradient(63deg,#1B9DF7 0%,#70DEFF 94%);color:#fff;padding:0.12rem 0.4rem;border-radius:0.28rem;border:none;box-shadow:0 6px 18px rgba(27,157,247,0.18)}
.download-cta .detail-actions{display:inline-block;margin-top:.16rem}
.faq-title{font-size:.24rem!important;color:#474747;border-bottom:1px solid #3196E8;padding:.15rem 0 .2rem 0;font-weight:700}
.guide-article .detail-block2{margin-top:.2rem}
.detail-block{position:relative}
.section-marker{position:absolute;left:50%;top:-0.6rem;width:0.48rem;height:0.48rem;border-radius:50%;background:#fff;box-shadow:0 6px 14px rgba(0,0,0,0.12);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:12}
.section-marker img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.guide-card{margin-bottom:0.2rem}
.guide-card-inner{background:#fff;border-radius:0.2rem;padding:0.2rem;position:relative;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15)}
.guide-top .guide-title{font-size:0.32rem;font-weight:700;color:#2DABF9;margin:0 0 0.25rem 0}
.guide-top .guide-meta{display:flex;gap:0.18rem;color:#474747;font-size:0.14rem;margin-bottom:0.14rem;border-bottom:1px solid #D8D8D8;padding-bottom:.15rem}
.guide-excerpt{margin:0;font-size:0.15rem;color:#4b4b4b}
.guide-card-inner::after{content:'';position:absolute;left:0.4rem;right:0.4rem;bottom:0.4rem;height:0.6rem;border-radius:0.18rem;pointer-events:none;box-shadow:0 0 0 1px rgba(27,157,247,0.02) inset}
.section-marker.bottom{top:auto;bottom:-0.48rem}
.detail-Morestrategies{background:#FAFAFA;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);border-radius:.2rem;padding:0.15rem 0.25rem;margin-top:.2rem}
.guide-related h3{font-size:.18rem;color:#474747;margin-top:.2rem;font-weight: 700;margin-bottom: 0.08rem;}
.guide-related p{font-size:.14rem;color:#737373;margin:0.1rem 0 0.2rem 0}
.related-item{border-radius:.06rem;background:#FFFFFF;display:inline-block;width:100%;margin:.1rem 0;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);padding:0 .2rem}
.related-item:hover{text-decoration:none}
.related-item:hover h3{color:#2DABF9}
#intro,#core,#apply,#solve,#summary,#faq{scroll-margin-top:90px}

.guide-card-list-wrapper{margin-bottom:0.22rem;border-radius:0.18rem;padding:0.2rem;background:#FAFAFA;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15);border:1px solid rgba(27,157,247,0.06)}
.guide-card-list a:hover{text-decoration:none}
.guide-card-list-wrapper h2{font-size:.24rem;color:#474747;padding:.1rem 0 .2rem 0;font-weight:bold;border-bottom:1px solid #3196E8}
.guide-card-list-row{}
.guide-card2{border-bottom:1px solid #D8D8D8;padding-bottom:.2rem}
.guide-card2 .guide-title{padding:.2rem 0 .15rem 0;font-size:.18rem}
.guide-card2 .guide-meta{color:#737373;font-size:.14rem;margin-bottom:0}
.guide-card2 .guide-content{padding:.3rem 0; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.4em;max-height: calc(1.4em * 5);}
.guide-card2 .btn-download{background:linear-gradient(66deg,#1B9DF7 0%,#70DEFF 92%);box-shadow:0 4px 10px 0 rgba(53,172,255,0.35);padding:0.1rem 0.5rem;font-size:0.14rem;color:#FFFFFF}
.guide-icon{gap:.1rem}

.nav-link{color:#474747;font-size:.12rem}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:1.15rem;padding:.05rem 0;margin:.1rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.06rem}
.dropdown-item{padding:.06rem .1rem;color:#474747;font-size:.12rem;text-align:center;border-radius:.06rem}
.dropdown-menu .active{background:#1B9DF7;color:#fff}
.dropdown-toggle{background:#FFFFFF;box-sizing:border-box;border:1px solid #EEEEEE;border-radius:6px;padding:.05rem .15rem}

.truncate-title {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-break: break-word;max-width: 100%;}
.truncate-desc {display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.4;max-height: 11.2em;word-break: break-word;}


.hot-game-game-card .game-desc{font-size:0.16rem;color:#737373;line-height:1.9;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;text-overflow: ellipsis;max-height: calc(1.9em * 5);}


.guide-card .guide-content{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 1.5em;max-height: calc(1.5em * 6);}