/* ================= YESBOX 页面专属颜色配置 - 彻底根除蓝色框 ================= */
/* 核心：强制覆盖所有层级，图片衬底+板块+边框全匹配底色 */

/* 1. 全局颜色变量（统一管理） */
body.subpage-src {
    --primary-color: #1e5da0 !important; /* 新能源科技蓝（替换原橙色） */
    --contact-bg-color: #3a3f47 !important; /* 留资区灰（保留） */
    --contact-text-color: #ffffff !important;
    --logo-bg-color: #ffffff !important;
    --logo-text-color: #2a2a2a !important;
    --text-color: #ffffff !important;
    --shadow-color: rgba(0, 0, 0, 0) !important;
    
    /* 板块深浅灰（强制生效，保留） */
    --block-dark-gray: #2d3035 !important;  /* 产品参数/适配品牌 */
    --block-light-gray: #383c42 !important; /* 轻松使用 */
    /* 标题蓝色变量（替换标题橙色） */
    --title-orange-color: #1e5da0 !important;
    
    /* 新增：全局背景强制覆盖（最高优先级） */
    background-color: var(--primary-color) !important;
}

/* 全局重置（优先级最高，保留+强化） */
body.subpage-src *:not(input):not(textarea),
body.subpage-src *:not(input):not(textarea)::before,
body.subpage-src *:not(input):not(textarea)::after {
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important; /* 移除轮廓线 */
    background-color: inherit !important; /* 继承父级背景色，杜绝蓝色透出 */
    background-image: none !important; /* 移除所有背景图片 */
}

/* 🔴 核心修复：精准匹配 id="one" 的板块，强制标题变蓝色 */
body.subpage-src #one .major h2 {
    color: var(--title-orange-color) !important;
}

/* 1. 全局背景（强制覆盖所有层级） */
html.subpage-src,
body.subpage-src,
body.subpage-src #wrapper {
    background-color: var(--primary-color) !important;
    background-image: none !important;
    color: var(--text-color) !important;
    min-height: 100vh !important;
}

/* 2. Header（强化覆盖，杜绝蓝色） */
body.subpage-src #header.alt.style2 {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
    border-color: transparent !important;
    position: relative !important;
    z-index: 999 !important;
}
body.subpage-src #header.alt.style2::before,
body.subpage-src #header.alt.style2::after {
    background-color: var(--primary-color) !important;
    opacity: 1 !important;
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
}
body.subpage-src #header.alt.style2 .logo strong {
    background: #fff !important;
    color: #2a2a2a !important;
    padding: 0 5px;
}
body.subpage-src #header.alt.style2 .logo,
body.subpage-src #header.alt.style2 .logo span,
body.subpage-src #header.alt.style2 nav a {
    color: var(--text-color) !important;
}

/* 3. Banner（彻底清除蓝色衬底） */
body.subpage-src #banner.style2 {
    background-color: var(--primary-color) !important;
    background-image: none !important;
    color: var(--text-color) !important;
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
    min-height: auto !important;
    justify-content: flex-start !important;
    position: relative !important;
    z-index: 1 !important;
}
body.subpage-src #banner.style2::before,
body.subpage-src #banner.style2::after {
    background-color: var(--primary-color) !important;
    opacity: 1 !important;
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
}
body.subpage-src #banner.style2 .image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    opacity: 0.9 !important; /* 图片与背景融合，消除蓝色边缘 */
}
body.subpage-src #banner.style2 .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 0.9 !important;
}
body.subpage-src #banner.style2 .inner {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
    padding: 1rem 0 !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
}
body.subpage-src #banner.style2 .major h1,
body.subpage-src #banner.style2 .major h2,
body.subpage-src #banner.style2 .content p {
    color: var(--text-color) !important;
    margin-top: 0 !important;
    margin-bottom: 0.8rem !important;
}

/* ========================================================================== */
/* 🔴 终极修复：覆盖所有层级，包括原生可能的子容器 */
/* ========================================================================== */
/* 产品参数（第1个板块）- 深灰 */
body.subpage-src .spotlights > section:nth-child(1),
body.subpage-src .spotlights > section:nth-child(1) *,
body.subpage-src .spotlights > section:nth-child(1) *::before,
body.subpage-src .spotlights > section:nth-child(1) *::after {
    background-color: var(--block-dark-gray) !important;
    background-image: none !important;
    color: var(--text-color) !important;
}

