/*
 * 首页/分类页弹窗广告（component/home_pop_ads.php）
 * 移植自 yaf-dx-123 component/head.php 的内联 <style>，逐条弹窗 + 应用中心宫格。
 * 说明：宫格的行列数来自后台 appCenterPopSizeXY，由组件在 JS 里写成行内 grid-template-*，
 *      所以这里不写 grid-template-columns/rows。
 */

/* ===== 逐条图片弹窗 ===== */
/* xf1106 IOS26适配 start */
.adspop .popup-container {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transform: translateY(-50%);
}
/* xf1106 IOS26适配 end */
.adspop .popup-container .popup-content {
    max-width: 80vw;
    width: 100%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* 2026-03-23 start */
.adspop .popup-container .popup-close {
    width: 42px;
    height: 42px;
    margin-bottom: -20px;
    z-index: 9;
    cursor: pointer;
}
/* 2026-03-23 end */
.adspop .popup-container .popup-close img { width: 100%; height: 100%; }
.adspop .popup-container .popup-picture { width: 100%; height: 100%; text-align: center; }
.adspop .popup-container .popup-picture img { max-width: 50vw; max-height: 70vh; cursor: pointer; }

@media screen and (max-width: 768px) {
    .adspop .popup-container .popup-picture img { max-width: 80vw; width: 100%; }
}

/* ===== 应用中心宫格弹窗 ===== */
.application-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.application-popup .application-content {
    max-width: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.application-popup .application-header img { max-width: 510px; width: 100%; vertical-align: top; }
.application-popup .application-list {
    max-width: 510px;
    width: 100%;
    display: grid;
    gap: 10px;
    background: linear-gradient(-45deg, #000, #313131);
    padding: 15px 10px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    box-sizing: border-box;
}
.application-popup .application-list a {
    text-decoration: none;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
}
.application-popup .application-list a img {
    width: 2.8rem;
    height: 2.8rem;
    position: relative;
    border-radius: 9px;
}
.application-popup .application-list a img::before { content: ""; display: block; }
.application-popup .application-list a img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100%;
    background-color: #353535;
}
.application-popup .application-list a p {
    font-size: 12px;
    white-space: nowrap;
    margin-top: .3rem;
}

@media (max-width: 767.98px) {
    .application-popup .application-content { max-width: 80vw; }
}