/* ============================================
   响应式适配 - 移动端专属
   ============================================ */

/* 小屏手机微调 (≤375px) */
@media (max-width: 375px) {
    :root {
        --font-2xl: 20px;
        --font-xl: 18px;
        --font-lg: 16px;
    }

    .hero-stats {
        flex-direction: column;
        gap: var(--space-md);
    }

    .stat-item {
        display: flex;
        align-items: center;
        gap: var(--space-sm);
    }

    .stat-num {
        font-size: var(--font-lg);
    }

    .glass-card {
        padding: var(--space-md);
    }

    .btn-lg {
        padding: 12px 20px;
        font-size: var(--font-base);
    }
}

/* 暗色模式预留 */
@media (prefers-color-scheme: dark) {
    /* 可在此添加暗色模式样式 */
}

/* 安全区域适配 (iPhone等刘海屏) */
@supports (padding-top: env(safe-area-inset-top)) {
    .top-nav {
        padding-top: env(safe-area-inset-top);
        height: calc(var(--nav-height) + env(safe-area-inset-top));
    }

    .main-content {
        padding-top: calc(var(--nav-height) + env(safe-area-inset-top));
    }

    .mycase-feedback-entry {
        bottom: calc(20px + env(safe-area-inset-bottom));
    }
}