.header {
    min-height: 0.9rem;
}
.header img.background-header {
    width: 100%;
    margin-top: 0.48rem;
}
.center-ad {
    padding-bottom: 0.2rem;
}
.app-info {
    width: 100%;
}

/* app-info-relocated is hidden by default, controlled by JavaScript */
.app-info-relocated {
    display: none;
}
.section-desc {
    text-align: left;
    font: 0.28rem/0.46rem arial, 微软雅黑, "Microsoft YaHei";
    color: #666;
    margin-bottom: 0.32rem;
    position: relative;
}
.section-desc p {
    margin-bottom: 0.24rem;
}
.too-height {
    padding-bottom: 0.46rem !important;
}
.limit-height {
    max-height: 8.4rem;
    overflow: hidden;
}
.app-tag {
    margin-bottom: 0.22rem;
}
.app-tag span{
    border: 1px solid #f0f2f4;
    border-radius: 4px;
    box-sizing: border-box;
    color: #8b8b8b;
    display: inline-block;
    font-size: 0.24rem;
    line-height: 0.52rem;
    margin-bottom: 0.1rem;
    padding: 0 0.16rem;
}
.desc-show-more {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.show-more-end {
    content: "";
    height: 1.84rem;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0) 0% ,rgba(255, 255, 255, 1) 75%,rgba(255, 255, 255,1) 100%, #fff);
}
.desc-show-more span {
    cursor: pointer;
    font-size: 0.32rem;
    line-height: 0.36rem;
    padding-right: 0.4rem;
    height: 0.36rem;
    display: inline-block;
    color: #00A289;
    text-decoration: none;
    position: absolute;
    bottom: 0;
}
.desc-show-more span::after {
    content: "";
    position: absolute;
    width: 0.32rem;
    height: 0.36rem;
    right: 0;
    background: url(../img/icons-3x.png) no-repeat -3.34rem 0.01rem;
    background-size: 4rem auto;
}
.desc-show-more.active span::after {
    background-position: -3.67rem 0.01rem;
}
.app-info .app-l {
    padding: 0.3rem 0;
}
.app-info .app-l .icon {
    float: left;
    width: 1.8rem;
    height: 0;
    padding-bottom: 1.8rem;
    margin-right: 0.24rem;
    overflow: hidden;
}
.app-info .app-l img {
    display: block;
    width: 100%;
    height: auto;
}
.app-info .app-l img {
    display: block;
    width: 100%;
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
    height: auto;
}
.app-info .app-l .app-info-content {
    float: left;
    width: calc(100% - 2.04rem);
    font-size: 0;
}
.app-info .app-l h2 {
    color: #000;
    height: 0.8rem;
    font: 0.36rem/0.40rem arial, 微软雅黑, "Microsoft YaHei";
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -line-clamp: 2;
    -webkit-box-orient: vertical;
}
.app-info .app-l h6 {
    margin-top: 0.08rem;
    display: inline-block;
    font-weight: normal;
    color: #666;
    padding: 0 0.16rem;
    background: rgba(0,0,0,0.05);
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    font: 0.24rem/0.48rem arial, 微软雅黑, "Microsoft YaHei";
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rating p.l {
    float: left;
    font: bold 0.3rem/0.34rem arial, 微软雅黑, "Microsoft YaHei";
    color: #FFA100;
}
.rating::before {
    content: "";
    float: left;
    height: 0.32rem;
    width: 0.32rem;
    margin-right: 0.08rem;
    background: url(../img/icons-3x.png) no-repeat -0.66rem 0rem;
    background-size: 4rem auto;
}
.downloadMemuBtn{
    margin-bottom: 0.3rem;
    display: block;
    color: #fff;
    text-align: center;
    height: 0.88rem;
    border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
    background: #00A289;
    font: 0.32rem/0.88rem arial,"微软雅黑","Microsoft YaHei";
}
.downloadMemuBtn span {
    position: relative;
    padding-left: 0.48rem;
}
.downloadMemuBtn span i {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
    background: url(../img/icons-3x.png) no-repeat -2.72rem -0.07rem;
    background-size: 4rem auto;
}
.apkStoreBtn {
    display: flex;
    height: 0.88rem;
    margin: 0.2rem 0 0.4rem;
    border-radius: 0.08rem;
    background: linear-gradient(99.51deg, #ECFCFA 0%, #F7F6EA 50%, #FFEDE7 100%);
    padding: 0 0.24rem;
    border: 0.02rem solid #FF7266;
    align-items: center;
}
.apkStoreBtn span {
    width: 100%;
    font: 0.28rem/0.88rem arial,"微软雅黑","Microsoft YaHei";
    color: #FF4333;
}
.apkStoreBtn div {
    height: 0.48rem;
    border-radius: 0.08rem;
    margin-left: 0.24rem;
    flex-shrink: 0;
    background: #FF6154;
    font: 0.28rem/0.48rem arial,"微软雅黑","Microsoft YaHei";
    color: #fff;
    padding: 0 0.24rem 0 0.68rem;
    position: relative;
}
.apkStoreBtn div::before {
    content: "";
    width: 0.32rem;
    height: 0.32rem;
    position: absolute;
    left: 0.24rem;
    top: 0.08rem;
    background: url(../img/icons-3x.png) no-repeat -0.68rem -0.67rem;
    background-size: 4rem auto;
}
.app-info .app-r {
    height: 3.6rem;
    padding-bottom: 0.32rem;
    position: relative;
}
.app-info .app-r .shot-pan {
    height: 3.6rem;
    overflow: hidden;
    position: relative;
}
.app-info .app-r .Button.Block {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}
.app-info .app-r .Button.Block img {
    height: 3.6rem;
    pointer-events: none;
    -webkit-user-drag: none;
}
.swiper-slide {
    width: auto;
    height: auto;
    pointer-events: auto;
}
.related_app {
    overflow: hidden;
    margin-bottom: 0.16rem;
}
.related_app ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.related_app ul li {
    width: calc(50% - 0.08rem);
    height: 1.28rem;
    margin: 0 0.16rem 0.16rem 0;
}
.related_app ul li:nth-child(2n) {
    margin-right: 0;
}
.related_app li .game-desc {
    display: block;
}
.related_app li .game-desc .li-icon {
    width: 1.28rem;
    float: left;
    height: 0;
    padding-bottom: 1.28rem;
    margin-right: 0.2rem;
    overflow: hidden;
    background-color: #eee;
    border-radius: 0.12rem;
}
.related_app li .game-desc .li-icon img {
    display: block;
    width: 100%;
    height: auto;
}
.related_app li .game-desc p.game-name {
    padding-top: 0.08rem;
    height: 0.68rem;
    font: 0.28rem/0.34rem arial,"微软雅黑","Microsoft YaHei";
    color: #333;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.related_app li .game-desc .list-rating {
    margin-top: 0.1rem;
}
.content-box {
    background-color: #fff;
    margin-bottom: 0.1rem;
    padding: 0 0.32rem;
    position: relative;
}
.content-box::before,.content-box::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
}
.topic_blog {
    margin-bottom: 0.14rem;
}
#share {
    margin-top: 0.4rem;
    padding-bottom: 0.32rem;
}
#share p {
    font: 0.32rem/0.36rem arial,"微软雅黑","Microsoft YaHei";
    color: #666;
    margin-bottom: 0.16rem;
}



