/**
 * 零点心理 - 设计修复 v12
 * 使用 [data-id] 选择器，不干扰 Elementor 背景图渲染
 */

/* ============================================
   HERO SECTION - 增强但不覆盖背景
   ============================================ */
[data-id="hero-section"] {
    min-height: 100vh !important;
    position: relative !important;
}

/* Hero 深色渐变叠加层 */
[data-id="hero-section"]::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(135deg, rgba(22,60,61,0.75) 0%, rgba(13,38,39,0.65) 50%, rgba(22,60,61,0.72) 100%) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Hero 内容层级 */
[data-id="hero-container"] {
    position: relative !important;
    z-index: 1 !important;
}

[data-id="hero-title"] .elementor-heading-title {
    font-family: 'Noto Serif SC', 'Songti SC', serif !important;
    font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
    font-weight: 700 !important;
    text-shadow: 0 4px 30px rgba(0,0,0,0.4) !important;
    letter-spacing: -0.02em !important;
}

[data-id="hero-buttons"] .elementor-button {
    border-radius: 9999px !important;
    font-weight: 600 !important;
    transition: all 0.35s ease !important;
}

[data-id="hero-buttons"] .elementor-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

/* ============================================
   TRUST SECTION - 卡片样式
   ============================================ */
[data-id="trust-section"] {
    background-color: #FAFAF9 !important;
}

[data-id="trust-container"] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

[data-id="trust-1"],
[data-id="trust-2"],
[data-id="trust-3"] {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 28px 24px !important;
    box-shadow: 0 4px 24px rgba(22,60,61,0.10) !important;
    border: 1px solid rgba(22,60,61,0.06) !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
}

[data-id="trust-1"]:hover,
[data-id="trust-2"]:hover,
[data-id="trust-3"]:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 50px rgba(22,60,61,0.16) !important;
}

/* ============================================
   TEAM SECTION - 咨询师卡片
   ============================================ */
[data-id="team-section"] {
    background-color: #F9F7F4 !important;
}

[data-id="team-container"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

[data-id="team-member-1"],
[data-id="team-member-2"],
[data-id="team-member-3"],
[data-id="team-member-4"] {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(22,60,61,0.08) !important;
    border: 1px solid rgba(22,60,61,0.05) !important;
    transition: all 0.4s ease !important;
}

[data-id="team-member-1"]:hover,
[data-id="team-member-2"]:hover,
[data-id="team-member-3"]:hover,
[data-id="team-member-4"]:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 20px 60px rgba(22,60,61,0.2) !important;
}

/* ============================================
   SERVICES SECTION - 服务卡片
   ============================================ */
[data-id="services-section"] {
    background-color: #FFFFFF !important;
}

[data-id="services-container"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

[data-id="service-1"],
[data-id="service-2"],
[data-id="service-3"],
[data-id="service-4"] {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 32px 24px !important;
    box-shadow: 0 4px 20px rgba(22,60,61,0.08) !important;
    border: 1px solid rgba(22,60,61,0.06) !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
}

[data-id="service-1"]:hover,
[data-id="service-2"]:hover,
[data-id="service-3"]:hover,
[data-id="service-4"]:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 60px rgba(22,60,61,0.18) !important;
    background: #EBF2EE !important;
}

/* ============================================
   AUDIENCE SECTION
   ============================================ */
[data-id="audience-section"] {
    background-color: #163C3D !important;
}

/* ============================================
   TESTIMONIALS SECTION
   ============================================ */
[data-id="testimonials-section"] {
    background-color: #EBF2EE !important;
}

[data-id="testimonials-container"] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

[data-id="testimonial-1"],
[data-id="testimonial-2"],
[data-id="testimonial-3"] {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    padding: 32px 28px !important;
    box-shadow: 0 4px 20px rgba(22,60,61,0.08) !important;
    border: 1px solid rgba(22,60,61,0.05) !important;
    transition: all 0.4s ease !important;
}

[data-id="testimonial-1"]:hover,
[data-id="testimonial-2"]:hover,
[data-id="testimonial-3"]:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 60px rgba(22,60,61,0.16) !important;
}

/* ============================================
   CTA SECTION
   ============================================ */
[data-id="cta-section"] {
    background: linear-gradient(135deg, #163C3D 0%, #0D2627 50%, #163C3D 100%) !important;
}

[data-id="cta-button"] .elementor-button {
    background: #E8A87C !important;
    color: #163C3D !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    transition: all 0.35s ease !important;
}

[data-id="cta-button"] .elementor-button:hover {
    background: #FFFFFF !important;
    transform: translateY(-3px) !important;
}

/* ============================================
   KNOWLEDGE SECTION
   ============================================ */
[data-id="knowledge-section"] {
    background-color: #FFFFFF !important;
}

/* ============================================
   CONTACT SECTION
   ============================================ */
[data-id="contact-section"] {
    background-color: #F9F7F4 !important;
}

/* ============================================
   SECTION TITLES
   ============================================ */
[data-id="team-title"] .elementor-heading-title,
[data-id="services-title"] .elementor-heading-title,
[data-id="testimonials-title"] .elementor-heading-title,
[data-id="knowledge-title"] .elementor-heading-title,
[data-id="audience-title"] .elementor-heading-title,
[data-id="contact-title"] .elementor-heading-title {
    font-family: 'Noto Serif SC', 'Songti SC', serif !important;
    font-weight: 700 !important;
    color: #163C3D !important;
    letter-spacing: -0.01em !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
    [data-id="team-container"],
    [data-id="services-container"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    [data-id="testimonials-container"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 767px) {
    [data-id="trust-container"],
    [data-id="team-container"],
    [data-id="services-container"],
    [data-id="testimonials-container"] {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}