/* 大屏幕设备（1200px以上） */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* 中屏幕设备（992px - 1199px） */
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 960px;
    }
    .section-title {
        font-size: 2rem;
    }
}

/* 小屏幕设备（768px - 991px） */
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 720px;
    }
    .section-title {
        font-size: 1.75rem;
    }
    .stat-number {
        font-size: 2rem;
    }
}

/* 平板设备（576px - 767px） */
@media (min-width: 576px) and (max-width: 767px) {
    .container {
        max-width: 540px;
    }
    .section-title {
        font-size: 1.5rem;
    }
    .stat-number {
        font-size: 1.75rem;
    }
    .gold-button {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}

/* 移动设备（小于576px） */
@media (max-width: 575px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section-title {
        font-size: 1.5rem;
        text-align: center;
    }
    .stat-number {
        font-size: 1.5rem;
    }
    .gold-button {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
        width: 100%;
    }
    .modal-content {
        margin: 1rem;
        padding: 1.5rem;
    }
}

/* 超高分辨率显示器 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* 高分辨率下的特定样式 */
}