/* Share text is black when no background image */
.no-shot #share p {
    color: #000;
}
#share .icon-list {
    float: left;
    margin-right: 5px;
    height: 0.64rem;
    width: 0.64rem;
    border-radius: 1rem;
    background-image: url(../img/sns-icon-3x.png);
    background-repeat: no-repeat;
    background-size: auto 1rem;
}
.icon-list.facebook {
    background-position: 0 0;
}
.icon-list.twitter {
    background-position: -1rem 0;
}
.icon-list.google {
    background-position: -2rem 0;
}
.icon-list.vkontakte {
    background-position: -3rem 0;
}
.icon-list.reddit {
    background-position: -4rem 0;
}
.info-title {
    font: 0.34rem/0.42rem arial,"微软雅黑","Microsoft YaHei";
    color: #111;
    margin: 0.32rem 0;
    position: relative;
}
.section-info li {
    margin-bottom: 0.24rem;
}
.section-info li:last-child {
    margin-bottom: 0.32rem;
}
.section-info li .info-top{
    font: 0.28rem/0.34rem arial,"微软雅黑","Microsoft YaHei";
    color: #333;
}
.info-top a {
    color: #333;
    text-decoration: underline;
}
.section-info li .info-bot{
    float: right;
}
.section-info li .info-bot img {
    height: 0.34rem;
    display: block;
}
.nav-list-icon {
    position: relative;
    float: right;
    padding: 0 0.5rem 0 0.64rem;
    height: 0.64rem;
    white-space: nowrap;
    box-sizing: content-box;
    font-size: 0.3rem;
    line-height: 0.64rem;
    color: #00A289;
    background: rgba(0,162,137,0.07);
    border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
    z-index: 9999;
}
.nav-list-icon.active {
    background: rgba(0, 162, 137, 0.12);
}
.nav-list-icon::before {
    content: "";
    width: 0.18rem;
    height: 100%;
    position: absolute;
    right: 0.24rem;
    background: url(../img/icons-3x.png) no-repeat -2rem 0.24rem;
    background-size: 4rem auto;
}
.nav-list-icon.active::before {
    background-position: -2.33rem 0.24rem;
}
.nav-list-icon i {
    position: absolute;
    left: 0.2rem;
    width: 0.4rem;
    height: 100%;
    background: url(../img/icons-3x.png) no-repeat -1.3rem 0.15rem;
    background-size: 4rem auto;
}
.more-language {
    display: none;
    background-color: #fff;
    right: 0;
    top: 0.5rem;
    position: absolute;
    width: 5rem;
    padding: 0.1rem 0;
    text-align: center;
    -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.15));
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.15));
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 1001;
}
.more-language li {
    overflow: hidden;
    white-space: nowrap;
    width: 50%;
    float: left;
    line-height: 0.54rem;
    font-size: 0.3rem;
}
.topic_blog li {
    height: 1.64rem;
    overflow: hidden;
    margin-bottom: 0.32rem;
}
.topic_blog li:nth-last-child(1) {
    border-bottom: none;
}
.topic_blog .li-icon {
    width: 2.92rem;
    height: 0;
    float: left;
    padding-bottom: 1.64rem;
    border-radius: 0.08rem;
    margin-right: 0.2rem;
    overflow: hidden;
}
.li-icon img {
    width: 100%;
    background: #eee;
    height: auto;
    display: block;
}
.topic_blog .topic-cate {
    display: inline-block;
    font-size: 0.24rem;
    line-height: 0.52rem;
    margin-right: 0.12rem;
    padding: 0 0.12rem;
    color: #2E51FF;
    background: rgba(46,81,255,0.07);
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
}
.topic_blog .topic-date {
    display: inline-block;
    font-size: 0.24rem;
    line-height: 0.52rem;
    padding: 0 0.12rem;
    color: #666;
    background: rgba(0,0,0,0.05);
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
}
.topic_blog p.game-name {
    margin: 0.08rem 0 0.28rem;
    font-size: 0.3rem;
    line-height: 0.34rem;
    font-weight: normal;
    height: 0.68rem;
    color: #333;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -line-clamp: 2;
    overflow: hidden;
}
.grey-bg {
    background-color: #f2f5f9;
}
.download-content {
    display: none;
    background: #00FFD812;
    border: 0.02rem solid #00A28999;
    border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
    margin-bottom: 0.3rem;
}
.download-content .download-content-top {
    text-align: center;
    padding: 0.32rem;
}
.download-content .down-title {
    font-weight: 500;
    font-size: 0.32rem;
    line-height: 0.38rem;
    margin-bottom: 0.24rem;
    color: #00A289;
}
.download-content h2 {
    font-size: 0.24rem;
    line-height: 0.28rem;
    margin-bottom: 0.32rem;
    color: #666;
    font-weight: 400;
}
.download-content .down-click {
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: #666;
}
.download-content .down-click a {
    color: #00A289;
    text-decoration: underline;
}
.how-to {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0.48rem;
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #fff;
    background-color: #009174;
}
.details-safe {
    position: absolute;
    top: 0;
    right: 0;
}
.details-safe::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 0.8rem solid #FFA100;
    border-left: 0.8rem solid transparent;
    z-index: 2;
}
.details-safe i {
    display: inline-block;
    position: relative;
    margin: 0.06rem;
    z-index: 2;
    transform: scale(0.9);
}
.search-box {
    position: absolute;
    right: 0.32rem;
    top: 0.13rem;
    width: 0.48rem;
    height: 0.7rem;
    overflow: hidden;
    transition: width .2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.search-box.active {
    width: 6.4rem;
    transition: width .2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.search-content {
    float: right;
    width: 6.4rem;
    height: 100%;
}
.search-box .search-btn {
    float: right;
    margin-top: 0.11rem;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../img/icons-3x.png) no-repeat 0.03rem 0.03rem;
    background-size: 4rem auto;
    margin-left: 0.1rem;
}
/* Mobile: search-input with white background and rounded corners */
@media screen and (max-width: 840px) {
    .search-box .search-input {
        float: right;
        width: 5.6rem;
        height: 0.7rem;
        padding: 0 0.32rem;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 0.35rem;
    }
}
.search-box .search-input input {
    display: block;
    width: 100%;
    height: 100%;
}
.search-ul {
    display: none;
    position: absolute;
    top: 0.9rem;
    left: 0;
    padding: 0.16rem 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #EEEEEE;
    box-shadow: 0px 2px 4px #eeeeee;
    border-radius: 0 0 8px 8px;
}
.search-package {
    margin: 0.24rem 0.32rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.search-package .package-info {
    display: flex;
    overflow: hidden;
}
.search-package .package-info .icon {
    width: 0.96rem;
    height: 0.96rem;
    border-radius: 15%;
    margin-right: 0.24rem;
    flex-shrink: 0;
    box-sizing: border-box;
    border: 1px solid #EEF3FA;
    background-color: #fff;
}
.search-package .package-info .info {
    min-width: 0;
}
.search-package .package-info .info-title {
    font-size: 0.28rem;
    line-height: 0.44rem;
    margin: 0 0 0.16rem 0;
    color: rgba(0,0,0,0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
    max-width: 100%;
}
.search-package .package-info .info-intro {
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: #A6A6A6;
}
.search-package .da {
    padding: 0.1rem 0.16rem;
    font-size: 0.24rem;
    line-height: 0.28rem;
    color: #fff;
    background: #009174;
    border-radius: 4px;
    flex-shrink: 0;
}
.search-package .package-info .info-title strong {
    color: #009174;
}

.faq-list {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.34rem;
}
.faq-list.limit-height {
    max-height: 4rem;
}
.faq-list .faq-item {
    width: 100%;
    border: none;
    margin-bottom: 0.2rem;
    height: auto;
}
.faq-list .faq-item:last-child {
    border: none;
}
.faq-q {
    font: 0.28rem/0.46rem arial,"微软雅黑","Microsoft YaHei";
    position: relative;
    cursor: pointer;
}
.faq-a {
    font: 0.24rem/0.40rem arial,"微软雅黑","Microsoft YaHei";
}

.faq-item .faq-a li {
    border: none;
    margin: 0;
    width: fit-content;
    height: auto;
    list-style: disc;
    margin-left: 0.4rem;
    margin-bottom: 0.1rem;
    overflow: unset;
}
.content-box .show-more-btn {
    position: relative;
    width: fit-content;
    color: #00A289;
    top: 0;
    left: 0;
    right: unset;
    margin: 0.1rem 0 0.2rem;
}

/* PC header styles - reference Nappinfo layout */
@media screen and (min-width: 841px) {
    /* PC: Force hide all h6.app-vendor */
    h6.app-vendor,
    .app-vendor.app-vendor,
    .app-l h6.app-vendor,
    .app-info h6.app-vendor,
    .app-info .app-l h6.app-vendor,
    .header .app-info h6.app-vendor,
    .app-info-content h6.app-vendor {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Header area redesign - includes game info card */
    .header {
        position: relative;
        /* min-height: 471px; */
        z-index: 50;
    }
    
    /* Set fixed height when background image exists */
    .header:not(.no-shot) {
        height: 500px;
    }
    
    /* Background image styles */
    .header img.background-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
        margin-top: 0;
    }
    
    /* Add gradient overlay - similar to Nappinfo */
    .header::after {
        /* content: ''; */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /* background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 41%, rgba(0,0,0,0.15) 60%, rgba(0,0,0,0) 100%); */
        z-index: 2;
    }
    
    /* Hide gradient overlay when no background image */
    .no-shot .header::after {
        display: none !important;
        content: none !important;
    }
    
    /* Navigation bar styles - similar to Nappinfo */
    .nav {
        position: relative;
        z-index: 100;
        padding: 0;
    }
    
    /* Navigation link styles */
    .nav .fixed ul li a {
        color: #fff;
        text-shadow: 0px 0px 3px #000;
        text-decoration: none;
        font-weight: 500;
    }
    
    /* Search box styles */
    .search-box {
        position: relative;
        z-index: 10;
    }
    
    /* PC navigation layout - align with container-wrapper */
    .header .nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px 0 !important;
        position: relative !important;
        z-index: 100 !important;
        height: 70px !important;
        width: 100% !important;
        top: auto !important;
        /* background: #00A289 !important; */
        gap: 0 !important;
    }
    
    /* PC unified centered area: logo + nav links + search box - aligned with container-wrapper */
    .header .nav .btn_down {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        height: auto;
        margin: 0 auto;
        flex: 1;
        max-width: 1330px;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    
    .header .nav #btn_down {
        display: block !important;
        width: 240px !important;
        height: 35px !important;
        background: url(../img/memuplay-logo-b.png) no-repeat left center ;
        background-size: auto 35px !important;
        flex-shrink: 0 !important;
    }
    
    /* Hide mobile hamburger menu */
    .header .nav .memu {
        display: none !important;
    }
    
    /* PC navigation menu centered to the right of logo */
    .header .nav .btn_down .fixed {
        position: static;
        background: transparent;
        box-shadow: none;
        width: auto;
        height: auto;
        transform: none;
        opacity: 1 ;
        visibility: visible;
        margin: 0 0 0 40px;
        display: block;
        top: auto ;
        left: auto ;
        z-index: auto ;
        flex: 1 ;
    }
    
    .header .nav .btn_down .fixed ul {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 35px !important;
        padding: 0px  20px !important;
        margin: 0 !important;
        list-style: none !important;
    }
    
    .header .nav .btn_down .fixed ul li {
        margin: 0 !important;
        display: inline-block !important;
        height: auto !important;
        width: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border-bottom: none !important;
    }
    
    .header .nav .btn_down .fixed ul li a {
        padding: 10px 15px !important;
        border-radius: 6px !important;
        background: transparent !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        transition: all 0.3s ease !important;
        border: none !important;
        text-shadow: 0px 0px 3px #000 !important;
        white-space: nowrap !important;
        display: inline-block !important;
        height: auto !important;
        text-align: center !important;
        opacity: 1 !important;
        line-height: normal !important;
        border-bottom: none !important;
    }
    
    .header .nav .btn_down .fixed ul li a:hover {
        background: rgba(255,255,255,0.2) !important;
        color: #fff !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
        text-decoration: none !important;
    }
    
    /* PC: Remove underline (border-bottom) from btn_down area links */
    .header .nav .btn_down .fixed ul li a.border-bottom::before {
        display: none !important;
    }
}

/* ========== PC Navigation Responsive Layout ========== */

   .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-category a{
        color:#000
    }
      .info-category a{
        color:#FFF
    }
/* Tablet landscape - 761px to 1023px */
@media screen and (min-width: 841px) and (max-width: 1023px) {
    /* Set container-wrapper baseline */
    .container-wrapper {
        max-width: 1330px;
    }
    
    /* Ensure app-info-relocated displays correctly when no background image */
    .no-shot .app-info-relocated {
        display: block !important;
    }
    
    .header .nav {
        padding: 15px 0 !important;
        height: 60px !important;
    }
    
    .header .nav .btn_down {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    .header .nav #btn_down {
        width: 199px !important;
        height: 30px !important;
        background-size: auto 30px !important;
    }
    
    .header .nav .btn_down .fixed {
        margin: 0 0 0 20px !important;
    }
    
    .header .nav .btn_down .fixed ul {
        gap: 20px !important;
        justify-content: flex-end !important;
    }
    
    .header .nav .btn_down .fixed ul li a {
        padding: 8px 12px !important;
        font-size: 14px !important;
    }
    
    /* Align app-info to container-wrapper */
    .app-info {
        max-width: 100%;
        padding: 0 20px 40px;
        display: flex;
        flex-direction: column;
        gap: 0;
        left: 0px;
    }
    
    .app-info .content-box:first-child {
        /* max-width: 95.8% !important; */
        width: 100%;
        padding: 0;
    }
}

/* Small PC screen - 1024px to 1199px */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    /* Set container-wrapper baseline */
    .container-wrapper {
        max-width: 1330px !important;
    }
    
    /* Ensure app-info-relocated displays correctly when no background image */
    .no-shot .app-info-relocated {
        display: block !important;
    }
    
    .header .nav {
        padding: 18px 0 !important;
        height: 65px !important;
        margin-left: 0px;
    }
    
    .header .nav .btn_down {
        max-width: 1330px !important;
        width: 100% !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    .header .nav #btn_down {
        width: 210px !important;
        height: 32px !important;
        background-size: auto 32px !important;
    }
    
    .header .nav .btn_down .fixed {
        margin: 0 0 0 30px !important;
    }
    
    .header .nav .btn_down .fixed ul {
        gap: 25px !important;
        justify-content: flex-end !important;
    }
    
    .header .nav .btn_down .fixed ul li a {
        padding: 9px 14px !important;
        font-size: 15px !important;
    }
    
    /* Align app-info to container-wrapper */
    .app-info {
        max-width: 1330px !important;
        padding: 0 20px 45px;
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    
    .app-info .content-box:first-child {
        position: static;
        left: auto;
        transform: none;
        z-index: 5;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }
}

/* Medium PC screen - 1200px to 1399px */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* Set container-wrapper baseline */
    .container-wrapper {
        max-width: 1330px !important;
    }
    
    /* Ensure app-info-relocated displays correctly when no background image */
    .no-shot .app-info-relocated {
        display: block !important;
    }
    
    .header .nav {
        padding: 20px 0 !important;
        height: 70px !important;
    }
    
    .header .nav .btn_down {
        max-width: 1330px !important;
        width: 100% !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    .header .nav #btn_down {
        width: 240px !important;
        height: 35px !important;
        background-size: auto 35px !important;
    }
    
    .header .nav .btn_down .fixed {
        margin: 0 0 0 40px !important;
    }
    
    .header .nav .btn_down .fixed ul {
        gap: 35px !important;
        justify-content: flex-end !important;
    }
    
    .header .nav .btn_down .fixed ul li a {
        padding: 10px 15px !important;
        font-size: 16px !important;
    }
    
    /* Align app-info to container-wrapper */
    .app-info {
        max-width: 1330px !important;
        padding: 0 20px 45px;
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    
    .app-info .content-box:first-child {
        max-width: 96.5% ;
        width: 100%;
        padding: 0;
    }
}

/* Large PC screen - 1400px and above */
@media screen and (min-width: 1400px) {
    /* Set container-wrapper baseline */
    .container-wrapper {
        max-width: 1330px !important;
    }
    
    /* Ensure app-info-relocated displays correctly when no background image */
    .no-shot .app-info-relocated {
        display: block !important;
    }
    
    .header .nav {
        padding: 0 0 !important;
        height: 94px !important;
    }
    
    .header .nav .btn_down {
        max-width: 1330px !important;
        width: 100% !important;
        padding: 0 20px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    .header .nav #btn_down {
        width: 300px !important;
        height: 38px !important;
        background-size: 276px auto !important;
    }
    
    .header .nav .btn_down .fixed {
        margin: 0 0 0 50px !important;
    }
    
    .header .nav .btn_down .fixed ul {
        gap: 40px !important;
        justify-content: flex-end !important;
    }
    
    .header .nav .btn_down .fixed ul li a {
        padding: 11px 18px !important;
        font-size: 17px !important;
    }
    
    /* Align app-info to container-wrapper */
    .app-info {
        max-width: 1330px;
        padding: 0 20px  45px;
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    
    .app-info .content-box:first-child {
        max-width: 96.8%;
        width: 96.8%;
        padding: 0;
    }
}

/* Screen width above 1235px - app-info left offset */
@media screen and (min-width: 1235px) and (max-width: 1334px) {
    .app-info {
        left: 0px;
    }
}

/* Screen width above 1235px - app-info left offset */
@media screen and (min-width: 1335px) {

}

/* All PC common styles - 761px and above */
@media screen and (min-width: 841px) {
    .details-safe {
        display: none ;
    }
    /* PC: Ad styles within Description area */
    .ad-in-description {
        margin: 20px 0 !important;
        background: transparent !important;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box;
    }
    
    .ad-in-description ins.adsbygoogle {
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .ad-in-description iframe {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* PC: Screenshot carousel container and image size */
    .app-r {
        height: auto !important;
    }
    
    .shot-pan.swiper-container {
        height: auto !important;
    }
    
    .shot-pan .swiper-wrapper {
        height: auto !important;
    }
    
    .shot-pan .swiper-slide {
        height: auto !important;
    }
    
    .shot-pan .swiper-slide img {
        height: 310px !important;
        width: auto !important;
        max-width: 100%;
        object-fit: contain;
    }
    
    /* PC: Use Nappinfo style search box - centered display */
    .nav-search,
    .search-box {
        position: relative;
        width: 37px;
        height: 30px;
        margin: 0;
        flex-shrink: 0;
    }
    
    .nav-search .input-con,
    .search-box .input-con,
    .search-box .search-content {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        padding-bottom: 6px;
    }
    
    .nav-search input,
    .search-box input,
    .search-box .search-input input {
        float: right;
        width: 0;
        padding-right: 0;
        margin-left: 0;
        height: 26px;
        border: none;
        outline: none;
        background: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-size: 16px;
        transition: width .2s cubic-bezier(0.22, 0.61, 0.36, 1), padding-right .2s cubic-bezier(0.22, 0.61, 0.36, 1), margin-left .2s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    
    /* PC: Use black for search box when no background image */
    .no-shot .nav-search input,
    .no-shot .search-box input,
    .no-shot .search-box .search-input input {
        border-bottom: 1px solid #333 !important;
        color: #333 !important;
    }
    
    .no-shot .nav-search input::placeholder,
    .no-shot .search-box input::placeholder,
    .no-shot .search-box .search-input input::placeholder {
        color: #999;
    }
    
    /* PC: Use black version of search icon when no background image */
    .header.no-shot .nav-search i,
    .header.no-shot .search-box .search-btn {
        background: url("../img/icons3.png") no-repeat  -400px -399px;
        background-size: 600px auto;
    }
    
    .header.no-shot .nav-search i:hover,
    .header.no-shot .nav-search.active i,
    .header.no-shot .search-box .search-btn:hover,
    .header.no-shot .search-box.active .search-btn {
        background: url("../img/icons3.png") no-repeat -399px -599px;
        background-size: 600px auto;
    }
    
    .nav-search.active input,
    .search-box.active input,
    .search-box.active .search-input input {
        width: 260px;
        padding-right: 25px;
        margin-left: 240px;
    }
    
    .nav-search i,
    .search-box .search-btn {
        position: absolute;
        right: 0;
        top: -18%;
        z-index: 2;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background: url("../img/icons3.png") no-repeat -400px -399px;
        background-size: 600px auto;
    }
    
    .nav-search i:hover,
    .nav-search.active i,
    .search-box .search-btn:hover,
    .search-box.active .search-btn {
        background: url("../img/icons3.png") no-repeat -399px -599px;
        background-size: 600px auto;
    }
    
    /* PC: Search icon styles when background image exists */
    .header:not(.no-shot) .nav-search i,
    .header:not(.no-shot) .search-box .search-btn {
        position: absolute;
        right: -2px;
        top: 26%;
        z-index: 2;
        margin-top: -10px;
        width: 23px;
        height: 40px;
        cursor: pointer;
        background: url("../img/icons3.png") no-repeat -300px -200px;
        background-size: 603px auto;
    }
    
    .header:not(.no-shot) .nav-search i:hover,
    .header:not(.no-shot) .nav-search.active i,
    .header:not(.no-shot) .search-box .search-btn:hover,
    .header:not(.no-shot) .search-box.active .search-btn {
        background: url("../img/icons3.png") no-repeat -499px -599px;
        background-size: 600px auto;
    }
    
    .nav-search ul,
    .search-box .search-ul {
        position: absolute;
        top: 100%;
        right: 0;
        width: 260px;
        background: rgba(0,0,0,0.9);
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3);
        z-index: 10;
        display: none;
        max-height: 300px;
        overflow-y: auto;
    }
    
    .nav-search.active ul,
    .search-box.active .search-ul {
        display: block;
    }
    
    .nav-search ul li,
    .search-box .search-ul li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .nav-search ul li:last-child,
    .search-box .search-ul li:last-child {
        border-bottom: none;
    }
    
    .nav-search ul li a,
    .search-box .search-ul li a {
        display: block;
        line-height: 44px;
        font-size: 16px;
        padding: 0 16px;
        color: #fff;
        text-decoration: none;
        transition: background-color 0.2s ease;
    }
    
    .nav-search ul li a:hover,
    .search-box .search-ul li a:hover {
        background: rgba(255,255,255,0.1);
    }
    
    /* PC: Language selector styles for content-box */
    /* When background image exists - white text with green gradient */
    .header:not(.no-shot) ~ .container-wrapper .app-info .content-box .nav-list-icon {
        position: relative;
        float: right;
        padding: 0 0.5rem 0 0.64rem;
        height: 0.64rem;
        white-space: nowrap;
        box-sizing: content-box;
        font-size: 0.3rem;
        line-height: 0.64rem;
        color: #fff;
        background: linear-gradient(135deg, #00A289 0%, #008a73 100%);
        border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
        z-index: 9999 !important;
    }
    
    /* When no background image - use default style from mobile */
    .no-shot ~ .container-wrapper .app-info .content-box .nav-list-icon {
        position: relative;
        float: right;
        padding: 0 0.5rem 0 0.64rem;
        height: 0.64rem;
        white-space: nowrap;
        box-sizing: content-box;
        font-size: 0.3rem;
        line-height: 0.64rem;
        color: #00A289;
        background: rgba(0,162,137,0.07);
        border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
        z-index: 9999 !important;
    }
    
    /* Active state - with background image */
    .header:not(.no-shot) ~ .container-wrapper .app-info .content-box .nav-list-icon.active {
        background: linear-gradient(135deg, #00A289 0%, #008a73 100%);
    }
    
    /* Active state - no background image */
    .no-shot ~ .container-wrapper .app-info .content-box .nav-list-icon.active {
        background: rgba(0, 162, 137, 0.12);
    }
    
    /* Arrow icon - with background image */
    .header:not(.no-shot) ~ .container-wrapper .app-info .content-box .nav-list-icon::before {
        content: "";
        width: 0.18rem;
        height: 100%;
        position: absolute;
        right: 0.24rem;
        background: url(../img/icons-3x.png) no-repeat -2rem -0.4rem;
        background-size: 4rem auto;
    }
    
    /* Arrow icon - no background image */
    .no-shot ~ .container-wrapper .app-info .content-box .nav-list-icon::before {
        content: "";
        width: 0.18rem;
        height: 100%;
        position: absolute;
        right: 0.24rem;
        background: url(../img/icons-3x.png) no-repeat -2rem 0.24rem;
        background-size: 4rem auto;
    }
    
    .header:not(.no-shot) ~ .container-wrapper .app-info .content-box .nav-list-icon.active::before {
        background-position: -2.3rem -0.4rem;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box .nav-list-icon.active::before {
        background-position: -2.3rem -0.4rem;
    }
    
    /* Language icon - with background image */
    .header:not(.no-shot) ~ .container-wrapper .app-info .content-box .nav-list-icon i {
        position: absolute;
        left: 0.2rem;
        width: 0.4rem;
        height: 100%;
        background: url(../img/icons-3x.png) no-repeat -1.3rem -0.52rem;
        background-size: 4rem auto;
    }
    
    /* Language icon - no background image */
    .no-shot ~ .container-wrapper .app-info .content-box .nav-list-icon i {
        position: absolute;
        left: 0.2rem;
        width: 0.4rem;
        height: 100%;
        background: url(../img/icons-3x.png) no-repeat -1.3rem 0.15rem;
        background-size: 4rem auto;
    }
    
    .app-info .content-box .more-language {
        display: none;
        background-color: #FFF;
        right: 0;
        top: 36px;
        position: absolute;
        width: 4.84rem;
        padding: 0.1rem 0;
        text-align: center;
        -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.15));
        filter: drop-shadow(0 0 5px rgba(0,0,0,0.15));
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        z-index: 10000 !important;
        margin-top: 3px;
    }
    
    .app-info .content-box .more-language li {
        overflow: hidden;
        white-space: nowrap;
        width: 50%;
        float: left;
        line-height: 0.54rem;
        font-size: 0.3rem;
    }
    
    .app-info .content-box .more-language li a {
        color: #000;
    }
    
    /* Game info area styles on PC - now inside header */
    .app-info {
        /* position: relative; */
        z-index: 50;
        max-width: 1330px;
        margin: 0 auto;
        padding: 0px;
        /* overflow: visible; */
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    
    /* Ensure content-box doesn't clip language selector dropdown */
    .app-info .content-box {
        overflow: visible;
    }
    
    /* Ensure #share doesn't clip language selector dropdown */
    .app-info #share {
        overflow: visible !important;
    }
    
    .app-info #share .clearfix {
        overflow: visible !important;
    }
    
    /* Ensure language selector is visible in header - highest level */
    .header .app-info .nav-list-icon {
        position: relative;
        z-index: 9999 !important;
    }
    
    .header .app-info .more-language {
        position: absolute;
        z-index: 10000 !important;
    }
    
    /* Global language selector highest level */
    .nav-list-icon {
        z-index: 9999 !important;
    }
    
    .more-language {
        z-index: 10000 !important;
    }
    
    /* First content-box (game info) in header area */
    .app-info .content-box:first-child {
        position: relative;
        left: auto;
        transform: none;
        z-index: 200;
        width: 100%;
        margin: 0 auto;
        /* padding: 20px; */
        box-sizing: border-box;
    }
    
    /* First content box (game info) special styles on PC - remove white background */
    /* Only apply when background image exists (not .no-shot) */
    .header:not(.no-shot) ~ .container-wrapper .app-info .content-box:first-child {
        background: transparent;
        backdrop-filter: none;
        border-radius: 0;
        box-shadow: none;
        border: none;
        top: -409px;
        margin-left: 0;
        position: absolute;
        overflow: visible;
        padding: 0;
    }
    
    /* When no background image (.no-shot), keep normal positioning */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child {
        position: static;
        top: auto;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0px 2px 16px 0px #00000012;
        padding: 20px;
        margin-top: 0;
        margin-bottom: 20px;
        max-width: 100%;
        width: 100%;
    }
    
    /* No background - content-box internal layout */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l {
        padding: 20px 0 !important;
        display: block !important;
        position: relative !important;
        min-height: auto !important;
        overflow: visible !important;
        clear: both !important;
    }
    
    /* No background - icon styles */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l .icon {
        /* width: 100px !important; */
        /* height: 100px !important; */
        /* padding-bottom: 0 !important; */
        /* margin: 15px 0 !important; */
        /* flex-shrink: 0 !important; */
        /* border-radius: 0.16rem !important; */
        /* box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; */
        /* overflow: hidden !important; */
        float: left !important;
    }
    
    /* No background - app-info-content width (responsive) */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l .app-info-content {
        float: left !important;
        width: calc(100% - 430px) !important;
        font-size: 0 !important;
        display: block !important;
        margin: 0 !important;
        padding-left: 15px !important;
        overflow: hidden;
    }
    
    @media screen and (min-width: 1400px) {
        .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l .app-info-content {
            width: calc(100% - 400px) !important;
        }
    }
    
    @media screen and (min-width: 1200px) and (max-width: 1399px) {
        .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l .app-info-content {
            width: calc(100% - 420px) !important;
        }
    }
    
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
        .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l .app-info-content {
            width: calc(100% - 440px) !important;
        }
    }
    
  
    
    /* No background - game name styles */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l h2 {
        color: #333;
        font-size: 24px;
        line-height: 28px;
        font-weight: bold;
        margin: 0 0 8px 0;
        text-shadow: none;
        height: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        max-width: 100%;
    }
    
    /* No background - hide mobile rating and vendor */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-info-content .rating {
        display: none !important;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-info-content .app-vendor,
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-info-content h6.app-vendor {
        display: none !important;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l h6,
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l h6.app-vendor {
        display: none !important;
    }
    
    /* No background - PC info-rating styles */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-rating {
        display: block !important;
        float: left;
        width: 100%;
        height: 28px;
        padding: 6px 0;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-rating p.r {
        float: left;
        height: 16px;
        margin-right: 15px;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-rating p.r span {
        float: left;
        width: 18px;
        height: 16px;
        margin-right: 2px;
        background: url(../img/icons3.png) no-repeat -100px -650px;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-rating p.r span i {
        display: block;
        height: 16px;
        width: auto;
        background: url(../img/icons3.png) no-repeat -100px -600px;
    }
    
    /* No background - category and vendor */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-category {
        display: block !important;
        float: left;
        font-size: 15px;
        line-height: 18px;
        color: #333;
        font-weight: bold;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-vendor {
        display: block !important;
        background: #ffffff3b;
        float: left;
        font-size: 14px;
        line-height: 27px;
        color: #666;
        font-weight: bold;
        margin: -6px 0 0 15px;
    }
    
    /* No background - info-infoList (right side) */
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList {
        display: block !important;
        /* float: right !important; */
        width: 280px !important;
        max-width: 280px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        clear: none !important;
        /* background: #f8f9fa !important; */
        /* border: 1px solid #e9ecef !important; */
        /* border-radius: 8px !important; */
        /* padding: 20px !important; */
        /* box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; */
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList li {
        height: auto;
        /* margin-bottom: 12px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* padding: 8px 0; */
        /* border-bottom: 1px solid #e9ecef; */
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList li p {
        float: none;
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList li .info-t {
        color: #666;
        font-weight: 500;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList li .info-a {
        color: #333;
        text-align: right;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 150px;
    }
    
    .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList li .info-a img {
        height: 20px;
        width: auto;
        vertical-align: middle;
    }
    
    /* App info area layout on PC */
    .app-info .app-l {
        align-items: flex-start;
        /* gap: 20px; */
        /* padding: 20px 0; */
        margin-bottom: -0.1rem;
    }
    
    .app-info .app-l .icon {
        width: 100px;
        height: 100px;
        padding-bottom: 0;
        margin-right: 0;
        flex-shrink: 0;
        /* box-shadow: 0 4px 12px rgba(0,0,0,0.15); */
    }
    
    /* PC: Remove icon border-radius */
    .app-info .app-l img {
        border-radius: 0 !important;
    }
    
    /* Game icon styles - reference napps.css */
    .info-top img.info-icon {
        float: left;
        width: 100px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    
    .app-info .app-l .app-info-content {
        flex: 1;
        width: auto;
        display: flex;
        flex-direction: column;
        gap: 0px;
        margin: 2px 11px;
        min-width: 0; /* Allow flex items to shrink */
        margin-right: 15px; /* Maintain spacing with info-infoList */
    }
    
    /* When app-info-content overlaps with info-infoList, ensure auto shrink */
    .app-info .app-l {
        /* display: flex; */
        align-items: flex-start;
        position: relative;
    }
    
    /* Ensure info-infoList is not compressed */
    .app-info .app-l .info-infoList.pc-only {
        flex-shrink: 0;
        margin-left: auto;
    }
    
    .app-info .app-l h2 {
        color: #fff;
        font-size: 35px;
        line-height: 55px;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        /* margin-bottom: 13px; */
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        height: 49px;
        max-width: 100%; /* Ensure within parent container */
        flex-shrink: 1; /* Allow shrink */
    }
    
    /* App-name is white when background image exists */
    .header:not(.no-shot) .app-info .app-l h2 {
        color: #fff;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }
    
    /* Also hide h6.app-vendor when background image exists */
    .header:not(.no-shot) .app-info .app-l h6.app-vendor {
        display: none !important;
    }
    
    /* App-name is black when no background image */
    .no-shot .app-info .app-l h2 {
        color: #000;
        text-shadow: none;
    }
    
    .app-info .app-l h6 {
        font-size: 14px;
        padding: 4px 12px;
        margin-top: 0;
        background: rgba(255,255,255,0.2);
        color: #fff;
        border-radius: 12px;
        display: inline-block;
        width: fit-content;
        backdrop-filter: blur(10px);
    }
    
    /* Download button styles on PC */
    .downloadMemuBtn {
        /* height: 48px; */
        /* font-size: 16px; */
        /* line-height: 48px; */
        border-radius: 8px;
        margin-bottom: 16px;
        transition: all 0.3s ease;
        background: linear-gradient(135deg, #00A289 0%, #008a73 100%);
        border: none;
        box-shadow: 0 2px 8px rgba(0,162,137,0.3);
        position: relative;
        z-index: 20;
        cursor: pointer;
        border-radius: initial;
        width: 442.85px;
        margin-left: 0px;
    }
    
    .downloadMemuBtn:hover {
        background: linear-gradient(135deg, #008a73 0%, #006b5a 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0,162,137,0.4);
    }
    
    .downloadMemuBtn span {
        font-weight: 600;
    }
    
    /* APK Store button styles on PC */
    .apkStoreBtn {
        position: relative;
        z-index: 20;
        cursor: pointer;
    }
    
    /* Share area styles on PC - reference napps.css */
    #share {
        /* float: left; */
        width: 100%;
        /* margin-top: 32px; */
        padding-bottom: 0;
    }
    
    #share p {
        display: block;
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 6px;
        color: #ffffff;
        font-weight: 500;
        /* text-shadow: 0 2px 4px rgba(0,0,0,0.5); */
    }
    
    #share .icon-list {
        position: relative;
        z-index: 20;
        cursor: pointer;
        border-radius: 0;
        transition: transform 0.3s ease;
    }
    
    #share .icon-list:hover {
        transform: scale(1.1);
    }
    
  
    
    /* Rating display styles on PC */
    .rating {
        margin: 8px 0;
    }
    
    .rating::before {
        width: 20px;
        height: 20px;
        /* margin-right: 8px; */
    }
    
    .rating p.l {
        font-size: 16px;
        /* line-height: 20px; */
        color: #FFA100;
        font-weight: 600;
        /* text-shadow: 0 2px 4px rgba(0,0,0,0.5); */
        width: 20px;
        height: 20px;
    }
    
    /* Rearrange ad position - move ads below share area */
    .app-info {
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    
    /* Hide ads in original position */
    .app-info .content-box:first-child div[style*="margin-bottom: 0.4rem;background: #e6e6e6"] {
        display: none;
        background-color: red;
    }
    
    /* Remove ad placeholder after share area - ads moved to Description area */
    .app-info .content-box:first-child #share::after {
        display: none;
    }
    
    
    /* PC wrapper styles - maintain original settings */
    .container-wrapper {
        width: 100%;
        max-width: 1330px;
        margin: 19px auto;
        padding: 0 20px;
        /* overflow: hidden; */
        box-sizing: border-box;
        position: relative;
        z-index: 9999;
    }
    
    /* PC left-right column layout - truly responsive */
    /* Large screen - adjust width ratio */
    @media screen and (min-width: 1400px) {
        .left-content-wrapper {
            float: left;
            width: calc(76% - 10px);
            margin-right: 20px;
            /* position: relative; */
            z-index: 1;
            padding-left: 0;
            min-height: 400px;
            /* overflow: visible; */
            box-sizing: border-box;
            margin-left: 0;
        }
        
        .right-content-wrapper {
            float: right;
            width: calc(24% - 10px);
            position: relative;
            z-index: 1;
            padding-right: 0;
            min-height: 400px;
            overflow: visible;
            box-sizing: border-box;
            margin-right: 0;
        }
        
        /* Ensure right content is not pushed down */
        .right-content-wrapper .content-box {
            margin-bottom: 20px;
            clear: both;
        }
        
        /* Right sidebar game list item spacing */
        .right-content-wrapper .related_app ul li {
            margin-bottom: 16px;
        }
        
        /* Limit max height of left content to avoid squeezing right side */
        .left-content-wrapper .content-box {
            max-height: none;
            margin-bottom: 20px;
        }
        
        /* Ensure left and right columns are on same horizontal line */
        .container-wrapper::after {
            content: "";
            display: table;
            clear: both;
        }
    }
    
    /* Medium screen - adjust left-right column ratio */
    @media screen and (min-width: 1200px) and (max-width: 1399px) {
        .left-content-wrapper {
            float: left;
            width: calc(77.1% - 10px);
            margin-right: 20px;
            margin-left: 0;
            z-index: 1;
            padding-left: 0;
            box-sizing: border-box;
        }
        
        .right-content-wrapper {
            float: right;
            width: calc(22.9% - 10px);
            margin-right: 0;
            position: relative;
            z-index: 1;
            padding-right: 0;
            box-sizing: border-box;
        }
        
        /* Right sidebar game list item spacing */
        .right-content-wrapper .related_app ul li {
            margin-bottom: 16px;
        }
    }
    
    /* Small PC screen - rearrange, move right content below, adjust width */
    @media screen and (min-width: 1024px) and (max-width: 1199px) {
        .left-content-wrapper {
            float: none;
            width: 100%;
            margin-right: 0;
            position: relative;
            z-index: 10;
            padding-left: 0;
            box-sizing: border-box;
            margin-bottom: 20px;
        }
        
        .right-content-wrapper {
            float: none;
            width: 100%;
            position: relative;
            z-index: 10;
            padding-right: 0;
            box-sizing: border-box;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        /* Right game list becomes three-column layout */
        .right-content-wrapper .related_app {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            overflow: hidden;
            margin-bottom: 20px;
        }
        
        .right-content-wrapper .related_app ul {
            display: contents !important;
        }
        
        .right-content-wrapper .related_app li {
            width: 100% !important;
            margin: 0 !important;
        }
    }
    
    /* Tablet landscape - three-column layout */
    @media screen and (min-width: 841px) and (max-width: 1023px) {
        .left-content-wrapper {
            float: none;
            width: 100%;
            margin-right: 0;
            position: relative;
            z-index: 10;
            padding-left: 0;
            box-sizing: border-box;
            margin-bottom: 20px;
        }
        
        .right-content-wrapper {
            float: none;
            width: 95.3%;
            position: relative;
            z-index: 10;
            padding-right: 0;
            box-sizing: border-box;
        }
        
        /* Right content becomes three-column layout on tablet landscape */
        .right-content-wrapper .content-box {
            width: 100%;
            margin-bottom: 20px;
        }
        
        .right-content-wrapper .related_app {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            overflow: hidden;
            margin-bottom: 20px;
        }
        
        .right-content-wrapper .related_app ul {
            display: contents !important;
        }
        
        .right-content-wrapper .related_app li {
            width: 100% !important;
            margin: 0 !important;
        }
    }
    
    /* Unified styles for content-box within left-right wrappers */
    .left-content-wrapper .content-box,
    .right-content-wrapper .content-box {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0px 2px 16px 0px #00000012;
        margin-bottom: 20px;
        /* Remove fixed height to allow content to flow naturally */
        height: auto;
        min-height: auto;
        /* width: 100%; */
    }
    
    /* PC game list styles reset */
    .related_app {
        /* margin-bottom: 20px; */
    }
    
    /* PC right sidebar game list - single column vertical layout */
    .right-content-wrapper .related_app {
        overflow: hidden;
    }
    
    .right-content-wrapper .related_app ul {
        display: block;
    }
    
    .right-content-wrapper .related_app ul li {
        width: 100%;
        height: 1.28rem;
        margin: 0 0 0.4rem 0;
    }
    
    .right-content-wrapper .related_app li .game-desc {
        display: block;
    }
    
    /* Ensure last content-box has no bottom margin */
    .left-content-wrapper .content-box:last-child,
    .right-content-wrapper .content-box:last-child {
        margin-bottom: 20px;
    }
    
    /* PC screenshot carousel container positioning */
    .app-r {
        position: relative;
    }
    
    .shot-pan {
        position: relative;
    }
    
    /* PC screenshot carousel image max height limit */
    .shot-pan img,
    .shot-pan .swiper-slide img,
    .shot-pan .Button.Block img {
        max-height: 310px;
        height: auto;
        width: auto;
        object-fit: contain;
    }
    
    /* PC screenshot carousel navigation buttons */
    .shot-pan .swiper-button-prev,
    .shot-pan .swiper-button-next {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 78px;
        margin-top: -44px;
        cursor: pointer;
        z-index: 100;
        display: block;
        border: none;
        outline: none;
    }
    
    .shot-pan .swiper-button-prev {
        left: 10px;
        background: url(../img/icons3.png) no-repeat -100px 0 !important;
        pointer-events: auto !important;
    }
    
    .shot-pan .swiper-button-next {
        right: 10px;
        background: url(../img/icons3.png) no-repeat -300px 0 !important;
        pointer-events: auto !important;
    }
    
    .shot-pan .swiper-button-prev:hover {
        background: url(../img/icons3.png) no-repeat 0 0 !important;
    }
    
    .shot-pan .swiper-button-next:hover {
        background: url(../img/icons3.png) no-repeat -200px 0 !important;
    }
    
    /* Ensure buttons are visible and clickable on PC */
    @media screen and (min-width: 841px) {
        /* Override Swiper default styles */
        .shot-pan .swiper-button-prev::after,
        .shot-pan .swiper-button-next::after {
            content: '' !important;
        }
        
        .shot-pan .swiper-button-prev,
        .shot-pan .swiper-button-next {
            display: block !important;
        }
    }
    
    /* Styles when buttons are disabled */
    .shot-pan .swiper-button-prev.swiper-button-disabled,
    .shot-pan .swiper-button-next.swiper-button-disabled {
        opacity: 0.35 !important;
    }
    
    /* Hide navigation buttons when content doesn't overflow */
    .shot-pan.no-overflow .swiper-button-prev,
    .shot-pan.no-overflow .swiper-button-next {
        display: none !important;
    }
    
    /* PC端有背景图时的下载进度样式 */
    @media screen and (min-width: 841px) {
        /* 当header有背景图时（不是no-shot类） */
        .header:not(.no-shot) ~ .app-info .download-content,
        body:has(.header:not(.no-shot)) .download-content {
            background: rgba(0, 0, 0, 0.56) !important;
            border: 1px solid rgba(255, 255, 255, 0.4) !important;
            border-radius: 8px !important;
            padding: 20px !important;
            /* height: 50px !important; */
        }
        
        .header:not(.no-shot) ~ .app-info .download-content .down-title,
        body:has(.header:not(.no-shot)) .download-content .down-title {
            color: #FFFFFF !important;
        }
        
        .header:not(.no-shot) ~ .app-info .download-content h2,
        body:has(.header:not(.no-shot)) .download-content h2 {
            color: #FFFFFF !important;
        }
        
        .header:not(.no-shot) ~ .app-info .download-content .down-click,
        body:has(.header:not(.no-shot)) .download-content .down-click {
            color: #FFFFFF !important;
        }
        
        .header:not(.no-shot) ~ .app-info .download-content .down-click a,
        body:has(.header:not(.no-shot)) .download-content .down-click a {
            color: #00FFD8 !important;
        }
        
        /* PC端有背景图时，当body有downloading-active类时，调整content-box的top值 */
        body.downloading-active .header:not(.no-shot) ~ .container-wrapper .app-info .content-box:first-child {
            top: -449px !important;
        }
        
        /* PC端有背景图时，当body有downloading-active类时，info-infoList的margin-bottom改为0 */
        body.downloading-active .info-infoList {
            margin-bottom: 0 !important;
        }
        
        /* PC端有背景图时，当body有downloading-active类时，#share的margin-top改为-8px */
        body.downloading-active #share {
            margin-top: -8px !important;
        }
        
        /* PC端有背景图时，当body有downloading-active类时，download-content-top的padding改为0 */
        body.downloading-active .download-content .download-content-top {
            padding: 0 !important;
        }
    }
    
    /* PC similar games: 3 per row - change layout only; keep original li styles */
    .similar-games-pc {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 15px !important;
        /* margin-bottom: 0 !important; */
    }
    
    .similar-games-pc ul {
        display: contents !important;
    }
    
    .similar-games-pc li {
        width: 100% !important;
        margin: 0 !important;
        /* Keep original li styles; only adjust width and margins */
    }
    
    /* Styles when no background image - based on napps.css "no-shot" */
    .no-shot .header {
        height: auto;
        min-height: auto;
        margin-bottom: 0;
        background: #00A289;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        transition: all 0.3s ease;
    }
    
    
    .no-shot .header img.background-header {
        display: none;
    }
    
    /* On PC, when no background image, force-hide app-info inside header */
    @media screen and (min-width: 841px) {
        /* Hide app-info inside header when no background image (PC only) */
        .no-shot .header .app-info,
        .no-shot .app-info {
            display: none !important;
        }
        
        /* Ensure relocated version is shown when no background image */
        .no-shot .app-info-relocated {
            display: block !important;
        }
    }
    
    /* On PC, show app-info in left-content-wrapper when no background image */
    @media screen and (min-width: 841px) {
        .no-shot .app-info-relocated {
            display: block !important;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0px 2px 16px 0px #00000012;
            margin-bottom: 20px;
            padding: 20px;
            width: 100%;
        }
    }
    
    /* app-info layout adjustments when no background image - consistent with header */
    .no-shot .app-info-relocated .content-box {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 20px !important;
        margin-bottom: 0 !important;
        display: block;
    }
    
    /* Download and share section styles */
    .no-shot .app-info-relocated .app-bottom-section {
        margin-top: 30px;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        clear: both;
    }
    
    .no-shot .app-info-relocated .app-actions {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    
     /* Relocated version uses the same app-info styles as header */
     .no-shot .app-info-relocated .app-l {
         padding: 20px 0 !important;
         display: block !important;
         position: relative !important;
         min-height: auto !important;
         overflow: visible !important;
         clear: both !important;
     }
     
     
     .no-shot .app-info-relocated .app-l .icon {
         width: 100px !important;
         height: 100px !important;
         padding-bottom: 0 !important;
         margin: 15px 0 !important;
         flex-shrink: 0 !important;
         border-radius: 0.16rem !important;
         box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
         overflow: hidden !important;
         float: left !important;
     }
     
     .no-shot .app-info-relocated .app-l .app-info-content {
         float: left !important;
         width: calc(100% - 430px) !important;
         font-size: 0 !important;
         display: block !important;
         margin: 0 !important;
         padding-left: 15px !important;
         overflow: hidden;
     }
     
     /* Responsive adjustment: width of .app-info-content */
     @media screen and (min-width: 1400px) {
         .no-shot .app-info-relocated .app-l .app-info-content {
             width: calc(100% - 400px) !important;
         }
     }
     
     @media screen and (min-width: 1200px) and (max-width: 1399px) {
         .no-shot .app-info-relocated .app-l .app-info-content {
             width: calc(100% - 420px) !important;
         }
     }
     
     @media screen and (min-width: 1024px) and (max-width: 1199px) {
         .no-shot .app-info-relocated .app-l .app-info-content {
             width: calc(100% - 440px) !important;
         }
     }
     
     @media screen and (min-width: 841px) and (max-width: 1023px) {
         .no-shot .app-info-relocated .app-l .app-info-content {
             width: calc(100% - 350px) !important;
         }
         
         .no-shot .app-info-relocated .app-l .info-infoList {
             width: 240px !important;
         }
     }
    
    .no-shot .app-info-relocated .app-l h2 {
        color: #333;
        font-size: 24px;
        line-height: 28px;
        font-weight: bold;
        margin: 0 0 8px 0;
        text-shadow: none;
        height: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        order: 1;
        max-width: 100%;
    }
    
    /* Game name truncation */
    .no-shot .app-info-relocated .app-l .app-name {
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        width: 100% !important;
        display: block !important;
        max-width: 100% !important;
    }
    
    /* Game name truncation inside app-main-info */
    .no-shot .app-info-relocated .app-main-info .app-name {
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        width: 100% !important;
        display: block !important;
        max-width: 100% !important;
    }
    
    /* Overall layout control for app-main-info */
    .no-shot .app-info-relocated .app-main-info {
        width: 100%;
        overflow: hidden;
    }
    
    /* Layout of app-l inside app-main-info */
    .no-shot .app-info-relocated .app-main-info .app-l {
        display: flex !important;
        align-items: flex-start;
        gap: 15px;
        width: 100%;
        overflow: hidden;
    }
    
    /* Width constraints for app-info-content inside app-main-info */
    .no-shot .app-info-relocated .app-main-info .app-info-content {
        flex: 1;
        min-width: 0;
        overflow: hidden;
    }
    
    /* Fixed width for info-infoList inside app-main-info */
    .no-shot .app-info-relocated .app-main-info .info-infoList {
        flex-shrink: 0;
        width: 280px !important;
        max-width: 280px !important;
    }
    
    /* Text truncation within info-infoList */
    .no-shot .app-info-relocated .app-main-info .info-infoList li p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .no-shot .app-info-relocated .app-l h6 {
        margin: 0;
        display: inline-block;
        font-weight: normal;
        color: #666;
        padding: 4px 12px;
        background: rgba(0,0,0,0.05);
        border-radius: 4px;
        font-size: 14px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        order: 3;
        max-width: 100%;
    }
    
    /* Vendor name truncation */
    .no-shot .app-info-relocated .app-l .app-vendor {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
    }
    
    /* Rating and category container */
    .no-shot .app-info-relocated .app-l .rating-category-container {
        display: flex;
        align-items: center;
        gap: 15px;
        order: 2;
        width: 100%;
    }
    
    /* Category tag styles */
    .no-shot .app-info-relocated .app-l .app-category {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(0,162,137,0.1);
        color: #00A289;
        border-radius: 4px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        text-decoration: none;
    }
    
    .no-shot .app-info-relocated .app-l .rating {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 0;
    }
    
    .no-shot .app-info-relocated .app-l .rating::before {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../img/icons-3x.png) no-repeat -0.66rem 0rem;
        background-size: 4rem auto;
        flex-shrink: 0;
    }
    
    .no-shot .app-info-relocated .app-l .rating p.l {
        font-size: 16px;
        line-height: 20px;
        color: #FFA100;
        font-weight: 600;
        margin: 0;
    }
    
    /* Ensure rating displays correctly within app-info-content */
    .no-shot .app-info-relocated .app-info-content .rating {
        display: flex !important;
        align-items: center;
        gap: 8px;
        margin: 8px 0;
    }
    
    .no-shot .app-info-relocated .app-info-content .rating::before {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../img/icons-3x.png) no-repeat -0.66rem 0rem;
        background-size: 4rem auto;
        flex-shrink: 0;
    }
    
    .no-shot .app-info-relocated .app-info-content .rating p.l {
        font-size: 16px;
        line-height: 20px;
        color: #FFA100;
        font-weight: 600;
        margin: 0;
    }
    
    /* Right-side details area styles */
    .no-shot .app-info-relocated .app-bottom-section {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 30px;
        margin-top: 20px;
    }
    
    .no-shot .app-info-relocated .app-details {
        flex: 1;
        max-width: 300px;
        background: rgba(255,255,255,0.95);
        border-radius: 8px;
        padding: 15px;
    }
    
    .no-shot .app-info-relocated .app-l .app-details .app-info-list {
        background: transparent;
        border-radius: 0;
        padding: 0;
        margin-bottom: 0;
    }
    
    .no-shot .app-info-relocated .app-l .app-details .app-info-list .info-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
    }
    
    .no-shot .app-info-relocated .app-l .app-details .app-info-list .info-item:last-child {
        margin-bottom: 0;
    }
    
    .no-shot .app-info-relocated .app-l .app-details .app-info-list .info-label {
        color: #666;
        flex-shrink: 0;
        font-weight: 500;
    }
    
    .no-shot .app-info-relocated .app-l .app-details .app-info-list .info-value {
        color: #333;
        text-align: right;
        font-weight: 400;
    }
    
    .no-shot .app-info-relocated .app-l .app-details .app-info-list .info-value img {
        height: 16px;
        width: auto;
    }
    
    .no-shot .app-info-relocated .app-info-content .rating {
        display: none !important;
    }
    
    .no-shot .app-info-relocated .app-info-content .app-vendor {
        display: none !important;
    }
    
    .no-shot .app-info-relocated .app-info-content h6.app-vendor {
        display: none !important;
    }
    
    .no-shot .app-info-relocated .app-l h6 {
        display: none !important;
    }
    
    .no-shot .app-info-relocated .app-l h6.app-vendor {
        display: none !important;
    }
    
    .no-shot .app-info-relocated .info-rating {
        display: block !important;
        float: left;
        width: 100%;
        height: 28px;
        padding: 6px 0;
    }
    
    .no-shot .app-info-relocated .info-category {
        display: block !important;
        float: left;
        font-size: 15px;
        line-height: 18px;
        color: #333;
        font-weight: bold;
    }
    
    .no-shot .app-info-relocated .info-vendor {
        display: block !important;
        background: #ffffff3b;
        float: left;
        font-size: 14px;
        line-height: 27px;
        color: #666;
        font-weight: bold;
        margin: -6px 0 0 15px;
    }
    
    .no-shot .app-info-relocated .info-infoList {
        display: block !important;
        float: right !important;
        width: 280px !important;
        max-width: 280px !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        clear: none !important;
        background: #f8f9fa !important;
        border: 1px solid #e9ecef !important;
        border-radius: 8px !important;
        padding: 20px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    }
    
    .no-shot .app-info-relocated .info-rating p.r {
        float: left;
        height: 16px;
        margin-right: 15px;
    }
    
    .no-shot .app-info-relocated .info-rating p.r span {
        float: left;
        width: 18px;
        height: 16px;
        margin-right: 2px;
        background: url(../img/icons3.png) no-repeat -100px -650px;
    }
    
    .no-shot .app-info-relocated .info-rating p.r span i {
        display: block;
        height: 16px;
        width: auto;
        background: url(../img/icons3.png) no-repeat -100px -600px;
    }
    
    .no-shot .app-info-relocated .info-infoList li {
        height: auto;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid #e9ecef;
    }
    
    .no-shot .app-info-relocated .info-infoList li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
    
    .no-shot .app-info-relocated .info-infoList li p {
        float: none;
        font-size: 14px;
        line-height: 1.4;
        color: #333;
        margin: 0;
    }
    
    .no-shot .app-info-relocated .info-infoList li p:nth-child(1) {
        width: auto;
        overflow: visible;
        white-space: normal;
        text-overflow: unset;
        color: #666;
        font-weight: 600;
        flex-shrink: 0;
        font-size: 13px;
    }
    
    .no-shot .app-info-relocated .info-infoList li p:nth-child(2) {
        width: auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
        text-align: right;
        font-weight: 500;
        font-size: 13px;
    }
    
    .no-shot .app-info-relocated .info-infoList .info-a a {
        display: block;
        height: 19px;
        width: 80.95px;
    }
    
    .no-shot .app-info-relocated .info-infoList .info-a a img {
        height: 100%;
        width: auto;
    }
    
    /* 下载按钮样式 - 与原 header 样式保持一致 */
    .no-shot .app-info-relocated .app-actions .downloadMemuBtn {
        margin: 0;
        display: block;
        color: #fff;
        text-align: center;
        height: 48px;
        border-radius: 8px;
        background: linear-gradient(135deg, #00A289 0%, #008a73 100%);
        font-size: 16px;
        line-height: 48px;
        text-decoration: none;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,162,137,0.3);
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        order: 1;
    }
    
    .no-shot .app-info-relocated .app-actions .downloadMemuBtn:hover {
        background: linear-gradient(135deg, #008a73 0%, #006b5a 100%);
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0,162,137,0.4);
    }
    
    .no-shot .app-info-relocated .app-actions .downloadMemuBtn span {
        position: relative;
        padding-left: 0.48rem;
    }
    
    .no-shot .app-info-relocated .app-actions .downloadMemuBtn span i {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 0.32rem;
        height: 0.32rem;
        background: url(../img/icons-3x.png) no-repeat -2.72rem -0.07rem;
        background-size: 4rem auto;
    }
    
    /* 分享区域样式 - 与原 header 样式保持一致 */
    .no-shot .app-info-relocated .app-actions #share {
        padding-bottom: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        order: 2;
    }
    
    .no-shot .app-info-relocated .app-actions #share p {
        font-size: 15px;
        line-height: 19px;
        color: #333;
        margin-bottom: 8px;
        font-weight: 500;
    }
    
    .no-shot .app-info-relocated .app-actions #share .icon-list {
        margin-right: 8px;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        background-image: url(../img/sns-icon-3x.png);
        background-repeat: no-repeat;
        background-size: auto 32px;
        transition: transform 0.3s ease;
        display: inline-block;
    }
    
    .no-shot .app-info-relocated .app-actions #share .icon-list:hover {
        transform: scale(1.1);
    }
    
    /* 语言选择器样式 - 与原 header 样式保持一致 */
    .no-shot .app-info-relocated .app-actions .nav-list-icon {
        position: relative;
        float: right;
        padding: 0 0.5rem 0 0.64rem;
        height: 0.64rem;
        white-space: nowrap;
        box-sizing: content-box;
        font-size: 0.3rem;
        line-height: 0.64rem;
        color: #00A289;
        background: rgba(0,162,137,0.07);
        border-radius: 0.08rem;
    }
    
    .no-shot .app-info-relocated .app-actions .nav-list-icon::before {
        content: "";
        width: 0.18rem;
        height: 100%;
        position: absolute;
        right: 0.24rem;
        background: url(../img/icons-3x.png) no-repeat -2rem 0.24rem;
        background-size: 4rem auto;
    }
    
    .no-shot .app-info-relocated .app-actions .nav-list-icon i {
        position: absolute;
        left: 0.2rem;
        width: 0.4rem;
        height: 100%;
        background: url(../img/icons-3x.png) no-repeat -1.3rem 0.15rem;
        background-size: 4rem auto;
    }
    
    /* 左侧详细信息区域样式 */
    .no-shot .app-info-relocated .app-details .app-info-list {
        background: transparent;
        border-radius: 0;
        padding: 0;
        margin-bottom: 0;
    }
    
    .no-shot .app-info-relocated .app-details .app-info-list .info-item {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.5;
        gap: 20px;
    }
    
    .no-shot .app-info-relocated .app-details .app-info-list .info-item:last-child {
        margin-bottom: 0;
    }
    
    .no-shot .app-info-relocated .app-details .app-info-list .info-label {
        color: #666;
        flex-shrink: 0;
        width: 120px;
        font-weight: 500;
    }
    
    .no-shot .app-info-relocated .app-details .app-info-list .info-value {
        color: #333;
        text-align: left;
        font-weight: 400;
        flex: 1;
    }
    
    .no-shot .app-info-relocated .app-details .app-info-list .info-value img {
        height: 18px;
        width: auto;
    }
    
    /* 右侧区域的语言选择器样式调整 */
    .no-shot .app-info-relocated .app-actions .nav-list-icon {
        position: relative;
        float: right;
        padding: 0 0.3rem 0 0.4rem;
        height: 32px;
        font-size: 12px;
        line-height: 32px;
        margin-top: 8px;
        background: rgba(0,162,137,0.07);
        border-radius: 4px;
    }
    
    .no-shot .app-info-relocated .app-actions .nav-list-icon::before {
        background-size: 3rem auto;
        width: 12px;
        right: 8px;
        background-position: -1.5rem 0.15rem;
    }
    
    .no-shot .app-info-relocated .app-actions .nav-list-icon i {
        left: 8px;
        width: 24px;
        background-size: 3rem auto;
        background-position: -1rem 0.1rem;
    }
    
    .no-shot .app-info-relocated .app-actions .more-language {
        width: 120px;
        font-size: 12px;
        right: 0;
        top: 36px;
    }
    
    .no-shot .app-info-relocated .app-actions .more-language li {
        line-height: 32px;
        font-size: 12px;
    }
    
    .no-shot .app-info .content-box:first-child h2 {
        color: #333;
        text-shadow: none;
    }
    
    .no-shot .app-info .content-box:first-child h6 {
        background: #f0f0f0;
        color: #666;
        backdrop-filter: none;
    }
    
    .no-shot .app-info .content-box:first-child #share p {
        color: #333;
        text-shadow: none;
    }
    
    .no-shot .app-info .content-box:first-child .rating p.l {
        color: #FFA100;
        text-shadow: none;
    }
    
    
    /* ========== 无背景图片时的头部样式 ========== */
    
    .no-shot .header .nav #btn_down,
    .no-shot.header .nav #btn_down,
    body .no-shot .header .nav #btn_down {
        background: url(../img/xiazai-d.png) no-repeat left center !important;
        background-size: 190px !important;
    }
    
    .no-shot .header .nav .btn_down .fixed,
    .no-shot.header .nav .btn_down .fixed,
    body .no-shot .header .nav .btn_down .fixed {
        margin: 0 0px !important;
    }
    
    .no-shot .header .nav,
    .no-shot.header .nav,
    body .no-shot .header .nav {
        margin-left: 0px;
        box-shadow: 3px 3px 10px #88888852;
        transition: height .2s cubic-bezier(0.22, 0.61, 0.36, 1), background .2s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow .2s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
}

@media screen and (min-width: 840px) and (max-width: 1022px) {
        .no-shot ~ .container-wrapper .app-info .content-box:first-child .app-l .app-info-content {
            width: calc(100% - 350px) !important;
            margin-top: 11px !important;
        }
        
        .no-shot ~ .container-wrapper .app-info .content-box:first-child .info-infoList {
            display: block !important;
            float: right !important;
            width: 280px !important;
            max-width: 280px !important;
            margin-bottom: 0 !important;
            margin-top: -70px !important;
            margin-left: 0 !important;
            clear: none !important;
            /* background: #f8f9fa !important; */
            /* border: 1px solid #e9ecef !important; */
            /* border-radius: 8px !important; */
            /* padding: 20px !important; */
            /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; */
        }
}

@media screen and (min-width: 1301px) {
    .no-shot .header .nav,
    .no-shot.header .nav,
    body .no-shot .header .nav {
        padding: 18px 0 !important;
        height: 60px !important;
    }
}

@media screen and (min-width: 841px) and (max-width: 1300px) {
    .no-shot .header .nav,
    .no-shot.header .nav,
    body .no-shot .header .nav {
        padding: 10px 0 !important;
        height: 42px !important;
    }
}
    /* PC端有背景图时，info-category链接为白色 */
    .header:not(.no-shot) .info-category a {
        color: #fff;
    }
    
    /* PC端没有背景图时，info-category链接为黑色 */
    .no-shot .info-category a {
        color: #000;
    }
@media screen and (min-width: 841px) {
    .no-shot .header .nav .fixed ul li a,
    .no-shot .nav .fixed ul li a,
    .no-shot.header .nav .fixed ul li a,
    .no-shot .header .nav .btn_down .fixed ul li a {
        transform: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }
    
    .no-shot #share {
        width: 258px;
        float: right;
        margin-top: -15px;
    }
    
    .no-shot #share p {
        color: #000;
        text-shadow: none;
    }
    
    .app-details {
        margin: 12px 0;
        padding: 0;
    }
    
    .app-details > div {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 1.4;
        color: #666;
    }
    
    .app-category {
        font-weight: 600;
        color: #00A289;
        background: rgba(0,162,137,0.1);
        padding: 4px 8px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 8px;
    }
    
    .container-wrapper .info-title,
    .container-wrapper h3.info-title {
        font-size: 26px !important;
        line-height: 32px !important;
        /* font-weight: bold !important; */
        margin: 0.32rem 0 !important;
    }
    
    .container-wrapper .section-info,
    .container-wrapper .section-desc,
    .container-wrapper .section-desc p,
    .container-wrapper .content-box p {
        /* font-size: 16px !important;
        line-height: 1.6 !important; */
        font-size: 16px;
    }
    
    .app-developer {
        font-weight: 500;
        color: #333;
    }
    
    .app-update,
    .app-version {
        color: #666;
        font-size: 13px;
    }
    
    .pc-only {
        display: block;
    }
    
    .mobile-only {
        display: none !important;
    }
    
    .downloading {
        display: none;
        margin-top: 20px;
    }
    .downloading-t {
        height: 70px;
        background: #cfe8e4 url("__PUBLIC__/img/downloadBg.png") no-repeat right center;
    }
    .downloading-t span {
        float: left;
        width: 66px;
        height: 100%;
        background: url("__PUBLIC__/img/icons3.png") no-repeat -278px -278px;
    }
    .downloading-t p{
        float: left;
        font-size: 26px;
        line-height: 70px;
        color: #008873;
    }
    .downloading-t p i{
        font-style: normal;
    }
    .click-again {
        margin-top: 10px;
        font-size: 16px;
        color: #333;
    }
    .click-again a {
        color: #008873;
        text-decoration: underline;
    }
    .info-btn {
        padding: 20px 0 0 0;
    }
    
    .app-info-content .rating {
        display: none;
    }
    
    .app-info-content .app-vendor {
        display: none;
    }
    
    .app-info .app-l h6 {
        display: none !important;
    }
    
    .app-info .app-l h6.app-vendor {
        display: none !important;
    }
    
    .info-rating {
        float: left;
        width: 100%;
        height: 28px;
        padding: 12px 0;
    }
    
    .info-rating p.r {
        float: left;
        height: 16px;
        margin-right: 15px;
    }
    
    .info-rating p.r span {
        float: left;
        width: 18px;
        height: 16px;
        margin-right: 2px;
        background: url(../img/icons3.png) no-repeat -100px -650px;
    }
    
    .info-rating p.r span i {
        display: block;
        height: 16px;
        width: auto;
        background: url(../img/icons3.png) no-repeat -100px -600px;
    }
    
    .info-category {
        float: left;
        font-size: 15px;
        line-height: 18px;
        color: #fff;
        font-weight: bold;
    }
    

    
    .header.no-shot {
        background-color: #f2f2f2 !important;
    }
    
    .header.no-shot .nav {
        padding: 0 !important;
    }
    
    .no-shot {
        background-color: #f2f2f2 !important;
    }
    
    .no-shot .nav {
        padding: 0 !important;
    }
    
    .info-vendor {
        background: #ffffff3b;
        float: left;
        font-size: 14px;
        line-height: 27px;
        color: #fff;
        font-weight: bold;
        margin: -6px 0 0 15px;
    }
    
    .info-vendor a {
        display: block;
        color: inherit;
        width: 100%;
        height: 100%;
        padding: 0 10px;
    }
    
    .info-infoList {
        float: left;
        margin-bottom: 20px;
        width: 100%;
        margin-top: 15px;
        clear: both;
    }
    
    .info-infoList li {
        height: 20px;
        margin-bottom: 5px;
    }
    
    .info-infoList li p {
        float: left;
        font-size: 15px;
        line-height: 19px;
        color: #fff;
    }
    
    .info-infoList li p:nth-child(1) {
        width: 150px;
        overflow: visible;
        white-space: normal;
        text-overflow: unset;
        color: #ccc;
    }
    
    .info-a a {
        display: block;
        height: 19px;
        width: 80.65px;
    }
    
    .info-a a img {
        height: 100%;
        width: auto;
    }
    
    .no-shot .info-rating p.r span {
        background-position: -100px -750px;
    }
    
    .no-shot .info-category {
        color: #000000;
    }
    
    .no-shot .info-vendor {
        background: #7f7f7f3b;
        color: #000;
    }
    
    .no-shot .info-infoList {
        width: 100%;
        float: left;
        margin-top: 15px;
        margin-bottom: 0;
        clear: both;
    }
    
    .no-shot .info-infoList li p {
        color: #000;
    }
    
    .no-shot .info-infoList li p:nth-child(1) {
        color: #5d5d5d;
        width: 100px;
    }
    
    .no-shot .info-infoList li p:nth-child(2) {
        width: 100px;
        overflow: visible;
        white-space: normal;
        text-overflow: unset;
    }
}

@media screen and (max-width: 840px) {
    .pc-only {
        display: none !important;
    }
    
    .mobile-only {
        display: block !important;
    }
    
    .app-info {
        position: relative;
    }

    /* Mobile: Ad styles outside Description area */
    .ad-container-movable:not(.ad-in-description) {
        margin-bottom: 0.4rem !important;
        background: #e6e6e6 !important;
    }
    
    #footer {
        position: relative !important;
        z-index: 2 !important;
        padding: 0.32rem 0 0.4rem !important;
        background: #fff !important;
    }
    
    #footer .list {
        border-bottom: 0.02rem solid #E6E6E6 !important;
        padding: 0.38rem 0 !important;
        width: auto !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    #footer .list.follow {
        padding: 0 0 0.06rem !important;
    }
    
    #footer .list p {
        position: relative !important;
        font-size: 0.32rem !important;
        line-height: 0.36rem !important;
        color: #00A289 !important;
    }
    
    #footer .list p::after {
        position: absolute !important;
        content: "" !important;
        width: 0.32rem !important;
        height: 0.32rem !important;
        right: 0 !important;
        top: 0.02rem !important;
        background: url(../img/icons-3x.png) no-repeat 0 -0.66rem !important;
        background-size: 4rem auto !important;
    }
    
    #footer .list.follow p::after {
        display: none !important;
    }
    
    #footer .list ul {
        margin: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    #footer .list.active ul {
        height: auto !important;
    }
    
    #footer .list.follow ul {
        margin: 0.24rem 0 0.32rem !important;
        font-size: 0 !important;
        height: auto !important;
    }
    
    #footer .list ul li {
        font-size: 0.28rem !important;
        margin-top: 0.24rem !important;
        line-height: 0.36rem !important;
        color: #666 !important;
        padding-left: 0 !important;
        position: static !important;
        display: block !important;
    }
    
    #footer .list li a {
        color: #666 !important;
    }
        
    #footer .list.follow li {
        position: relative !important;
        display: inline-block !important;
        margin: 0 0.32rem 0.16rem 0 !important;
        padding: 0 0 0 0.48rem !important;
        font-size: 0.28rem !important;
        line-height: 0.4rem !important;
        color: #333 !important;
    }
    
    #footer .list.follow li::after {
        content: "" !important;
        position: absolute !important;
        width: 0.4rem !important;
        height: 0.4rem !important;
        border-radius: 1rem !important;
        left: 0 !important;
        top: 0 !important;
        background: url(../img/sns-icon-3x.png) no-repeat 0 0 !important;
        background-size: auto 0.625rem !important;
    }
    
    #footer .list.follow li.twitter-before::after {
        background-position: -0.625rem 0 !important;
    }
    
    #footer .list.follow li.youtube-before::after {
        background-position: -3.75rem 0 !important;
    }
    
    #footer .list.follow li.vk-before::after {
        background-position: -1.875rem 0 !important;
    }
    
    #footer .list.follow li.naver-before::after {
        background-position: -3.125rem 0 !important;
    }
    
    #footer .footer-text {
        margin-top: 0.4rem !important;
        text-align: center !important;
    }
    
    .swiper-button-prev,
    .swiper-button-next,
    .shot-pan .swiper-button-prev,
    .shot-pan .swiper-button-next {
        display: none !important;
    }
    
    .nav-list-icon {
        z-index: 9999 !important;
    }
    
    .more-language {
        z-index: 10000 !important;
    }
    
    .header .app-info {
        display: block !important;
    }
    
    body.pc-no-background .no-shot .app-info-relocated {
        display: none !important;
    }
    
    
    
    .header img.background-header {
        display: none !important;
    }
    
    .header::after {
        display: none !important;
    }
    
    .header .nav {
        display: block !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        position: relative !important;
        z-index: 10 !important;
        height: 0.96rem !important;
        width: 100% !important;
        top: auto !important;
        background: #00A289 !important;
    }
    
    .header .nav .btn_down {
        display: block !important;
        flex-shrink: auto !important;
        height: 100% !important;
    }
    
    .header .nav #btn_down {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        background: url(../img/memuplay-logo-b.png) no-repeat center !important;
        background-size: auto 0.56rem !important;
    }
    
    .header .nav .memu {
        display: block !important;
        position: absolute !important;
        left: 0.32rem !important;
        top: 0.24rem !important;
        padding: 0.08rem 0.06rem 0 0.06rem !important;
        width: 0.36rem !important;
        height: 0.36rem !important;
        float: left !important;
        cursor: pointer !important;
        transition: all 0.2s ease-in !important;
        text-align: center !important;
        box-sizing: content-box !important;
    }
    
    .header .nav .fixed {
        display: none;
        position: absolute !important;
        width: 100% !important;
        top: 0.9rem !important;
        left: 0 !important;
        background: rgba(222, 240, 237, 1) !important;
        z-index: 10 !important;
        box-shadow: none !important;
        height: auto !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        flex: none !important;
        margin: 0 !important;
    }
    
    .header .nav .fixed[style*="display: block"] {
        display: block !important;
    }
    
    .header .nav .fixed ul {
        display: block !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    
    .header .nav .fixed ul li {
        margin: 0 !important;
        display: block !important;
        height: 0.92rem !important;
        width: 100% !important;
        padding: 0 0.08rem !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid #D8DEDD !important;
    }
    
    .header .nav .fixed ul li a {
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #00A289 !important;
        text-decoration: none !important;
        font-size: 0.32rem !important;
        font-weight: normal !important;
        transition: all 0.3s ease !important;
        border: none !important;
        text-shadow: none !important;
        white-space: normal !important;
        display: block !important;
        height: 0.92rem !important;
        text-align: center !important;
        opacity: 1 !important;
        line-height: 0.92rem !important;
    }
    
    .header .nav .fixed ul li a.nav-show {
        opacity: 1 !important;
        animation: nav-show 0.3s linear .1s 1 normal forwards !important;
    }
    
    .nav-search {
        display: none !important;
    }
    
    .search-box {
        position: absolute !important;
        right: 0.32rem !important;
        top: 0.13rem !important;
        width: 0.48rem !important;
        height: 0.7rem !important;
        overflow: hidden !important;
        transition: width .2s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        margin-left: 0 !important;
        flex-shrink: auto !important;
        display: block !important;
    }
    
    .search-box.active {
        width: 6.4rem !important;
        transition: width .2s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    }
    
    .search-box .search-content {
        float: right !important;
        width: 6.4rem !important;
        height: 100% !important;
    }
    
    .search-box .search-btn {
        float: right !important;
        margin-top: 0.11rem !important;
        width: 0.48rem !important;
        height: 0.48rem !important;
        background: url(../img/icons-3x.png) no-repeat 0.03rem 0.03rem !important;
        background-size: 4rem auto !important;
        margin-left: 0.1rem !important;
        position: static !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
    }
    
    .search-box .search-input {
        float: right !important;
        width: 5.6rem !important;
        height: 0.7rem !important;
        padding: 0 0.32rem !important;
        box-sizing: border-box !important;
        background-color: #fff !important;
        border-radius: 0.35rem !important;
        font-size: inherit !important;
    }
    
    .search-box .search-input input {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .container-wrapper {
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: visible;
        max-width: none;
    }
    
    .left-content-wrapper,
    .right-content-wrapper {
        float: none;
        width: 100%;
        margin: 0;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        position: static;
        z-index: auto;
        padding-right: 0;
    }
    
    .left-content-wrapper .content-box,
    .right-content-wrapper .content-box {
        background: #fff;
        border-radius: 0;
        box-shadow: 0px 2px 16px 0px #00000012;
        border: none;
        margin-bottom: 0.1rem;
        padding: 0 0.32rem;
    }
    
    .left-content-wrapper .content-box:last-child,
    .right-content-wrapper .content-box:last-child {
        margin-bottom: 0.1rem;
    }
    
    .app-info .content-box:first-child {
        position: static !important;
        background: #fff !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
        margin-top: 0 !important;
        z-index: auto !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        max-width: none !important;
    }
    
    .app-info-relocated,
    .no-shot .app-info-relocated,
    body.pc-no-background .app-info-relocated,
    body.pc-no-background .no-shot .app-info-relocated,
    body .app-info-relocated {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    .app-info .content-box:first-child div[style*="margin-bottom: 0.4rem;background: #e6e6e6"] {
        display: block !important;
    }
    

    
    .app-info .content-box:first-child .apkStoreBtn {
        margin: 0.2rem 0.32rem 0.4rem 0.32rem;
    }
    
 
    
    .similar-games-pc {
        display: block !important;
        margin-bottom: 0.16rem !important;
    }
    
    .similar-games-pc ul {
        display: block !important;
    }
    
    .similar-games-pc li {
        width: 100% !important;
        margin: 0 0 0.16rem 0 !important;
    }
    
}


@media screen and (min-width: 1400px) {
    #footer {
        position: relative;
        z-index: 2;
        background: #efefef !important;
        padding: 68px 0 20px !important;
        margin-top: 40px;
        width: 100%;
        box-sizing: border-box;
    }
    
    #footer .margin {
        max-width: 1330px;
        margin: 0 auto;
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
    }
    
    #footer .clearfix {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }
    
    #footer .footer-column {
        width: 20% !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        padding: 0 15px 0 0 !important;
    }
    
    #footer .list {
        float: none !important;
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
        box-sizing: border-box !important;
        min-height: 50px !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    #footer {
        position: relative;
        z-index: 2;
        background: #efefef !important;
        padding: 68px 0 20px !important;
        margin-top: 40px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    #footer .margin {
        max-width: 1330px;
        margin: 0 auto;
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }
    
    #footer .clearfix {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }
    
    #footer .footer-column {
        width: 20% !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        padding: 0 12px 0 0 !important;
    }
    
    #footer .list {
        float: none !important;
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
        box-sizing: border-box !important;
        min-height: 50px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    #footer {
        position: relative;
        z-index: 2;
        background: #efefef !important;
        padding: 68px 0 20px !important;
        margin-top: 40px;
        width: 100%;
        box-sizing: border-box;
    }
    
    #footer .margin {
        max-width: 1330px;
        margin: 0 auto;
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }
    
    #footer .clearfix {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }
    
    #footer .footer-column {
        width: 20% !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        padding: 0 10px 0 0 !important;
    }
    
    #footer .list {
        float: none !important;
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
        box-sizing: border-box !important;
        min-height: 50px !important;
    }

}

