/* =========================================
        1. 现代高端重工风：纯正红灰白、变量与基础重置
    ========================================= */
    :root {
        --primary-color: #e51919;
        --primary-hover: #b81010;
        --dark-titanium: #18181b;
        --text-body: #52525b;
        --bg-light: #f4f4f5;
        --border-color: #e4e4e7;
        --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.02);
        --card-hover-shadow: 0 20px 35px rgba(24, 24, 27, 0.08);
    }

    * {
        box-sizing: border-box;
        scroll-behavior: smooth;
    }

    .product-world-wrap {
        max-width: 1440px !important;
        margin: 0 auto !important;
        padding: 60px 24px 120px !important;
        font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
        background-color: #ffffff !important;
    }

    /* SEO 语义化隐藏工具类 */
    .sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    /* 模块通用精美标题 */
    .section-header {
        text-align: center !important;
        margin-bottom: 55px !important;
    }
    .section-header .sub-tag {
        font-size: 12px !important;
        text-transform: uppercase !important;
        color: var(--primary-color) !important;
        font-weight: 700 !important;
        letter-spacing: 2.5px !important;
        display: block !important;
        margin-bottom: 10px !important;
    }
    .section-header .main-title {
        font-size: 34px !important;
        font-weight: 800 !important;
        color: var(--dark-titanium) !important;
        position: relative !important;
        display: inline-block !important;
        letter-spacing: 0.5px !important;
    }
    .section-header .main-title::after {
        content: '' !important;
        position: absolute !important;
        bottom: -14px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 35px !important;
        height: 3.5px !important;
        background: var(--primary-color) !important;
        border-radius: 2px !important;
    }

    /* =========================================
        2. 纵向轮播 Banner 区 — 大气重工版
    ========================================= */
    .vertical-slider-banner {
        position: relative !important;
        width: 100% !important;
        height: 720px !important; 
        overflow: hidden !important;
        border-radius: 16px !important;
        margin-bottom: 90px !important;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12) !important;
        background: var(--dark-titanium) !important;
    }
    .banner-slider-wrapper {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1) !important; 
    }
    .banner-slide {
        width: 100% !important;
        height: 100% !important;
        flex-shrink: 0 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background-color: #000 !important;
    }

    .banner-img-side {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
    .banner-img-side img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        opacity: 1 !important;
    }

    .banner-img-side::after {
        content: '' !important;
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
            to right,
            rgba(15, 15, 18, 0.60) 0%,   
            rgba(15, 15, 18, 0.25) 35%,  
            rgba(15, 15, 18, 0.02) 55%,  
            transparent 80%              
        ) !important;
        z-index: 2 !important;
        pointer-events: none !important;
    }

    /* 电影级大号文字排版 */
    .banner-text-side {
        position: relative !important;
        z-index: 3 !important;
        margin-left: 80px !important;
        padding-right: 60px !important;
        max-width: 55% !important;
        color: #ffffff !important;
        text-align: left !important;
    }
    /* 优化统一 H1 与 H2 样式，确保谷歌抓取到核心 H1 */
    .banner-text-side h1, .banner-text-side h2 {
        font-size: 72px !important; 
        font-weight: 900 !important;
        color: #ffffff !important;
        margin: 0 0 24px 0 !important;
        letter-spacing: -1px !important;
        line-height: 1.1 !important;
        text-transform: uppercase !important; 
        text-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important;
    }
    .banner-text-side p {
        font-size: 22px !important; 
        font-weight: 500 !important;
        color: rgba(255, 255, 255, 0.9) !important;
        margin: 0 !important;
        line-height: 1.6 !important;
        border-left: 5px solid var(--primary-color) !important; 
        padding-left: 24px !important;
        letter-spacing: 0.5px !important;
    }

    /* —— 右侧控制按钮 —— */
    .banner-decor-side {
        position: absolute !important;
        right: 45px !important;
        top: 0;
        bottom: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 30px !important;
        z-index: 10 !important;
    }
    .banner-decor-side svg {
        width: 32px !important; 
        height: 32px !important;
        fill: rgba(255, 255, 255, 0.6) !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3)) !important;
    }
    .banner-decor-side svg:hover {
        fill: var(--primary-color) !important;
        transform: scale(1.15) !important;
    }
    .decor-dots-group {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }
    .decor-dots-group .banner-dot {
        width: 8px !important;
        height: 8px !important;
        background: rgba(255, 255, 255, 0.4) !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) !important;
    }
    .decor-dots-group .banner-dot.active {
        background: var(--primary-color) !important;
        transform: scale(1) !important;
        height: 28px !important;
        border-radius: 4px !important;
        width: 8px !important;
    }

    /* =========================================
        3-8. 其余模块样式与 CRO 微调
    ========================================= */
    .segment-section { margin-bottom: 65px !important; }
    
    .pw-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; margin-bottom: 90px !important; }
    .pw-card {
        background: #ffffff !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: var(--card-shadow) !important;
        transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; border: 1px solid var(--border-color) !important; display: flex !important; flex-direction: column !important; text-decoration: none !important; position: relative !important;
    }
    .pw-card:hover { transform: translateY(-6px) !important; border-color: var(--primary-color) !important; box-shadow: var(--card-hover-shadow) !important; }
    .pw-image-box { width: 100% !important; height: 250px !important; overflow: hidden !important; background: var(--bg-light) !important; position: relative !important; }
    .pw-image-box img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; }
    .pw-card:hover .pw-image-box img { transform: scale(1.03) !important; }
    
    /* CRO 强化：高亮 CE 认证标签，建立买家信任 */
    .trust-badge-inline {
        background-color: #fef2f2 !important;
        color: var(--primary-color) !important;
        padding: 2px 6px !important;
        border-radius: 4px !important;
        border: 1px solid #fee2e2 !important;
        display: inline-block !important;
    }

    .pw-content { padding: 28px !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }
    .pw-content h3 { font-size: 21px !important; font-weight: 700 !important; color: var(--dark-titanium) !important; margin: 0 0 12px 0 !important; letter-spacing: -0.3px; }
    .pw-card:hover .pw-content h3 { color: var(--primary-color) !important; }
    .pw-content p { font-size: 14px !important; color: var(--text-body) !important; line-height: 1.65 !important; margin: 0 0 28px 0 !important; flex-grow: 1 !important; }
    
    .btn-secondary {
        display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 11px 22px !important; background: var(--bg-light) !important;
        color: var(--dark-titanium) !important; text-decoration: none !important; border-radius: 4px !important; font-weight: 700 !important; transition: all 0.2s ease !important; width: fit-content !important; font-size: 13px !important;
    }
    .pw-card:hover .btn-secondary { background: var(--primary-color) !important; color: #ffffff !important; }

    .tech-advantage-section { background: var(--bg-light) !important; border-radius: 12px !important; padding: 70px 45px !important; margin-bottom: 90px !important; border: 1px solid var(--border-color) !important; }
    .tech-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; }
    .tech-item { background: #ffffff !important; padding: 40px 35px !important; border-radius: 8px !important; box-shadow: var(--card-shadow) !important; border-top: 4px solid #d1d1d6 !important; transition: all 0.3s ease !important; }
    .tech-item:hover { border-top-color: var(--primary-color) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.04) !important; }
    .tech-number { font-size: 38px !important; font-weight: 900 !important; color: #e4e4e7 !important; margin-bottom: 8px !important; font-family: Arial, sans-serif !important; transition: color 0.3s ease; }
    .tech-item:hover .tech-number { color: var(--primary-color) !important; }
    .tech-item h4 { font-size: 19px !important; font-weight: 700 !important; color: var(--dark-titanium) !important; margin: 0 0 12px 0 !important; }
    .tech-item p { font-size: 14px !important; color: var(--text-body) !important; line-height: 1.65 !important; margin: 0 !important; }

    /* =========================================
        新增：自定义红色箭头列表样式
    ========================================= */
    .custom-arrow-list {
        list-style: none !important;
        padding-left: 0 !important;
        margin: 0 !important;
    }
    .custom-arrow-list li {
        position: relative !important;
        padding-left: 20px !important;
        margin-bottom: 8px !important;
        font-size: 14px !important;
        color: var(--text-body) !important;
        line-height: 1.65 !important;
    }
    .custom-arrow-list li::before {
        content: '➤' !important; /* 红色小箭头 */
        position: absolute !important;
        left: 0 !important;
        top: 2px !important;
        color: var(--primary-color) !important;
        font-size: 12px !important;
    }

    /* CTA 动效强化：加入吸引眼球的微呼吸动效，促进点击转化 */
    .cta-banner { background: var(--dark-titanium) !important; border-radius: 12px !important; padding: 65px 60px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; color: #ffffff !important; }
    .cta-left { max-width: 65% !important; }
    .cta-left h3 { font-size: 30px !important; font-weight: 800 !important; margin: 0 0 14px 0 !important; letter-spacing: 0.5px; }
    .cta-left p { font-size: 15.5px !important; color: #a1a1aa !important; margin: 0 !important; line-height: 1.7; }
    
    .btn-cta { 
        background: var(--primary-color) !important; color: #ffffff !important; padding: 16px 40px !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; border-radius: 4px !important; 
        box-shadow: 0 8px 24px rgba(229, 25, 25, 0.25) !important; transition: all 0.25s ease !important; white-space: nowrap !important;
        animation: ctaPulse 3s infinite ease-in-out;
    }
    .btn-cta:hover { background: var(--primary-hover) !important; transform: translateY(-2px) !important; box-shadow: 0 12px 30px rgba(229, 25, 25, 0.5) !important; animation-play-state: paused; }

    @keyframes ctaPulse {
        0% { box-shadow: 0 8px 24px rgba(229, 25, 25, 0.25); }
        50% { box-shadow: 0 8px 35px rgba(229, 25, 25, 0.6); }
        100% { box-shadow: 0 8px 24px rgba(229, 25, 25, 0.25); }
    }

    /* 移动端响应式适配 */
    @media (max-width: 1200px) {
        .pw-grid { grid-template-columns: repeat(2, 1fr) !important; }
        .tech-grid { grid-template-columns: 1fr !important; }
    }
    @media (max-width: 992px) {
        .vertical-slider-banner { height: 500px !important; } 
        .banner-text-side { margin-left: 40px !important; padding-right: 40px !important; max-width: 70% !important; }
        .banner-text-side h1, .banner-text-side h2 { font-size: 48px !important; }
        .banner-text-side p { font-size: 18px !important; }
        .banner-decor-side { right: 20px !important; }
        .pw-grid { grid-template-columns: 1fr !important; }
        .cta-banner { padding: 45px 30px !important; flex-direction: column !important; gap: 35px !important; text-align: center !important; }
        .cta-left { max-width: 100% !important; }
    }
    @media (max-width: 576px) {
        .vertical-slider-banner { height: 420px !important; }
        .banner-text-side { margin-left: 20px !important; padding-right: 20px !important; max-width: 85% !important; }
        .banner-text-side h1, .banner-text-side h2 { font-size: 32px !important; }
        .banner-text-side p { font-size: 15px !important; padding-left: 16px !important; border-left-width: 4px !important; }
        .banner-decor-side { right: 12px !important; gap: 16px !important; }
        .banner-decor-side svg { width: 24px !important; height: 24px !important; }
        .decor-dots-group .banner-dot { width: 6px !important; height: 6px !important; }
        .decor-dots-group .banner-dot.active { height: 16px !important; }
    }