/* ============================================
   字体大小统一覆盖样式
   这个文件必须最后加载，确保覆盖所有其他CSS
   ============================================ */

/* Hero 和 Page 标题 */
.hero-title,
.page-title {
    font-size: 56px !important;
}

/* Section 标题 */
.section-title {
    font-size: 42px !important;
}

/* ============================================
   响应式 - 移动端
   ============================================ */

/* 平板 */
@media (max-width: 968px) {
    .hero-title,
    .page-title {
        font-size: 40px !important;
    }
    
    .section-title {
        font-size: 36px !important;
    }
}

/* 手机 */
@media (max-width: 768px) {
    .hero-title,
    .page-title {
        font-size: 40px !important;
    }
    
    .section-title {
        font-size: 36px !important;
    }
}

/* 超小屏幕 */
@media (max-width: 480px) {
    .hero-title,
    .page-title {
        font-size: 32px !important;
    }
    
    .section-title {
        font-size: 32px !important;
    }
}