/* 响应式设计补充 */

/* 移动设备优化 */
@media (max-width: 640px) {
    /* 导航栏调整 */
    .mobile-menu {        
        transition: all 0.3s ease;
    }
    
    /* 内容区域调整 */
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    /* 按钮大小调整 */
    .btn {
        @apply px-4 py-2 text-sm;
    }
    
    /* 卡片调整 */
    .card {
        @apply p-4;
    }
    
    /* 字体大小调整 */
    h1 {
        @apply text-2xl md:text-3xl lg:text-4xl;
    }
    
    h2 {
        @apply text-xl md:text-2xl lg:text-3xl;
    }
    
    h3 {
        @apply text-lg md:text-xl lg:text-2xl;
    }
    
    /* 间距调整 */
    .section {
        @apply py-8 md:py-16;
    }
    
    /* 表单元素调整 */
    input, textarea, select {
        @apply text-sm;
    }
    
    /* 轮播图调整 */
    #hero-carousel {
        @apply h-auto;
    }
    
    /* 数据统计调整 */
    .stats-container {
        @apply flex-col space-y-4;
    }
    
    /* 页脚调整 */
    .footer-grid {
        @apply grid-cols-1 gap-6;
    }
    
    /* 页脚网格调整 */
    footer .grid {
        @apply grid-cols-1 gap-6;
    }
    
    /* 页脚标题调整 */
    footer h4 {
        @apply text-base mb-4;
    }
    
    /* 页脚链接调整 */
    footer ul {
        @apply space-y-2;
    }
    
    footer li {
        @apply text-sm;
    }
}

/* 平板设备优化 */
@media (min-width: 641px) and (max-width: 1024px) {
    /* 导航栏调整 */
    .desktop-nav {
        @apply space-x-4;
    }
    
    /* 内容区域调整 */
    .container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    /* 卡片调整 */
    .card {
        @apply p-5;
    }
    
    /* 轮播图调整 */
    #hero-carousel {
        @apply h-[500px];
    }
    
    /* 数据统计调整 */
    .stats-container {
        @apply grid-cols-2 gap-4;
    }
    
    /* 页脚调整 */
    .footer-grid {
        @apply grid-cols-2 gap-6;
    }
    
    /* 页脚网格调整 */
    footer .grid {
        @apply grid-cols-2 gap-6;
    }
    
    /* 页脚标题调整 */
    footer h4 {
        @apply text-lg mb-6;
    }
    
    /* 页脚链接调整 */
    footer ul {
        @apply space-y-3;
    }
    
    footer li {
        @apply text-sm;
    }
}

/* 桌面设备优化 */
@media (min-width: 1025px) {
    /* 导航栏调整 */
    .desktop-nav {
        @apply space-x-8;
    }
    
    /* 内容区域调整 */
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    /* 卡片调整 */
    .card {
        @apply p-6;
    }
    
    /* 轮播图调整 */
    #hero-carousel {
        @apply h-[600px];
    }
    
    /* 数据统计调整 */
    .stats-container {
        @apply grid-cols-3 gap-6;
    }
    
    /* 页脚调整 */
    .footer-grid {
        @apply grid-cols-4 gap-8;
    }
    
    /* 页脚网格调整 */
    footer .grid {
        @apply grid-cols-4 gap-8;
    }
    
    /* 页脚标题调整 */
    footer h4 {
        @apply text-lg mb-6;
    }
    
    /* 页脚链接调整 */
    footer ul {
        @apply space-y-3;
    }
    
    footer li {
        @apply text-sm;
    }
}

/* 大屏幕设备优化 */
@media (min-width: 1280px) {
    /* 内容区域调整 */
    .container {
        max-width: 1280px;
    }
    
    /* 轮播图调整 */
    #hero-carousel {
        @apply h-[650px];
    }
}

/* 横屏设备优化 */
@media (orientation: landscape) and (max-width: 1024px) {
    /* 导航栏调整 */
    .mobile-menu {
        @apply flex-row flex-wrap;
    }
    
    /* 轮播图调整 */
    #hero-carousel {
        @apply h-[400px];
    }
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    /* 触摸反馈 */
    .btn {
        @apply active:scale-95;
    }
    
    /* 卡片触摸效果 */
    .card-hover {
        @apply transition-transform duration-200;
    }
    
    .card-hover:active {
        @apply transform scale-98;
    }
}

/* 打印样式 */
@media print {
    /* 隐藏不需要打印的元素 */
    .no-print {
        @apply hidden;
    }
    
    /* 打印样式调整 */
    body {
        @apply bg-white text-black;
    }
    
    /* 页面设置 */
    @page {
        margin: 1cm;
    }
}