.banner{position:relative;width:100%;overflow:hidden;background-color:#333;}
.swiper{width:100%;height:auto;position:relative;}
.swiper-slide{position:relative;}
.swiper-slide img{width:100%;height:auto;display:block;}
.banner-info{position:absolute;bottom:0;left:0;right:0;height:30px;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:10;}
.banner-text{color:#fff;font-size:14px;}
.swiper-pagination{position:static!important;width:auto!important;}
.swiper-pagination-bullet{background-color:rgba(255,255,255,0.6);margin:0 4px!important;}
.swiper-pagination-bullet-active{background-color:#fff;}
.game-section{padding:20px 15px;background-color:#fff;margin-top:10px;}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}
.section-title{font-size:16px;font-weight:bold;color:#333;}
.more-link{font-size:13px;color:#4a9eff;}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;}
.game-item{display:flex;flex-direction:column;align-items:center;min-width: 0;}
.game-icon{width:100%;aspect-ratio:1;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);margin-bottom:8px;}
.game-icon img{width:100%;height:100%;object-fit:cover;}
.game-name{font-size:13px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;height:20px;line-height:20px;}
@media(max-width:375px){.game-grid{gap:10px;}.game-name{font-size:12px;}}
.rank-section{background:url(../images/hot-bg.jpg) no-repeat;background-size:100% 100%;overflow:hidden;padding:15px 0 10px;margin-top:10px;position:relative;}
.rank-section::before{content:'°²×¿ÓÎÏ·ÅÅÐÐ';position:absolute;left:20px;top:20px;color:#fff;font-size:14px;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}
.rank-swiper{padding:45px 0 10px 15px;position:relative;}
.rank-swiper .swiper-wrapper{display:flex;}
.rank-swiper .swiper-slide{width:120px!important;}
.rank-card{background:#fff;border-radius:12px;padding:15px 10px;text-align:center;box-shadow:0 3px 10px rgba(0,0,0,0.15);position:relative;cursor:pointer;transition:transform 0.2s;text-decoration:none;color:inherit;display:block;}
.rank-card:hover{transform:translateY(-2px);}
.rank-card:active{transform:translateY(0);}
.rank-badge{position:absolute;left:-8px;top:-10px;width:25.5px;height:34px;line-height:25.5px;font-size:12px;color:#fff;text-align:center;font-weight:bold;background-size:100% 100%;}
.rank-badge-1{background:url(../images/rank1.png) no-repeat;background-size:100% 100%;}
.rank-badge-2{background:url(../images/rank2.png) no-repeat;background-size:100% 100%;}
.rank-badge-3{background:url(../images/rank3.png) no-repeat;background-size:100% 100%;}
.rank-badge-4{background:url(../images/rank4.png) no-repeat;background-size:100% 100%;}
.rank-icon{width:80px;height:80px;margin:0 auto 8px;border-radius:12px;overflow:hidden;}
.rank-icon img{width:100%;height:100%;object-fit:cover;}
.rank-name{font-size:14px;font-weight:bold;color:#333;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-tag{font-size:11px;color:#999;margin-bottom:10px;}
.rank-btn{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;border:none;padding:6px 25px;border-radius:18px;font-size:13px;cursor:pointer;}
.list-section{padding:20px 15px;background-color:#fff;margin-top:10px;}
.list-items{display:flex;flex-direction:column;gap:12px;}
.list-item{display:flex;align-items:center;background:#f8f8f8;border-radius:12px;padding:12px;position:relative;cursor:pointer;transition:background-color 0.2s;text-decoration:none;color:inherit;}
.list-item:hover{background:#f0f0f0;}
.list-item:active{background:#e8e8e8;}
.list-rank{font-size:20px;font-weight:bold;color:#999;text-align:center;margin-right:12px;}
.list-icon{width:65px;height:65px;border-radius:12px;overflow:hidden;margin-right:10px;}
.list-icon img{width:100%;height:100%;object-fit:cover;}
.list-info{flex:1;}
.list-name{font-size:14px;font-weight:bold;color:#333;margin-bottom:3px;}

.list-meta{font-size:11px;color:#999;}
.list-btn{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;border:none;padding:6px 20px;border-radius:18px;font-size:13px;cursor:pointer;}
.footer{background:#3a3a3a;color:#999;padding:25px 20px;text-align:center;margin-top:10px;position:relative;}
.footer-content p{margin:6px 0;font-size:11px;line-height:1.5;}
.back-top{position:fixed;right:15px;bottom:25px;width:40px;height:40px;background:rgba(0,0,0,0.5);color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;display:none;z-index:999;}
.back-top.show{display:block;}