/* =============================================
   顺飞纺织官网 - 响应式样式
   ShunFei Textile - Responsive Styles
   ============================================= */

/* ===== 平板设备 (<=1024px) ===== */
@media screen and (max-width: 1024px) {
    .container { width: 96%; padding: 0 15px; }
    
    .hero-slider .slide-content h2 { font-size: 2.2rem; }
    .hero-slider .slide-content p { font-size: 1rem; }
    
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    
    .products-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }
    
    .categories-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }
    
    .news-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .contact-item { display: block; font-size: 12px; }
    .contact-item i { display: inline; margin-right: 4px; width: auto; }
    
    .product-detail-grid { grid-template-columns: 1fr; gap: 20px; }
    
    .contact-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
}

/* ===== 平板竖屏/大屏手机 (<=768px) ===== */
@media screen and (max-width: 768px) {
    .container { width: 100%; padding: 0 12px; }
    
    .site-header .header-content { padding: 10px 0; }
    .main-nav { display: none; }
    .mobile-menu-toggle { display: flex; }
    
    .hero-slider .slide { height: 350px; }
    .hero-slider .slide-content h2 { font-size: 1.8rem; }
    .hero-slider .slide-content p { font-size: 0.9rem; }
    .hero-slider .slide-content { padding: 0 20px; width: 90%; }
    
    .section-padding { padding: 40px 0; }
    
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .stat-card { padding: 15px; }
    .stat-card .stat-number { font-size: 1.8rem; }
    
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    
    .categories-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    
    .certificates-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    
    .news-grid { grid-template-columns: 1fr; gap: 15px; }
    
    .partners-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    
    .footer-grid { grid-template-columns: 1fr; gap: 15px; }
    
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    
    .contact-grid { grid-template-columns: 1fr; gap: 15px; }
    
    .company-info { padding: 15px; }
    
    .form-group { margin-bottom: 12px; }
    
    .top-notice { font-size: 0.8rem; padding: 8px 0; }
    
    .footer-bottom { text-align: center; }
    .footer-bottom .container { flex-direction: column; gap: 10px; }
    
    .page-header { padding: 30px 0; }
    .page-header h1 { font-size: 1.5rem; }
    
    .quick-actions-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    
    .mobile-menu { width: 80%; }
}

/* ===== 手机设备 (<=576px) ===== */
@media screen and (max-width: 576px) {
    .container { padding: 0 10px; }
    
    .hero-slider .slide { height: 280px; }
    .hero-slider .slide-content h2 { font-size: 1.4rem; }
    .hero-slider .slide-content p { font-size: 0.85rem; }
    .hero-slider .slide-content .slide-btn { padding: 8px 20px; font-size: 0.85rem; }
    .slider-nav button { width: 35px; height: 35px; font-size: 0.9rem; }
    
    .section-padding { padding: 30px 0; }
    
    .section-title { font-size: 1.3rem; }
    .section-subtitle { font-size: 0.85rem; }
    
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .stat-card { padding: 12px; }
    .stat-card .stat-number { font-size: 1.5rem; }
    .stat-card .stat-label { font-size: 0.8rem; }
    
    .products-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .product-card .product-info { padding: 10px; }
    .product-card .product-name { font-size: 0.9rem; }
    
    .categories-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .category-card { padding: 15px; }
    .category-card .category-name { font-size: 0.9rem; }
    
    .news-card .news-content { padding: 12px; }
    .news-card .news-title { font-size: 0.95rem; }
    
    .partners-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    
    .certificates-grid { grid-template-columns: 1fr; gap: 10px; }
    
    .gallery-grid { grid-template-columns: 1fr; gap: 8px; }
    
    .footer-grid { grid-template-columns: 1fr; gap: 12px; }
    .footer-section h3 { font-size: 1rem; }
    
    .language-switch { font-size: 0.8rem; }
    .language-switch a { padding: 4px 8px; }
    
    .page-header { padding: 25px 0; }
    .page-header h1 { font-size: 1.3rem; }
    
    .filters { flex-direction: column; gap: 8px; }
    .filters select { width: 100%; }
    
    .sort-options { flex-direction: column; gap: 8px; }
    
    .product-compare-bar { flex-direction: column; gap: 8px; }
    
    .quick-actions-grid { grid-template-columns: 1fr; gap: 10px; }
    
    .dashboard-overview .stats-grid { grid-template-columns: 1fr; gap: 10px; }
    
    .status-grid { grid-template-columns: 1fr; gap: 8px; }
    
    .login-container { padding: 20px; margin: 20px; }
    .login-container h2 { font-size: 1.2rem; }
    
    .mobile-menu { width: 85%; }
    
    .product-compare-bar .selected-products { flex-direction: column; gap: 5px; }
}

/* ===== 打印样式 ===== */
@media print {
    .site-header, 
    .site-footer, 
    .hero-slider, 
    .mobile-menu-toggle,
    .back-to-top,
    .product-compare-bar,
    .admin-sidebar { display: none !important; }
    
    body { background: white; color: black; }
    .container { width: 100%; max-width: none; }
    a[href]::after { content: " (" attr(href) ")"; }
}

/* ===== 小屏适配增强 ===== */
@media screen and (max-width: 480px) {
    .hero-slider .slide { height: 240px; }
    .hero-slider .slide-content h2 { font-size: 1.2rem; }
    
    .products-grid { grid-template-columns: 1fr; }
    
    .categories-grid { grid-template-columns: 1fr; }
    
    .stats-grid { grid-template-columns: 1fr 1fr; }
    
    .partners-grid { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 360px) {
    .hero-slider .slide { height: 200px; }
    .hero-slider .slide-content h2 { font-size: 1rem; }
    .hero-slider .slide-content p { font-size: 0.75rem; }
    
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .stat-card .stat-number { font-size: 1.2rem; }
}

/* ===== 管理员后台响应式 ===== */
@media screen and (max-width: 1024px) {
    .admin-body .admin-layout { grid-template-columns: 200px 1fr; }
}

@media screen and (max-width: 768px) {
    .admin-body .admin-layout { grid-template-columns: 1fr; }
    .admin-body .admin-sidebar { display: none; }
    .admin-body .admin-sidebar.mobile-visible { display: block; position: fixed; z-index: 1000; }
    .admin-body .admin-main { margin-left: 0; padding: 15px; }
    .admin-body .admin-header { left: 0; }
}

/* ===== 暗色模式适配 ===== */
@media (prefers-color-scheme: dark) {
    /* 保持明亮模式，不做暗色适配 */
}