/* 1. 基础容器 */
    .review-section {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        background-color: #ffffff;
        padding: 80px 20px;
        max-width: 1200px;
        margin: 0 auto;
        color: #0f172a;
    }

    /* 标题样式 */
    .review-section h2 {
        text-align: center;
        font-size: 42px;
        font-weight: 800;
        margin-bottom: 60px;
        letter-spacing: -0.02em;
    }

    /* 2. 网格布局 - 3列 */
    .review-grid {
        display: flex;
        justify-content: center;
        gap: 25px;
        flex-wrap: wrap;
    }

    /* 3. 卡片样式 */
    .review-card {
        background: #ffffff;
        border: 1px solid #f1f5f9;
        border-radius: 24px;
        padding: 35px;
        flex: 1;
        min-width: 300px;
        max-width: 380px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.03);
        display: flex;
        flex-direction: column;
        transition: transform 0.3s ease;
    }

    .review-card:hover {
        transform: translateY(-5px);
    }

    /* 五星评分样式 */
    .star-rating {
        color: #fb923c; /* 橙色星星 */
        font-size: 20px;
        margin-bottom: 20px;
        letter-spacing: 2px;
    }

    /* 评价正文 */
    .review-text {
        font-size: 16px;
        line-height: 1.6;
        color: #475569;
        font-style: italic; /* 斜体还原 */
        margin-bottom: 35px;
        flex-grow: 1;
    }

    /* 4. 底部作者信息区域 */
    .author-info {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    /* 字母头像样式 */
    .author-avatar {
        width: 48px;
        height: 48px;
        background-color: #e0f2f1; /* 极浅的主色调背景 */
        color: #56B8B8; /* 字母使用主色调 */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 18px;
    }

    .author-details b {
        display: block;
        font-size: 16px;
        color: #0f172a;
        margin-bottom: 2px;
    }

    .author-details span {
        font-size: 13px;
        color: #94a3b8;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* 5. 响应式适配 */
    @media (max-width: 1024px) {
        .review-card {
            max-width: 45%;
        }
    }

    @media (max-width: 768px) {
        .review-section { padding: 60px 20px; }
        .review-section h2 { font-size: 32px; }
        .review-card {
            max-width: 100%;
            flex: 0 0 100%;
        }
    }