/* Hero Module Styles */

.hero-banner {
    background-color: transparent;
    border-radius: 12px;
    text-align: center;
}

.hero-title {
    font-size: 3.5rem; /* 更大的字体 */
    font-weight: 200; /* 更细的字体 */
    color: #1e293b;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    letter-spacing: 0.03em;
}

.hero-separator {
    display: none; /* 隐藏分隔线 */
}

.hero-subtitle {
    font-size: 1.125rem;
    color: #64748b;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.7;
    font-weight: 300;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-banner {
        padding: 30px 20px;
    }

    .hero-title {
        font-size: 2rem; /* 从 2.5rem 缩小到 2rem */
        line-height: 1.2; /* 添加行高控制 */
    }

    .hero-subtitle {
        font-size: 0.95rem; /* 从 1rem 稍微缩小 */
    }
}

@media (max-width: 480px) {
    .hero-banner {
        padding: 25px 15px;
    }

    .hero-title {
        font-size: 1.5rem; /* 从 2rem 缩小到 1.5rem */
        letter-spacing: 0.02em; /* 减小字间距 */
        line-height: 1.15; /* 调整行高 */
    }

    .hero-subtitle {
        font-size: 0.875rem; /* 进一步缩小副标题 */
        line-height: 1.6; /* 调整行高提高可读性 */
    }
}