/* ============================================================
   Gamify 页面公共移动端适配
   仅在 max-width:768px 生效，电脑端零影响
   只改位置/大小，不删任何元素
   ============================================================ */

@media (max-width: 768px) {

    /* ── 背景装饰：缩小避免溢出 ── */
    body::after {
        width: 16rem;
        height: 10rem;
    }
    .page-wrap::after {
        width: 18rem;
        height: 18rem;
    }

    /* ── 左侧品牌竖文字：缩小贴边 ── */
    .left-brand {
        left: .25rem;
        width: 1rem;
        opacity: .12;
    }

    /* ── 顶部标题栏 ── */
    .page-header-bar {
        height: 3.5rem;
    }
    .page-header-bar .header-title {
        font-size: 1.1rem;
        letter-spacing: .05em;
    }
    .page-header-bar .header-deco {
        font-size: 1.5rem;
        letter-spacing: .1em;
    }
    .page-header-bar .back-btn {
        left: .75rem;
        font-size: .75rem;
        gap: .25rem;
    }
    .page-header-bar .back-btn svg {
        width: 1rem;
        height: 1rem;
    }
    /* 三角装饰：靠近标题 */
    .page-header-bar .header-triangles-left {
        left: calc(50% - 5.5rem);
        width: 1rem;
        height: 1rem;
    }
    .page-header-bar .header-triangles-right {
        left: calc(50% + 5.5rem);
        width: 1rem;
        height: 1rem;
    }

    /* ── 主内容区：缩小内边距 ── */
    .main-content {
        padding: 1rem .75rem 2rem;
    }

    /* ── 镂空大字：缩小 ── */
    .hallow-text-large {
        font-size: 2.5rem !important;
    }
    .hallow-text-medium {
        font-size: 1.75rem !important;
    }

    /* ── 三色装饰线：缩短渐变断点 ── */
    .deco-line {
        background-image: linear-gradient(90deg, #ff00f0 4rem, #fffa00 0, #fffa00 8rem, #00ffa2 0);
    }

    /* ── SectionTitle ── */
    .section-title .st-cn {
        font-size: 1.25rem;
    }
    .section-title .st-en {
        font-size: .875rem;
    }

    /* ── 导航标签栏：允许横向滚动 ── */
    .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-bottom: 1rem;
    }
    .nav-tabs::-webkit-scrollbar {
        display: none;
    }
    .nav-tab {
        padding: .625rem .875rem;
        font-size: .75rem;
        flex-shrink: 0;
    }

    /* ── 筛选按钮栏 ── */
    .filter-bar {
        gap: .375rem;
        margin-bottom: 1rem;
    }
    .filter-btn {
        padding: .375rem .75rem;
        font-size: .7rem;
    }

    /* ── 右侧黄色装饰面板：缩窄并右移1/5宽度 ── */
    .right-deco {
        width: 1.5rem;
        height: 14rem;
        right: -1.5rem !important;
        z-index: 2 !important;
    }
    .right-deco .rd-line {
        left: .45rem !important;/**/
        height: .75rem;
        width: 13rem;
    }
    .right-deco .rd-line .rd-title {
        font-size: .5rem;
    }
    .right-deco .rd-line .rd-ak {
        font-size: .35rem;
        bottom: 1rem;
    }

    /* ── 信号塔装饰：缩小，跟随桌面端同样逻辑但用更小偏移 ── */
    .notice-deco {
        width: 2rem;
        left: -1.25rem !important;
        top: 8rem !important;
    }
    .notice-deco .nd-wrapper {
        height: 6rem;
    }
    .notice-deco .nd-tower {
        width: 4rem;
        height: 4rem;
    }
    .notice-text-group .ntg-label {
        font-size: .5rem !important;
    }
    .notice-divider {
        width: 1rem !important;
    }

    /* ── 固定定位装饰元素：缩小贴边 ── */
    .color-block {
        right: .5rem !important;
        top: 50% !important;
        opacity: .2 !important;
    }
    .color-block::before {
        width: .3rem;
        height: 4rem;
    }

    .deco-star {
        width: 1.25rem !important;
        height: 1.4rem !important;
    }

    .deco-plus {
        width: 1.25rem !important;
        height: 1.25rem !important;
    }

    /* ── 通用按钮 ── */
    .btn {
        height: 2.25rem;
        font-size: .75rem;
        min-width: 5rem;
    }

    /* ── 页脚 ── */
    .page-footer {
        padding: 2rem 1rem 1.5rem;
        font-size: .5rem;
    }
    .page-footer .footer-deco {
        width: 5rem;
    }
    .page-footer .footer-bolt {
        right: .75rem;
        width: 2.5rem;
    }

    /* ── decoText ── */
    .deco-text {
        font-size: .7rem;
    }
    .deco-text .bracket {
        font-size: 1rem;
    }
    .deco-text .dt-title {
        font-size: .8rem;
    }

    /* ── 弹窗适配 ── */
    .modal-content {
        padding: 1.5rem;
        max-width: 90vw;
    }
    .modal-title {
        font-size: 1.125rem;
    }
    .modal-desc {
        font-size: .8125rem;
    }

    /* ── toast ── */
    .toast {
        max-width: 90vw;
        font-size: .75rem;
        padding: .5rem 1rem;
    }

}