/* ============================================
   【APP最终修复】墓园页面 - 2026-05-23
   缩小黄色线圈内的祭品
   ============================================ */

@media screen and (max-width: 768px) {

    /* ============================================
       【墓碑相片】缩小并移到黑色铭牌内
       ============================================ */
    .tomb-photo {
        /* [app修复-相片移到铭牌内-2026-05-23] */
        position: absolute !important;
        top: 155px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 27px !important;
        height: 34px !important;
        z-index: 25 !important;
    }

    /* ============================================
       【逝者姓名】移到黑色铭牌内相片下方
       ============================================ */
    .tomb-name-vertical {
        /* [app修复-姓名移到铭牌内-2026-05-23] */
        position: absolute !important;
        top: 185px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        font-size: 8px !important;
        letter-spacing: 0.1em !important;
        line-height: 1.2 !important;
        color: #fff !important;
        z-index: 28 !important;
    }

    /* ============================================
       【祭品区域】缩小黄色线圈内的祭品
       ============================================ */
    .area-incense {
        /* [app修复-香烛区域缩小-2026-05-23] */
        position: absolute !important;
        top: 60% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 60% !important;
        height: 50px !important;
        z-index: 30 !important;
        pointer-events: none !important;
    }

    .area-other {
        /* [app修复-祭品区域缩小-2026-05-23] */
        position: absolute !important;
        top: 68% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 70% !important;
        height: 80px !important;
        z-index: 30 !important;
        pointer-events: none !important;
    }

    /* ============================================
       【祭品大小】缩小
       ============================================ */
    .area-incense .scene-item {
        /* [app修复-香烛祭品缩小-2026-05-23] */
        width: 20px !important;
        height: 30px !important;
        z-index: 31 !important;
    }

    .area-other .scene-item {
        /* [app修复-其他祭品缩小-2026-05-23] */
        width: 35px !important;
        height: 35px !important;
        z-index: 31 !important;
    }

    /* ============================================
       【底部信息栏】去掉底部黑色空白
       ============================================ */
    .bottom-info {
        /* [app修复-信息栏去掉黑色空白-2026-05-23] */
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        background: transparent !important;
    }

    /* ============================================
       【底部导航】紧挨着信息栏
       ============================================ */
    .bottom-nav {
        /* [app修复-导航紧挨信息栏-2026-05-23] */
        margin-top: 0px !important;
        padding-top: 0px !important;
        background: #000 !important;
        position: relative !important;
    }

    .nav-item {
        /* [app修复-导航项白色-2026-05-23] */
        color: #fff !important;
        font-size: 10px !important;
    }

    /* ============================================
       【祭品套餐按钮】缩小
       ============================================ */
    .btn-offering-package {
        /* [app修复-祭品套餐按钮缩小-2026-05-23] */
        font-size: 9px !important;
        padding: 1px 6px !important;
        background: linear-gradient(135deg, #8B0000, #DC143C) !important;
        color: #FFD700 !important;
        border: 1px solid #FFD700 !important;
    }

    .btn-kneel {
        /* [app修复-跪拜按钮缩小-2026-05-23] */
        font-size: 9px !important;
        padding: 1px 6px !important;
        background: linear-gradient(135deg, #8B4513, #D2691E) !important;
        color: #FFD700 !important;
        border: 1px solid #FFD700 !important;
    }

    /* ============================================
       【VIP套餐祭品展示区】手机端-墓碑前祭台位置
       ============================================ */
    .vip-package-display {
        /* [手机版VIP套餐-墓碑前草坪位置-2026-05-23] */
        position: absolute !important;
        top: 290px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 200px !important;
        z-index: 20 !important;
        pointer-events: none !important;
    }

    .vip-package-table {
        /* [手机版VIP套餐-紧凑网格排列-2026-05-23] */
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        grid-template-rows: repeat(6, auto) !important;
        gap: 1px !important;
        justify-items: center !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .vip-package-table .vp-plate,
    .vip-package-table .vp-rice,
    .vip-package-table .vp-chopsticks,
    .vip-package-table .vp-wine,
    .vip-package-table .vp-paper,
    .vip-package-table .vp-money {
        /* [手机版VIP套餐-统一13px图标-2026-05-23] */
        font-size: 13px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        text-align: center !important;
        background: rgba(139,69,19,0.3) !important;
        border-radius: 50% !important;
        border: 1px solid rgba(218,165,32,0.5) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 第一行：五盘菜 */
    .vip-package-table .vp-plate-1 { grid-column: 1 !important; grid-row: 1 !important; }
    .vip-package-table .vp-plate-2 { grid-column: 2 !important; grid-row: 1 !important; }
    .vip-package-table .vp-plate-3 { grid-column: 3 !important; grid-row: 1 !important; }
    .vip-package-table .vp-plate-4 { grid-column: 4 !important; grid-row: 1 !important; }
    .vip-package-table .vp-plate-5 { grid-column: 5 !important; grid-row: 1 !important; }

    /* 第二行：三碗米饭 */
    .vip-package-table .vp-rice-1 { grid-column: 2 !important; grid-row: 2 !important; }
    .vip-package-table .vp-rice-2 { grid-column: 3 !important; grid-row: 2 !important; }
    .vip-package-table .vp-rice-3 { grid-column: 4 !important; grid-row: 2 !important; }

    /* 第三行：筷子横放 */
    .vip-package-table .vp-chopsticks-1 {
        grid-column: 2 !important; grid-row: 3 !important;
        transform: rotate(90deg) scale(0.8) !important;
        font-size: 11px !important; width: 20px !important; height: 20px !important;
    }
    .vip-package-table .vp-chopsticks-2 {
        grid-column: 3 !important; grid-row: 3 !important;
        transform: rotate(90deg) scale(0.8) !important;
        font-size: 11px !important; width: 20px !important; height: 20px !important;
    }
    .vip-package-table .vp-chopsticks-3 {
        grid-column: 4 !important; grid-row: 3 !important;
        transform: rotate(90deg) scale(0.8) !important;
        font-size: 11px !important; width: 20px !important; height: 20px !important;
    }

    /* 第四行：三杯白酒 */
    .vip-package-table .vp-wine-1 { grid-column: 2 !important; grid-row: 4 !important; }
    .vip-package-table .vp-wine-2 { grid-column: 3 !important; grid-row: 4 !important; }
    .vip-package-table .vp-wine-3 { grid-column: 4 !important; grid-row: 4 !important; }

    /* 第五行：黄纸 */
    .vip-package-table .vp-paper-1 { grid-column: 2 !important; grid-row: 5 !important; }
    .vip-package-table .vp-paper-2 { grid-column: 4 !important; grid-row: 5 !important; }

    /* 第六行：纸钱 */
    .vip-package-table .vp-money-1 { grid-column: 2 !important; grid-row: 6 !important; }
    .vip-package-table .vp-money-2 { grid-column: 4 !important; grid-row: 6 !important; }

    .vip-package-timer {
        /* [手机版VIP套餐-倒计时-2026-05-23] */
        text-align: center !important;
        color: #FFD700 !important;
        font-size: 8px !important;
        margin-top: 1px !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.9) !important;
        white-space: nowrap !important;
        grid-column: 1 / -1 !important;
        grid-row: 7 !important;
    }

    /* 祭祖场景隐藏 */
    .ancestor-worship-scene,
    .ancestor-worship-scene.active {
        display: none !important;
    }
}