/* ============================================
   响应式设计
   ============================================ */

/* 平板设备 (768px 及以下) */
@media (max-width: 768px) {
    .navbar-menu {
        gap: 1rem;
        font-size: 0.9rem;
    }

    .hero {
        min-height: 500px;
        padding: 60px 20px;
    }

    .hero-title {
        font-size: 2.5rem;
    }

    .hero-subtitle {
        font-size: 1.1rem;
    }

    .hero-cta {
        flex-direction: column;
    }

    .section-title {
        font-size: 2rem;
    }

    .business-grid,
    .products-grid {
        grid-template-columns: 1fr;
    }

    .banner-content h1 {
        font-size: 2rem;
    }

    .banner-content p {
        font-size: 1rem;
    }

    .cta h2 {
        font-size: 1.8rem;
    }

    .cta p {
        font-size: 1rem;
    }

    .footer-content {
        grid-template-columns: 1fr;
    }
}

/* 手机设备 (480px 及以下) */
@media (max-width: 480px) {
    .navbar-brand .logo {
        font-size: 1.2rem;
    }

    .navbar-menu {
        gap: 0.5rem;
        font-size: 0.8rem;
    }

    .hero {
        min-height: 400px;
        padding: 40px 15px;
    }

    .hero-title {
        font-size: 1.8rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .btn-lg {
        padding: 0.75rem 1.5rem;
        font-size: 0.95rem;
    }

    .section-title {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .business-grid,
    .products-grid {
        gap: 1rem;
    }

    .product-image {
        height: 150px;
    }

    .product-info {
        padding: 1rem;
    }

    .product-info h3 {
        font-size: 1.1rem;
    }

    .banner-content h1 {
        font-size: 1.5rem;
    }

    .banner-content p {
        font-size: 0.9rem;
    }

    .versions-grid {
        grid-template-columns: 1fr;
    }

    .update-item,
    .tutorial-item {
        padding: 1rem;
    }

    .cta {
        padding: 40px 15px;
    }

    .cta h2 {
        font-size: 1.5rem;
    }

    .cta p {
        font-size: 0.95rem;
    }

    .footer {
        padding: 40px 15px 15px;
    }

    .footer-section h3,
    .footer-section h4 {
        font-size: 1rem;
    }

    .footer-section p {
        font-size: 0.85rem;
    }
}

/* 超小屏幕 (320px 及以下) */
@media (max-width: 320px) {
    .hero-title {
        font-size: 1.5rem;
    }

    .hero-subtitle {
        font-size: 0.9rem;
    }

    .btn {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }

    .section-title {
        font-size: 1.3rem;
    }

    .product-info h3 {
        font-size: 1rem;
    }

    .banner-content h1 {
        font-size: 1.3rem;
    }

    .cta h2 {
        font-size: 1.3rem;
    }
}

/* 打印样式 */
@media print {
    .header,
    .footer,
    .btn,
    .navbar {
        display: none;
    }

    body {
        background: white;
        color: black;
    }

    .business-card,
    .product-card,
    .update-item,
    .tutorial-item {
        page-break-inside: avoid;
    }
}