.md-hot,.md-gril,.md-xyx{height:3.4rem;background: no-repeat;background-size:100% 3.4rem}
.md-hot .hd .title,.md-gril .hd .title,.md-xyx .hd .title{color: #fff;padding-left: 0;}
.md-hot .hd .title::before,.md-gril .hd .title::before,.md-xyx .hd .title::before{display: none}
.md-hot .hd .more,.md-gril .hd .more,.md-xyx .hd .more{color: #fff}
.md-hot .hd .more::after,.md-gril .hd .more::after,.md-xyx .hd .more::after{border-color: #fff}
.md-hot .bd em,.md-gril .bd em,.md-xyx .bd em{color: #fff;height: 0.6rem;line-height: 0.6rem;margin-bottom: 0}
.md-hot .bd img{box-shadow: 0 0 0.1rem #007eff}
.mgb14 { margin-bottom: 0.14rem; }
.module {background: #fff;border-radius: 16px;box-shadow: 0 8px 24px rgba(0,0,0,0.06);}
.module .hd { height: 0.3rem; padding: 0.24rem; overflow: hidden; }
.module .hd .title { float: left; height: 0.3rem; line-height: 0.3rem; padding-left: 0.32rem; position: relative; font-size: 0.28rem; }
.module .hd .title1 { float: left; height: 0.3rem; line-height: 0.3rem; position: relative; padding-left: 0.26rem; font-size: 0.28rem; }
.module .hd .title::before { position: absolute; top: 0.03rem; left: 0; content: ""; width: 0.08rem; height: 0.24rem; line-height: 0; font-size: 0; border-radius: 0.04rem; background: #00cc7d; }
.module .hd .more { float: right; height: 0.3rem; line-height: 0.32rem; color: #959595; font-size: 0.26rem; position: relative; }
.md-game .hd .more { color: #fff; }
.md-game .hd .more::after { border-color: #fff; }
.md-game .bd .box { height: 3.72rem; overflow: hidden; padding-bottom: 0.05rem; }
.md-game .bd ul { padding: 0 0.25rem; }
.md-game .bd li { float: left; width: 32%; text-align: center; padding-left: 1%}
.md-game .bd img { width: 80px; height: 80px; border-radius: 10px; }
.md-game .bd em { display: block; height: 0.56rem; line-height: 0.56rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.03rem; }
.md-game .bd .btn { display: block; width: 1.24rem; height: 0.46rem; line-height: 0.46rem; margin: 0 auto; border: 1px solid #fff; color: #fff; border-radius: 0.25rem; }
.md-game .switch { height: 0.7rem; line-height: 0.7rem; border-top: 1px #e3e3e3 solid; }
.md-game .switch a { display: block; width: 0.84rem; margin: 0 auto; color: #555; font-size: 0.26rem; position: relative; }
.md-game .switch a::after { display: block; position: absolute; top: 0.2rem; right: 0; content: ""; width: 0.14rem; height: 0.14rem; border-bottom: 1px #555 solid; border-right: 1px #555 solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.md-game .up .box { height: auto; }
.md-game .up .switch a::after { top: 0.28rem; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.md-game .bd .icon { display: block; position: relative; width: 80px; margin: 0 auto; padding-top: 0.05rem; }
.md-game .bd .bdbox { height: auto; overflow: hidden; }
.md-game .bd i { top: 0; }

.con-game{padding:16px 20px}
.con-game p{position: relative;line-height:24px;margin: 0 0 10px 10px}
.con-game p img{float:left;width: 100px;height: 100px;border-radius: 10px;padding-right: 0px;margin-right: 20px;}
.con-game p em{display:block;line-height:32px;font-size: 22px;overflow: hidden;font-weight: 700;font-style: normal;color:#2d3748;margin-bottom:4px}
.con-game p span{height: 28px;line-height: 28px;margin-left: 0px;margin-right: 10px;color: #4a5568;overflow: hidden;font-size: 14px;}
.con-game p span em{display:block;color: #000000;font-size: 13px;font-weight: bold}
.con-game p a{position: absolute;top:0.08rem;right: -0.26rem;width: 1rem;height: 0.46rem;line-height: 0.46rem;padding-top:0.46rem;text-align: center;color: #959595}
.con-game p .fav{right:-0.4rem;background-position:0.3rem -20.94rem}
.con-game p .faved{right:-0.4rem;background-position:0.26rem -21.94rem;display:none}
.con-game p .share{right: 0.6rem;width:0.8rem;background: center 0.02rem no-repeat;background-size: 0.42rem 0.42rem;display: none;}
.con-game .btn{overflow: hidden;padding-top: 0.34rem}
.con-game .btn{display:block!important;padding:12px 12px 0!important}
.con-game .btn .spanitem{display:block!important;width:100%!important}
.con-game .btn .spanright{display:none}
.con-game .btn span{float:none;width:auto;height: 0.8rem;line-height: 0.8rem;box-sizing: border-box}
.con-game .btn span a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  height: 44px;
  line-height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(0,204,125,0.25);
}
.con-game .btn .spanitem{width:auto}
.con-game .btn .spanright{margin-left: 0}
.con-game .btn .start{padding-right: 0.3rem;}
.con-game .btn .start a{display: block;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}
.con-game .btn .down a{display: block;background: #00cc7d}
.con-game .nodown{width: 100%;}
.con-game .nodown a,.con-game .nodown span,.con-game .nodown .start{display: block;height: 0.8rem;line-height: 0.8rem;border-radius: 0.12rem;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);text-align: center;font-size: 0.36rem;color: #fff;padding:0}
/* Override legacy button style to new spec */
.con-game .nodown a{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  background: #00cc7d !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600;
  text-align: center;
}
.con-game .nodown .start a{background: #00cc7d}
.con-game .down i{font-size: 0.24rem;vertical-align: baseline;padding-left: 0.1rem}
/* con-tab */
.con-tab{min-height:10rem;margin-top:16px}

/* Fullscreen play modal */
#playmask.fullscreen-mask{display:none; z-index: 2000; touch-action: none; overscroll-behavior: contain}
#playmask .full-screen-center{padding: 10px;}
.playcontent{width: 100%;height: 90vh;background: rgba(0,0,0,0.9);border-radius: 12px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.3);position:relative}
.playframe{position:absolute;top:6px;left:6px;right:6px;bottom:6px;background: rgba(0,0,0,0.6);border-radius: 12px;overflow:hidden; touch-action: none}
.playcontent iframe{display:block}
.playcontent.landscape{height: 100vh}
.playcontent.landscape .playframe{top:0;left:0;right:0;bottom:0}
/* Default landscape: no rotation (device already横屏) */
.playcontent.landscape iframe{position:absolute;left:0;top:0;width:100%;height:100%;transform:none}
/* Portrait device forcing landscape: rotate 90deg only in portrait */
#playmask.portrait .playcontent.landscape iframe{ left:50%; top:50%; transform-origin:center; width: 100vh; height: 100vw; }
#playmask.portrait.rotate-cw .playcontent.landscape iframe{ transform: translate(-50%,-50%) rotate(90deg); }
#playmask.portrait.rotate-ccw .playcontent.landscape iframe{ transform: translate(-50%,-50%) rotate(-90deg); }
/* lock to the launch-time viewport if fixed-orientation is set */
#playmask.fixed-orientation.portrait .playcontent.landscape iframe{ width: var(--vh, 100vh); height: var(--vw, 100vw); }
.fab-close{position:absolute; right: 16px; bottom: 16px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:#fff; cursor: move; z-index: 2002; touch-action: none; box-shadow: 0 6px 16px rgba(0,0,0,.25)}
.playframe .fab-close{right: 10px; bottom: 10px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color:#fff !important}
.fab-close::after{content:'✕'; font-size: 18px; color:#fff}
.fab-close{position:absolute; right: 12px; bottom: 12px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255,255,255,0.85); cursor: pointer;}
.fab-close::after{content:'✕'; font-size: 18px; color:#fff}
.playbar{height: 48px;background: rgba(255,255,255,0.08);display:flex;align-items:center;justify-content: space-between;color:#fff;padding:0 16px; z-index: 2001; position: relative}
.playbar .title{font-weight: 600}
.playbar .closebtn{cursor: pointer;background: rgba(255,255,255,0.2);padding:6px 12px;border-radius: 8px}
.playbar .closebtn::after{content:'✕';font-size:16px;}
.playbar .closebtn:hover{background: rgba(255,255,255,0.3)}

/* Orientation tip overlay */
.orientation-tip{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; z-index:2003; background: rgba(0,0,0,0.55)}
.orientation-tip .tip-card{width: 86%; max-width: 420px; background:#111; color:#fff; border-radius: 14px; box-shadow: 0 12px 30px rgba(0,0,0,.35); padding: 18px}
.orientation-tip .tip-title{font-size: 18px; font-weight: 700; margin-bottom: 8px}
.orientation-tip .tip-desc{font-size: 14px; line-height: 1.6; opacity:.9; margin-bottom: 14px}
.orientation-tip .tip-btn{display:inline-flex; align-items:center; justify-content:center; height: 40px; padding:0 18px; border-radius:10px; border:0; background:#444; color:#fff; cursor:pointer}
.orientation-tip .tip-btn:active{transform: scale(.98)}

/* Desktop fixed phone-viewport simulation */
.playcontent.desktop-fixed .playframe{
  position:absolute; width: var(--frame-w, 1280px); height: var(--frame-h, 720px);
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  background: #000; border-radius: 12px; overflow:hidden;
}
.playcontent.desktop-fixed iframe{width:100%; height:100%; transform:none !important}

/* Lightbox styles */
.img-lightbox{position: fixed; inset:0; background: rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index: 3000}
.img-lightbox .img-stage{position: relative; max-width: 96vw; max-height: 96vh; display:flex; align-items:center; justify-content:center}
.img-lightbox img{max-width: 90vw; max-height: 90vh; border-radius: 10px; box-shadow: 0 20px 60px rgba(0,0,0,.4)}
.lb-arrow{position:absolute; width:48px; height:48px; border-radius:50%; border:0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:#fff; cursor:pointer; box-shadow: 0 6px 16px rgba(0,0,0,.25)}
.lb-prev{left:-64px}
.lb-next{right:-64px}
.lb-prev::after{content:'\276E'; font-size:22px}
.lb-next::after{content:'\276F'; font-size:22px}
@media (max-width: 768px){ .lb-prev{left:8px} .lb-next{right:8px} }

/* Detail page header match homepage hero-section gradient */
header{background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important}
.con-tab .hd{height:auto;padding:12px;border-bottom: 1px #eee solid;overflow: hidden;box-sizing: border-box;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px}
.con-tab .hd a{float:left;width:33%;height:42px;line-height: 42px;position: relative;font-size: 16px;text-align: center;border-radius:12px;color:#4a5568}
.con-tab .tab-two a{width:50%;}
.con-tab .hd .cur{color: #00cc7d;background:#e6fff5}
.con-tab .hd .cur::after{position: absolute;left: 50%;bottom: 0;margin-left: -0.39rem;content:"";width: 0.78rem;height: 0.04rem;line-height: 0;font-size: 0;background: #00cc7d;border-image-repeat: 0.02rem}
.con-tab .hd i{display:block;position: absolute;top:0.16rem;left:66%;height:0.24rem;line-height:0.24rem;font-size: 0.22rem;color: #ff0000;}
.con-tab .hd span{display:block;position: absolute;content:"";top:0.16rem;left:68%;width:0.18rem;height:0.18rem;line-height:0;font-size: 0;background: #ff0000;border-radius: 50%}
.con-tab .bd{overflow: hidden;}
.con-tab .screenshot{overflow: scroll}
.con-tab .screenshot .pic{padding:0.24rem 0.18rem;overflow: hidden}
.con-tab .screenshot img{float: left;height:5rem;box-sizing: border-box;margin: 0 0.08rem;border:1px #ccc solid}
.con-tab .intro{padding:0.1rem;position: relative}
.con-tab .intro::after{position: absolute;left:0;top:0;width:100%;height:1px;content: "";background: #eee}
.con-tab .intro span{height: 0.66rem;line-height: 30px;font-size: 16px;padding-left: 0.3rem;color:#2d3748}
.con-tab .intro .info{margin-top: 14px;color:#4a5568;line-height:28px}
.con-tab .intro span.title{height: 0.66rem;line-height: 0.66rem;font-size: 20px;padding-left: 0.3rem;font-weight: 700}
/*.con-tab .intro span .con{height: 0.66rem;line-height: 0.66rem;font-size: 22px;padding-left: 0.3rem;}*/
.con-tab .intro p{line-height: 0.32rem;text-indent: 2em;color: #959595;padding:0 0.3rem;margin-bottom: 0.24rem}
.con-tab .intro p a{color: #959595;vertical-align: top}
.con-tab .intro .h5wapurl{display:block;width:7.22rem;height:0.8rem;line-height:2rem;margin: 0 auto;background:no-repeat;background-size:7.22rem 0.8rem;overflow: hidden}
.con-tab .tit{height: 0.8rem;line-height: 0.8rem;padding-left: 0.3rem;font-size: 0.3rem;}
.con-tab .related li{width:100%;display:block;height:0.8rem;line-height: 0.8rem;padding-right:5rem;font-size: 0.28rem;color: #666;position: relative;overflow: hidden;border-bottom:1px #f2f2f2 solid}
.con-tab .related li i{position: absolute;top: 0.22rem;left:0.3rem;width: 0.58rem;height: 0.34rem;line-height: 0.34rem;text-align: center;border-radius: 0.04rem}
.con-tab .related li a{display: block;padding:0 0.6rem 0 1.08rem;position: relative;box-sizing: border-box;overflow: hidden;height: 0.8rem;}
.con-tab .related li a::after{display:block;position: absolute;top:0;right:0.4rem;content: "";width:0.2rem;height: 0.8rem;background: center center no-repeat;background-size:0.18rem 0.28rem}
.con-tab .related .blue{border:1px #00cc7d solid;color:#00cc7d;}
.con-tab .related .green{border:1px #00cc7d solid;color:#00cc7d;}
.con-tab .related .pink{border:1px #f35db2 solid;color:#f35db2;}
.con-tab .related .red{border:1px #fa7878 solid;color:#fa7878;}
.con-tab .panel{display: none}
.con-tab .panel:first-child{display: block}
.con-tab .null{padding:1rem 0;}
.con-tab .null p{height:0.6rem;line-height: 0.6rem;;padding:2.54rem 0 1rem 0;background: top center no-repeat;background-size:2.54rem 2.54rem;color: #aaa;text-align: center}
.con-tab .null p a{color: #00cc7d;padding:0 0.06rem;display: inline-block;vertical-align: top}
.md-game .bd em{color: #555}
/* md-pic */
.md-pic{text-align: center;padding:0.3rem 0}
.md-pic img{width: 3rem;height: 2rem;margin:0 auto}

.swiper_box_new{position:relative;z-index:0;overflow:auto;padding: 0.24rem 0.18rem;}
.swiper_box_new .swiper-container2{max-height: none;overflow-x: auto;overflow-y: hidden;border-radius:12px}
.swiper_box_new .swiper-container2 .swiper-wrapper2{font-size: 0;white-space: nowrap;}
.swiper_box_new .swiper-container2 .swiper-slide2{display: inline-block;}
.swiper_box_new .swiper-container2 .swiper-slide2 img{height: 250px;margin: 0 8px;box-sizing: border-box;border: 1px #eee solid;border-radius:12px}
.swiper-wrapper .swiper-slide img{width:100%;height: 100%;}
.con-header { position: fixed; top: 0; left: 0; width: 100%; height: 0.96rem; line-height: 0.96rem; background: #00cc7d; color: #fff; z-index: 99; }
.con-header a { position: absolute; display: block; color: #fff; }
.con-header .back { top: 0.06rem; left: 0; font-size: 0.4rem; line-height: 2rem; width: 0.2rem; height: 0.2rem; border-left: 0.04rem solid #fff; border-bottom: 0.04rem solid #fff; margin: 0.3rem 0 0.3rem 0.32rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); overflow: hidden; }
.con-header em { display: block; height: 0.96rem; text-align: center; font-size: 20px; }
.con-header .share { top: 0; right: 0; width: 0.76rem; height: 0.96rem; line-height: 3rem; background-position: 0 -20rem; overflow: hidden; }
.con-header .cancel { top: 0; right: 0; font-size: 0.28rem; width: 1.16rem; height: 0.96rem; line-height: 0.96rem; text-align: center; }
.con-header .back-home { top: 0.24rem; right: 0.3rem; width: 1.28rem; height: 0.44rem; line-height: 0.44rem; text-align: center; border: 1px #fff solid; font-size: 0.26rem; border-radius: 0.1rem; }

.md-con-fixed { height:40px }
.md-header .logo { float: left; padding: 0.07rem 0 0.07rem 0.24rem; }
.md-header .logo img { width: 2.34rem; height: 0.44rem; }
.md-header .search { margin: 0 1.12rem 0 2.88rem; position: relative; }
.md-header .search .url1 { display: block; width: 100%; height: 0.6rem; line-height: 0.6rem; padding-left: 0.28rem; background-color: #fff; background-position: right -0.7rem; border-radius: 0.3rem; box-sizing: border-box; font-size: 0.26rem; color: #95bfea; }
.md-header .search .url2 { position: absolute; top: 0; right: 0; display: block; width: 0.7rem; height: 0.6rem; line-height: 5rem; cursor: pointer; }
.md-header .login { position: absolute; top: 0.25rem; right: 0.24rem; width: 0.6rem; height: 0.6rem; }
.md-header .login a { display: block; width: 0.6rem; height: 0.6rem; background-position: 0 0; }
.md-header .login img { width: 0.54rem; height: 0.54rem; border: 0.02rem solid #fff; border-radius: 50%; }
.md-header .login .new-message { position: relative; }
.md-header .login .new-message span { position: absolute; top: 0; right: -0.06rem; display: block; padding: 0 0.06rem; height: 0.24rem; line-height: 0.24rem; font-size: 0.2rem; background: #f00; border-radius: 0.15rem; color: #fff; }

.flexdiv{display: flex;justify-content: flex-start;align-items: flex-start;gap: 16px}
.leftflex img{ width: 120px; height: 120px; }
.rightflex{float: left;}

/* Align with homepage card visuals */
.game-image-container {
    position: relative;
    width: 140px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 16px;
}
.game-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;/* 保持与首页一致的大圆角 */
}
.game-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 16px;
}
.game-image-container:hover .game-overlay { opacity: 1; }
.play-button {
    width: 56px;
    height: 56px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00cc7d;
    font-size: 1.4rem;
    transform: scale(0.9);
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 2px solid rgba(255,255,255,0.3);
}
.game-image-container:hover .play-button { transform: scale(1); }
.play-icon { margin-left: 2px; font-weight: bold; }
/* Tag rows */
.rightflex .gametip, .rightflex .gametype{display:flex;column-gap:10px;row-gap:8px;flex-wrap:wrap;margin-top:8px}
/* Harmonize chips style to match overall UI */
.con-game .gametip span{background:#f3f4f6!important;color:#374151!important;border:1px solid #e5e7eb;}
.con-game .gametype span{background:#e6fff5!important;color:#0f766e!important;border:1px solid #99f6e4;}
/* Tag chip: vertically center text */
.con-game .gametip span, .con-game .gametype span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px;
  line-height: 1;
  font-size: 14px;
}
.gametip span:nth-of-type(1) {
        background: #FF6666
    }

    .gametip span:nth-of-type(2) {
        background: #6ED65A
    }

    .gametip span:nth-of-type(3) {
        background: #5AD6CC
    }

    .gametip span:nth-of-type(4) {
        background: #B0C4DE
    }
    .gametip span:nth-of-type(5) {
        background: #FAEBD7
    }
    .gametip span {
        color: #fff;
        padding: 2px 10px;
        border-radius: 14px;
        font-size:12px;
        display: inline-block;
        margin-right:8px;
        margin-top:6px;
    }

        .gametype span:nth-of-type(1) {
        background: #B0C4DE
    }
    .gametype span:nth-of-type(2) {
        background: #FAEBD7
    }
    .gametype span {
        color: #fff;
        padding: 2px 10px;
        border-radius: 14px;
        font-size:12px;
        display: inline-block;
        margin-right:8px;
        margin-top:6px;
    }
    .buybtn{width: 100px;
        display: block;
    height: 50px;
    line-height: 50px;
    border-radius: 0.12rem;
    background: #00cc7d;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    padding: 0;}

.buybtn a{ color:#fff; font-size:22px }

/* ===================== New modern detail styles (override) ===================== */
:root{
    --primary: #00cc7d;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --card-bg: #ffffff;
    --muted: #edf2f7;
    --radius: 16px;
}

/* Card container */
.module.con-game{background: var(--card-bg); border-radius: var(--radius); box-shadow: 0 10px 24px rgba(0,0,0,.06); padding: 20px;margin-top: 50px;}
.flexdiv{align-items:flex-start; gap: 0px;}

/* Cover image card */
.game-image-container{width: 180px; border-radius: 24px; overflow:hidden}
.game-image{border-radius: 24px}
.game-overlay{border-radius: 24px}
.play-button{width:62px; height:62px}

/* Title and meta */
.rightflex em{font-size: 26px; line-height: 1.25; font-weight: 800; color: var(--text-primary); margin-bottom: 8px; display:block}
.con-game p span{color: var(--text-secondary)}

/* Pills */
.gametip span, .gametype span{border-radius: 999px; padding: 6px 12px; font-size: 12px; margin-right:8px; margin-top:6px}

/* Buttons row */
.con-game .btn{padding-top: 12px}
.con-game .btn span{width: auto}
.con-game .btn .spanitem{margin-right:12px}
.con-game .btn span a{padding: 0 22px; height: 42px; line-height: 42px; border-radius: 999px; background: var(--primary); color:#fff; font-size: 16px; box-shadow: 0 10px 24px rgba(0,204,125,.25)}

/* Intro section */
.module.intro{background: var(--card-bg); border-radius: var(--radius); box-shadow: 0 8px 20px rgba(0,0,0,.05); padding: 16px 10px;margin-top: 20px;}
.con-tab{margin-top: 18px}
.con-tab .intro span.title{font-size: 20px; font-weight:700; color: var(--text-primary)}
.con-tab .intro .info{margin-top: 10px; color: var(--text-secondary); line-height: 28px}

/* Screenshots */
.module.screenshot{background: var(--card-bg); border-radius: var(--radius); box-shadow: 0 8px 20px rgba(0,0,0,.05)}
.swiper_box_new{padding: 16px}
.swiper_box_new .swiper-container2{border-radius: var(--radius)}
.swiper_box_new .swiper-container2 .swiper-slide2 img{border:1px solid #e6eef6; border-radius: var(--radius)}

/* Fullscreen play modal tweaks */
#playmask .full-screen-center{padding: 10px}
.playcontent{height: 92vh; border-radius: 14px}
.playbar{backdrop-filter: blur(6px)}
.playbar .closebtn{background: rgba(255,255,255,.22)}

/* Responsive */
@media (max-width: 768px){
  .game-image-container{width: 140px}
  .rightflex em{font-size: 20px}
  .con-game .btn span a{height: 40px; line-height: 40px; font-size: 15px}
}

@media (max-width: 480px){
  .flexdiv{flex-direction: column; align-items: center}
  .rightflex{width: 100%}
}

/* Desktop: increase screenshot height */
@media (min-width: 1024px){
  .swiper_box_new .swiper-container2 .swiper-slide2 img{height: 320px}
}
@media (min-width: 1440px){
  .swiper_box_new .swiper-container2 .swiper-slide2 img{height: 360px}
}

/* ---- Strong override for play button to fix size/rendering ---- */
#shiwan{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 48px !important;
  line-height: 44px !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box;
}
.con-game .btn .start{padding-right: 0 !important;}
.con-game .btn .start a{display: inline-flex !important; align-items:center; justify-content:center; height:48px !important; line-height:48px !important; padding:0 20px !important; border-radius:12px !important; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color:#fff !important; font-size:16px !important; font-weight:600; text-align:center !important; width:100% !important; box-sizing:border-box}
.con-game .nodown span{height: auto !important; line-height: normal !important; background: transparent !important;}