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

/* 1. 全局颜色变量（统一管理） */
body.subpage-src {
    --primary-color: #1e7d58 !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: #1e7d58 !important;
}

/* 全局重置（优先级最高，保留） */
body.subpage-src * {
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important; /* 全局移除所有边框 */
    outline: none !important; /* 移除轮廓线 */
}

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

/* 1. 全局背景（绿色替换橙色） */
html.subpage-src,
body.subpage-src {
    background-color: var(--primary-color) !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 .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;
}
body.subpage-src #header.alt.style2::after {
    background-color: var(--primary-color) !important;
    opacity: 1 !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;
}
body.subpage-src #banner.style2::after {
    background: rgba(30, 125, 88, 0.15) !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;
}
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;
}
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) .content,
body.subpage-src .spotlights > section:nth-child(1) .content .inner,
body.subpage-src .spotlights > section:nth-child(1) .image,
body.subpage-src .spotlights > section:nth-child(1) .image img {
    background-color: var(--block-dark-gray) !important;
    background-image: none !important;
    color: var(--text-color) !important;
    border-color: var(--block-dark-gray) !important;
}

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

/* 适配品牌功能（第3个板块）- 深灰（保留） */
body.subpage-src .spotlights > section:nth-child(3),
body.subpage-src .spotlights > section:nth-child(3) .content,
body.subpage-src .spotlights > section:nth-child(3) .content .inner,
body.subpage-src .spotlights > section:nth-child(3) .image,
body.subpage-src .spotlights > section:nth-child(3) .image img {
    background-color: var(--block-dark-gray) !important;
    background-image: none !important;
    color: var(--text-color) !important;
    border-color: var(--block-dark-gray) !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;
}
body.subpage-src .spotlights .image img {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 6. 留资区（保留原有灰色，仅按钮颜色已替换） */
body.subpage-src #contact {
    background-color: var(--contact-bg-color) !important;
    color: var(--text-color) !important;
}
body.subpage-src #contact .inner {
    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 {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}
body.subpage-src #footer .inner {
    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;
}

/* 8. 按钮（绿色替换橙色，hover 浅绿替换深橙） */
body.subpage-src .button,
body.subpage-src .button.primary {
    background-color: #fff !important;
    color: var(--primary-color) !important;
    transition: all 0.3s ease !important;
}
body.subpage-src .button:hover {
    background-color: #f8f8f8 !important;
    color: #26966b !important; /* 浅绿（替换 #d06518 深橙） */
}

/* 9. 全局兜底（绿色替换橙色） */
body.subpage-src .style2 {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}