/* 移动端响应式优化 */
@media (max-width: 768px) {
    .main-container {
        padding-top: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .ambient-background {
        top: 15px;
    }
    /* 顶部导航 */
    .main-header {
        padding: 0 15px;
        height: 64px;
    }
    .brand-text { display: none; } /* 小屏隐藏文字只留图标 */
    .user-text { max-width: 140px; }

    /* 资产仪表盘 */
    .asset-dashboard {
        grid-template-columns: 1fr; /* 单列显示防止挤压 */
        gap: 12px;
        padding: 15px;
        margin-bottom: 25px;
    }
    .asset-item {
        height: 70px;
        padding: 12px;
    }
    .asset-icon-circle {
        width: 40px; height: 40px; font-size: 20px;
    }
    .asset-number { font-size: 18px; }

    /* 盲盒网格 */
    .box-grid {
        /*grid-template-columns: 1fr;*/ /* 移动端强制单列 */
        gap: 20px;
        padding-bottom: 60px;
    }
    
    .box-card {
        width: 100%;
        max-width: 400px;
        margin: 0 auto; /* 居中 */
    }

    /* 模态框适配 */
    .modal-panel {
        width: 95%;
        max-height: 90vh;
        overflow-y: auto;
    }
    .modal-header { padding: 20px 20px 0; }
    .recharge-body { padding: 20px; }

    /* 充值选项 */
    .amount-grid {
        grid-template-columns: repeat(3, 1fr); /* 保持3列但缩小间距 */
        gap: 8px;
    }
    .amount-btn { padding: 10px 0; font-size: 14px; }

    /* 抽奖动画 */
    .draw-phase-opening { height: 260px; }
    .box-3d-container { width: 100px; height: 100px; margin-bottom: 30px; }
    .face { width: 100px; height: 100px; }
    .front { transform: translateZ(50px); }
    .back { transform: rotateY(180deg) translateZ(50px); }
    .left { transform: rotateY(-90deg) translateZ(50px); }
    .right { transform: rotateY(90deg) translateZ(50px); }
    .top { transform: rotateX(90deg) translateZ(50px); }
    .bottom { transform: rotateX(-90deg) translateZ(50px); }

    /* 结果展示 */
    .prize-showcase { min-height: 280px; }
    .vip-black-gold-card { width: 100%; height: 160px; }
}

/* 针对超小屏幕 (如 iPhone SE) */
@media (max-width: 360px) {
    .amount-grid { grid-template-columns: repeat(2, 1fr); }
    .asset-number { font-size: 16px; }
}