/* ========================================
   移动端优化样式
   ======================================== */

/* 触摸优化 */
@media (max-width: 768px) {
    /* 更大的触摸目标 */
    .btn { min-height: 44px; }
    .nav-item,
    .member-menu a { min-height: 48px; }
    
    /* 优化表单输入 */
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea {
        font-size: 16px; /* 防止 iOS 自动缩放 */
    }
    
    /* 优化卡片间距 */
    .category-card,
    .info-item,
    .form-box {
        padding: 12px 15px;
    }
    
    /* 优化图片加载 */
    img {
        loading: lazy;
    }
    
    /* 移动端菜单优化 */
    .mobile-menu {
        -webkit-overflow-scrolling: touch;
    }
    
    /* 底部安全区域（iPhone X 及以上） */
    .mobile-bottom-nav {
        padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    }
    
    /* 主内容底部留白，避免被底部导航遮挡 */
    .site-main {
        padding-bottom: 70px;
    }
}

/* 横屏优化 */
@media (max-width: 768px) and (orientation: landscape) {
    .site-header .header-inner {
        height: 50px;
    }
    
    .logo h1 {
        font-size: 16px;
    }
}

/* 小屏手机优化 */
@media (max-width: 375px) {
    html {
        font-size: 13px;
    }
    
    .container {
        padding: 0 10px;
    }
    
    .category-grid {
        gap: 10px;
    }
}

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

/* 无障碍优化 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}