/* ========================================
   畜牧行业个人官网 - 响应式样式
   ======================================== */

/* ===== 平板（≤1024px） ===== */
@media (max-width: 1024px) {
    .quick-links-grid { grid-template-columns: repeat(2, 1fr); }
    .news-grid { grid-template-columns: repeat(2, 1fr); }
    .data-cards { grid-template-columns: repeat(2, 1fr); }
    .data-cards-grid { grid-template-columns: repeat(2, 1fr); }
    .feed-features { grid-template-columns: repeat(2, 1fr); }
    .feed-product-grid { grid-template-columns: repeat(2, 1fr); }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-widgets { grid-template-columns: repeat(2, 1fr); }
    .cert-grid { grid-template-columns: repeat(2, 1fr); }
    .price-summary-cards { grid-template-columns: repeat(2, 1fr); }
    .chart-row { grid-template-columns: 1fr; }
    .hero-title { font-size: 32px; }
    .about-intro { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .content-with-sidebar { grid-template-columns: 1fr; }
    .knowledge-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== 手机（≤768px） ===== */
@media (max-width: 768px) {
    html { font-size: 15px; }

    /* 顶部栏 */
    .top-bar-left span:last-child { display: none; }
    .top-bar-inner { justify-content: center; }

    /* 导航 */
    .mobile-menu-toggle { display: flex; }
    .primary-menu {
        display: none;
        position: absolute;
        top: var(--header-height);
        left: 0;
        right: 0;
        background: var(--white);
        flex-direction: column;
        box-shadow: var(--shadow-lg);
        padding: 10px 0;
        z-index: 1000;
    }
    .primary-menu.active { display: flex; }
    .primary-menu a { padding: 12px 20px; border-bottom: none; border-left: 3px solid transparent; }
    .primary-menu a:hover,
    .primary-menu .current-menu-item a { border-bottom: none; border-left-color: var(--green-primary); }

    /* Hero */
    .hero-section { padding: 60px 0; }
    .hero-title { font-size: 26px; }
    .hero-subtitle { font-size: 14px; }
    .hero-buttons { flex-direction: column; align-items: center; }
    .hero-buttons .btn { width: 80%; }

    /* Grids */
    .quick-links-grid { grid-template-columns: 1fr 1fr; }
    .news-grid { grid-template-columns: 1fr; }
    .data-cards { grid-template-columns: repeat(2, 1fr); }
    .data-cards-grid { grid-template-columns: repeat(2, 1fr); }
    .feed-features { grid-template-columns: 1fr 1fr; }
    .feed-product-grid { grid-template-columns: 1fr 1fr; }
    .product-grid { grid-template-columns: 1fr 1fr; }
    .footer-widgets { grid-template-columns: 1fr; }
    .cert-grid { grid-template-columns: 1fr 1fr; }
    .price-summary-cards { grid-template-columns: repeat(2, 1fr); }
    .knowledge-grid { grid-template-columns: 1fr; }
    .about-highlights { grid-template-columns: 1fr 1fr; }

    /* 页面头部 */
    .page-header h1 { font-size: 24px; }
    .page-header { padding: 30px 0; }

    /* 区块 */
    section { padding: 40px 0; }
    .section-title { font-size: 22px; }

    /* 联系表单 */
    .form-row { grid-template-columns: 1fr; }

    /* 行情卡片 */
    .summary-card { padding: 15px; }
    .summary-value { font-size: 22px; }
    .price-tab { padding: 10px 16px; font-size: 14px; }

    /* 案例详情 */
    .news-card-inner { flex-direction: column; }
    .news-card-inner .news-thumb { width: 100%; }
    .news-card-inner .news-detail { padding: 15px; }

    /* 流程图 */
    .process-steps { flex-direction: column; }
    .process-arrow { transform: rotate(90deg); }

    /* 浮动按钮 */
    .floating-contact { right: 10px; bottom: 80px; }
    .float-btn { width: 48px; height: 48px; }
    .float-btn i { font-size: 18px; }
    .float-btn span { display: none; }
    .back-to-top { right: 10px; bottom: 20px; }

    /* 内容布局 */
    .content-with-sidebar { grid-template-columns: 1fr; }
    .sidebar { margin-top: 30px; }
}

/* ===== 小手机（≤480px） ===== */
@media (max-width: 480px) {
    .quick-links-grid { grid-template-columns: 1fr; }
    .feed-features { grid-template-columns: 1fr; }
    .feed-product-grid { grid-template-columns: 1fr; }
    .product-grid { grid-template-columns: 1fr; }
    .data-cards { grid-template-columns: 1fr; }
    .data-cards-grid { grid-template-columns: 1fr; }
    .price-summary-cards { grid-template-columns: 1fr 1fr; }
    .cert-grid { grid-template-columns: 1fr; }
    .about-highlights { grid-template-columns: 1fr; }
    .hero-title { font-size: 22px; }
    .hero-section { padding: 40px 0; }
}