/* ========================================
   FIX READABILITY & SPACING ISSUES
   修复文字可读性和模块间距问题
======================================== */

/* ========== FAQ 页面文字可读性修复 ========== */
.faq-item {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.faq-question {
    color: #1e293b !important;
}

.faq-question h3 {
    color: #1e293b !important;
    font-weight: 600 !important;
}

.faq-answer {
    color: #334155 !important;
}

.faq-answer p {
    color: #334155 !important;
    line-height: 1.8 !important;
}

.faq-answer ul li {
    color: #334155 !important;
}

/* ========== Testimonials 页面文字可读性修复 ========== */
.stat-card {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.stat-number {
    color: #1e293b !important;
    font-weight: 700 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1e293b !important;
    background-clip: unset !important;
    text-shadow: none !important;
}

.stat-label {
    color: #475569 !important;
    font-weight: 500 !important;
}

.trust-stats-section .stat-number {
    color: #1e293b !important;
    font-weight: 700 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1e293b !important;
    background-clip: unset !important;
}

.testimonial-card {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.testimonial-card p {
    color: #334155 !important;
    line-height: 1.8 !important;
}

.testimonial-card h3,
.testimonial-card h4 {
    color: #1e293b !important;
}

.testimonial-card .testimonial-author span {
    color: #64748b !important;
}

/* ========== Testimonials 页面 result-metric 文字可读性修复 ========== */
.result-metric {
    background: #f8f9fc !important;
}

.result-metric .metric-value {
    color: #2563eb !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
}

.result-metric .metric-label {
    color: #475569 !important;
    font-weight: 500 !important;
}

/* 确保所有类似的指标文字都清晰可见 */
.testimonial-results .metric-value,
.testimonial-results .result-metric .metric-value {
    color: #2563eb !important;
    font-weight: 700 !important;
}

.testimonial-results .metric-label,
.testimonial-results .result-metric .metric-label {
    color: #475569 !important;
}

/* ========== 减小所有页面的模块间距 ========== */
section:not(.hero):not(.page-header) {
    padding: 5rem 0 !important; /* 从 8rem/9rem 减小到 5rem */
}

.pricing-comparison,
.pricing-included,
.price-calculator,
.pricing-faq,
.services-overview,
.service-packages,
.service-process,
.service-features,
.service-industries,
.contact-methods-section,
.why-contact-section,
.contact-faq-section,
.case-featured,
.case-results,
.testimonials-section,
.about-story,
.mission-values,
.team-section,
.why-choose-about,
.faq-section,
.faq-categories {
    padding: 5rem 0 !important;
}

/* 进一步减小某些特定模块的间距 */
.pricing-faq,
.contact-faq-section {
    padding: 4rem 0 !important;
}

/* ========== FAQ 页面间距优化 ========== */
.faq-content {
    padding: 4rem 0 !important; /* 从 100px 减小到 4rem */
}

.faq-categories {
    padding: 2rem 0 !important; /* 从 60px 减小到 2rem */
}

.faq-section {
    margin-bottom: 3rem !important; /* 从 80px 减小到 3rem */
    padding: 0 !important;
}

.faq-section-header {
    margin-bottom: 2rem !important; /* 减小标题下方的间距 */
}

.faq-list {
    margin-top: 2rem !important; /* 从 4rem 减小到 2rem */
}

/* 减小卡片之间的间距 */
.pricing-table,
.service-packages-grid,
.testimonials-grid,
.case-study-grid {
    gap: 1.5rem !important; /* 从 2rem 减小到 1.5rem */
}

/* 减小 FAQ 项目之间的间距 */
.faq-list .faq-item {
    margin-bottom: 1rem !important; /* 从 1.5rem 减小到 1rem */
}

/* 减小统计卡片之间的间距 */
.trust-stats-grid,
.stats-grid {
    gap: 1.5rem !important;
}