@media screen and (min-width: 841px) and (max-width: 1023px) {
    #footer {
        position: relative;
        z-index: 2;
        background: #efefef !important;
        padding: 68px 0 20px !important;
        margin-top: 40px;
        width: 100%;
        box-sizing: border-box;
    }
    
    #footer .margin {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    #footer .clearfix {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }
    
    #footer .footer-column {
        width: 20% !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        padding: 0 8px 0 0 !important;
    }
    
    #footer .list {
        float: none !important;
        padding: 0 !important;
        margin: 0 0 30px 0 !important;
        box-sizing: border-box !important;
        min-height: 50px !important;
    }
}

@media screen and (min-width: 841px) {
    #footer::after,
    #footer .margin::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }
    
    #footer .clearfix::after {
        content: none !important;
        display: none !important;
    }
    
    #footer .clearfix {
        margin-bottom: 30px;
    }
    
    #footer p {
        font-size: 16px !important;
        line-height: 23px !important;
        color: #008873 !important;
        cursor: default !important;
        position: relative !important;
    }
    
    #footer .list p::after,
    #footer p::after,
    #footer .list > p::after {
        display: none !important;
        content: none !important;
    }
    
    #footer .list > p {
        pointer-events: none !important;
        cursor: default !important;
    }
    
    #footer p a {
        color: #008873 !important;
    }
    
    #footer p a:hover {
        text-decoration: underline !important;
    }
    
    #footer p b {
        font-weight: normal !important;
    }
    
    #footer p span {
        color: #aaa !important;
        margin: 0 5px !important;
    }
    
    #footer .list {
        border-bottom: none !important;
        box-sizing: border-box !important;
    }
    
    #footer .list ul {
        color: #666 !important;
        margin-bottom: 45px !important;
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: none !important;
    }
    
    #footer ul.follow {
        display: block !important;
        height: auto !important;
        max-height: none !important;
    }
    
    #footer .list li {
        position: relative !important;
        line-height: 20px !important;
        padding-top: 0px !important;
        /* padding-bottom: 8px !important; */
        font-size: 13px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        padding-left: 16px !important;
        display: block !important;
    }
    
    #footer .list li::before {
        position: absolute !important;
        left: 0 !important;
        top: 8px !important;
        content: "" !important;
        width: 5px !important;
        height: 5px !important;
        background: url(../img/icons3.png) -200px -600px !important;
    }
    
    #footer ul.follow li {
        padding-left: 20px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        line-height: 20px !important;
        position: relative !important;
    }
    
    #footer ul.follow li::before {
        display: none !important;
    }
    
    #footer ul.follow li::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 2px !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
    }
    
    #footer ul.follow li.facebook-before::after {
        background: url(../img/facebook3.png) 0 0 !important;
        background-size: 16px auto !important;
    }
    
    #footer ul.follow li.twitter-before::after {
        background: url(../img/twitter3.png) 0 0 !important;
        background-size: 16px auto !important;
    }
    
    #footer ul.follow li.youtube-before::after {
        background: url(../img/youtube.png) 0 0 !important;
        background-size: 16px auto !important;
    }
    
    #footer ul.follow li.vk-before::after {
        background: url(../img/vkontakte.png) 0 0 !important;
        background-size: 16px auto !important;
    }
    
    #footer ul.follow li.naver-before::after {
        background: url(../img/naver.png) 0 0 !important;
        background-size: 16px auto !important;
    }
    
    #footer .list li a {
        color: #666 !important;
    }
    
    #footer .list.follow li a {
        color: #333 !important;
        margin-left: 10px;
    }
    
    .no-shot #share {
        width: 100%;
        float: left;
        margin-top: 0;
    }
    
    .no-shot #share p {
        color: #333;
        text-shadow: none;
    }
    
    #footer .footer-text {
        border-top: 1px solid #aaa !important;
        margin-top: 10px !important;
        padding-top: 10px !important;
        text-align: center !important;
    }
}

