/* 智卓软件站同 URL 响应式增强：1200px 及以上保留源站视觉，以下采用流式重排。 */
.zz-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

header .zz-site-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 222px;
    color: #fff;
    text-decoration: none;
}

.zz-brand-mark {
    display: inline-block;
    color: #fff;
    font-size: 38px;
    font-weight: 900;
    font-style: italic;
    line-height: 1;
    letter-spacing: -5px;
    transform: skewX(-8deg);
}

.zz-brand-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    line-height: 1.08;
}

.zz-brand-copy strong {
    display: block;
    max-width: 142px;
    overflow: hidden;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zz-brand-copy small {
    margin-top: 4px;
    color: rgba(255, 255, 255, .82);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

.zz-home-page .adrRec .tab_menu {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.zz-home-page .adrRec .tab_menu span {
    flex: 0 0 auto;
    white-space: nowrap;
}

.zz-home-page .adrRec .sub_box a p {
    text-overflow: ellipsis;
}

.zz-list-page .adrList li[hidden] {
    display: none !important;
}

.zz-list-page .zz-pager {
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 0;
    overflow: visible;
}

.zz-list-page .zz-pager,
.zz-list-page .zz-pager * {
    box-sizing: border-box;
}

.zz-list-page .pagecode .zz-pager a {
    margin: 0;
}

.zz-list-page .zz-page-summary {
    clear: both;
    margin: 12px 0 0;
    color: #888;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 1199px) {
    html,
    body {
        width: 100%;
        min-width: 0;
        min-height: 0;
        margin: 0;
        overflow-x: hidden;
    }

    body {
        word-break: normal;
        overflow-wrap: anywhere;
    }

    img,
    video {
        max-width: 100%;
    }

    .wrapper,
    .wrap,
    .wrapper section > div,
    header > div,
    footer div,
    .adrContLR {
        width: auto !important;
        max-width: 100% !important;
        margin-right: 12px !important;
        margin-left: 12px !important;
    }

    header {
        height: auto;
        min-height: 112px;
    }

    header > div {
        overflow: visible;
    }

    header > div > a {
        float: none;
        display: block;
        width: 100%;
        height: 62px;
        line-height: 62px !important;
        font-size: 24px !important;
        text-align: center;
    }

    header > div > .zz-site-brand {
        display: inline-flex;
        width: auto;
        max-width: 100%;
        justify-content: center;
        line-height: normal !important;
        text-align: left;
    }

    header > div > a img {
        width: auto;
        height: 48px;
        margin-top: 7px;
    }

    header nav {
        float: none;
        box-sizing: border-box;
        width: calc(100% + 24px);
        margin-left: -12px;
        padding: 0 10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    header nav::-webkit-scrollbar {
        display: none;
    }

    header nav ul {
        display: flex;
        width: max-content;
        min-width: 100%;
        justify-content: space-around;
    }

    header nav li {
        flex: 0 0 auto;
        float: none;
        margin: 0;
        padding: 0 12px;
        line-height: 50px;
        font-size: 15px;
        white-space: nowrap;
    }

    header nav li::after {
        bottom: 5px;
    }

    footer {
        padding: 12px 0 16px;
    }

    footer::before,
    footer::after {
        opacity: .18;
        transform: scale(.65);
    }

    footer p {
        position: relative;
        z-index: 1;
        font-size: 12px;
        line-height: 20px;
    }

    footer p:first-child {
        padding-top: 10px;
    }

    .adrLink .linkTit,
    .adrLink .list {
        width: 100%;
    }

    .adrLink .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .adrLink .list a,
    .adrLink .list a:nth-of-type(9n+9) {
        float: none;
        margin-right: 10px;
    }

    .crumb {
        min-height: 40px;
        height: auto;
        line-height: 22px;
    }

    .crumb > div {
        padding: 9px 0;
        white-space: normal;
    }

    /* 首页顶部应用/游戏区：文本不再被截出容器，卡片支持触屏横滑。 */
    .zz-home-page .adrRec {
        padding-bottom: 12px;
    }

    .zz-home-page .adrRec .tab_box,
    .zz-home-page .adrRec .tab_cont {
        width: 100%;
    }

    .zz-home-page .adrRec .tab_menu {
        width: 100%;
        min-height: 46px;
        margin-top: 6px;
        padding: 0 4px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .zz-home-page .adrRec .tab_menu::-webkit-scrollbar {
        display: none;
    }

    .zz-home-page .adrRec .tab_menu span {
        margin-right: 28px;
        font-size: 17px;
        line-height: 26px;
    }

    .zz-home-page .adrRec .tab_menu span:nth-of-type(n+2)::after {
        left: -18px;
    }

    .zz-home-page .adrRec .sub_box .tab_l,
    .zz-home-page .adrRec .sub_box .tab_r {
        display: none;
    }

    .zz-home-page .adrRec .sub_box .subSlider {
        width: 100%;
        height: auto;
        padding: 0;
        overflow: visible;
    }

    .zz-home-page .adrRec .sub_box .subSlider > div {
        position: static !important;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px 4px;
        width: 100% !important;
        height: auto;
        overflow: visible;
        transform: none !important;
    }

    .zz-home-page .adrRec .sub_box a {
        float: none;
        width: 100%;
        margin: 0;
        padding: 7px 0 2px;
    }

    .zz-home-page .adrRec .sub_box a img {
        width: clamp(50px, 15vw, 72px);
        height: clamp(50px, 15vw, 72px);
        border-radius: 14px;
    }

    .zz-home-page .adrRec .sub_box a p {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    .zz-home-page .htbot {
        margin-top: 10px;
    }

    .zz-home-page .hSlider,
    .zz-home-page .hSlider .hSImg,
    .zz-home-page .hSlider .hSImg a {
        float: none;
        width: 100%;
        height: 43vw;
        min-height: 150px;
        max-height: 260px;
    }

    .zz-home-page .hSlider .hSImg a > img {
        width: 100%;
        min-height: 100%;
        object-fit: cover;
    }

    .zz-home-page .hSlider a > div {
        min-width: 0;
        max-width: 82%;
        padding-left: 16px;
    }

    .zz-home-page .hSlider a > div img {
        width: 54px;
        height: 54px;
        margin: 18px 0 8px;
        border-radius: 12px;
    }

    .zz-home-page .hSlider a > div p {
        font-size: 23px;
        line-height: 34px;
    }

    .zz-home-page .hSlider a > div em,
    .zz-home-page .hSlider a > div span {
        display: none;
    }

    .zz-home-page .hSlider .hDot {
        right: 8px;
        bottom: 9px;
    }

    .zz-home-page .hSlider .hDot li,
    .zz-home-page .hSlider .hDot span {
        width: 22px;
    }

    .zz-home-page .htbot .list {
        display: grid;
        float: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
        height: auto;
        margin-top: 10px;
    }

    .zz-home-page .htbot .list a,
    .zz-home-page .htbot .list a:nth-of-type(n+2) {
        width: 100%;
        height: 27vw;
        min-height: 96px;
        max-height: 150px;
        margin-top: 0;
    }

    .zz-home-page .adrMid {
        max-height: none;
        padding: 0 10px 8px;
    }

    .zz-home-page .adrMid .adrML,
    .zz-home-page .adrMid .adrMM,
    .zz-home-page .adrMid .adrMR {
        float: none;
        width: 100%;
        margin: 0;
    }

    .zz-home-page .adrML ol li .index_top_div {
        width: 100%;
        height: 90px;
        box-sizing: border-box;
    }

    .zz-home-page .adrML ol li .index_top_div > div {
        width: calc(100% - 160px);
    }

    .zz-home-page .adrMM ul li a:nth-of-type(2) {
        width: calc(100% - 160px);
    }

    .zz-home-page .adrMR ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .zz-home-page .adrMR ul li,
    .zz-home-page .adrMR ul li a {
        width: 100%;
        height: 28vw;
        min-height: 100px;
        max-height: 150px;
        margin: 0;
    }

    .zz-home-page .adrGame {
        padding: 6px 10px 12px;
    }

    .zz-home-page .adrGame .tabMenu {
        position: static;
        width: 100%;
        height: 44px;
        margin: 2px 0 6px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .zz-home-page .adrGame .tabMenu > div {
        display: flex;
        width: max-content;
        min-width: 100%;
        height: 40px;
    }

    .zz-home-page .adrGame .tabMenu span {
        flex: 0 0 auto;
        float: none;
        white-space: nowrap;
    }

    .zz-home-page .adrGame .tabCont div {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .zz-home-page .adrGame .tabCont div a {
        float: none;
        width: 100%;
        height: auto;
        min-width: 0;
        margin: 0 0 10px;
        padding: 4px;
    }

    .zz-home-page .adrGame .tabCont div a img {
        width: min(24vw, 86px);
        height: min(24vw, 86px);
        border-radius: 16px;
    }

    .zz-home-page .inRankBox .boxWrap,
    .zz-home-page .inRankBox .boxCont {
        width: 100% !important;
    }

    .zz-home-page .inRankBox .boxWrap {
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .zz-home-page .inRankBox .boxWrap .boxCont {
        display: block;
        padding: 0;
        box-sizing: border-box;
    }

    .zz-home-page .inRankBox .boxWrap .boxCont .boxItem {
        width: 100%;
        margin: 0 0 12px;
        padding-left: 0;
        box-sizing: border-box;
        overflow: hidden;
    }

    .zz-home-page .inRankBox .boxItem .itemTitle {
        font-size: 22px;
    }

    .zz-home-page .inRankBox .boxItem > ul li.active {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .zz-home-page .inRankBox .boxItem > ul li.active > span {
        flex: 0 0 31px;
        margin-right: 4px;
    }

    .zz-home-page .inRankBox .boxItem > ul li.active > .imgBox {
        flex: 0 0 64px;
        margin-left: 5px;
    }

    .zz-home-page .inRankBox .boxItem > ul li.active > .imgInfo {
        min-width: 0;
        padding-right: 4px;
        padding-left: 10px;
    }

    .zz-home-page .inRankBox .boxItem > ul li.active > .btnItem {
        flex: 0 0 54px;
        width: 54px;
        margin-right: 0;
        margin-left: 4px;
    }

    /* 列表页 */
    .zz-list-page .adrGTop {
        padding-bottom: 8px;
    }

    .zz-list-page .adrGTop ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
        padding-bottom: 12px;
    }

    .zz-list-page .adrGTop ul li,
    .zz-list-page .adrGTop ul li a {
        float: none;
        width: 100%;
        height: 27vw;
        min-height: 104px;
        max-height: 180px;
        margin: 0;
    }

    .zz-list-page .adrGTop ul li p {
        padding-left: 0;
        text-indent: .4em;
    }

    .zz-list-page .adrGTop ul li span {
        display: none;
    }

    .zz-list-page .adrGTop .list {
        display: flex;
        width: 100%;
        margin: 6px 0;
        padding-bottom: 5px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .zz-list-page .adrGTop .list a {
        flex: 0 0 92px;
        float: none;
        width: 92px;
        margin: 8px 5px 0 0;
    }

    .zz-list-page .adrList {
        width: auto;
        margin: 0 12px 22px;
        padding: 12px 0 18px;
    }

    .zz-list-page .adrList ul {
        padding: 0 10px;
    }

    .zz-list-page .adrList ul li {
        float: none;
        width: 100%;
        height: auto;
        min-height: 102px;
        margin: 0 0 10px;
    }

    .zz-list-page .adrList ul li .list_div {
        min-height: 102px;
        padding: 15px 12px;
    }

    .zz-list-page .adrList ul li img {
        width: 66px;
        height: 66px;
        margin-right: 10px;
    }

    .zz-list-page .adrList ul li div {
        width: calc(100% - 156px);
        min-width: 0;
    }

    .zz-list-page .adrList ul li div p {
        font-size: 16px;
    }

    .zz-list-page .adrList ul li a > span {
        right: 10px;
        width: 62px;
    }

    .zz-list-page .pagecode {
        width: 100%;
        height: auto;
        margin: 10px 0 0 !important;
        padding: 0 8px;
    }

    .zz-list-page .zz-pager {
        gap: 4px;
        flex-wrap: wrap;
    }

    .zz-list-page .pagecode .zz-pager a {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        line-height: 32px;
        font-size: 14px;
    }

    .zz-list-page .pagecode .zz-pager .zz-page-prev,
    .zz-list-page .pagecode .zz-pager .zz-page-next {
        padding-right: 4px;
        padding-left: 4px;
    }

    /* 详情页 */
    .zz-info-page .adrContLR {
        padding-bottom: 20px;
        overflow: visible;
    }

    .zz-info-page .adrContLR .crumb {
        float: none;
        width: 100%;
    }

    .zz-info-page .adrContLR .crumb > div {
        width: 100%;
    }

    .zz-info-page .adrContL,
    .zz-info-page .adrContR {
        float: none;
        width: 100%;
        margin-right: 0;
        overflow: visible;
    }

    .zz-info-page .adrIntro {
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        grid-template-rows: auto auto auto auto auto;
        column-gap: 12px;
        row-gap: 7px;
        min-height: 0;
        padding: 14px 12px;
        box-sizing: border-box;
    }

    .zz-info-page .adrIntro > img {
        grid-column: 1;
        grid-row: 1 / 3;
        float: none;
        width: 80px;
        height: 80px;
        margin: 0;
        border-radius: 16px;
    }

    .zz-info-page .adrIntro .info {
        display: contents;
    }

    .zz-info-page .adrIntro .info h1 {
        grid-column: 2;
        grid-row: 1;
        align-self: end;
        min-width: 0;
        margin: 0;
        font-size: 20px;
        line-height: 28px;
        white-space: normal;
    }

    .zz-info-page .adrIntro .info .tag {
        display: none;
    }

    .zz-info-page .adrIntro .info p {
        min-width: 0;
        height: auto;
        margin: 0;
        line-height: 24px;
        white-space: normal;
    }

    .zz-info-page .adrIntro .info p:nth-of-type(1) {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
    }

    .zz-info-page .adrIntro .info p:nth-of-type(2) {
        grid-column: 2;
        grid-row: 3;
    }

    .zz-info-page .adrIntro .info p span {
        margin-left: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .zz-info-page .adrIntro .adrAge {
        position: static;
        grid-column: 1;
        grid-row: 3;
        align-self: start;
        width: 80px;
        height: 26px;
        border-radius: 6px;
        line-height: 26px;
    }

    .zz-info-page .adrIntro .downBtn {
        grid-column: 1 / 3;
        grid-row: 4;
        width: 100%;
        margin: 2px 0 0;
        overflow: visible;
    }

    .zz-info-page .adrIntro .downBtn a,
    .zz-info-page .adrIntro .downBtn button {
        float: none;
        width: 100%;
        height: 44px;
        margin: 0;
        box-sizing: border-box;
        line-height: 44px;
    }

    .zz-info-page .adrIntro .feBaBtn {
        grid-column: 1 / 3;
        grid-row: 5;
        position: static;
        width: 100%;
        height: 38px;
        margin: 2px 0 0;
        box-sizing: border-box;
        line-height: 38px;
    }

    .zz-info-page .showImg {
        height: 260px;
        margin: 2px 0 10px;
    }

    .zz-info-page .showImg .swiper-slide {
        height: 210px;
        margin-right: 10px;
    }

    .zz-info-page .showImg .swiper-container-horizontal > .swiper-pagination-progressbar,
    .zz-info-page .showImg .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: calc(100% - 108px) !important;
    }

    .zz-info-page .gameCont {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 15px;
        line-height: 1.8;
    }

    .zz-info-page .gameCont img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .zz-info-page .adrInfo > ul {
        padding: 8px 12px 14px;
    }

    .zz-info-page .adrInfo > ul li {
        float: none;
        width: 100%;
        min-height: 34px;
        line-height: 24px;
        padding: 5px 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .zz-info-page .adrInfo > ul li span {
        width: 70px;
        margin: 0 8px 0 0;
    }

    .zz-info-page .adrContR {
        margin-top: 16px;
    }

    .zz-info-page .adrContR section {
        margin-bottom: 14px;
    }

    .zz-info-page .gsHRec li,
    .zz-info-page .gsHRec li:hover {
        width: 100%;
        box-sizing: border-box;
    }

    .zz-info-page .gsXinRec ul {
        padding-top: 4px;
    }

    .zz-info-page .gsXinRec li:first-child {
        height: 90px;
        margin-bottom: 0;
        padding: 10px 12px;
    }

    .zz-info-page .gsXinRec li:first-child > div {
        width: calc(100% - 152px);
        min-width: 0;
    }

    .zz-info-page .gsXinRec li:nth-of-type(n+2) {
        display: flex;
        align-items: center;
        height: 46px;
        padding: 8px 12px;
    }

    .zz-info-page .gsXinRec li:nth-of-type(n+2) > a {
        display: block;
        max-width: calc(100% - 72px);
        min-width: 0;
        overflow: hidden;
        line-height: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .zz-info-page .gsXinRec li > span a,
    .zz-info-page .gsXinRec li .up_span_look a {
        right: 10px;
        top: 10px;
        width: 58px;
        height: 26px;
        line-height: 26px;
    }

    /* 详情/对比页选项卡：标题可横滑，不再挤出容器 */
    .zz-info-page .tab_box .tab_menu {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .zz-info-page .tab_box .tab_menu::-webkit-scrollbar {
        display: none;
    }

    .zz-info-page .tab_box .tab_menu span {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    /* 用户评论：移动端流式排版 */
    .zz-info-page .gdMarkBox .evaluate_form,
    .zz-info-page .gdMarkBox .evaluate_list .evaluate_tit {
        padding-left: 14px;
        padding-right: 14px;
    }

    .zz-info-page .gdMarkBox .evaluate_list ul li .el a {
        padding: 12px 14px;
        gap: 10px;
    }

    .zz-info-page .gdMarkBox .evaluate_list ul li .el a img {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .zz-info-page .gdMarkBox .evaluate_list ul li .el a > span {
        width: 56px;
        font-size: 12px;
    }

    .zz-info-page .gdMarkBox .evaluate_btn button {
        width: 96px;
    }
}

@media (max-width: 359px) {
    .zz-home-page .adrGame .tabCont div {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zz-list-page .adrGTop ul {
        grid-template-columns: 1fr;
    }

    .zz-list-page .adrGTop ul li,
    .zz-list-page .adrGTop ul li a {
        height: 48vw;
    }
}