/* ========== 主页移动端响应式优化（er.asp专用） ========== */

/* 平板设备 */
@media (max-width: 992px) {
    /* Banner区域 */
    .hero-section.hero-section {
        min-height: 700px;
        padding-top: 0 !important;
    }

    .hero-section .banner-slider {
        padding-top: 170px !important;
    }

    .banner-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
    }

    .banner-left {
        width: 100%;
        max-width: 600px;
    }

    .banner-right {
        width: 100%;
        max-width: 400px;
    }

    .banner-right img {
        max-width: 100%;
        height: auto;
    }

    /* 品牌介绍 */
    .brand-story-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 关于我们 */
    .about-content {
        flex-direction: column;
        gap: 40px;
    }

    .about-right {
        width: 100%;
    }
}

/* 移动设备 */
@media (max-width: 768px) {
    /* 整体间距调整 */
    .hero-section.hero-section {
        min-height: auto;
        padding: 0 15px 80px 15px !important;
    }

    /* Banner区域 */
    .hero-section .banner-slider {
        height: auto;
        padding-top: 150px !important;
    }

    /* 切换按钮调整 - 使用固定位置确保在可视区域内 */
    .banner-arrow {
        top: 43% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
    }

    .banner-slide {
        padding: 20px 15px;
    }

    .banner-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 25px;
    }

    .banner-left {
        width: 100%;
    }

    .banner-title {
        font-size: 24px !important;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .banner-decoration {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 15px;
    }

    .decoration-item {
        font-size: 14px;
        padding: 8px 15px;
    }

    .banner-desc {
        font-size: 14px;
        line-height: 1.8;
    }

    .stats-container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .stat-item {
        min-width: 80px;
    }

    .stat-number {
        font-size: 20px;
    }

    .stat-label {
        font-size: 12px;
    }

    .banner-right {
        width: 100%;
    }

    .banner-right img {
        max-width: 100%;
        height: auto;
    }

    /* 隐藏装饰元素（移动端简化） */
    .banner-decorations,
    .floating-element {
        display: none !important;
    }

    /* 导航按钮 */
    .banner-arrow {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .banner-nav button {
        width: 10px;
        height: 10px;
    }

    /* 品牌介绍区域 */
    .brand-section {
        padding: 60px 15px;
    }

    .brand-header {
        text-align: center;
    }

    .brand-logo-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .brand-logo-divider {
        transform: rotate(90deg);
    }

    .brand-slogan {
        flex-wrap: wrap;
        justify-content: center;
        font-size: 14px;
        gap: 8px;
    }

    .brand-intro-card {
        padding: 30px 20px;
    }

    .brand-story-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .story-card {
        padding: 30px 20px;
    }

    .card-bg-number {
        font-size: 60px;
    }

    .card-title {
        font-size: 20px;
    }

    .card-text {
        font-size: 14px;
    }

    /* 关于我们区域 */
    .about-section {
        padding: 60px 15px;
    }

    .about-title {
        font-size: 32px;
    }

    .about-subtitle {
        font-size: 18px;
    }

    .about-content {
        flex-direction: column;
        gap: 40px;
    }

    .about-text {
        width: 100%;
    }

    .about-intro h1 {
        font-size: 24px;
    }

    .founded-year {
        font-size: 16px;
    }

    .about-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .about-right {
        width: 100%;
    }

    .about-image {
        width: 100%;
    }

    .about-highlights {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .highlight-item {
        padding: 20px;
    }

    .highlight-item h4 {
        font-size: 16px;
    }

    .highlight-item p {
        font-size: 14px;
    }

    /* 新闻区域 */
    .news-section {
        padding: 60px 15px;
    }

    .news-section-title {
        font-size: 28px;
    }

    .news-section-subtitle {
        font-size: 16px;
    }

    .news-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .news-card.featured {
        padding: 30px 20px;
    }

    .news-featured-title {
        font-size: 20px;
    }

    .news-featured-desc {
        font-size: 14px;
        line-height: 1.6;
    }

    .news-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .news-item {
        padding: 20px;
    }

    .news-item-title {
        font-size: 16px;
    }

    .news-item-desc {
        font-size: 13px;
        line-height: 1.5;
    }

    /* h1标题响应式 */
    h1 {
        font-size: 24px !important;
        line-height: 1.4;
    }

    /* h2标题响应式 */
    h2 {
        font-size: 20px !important;
        line-height: 1.4;
    }

    /* h3标题响应式 */
    h3 {
        font-size: 18px !important;
        line-height: 1.4;
    }

    /* h4标题响应式 */
    h4 {
        font-size: 16px !important;
    }
}

/* 小屏幕移动设备 */
@media (max-width: 480px) {
    /* Banner区域 */
    .hero-section.hero-section {
        padding: 0 10px 60px 10px !important;
    }

    .hero-section .banner-slider {
        padding-top: 130px !important;
    }

    /* 切换按钮调整 - 使用固定位置确保在可视区域内 */
    .banner-arrow {
        top: 45% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
    }

    .banner-title {
        font-size: 20px !important;
    }

    .banner-decoration {
        font-size: 12px;
        gap: 8px;
    }

    .decoration-item {
        padding: 6px 12px;
        font-size: 12px;
    }

    .banner-desc {
        font-size: 13px;
    }

    .stat-number {
        font-size: 18px;
    }

    .stat-label {
        font-size: 11px;
    }

    /* 品牌介绍 */
    .brand-section {
        padding: 40px 10px;
    }

    .brand-name-main,
    .brand-name-secondary {
        font-size: 20px;
    }

    .brand-tag {
        font-size: 10px;
    }

    .brand-slogan {
        font-size: 12px;
    }

    .story-card {
        padding: 25px 15px;
    }

    .card-title {
        font-size: 18px;
    }

    /* 关于我们 */
    .about-section {
        padding: 40px 10px;
    }

    .about-title {
        font-size: 24px;
    }

    .about-subtitle {
        font-size: 14px;
    }

    .about-intro h1 {
        font-size: 20px;
    }

    .about-description {
        font-size: 13px;
    }

    .highlight-item {
        padding: 15px;
    }

    /* 新闻 */
    .news-section {
        padding: 40px 10px;
    }

    .news-section-title {
        font-size: 24px;
    }

    .news-featured-title {
        font-size: 18px;
    }

    /* 导航按钮缩小 */
    .banner-arrow {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .banner-nav button {
        width: 8px;
        height: 8px;
    }
}