/* 轻松使用（第2个板块）- 浅灰 */
body.subpage-src .spotlights > section:nth-child(2),
body.subpage-src .spotlights > section:nth-child(2) *,
body.subpage-src .spotlights > section:nth-child(2) *::before,
body.subpage-src .spotlights > section:nth-child(2) *::after {
    background-color: var(--block-light-gray) !important;
    background-image: none !important;
    color: var(--text-color) !important;
}

/* 适配品牌功能（第3个板块）- 深灰 */
body.subpage-src .spotlights > section:nth-child(3),
body.subpage-src .spotlights > section:nth-child(3) *,
body.subpage-src .spotlights > section:nth-child(3) *::before,
body.subpage-src .spotlights > section:nth-child(3) *::after {
    background-color: var(--block-dark-gray) !important;
    background-image: none !important;
    color: var(--text-color) !important;
}

/* 🔴 新增：左舵改右舵（第4个板块）- 浅灰（与第2块一致，视觉延续） */
body.subpage-src .spotlights > section:nth-child(4),
body.subpage-src .spotlights > section:nth-child(4) *,
body.subpage-src .spotlights > section:nth-child(4) *::before,
body.subpage-src .spotlights > section:nth-child(4) *::after {
    background-color: var(--block-light-gray) !important;
    background-image: none !important;
    color: var(--text-color) !important;
}

/* 板块内文字强制白色 */
body.subpage-src .spotlights .content .inner h3,
body.subpage-src .spotlights .content .inner p,
body.subpage-src .spotlights .content .inner li,
body.subpage-src .spotlights .content .inner span {
    color: var(--text-color) !important;
}

/* 图片容器终极优化 */
body.subpage-src .spotlights .image {
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0.95 !important; /* 图片与背景融合 */
}
body.subpage-src .spotlights .image img {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0.95 !important;
}

/* 6. 留资区（保留原有灰色，强化覆盖） */
body.subpage-src #contact,
body.subpage-src #contact *,
body.subpage-src #contact *::before,
body.subpage-src #contact *::after {
    background-color: var(--contact-bg-color) !important;
    color: var(--text-color) !important;
}
body.subpage-src #contact input[type="text"],
body.subpage-src #contact textarea {
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
}
body.subpage-src #contact input[type="text"]:focus,
body.subpage-src #contact textarea:focus {
    background: rgba(255,255,255,0.15) !important;
    border-color: #fff !important;
}

/* 7. Footer（强化覆盖，杜绝蓝色） */
body.subpage-src #footer,
body.subpage-src #footer *,
body.subpage-src #footer *::before,
body.subpage-src #footer *::after {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}
body.subpage-src #footer .copyright li,
body.subpage-src #footer .copyright li a {
    color: var(--text-color) !important;
    opacity: 0.85 !important;
}

/* 🔴 核心修改：按钮样式 - 白色线框+透明底色+文字完全居中 */
body.subpage-src .button,
body.subpage-src .button.primary {
    background-color: transparent !important; /* 透明底色 */
    color: #ffffff !important;               /* 白色文字（与线框一致） */
    border: 2px solid #ffffff !important;     /* 白色线框 */
    transition: all 0.3s ease !important;
    border-radius: 8px !important;            /* 圆角与参考图一致 */
    padding: 1.2rem 3rem !important;          /* 内边距保证按钮高度 */
    display: inline-flex !important;          /* 使用flex布局 */
    align-items: center !important;           /* 垂直居中 */
    justify-content: center !important;       /* 水平居中 */
    text-align: center !important;
    line-height: 1 !important;                /* 重置行高，避免偏移 */
}
body.subpage-src .button:hover {
    background-color: rgba(255,255,255,0.1) !important; /* hover浅白背景 */
    border-color: #f0f0f0 !important;         /* hover浅白线框 */
    color: #ffffff !important;               /* 文字颜色不变 */
}

/* 9. 全局兜底（终极覆盖所有可能的蓝色区域） */
body.subpage-src .style2,
body.subpage-src .style2 *,
body.subpage-src .style2 *::before,
body.subpage-src .style2 *::after {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}

/* 10. 移动端适配（强化覆盖） */
@media (max-width: 768px) {
    body.subpage-src .spotlights section {
        flex-direction: column !important;
    }
    body.subpage-src .spotlights .image {
        width: 100% !important;
        height: 220px !important;
    }
    /* 移动端额外兜底 */
    body.subpage-src * {
        background-color: inherit !important;
    }
}