body.pc-no-background .no-shot .app-info-relocated .app-l {
    display: block !important;
    clear: both !important;
}

body.pc-no-background .no-shot .app-info-relocated .app-l .icon {
    float: left !important;
    width: 100px !important;
    height: 100px !important;
    margin: 15px !important;
    padding-bottom: 0 !important;
    flex-shrink: 0 !important;
    border-radius: 0.16rem !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    overflow: hidden !important;
}

body.pc-no-background .no-shot .app-info-relocated .app-l .app-info-content {
    float: left !important;
    width: calc(100% - 430px) !important;
    font-size: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding-left: 15px !important;
    overflow: hidden;
}

body.pc-no-background .no-shot .app-info-relocated .app-l .info-infoList {
    float: right !important;
    width: 280px !important;
    max-width: 280px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    clear: none !important;
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

.app-info-relocated .app-l .icon {
    float: left !important;
    width: 100px !important;
    height: 100px !important;
    margin: 20px 0px !important;
}

.no-shot .app-info-relocated .app-l .icon img {
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important;
    height: auto !important;
}

.app-info-relocated .app-l .app-info-content {
    float: left !important;
    width: calc(100% - 430px) !important;
    padding-left: 10px !important;
    overflow: hidden;
    margin-top: 12px;
}

.app-info-relocated .app-l .app-info-content h2.app-name {
    font-size: 36px;
    line-height: 69px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    width: 100%;
    max-width: 100%;
    display: block;
    
}

.app-info-relocated .app-l .app-info-content h6.app-vendor {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 100%;
    display: inline-block;
}

.app-info-relocated .app-l .app-info-content .rating {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.app-info-relocated .app-l .info-infoList {
    float: right!important;
    width: 301px !important;
    margin-top: -110.5px;
}

.app-info-relocated .app-l .info-infoList li p:nth-child(2) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90px;
}

@media screen and (min-width: 1400px) {
    .app-info-relocated .app-l .app-info-content {
        width: calc(100% - 400px) !important;
    }
    .app-info-relocated .app-l .info-infoList {
        width: 255px !important;
    }
    .app-info-relocated .app-l .app-info-content h2.app-name {
        font-size: 36px;
        line-height: 60px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .app-info-relocated .app-l .app-info-content {
        width: calc(100% - 420px) !important;
    }
    .app-info-relocated .app-l .info-infoList {
        width: 290px !important;
    }
    .app-info-relocated .app-l .app-info-content h2.app-name {
        font-size: 32px;
        line-height: 60px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .app-info-relocated .app-l .app-info-content {
        width: calc(100% - 440px) !important;
    }
    .app-info-relocated .app-l .info-infoList {
        width: 300px !important;
    }
    .app-info-relocated .app-l .app-info-content h2.app-name {
        font-size: 28px;
        line-height: 52px;
    }
}

@media screen and (min-width: 841px) and (max-width: 1023px) {
    .app-info-relocated .app-l .app-info-content {
        width: calc(100% - 350px) !important;
    }
    .app-info-relocated .app-l .info-infoList {
        width: 240px !important;
    }
    .app-info-relocated .app-l .app-info-content h2.app-name {
        font-size: 24px;
        line-height: 44px;
    }
}
.app-main-info .app-l img {
    display: block;
    width: 100%;
    border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
    height: auto;
}
    .left-content-wrapper .app-info-relocated .content-box {
        height: auto;
        min-height: 285px;
    }
.left-content-wrapper .app-info-relocated .content-box .info-infoList li p:nth-child(1){
    color:  #5d5d5d!important;
}

.left-content-wrapper .app-info-relocated .content-box .info-infoList li p{
    color: #000 !important;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* width: 120px; */
}

.left-content-wrapper .app-info-relocated .content-box  .app-info-content .info-vendor a {
    color:#000;
    background-color:#eee;
    width: 100%;
    text-align: center;
}
.header:not(.no-shot)::after {
    content: "";
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(90deg, #000000CC 0%, #00000099 41%, #00000026 60%, #00000000 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
}

.no-shot.header::after,
.no-shot .header::after {
    content: none !important;
    display: none !important;
}
.container-wrapper .left-content-wrapper .content-box .app-bottom-section .app-actions #share p {
     color:#000 ;
}
.container-wrapper .left-content-wrapper .content-box .app-main-info .app-info-content .info-rating .info-category a {
    color: #000;
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
    .no-shot .header {
        background: rgba(242, 242, 242, 0.7) !important;
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
    }
    
    .no-shot .header .nav {
        background: rgba(242, 242, 242, 0.7) !important;
        backdrop-filter: blur(40px);
        -webkit-backdrop-filter: blur(40px);
    }
}

@media screen and (min-width: 841px) {
    .no-shot .header::after,
    body.grey.bg-no-background .no-shot .header::after,
    body .no-shot .header::after {
        content: none !important;
        display: none !important;
        background: none !important;
    }
    
    .no-shot .header .nav #btn_down,
    body.grey.bg-no-background .no-shot .header .nav #btn_down,
    body .no-shot .header .nav #btn_down {
        background: url(../img/xiazai-d.png) no-repeat left center !important;
        background-size: 190px !important;
        width: 240px !important;
        height: 35px !important;
    }
    
    .no-shot .header .nav .btn_down .fixed,
    body.grey.bg-no-background .no-shot .header .nav .btn_down .fixed,
    body .no-shot .header .nav .btn_down .fixed {
        margin: 0 0px !important;
    }
    
    .no-shot .header .nav,
    body.grey.bg-no-background .no-shot .header .nav,
    body .no-shot .header .nav {
        padding: 18px 0 !important;
        height: 60px !important;
        margin-left: 0px;
        box-shadow: 3px 3px 10px #88888852;
        transition: height .2s cubic-bezier(0.22, 0.61, 0.36, 1), background .2s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow .2s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    
    .no-shot.scrolled .header .nav,
    body.grey.bg-no-background .no-shot.scrolled .header .nav,
    body .no-shot.scrolled .header .nav {
        height: 42px !important;
        padding: 10px 0 !important;
    }
    
    .no-shot .header .nav .btn_down .fixed ul li a,
    body.grey.bg-no-background .no-shot .header .nav .btn_down .fixed ul li a,
    body .no-shot .header .nav .btn_down .fixed ul li a {
        color: #444 !important;
        text-shadow: none !important;
    }
    
    .no-shot .header .nav .btn_down .fixed ul li a:hover,
    body.grey.bg-no-background .no-shot .header .nav .btn_down .fixed ul li a:hover,
    body .no-shot .header .nav .btn_down .fixed ul li a:hover {
        background: transparent !important;
        color: #444 !important;
        transform: none !important;
        box-shadow: none !important;
    }
}

@media screen and (min-width: 1301px) {
    .no-shot .header .nav,
    body.grey.bg-no-background .no-shot .header .nav,
    body .no-shot .header .nav {
        padding: 18px 0 !important;
        height: 60px !important;
    }
}


@media screen and (min-width: 841px) and (max-width: 1300px) {
    .no-shot .header .nav,
    body.grey.bg-no-background .no-shot .header .nav,
    body .no-shot .header .nav {
        padding: 10px 0 !important;
        height: 42px !important;
    }
}