/* ================= SRC 页面专属颜色配置 - Footer 改回红色版 ================= */
/* 核心：Header/Banner/ Footer 红色，留资区中深灰，视觉统一 + 优化Banner顶部空白 */

/* 1. 全局颜色变量（统一管理） */
body.subpage-src {
    --primary-color: #a51000; /* 主红色（Header/Banner/Footer 共用） */
    --contact-bg-color: #3a3f47; /* 留资区中深灰（和红色区分） */
    --contact-text-color: #ffffff; /* 留资区文字白色 */
    --logo-bg-color: #ffffff; /* Logo 白色衬底 */
    --logo-text-color: #2a2a2a; /* Logo 深色文字 */
    --text-color: #ffffff; /* 其他文字白色 */
    --shadow-color: rgba(0, 0, 0, 0.2);
}

/* 1. 全局最外层背景（消除顶部紫色） */
html.subpage-src,
body.subpage-src {
    background-color: var(--primary-color) !important;
}

/* 2. 顶部Header（红色背景，Logo 白色衬底+深色文字） */
body.subpage-src #header.alt.style2 {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 999 !important;
}
body.subpage-src #header.alt.style2 .logo strong {
    background-color: var(--logo-bg-color) !important;
    color: var(--logo-text-color) !important;
    border-color: var(--logo-bg-color) !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;
    text-shadow: 0 1px 1px var(--shadow-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;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: var(--text-color) !important;
    position: relative !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 {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(165, 16, 0, 0.1) !important;
    z-index: 1 !important;
}

/* ========== Banner 内 pic07.jpg 显示样式 ========== */
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; /* 低于遮罩(z=1)和文字(z=2) */
    overflow: hidden !important;
}
body.subpage-src #banner.style2 .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    display: block !important;
}

/* 4. Banner 内层容器（进一步收紧空白） */
body.subpage-src #banner.style2 .inner {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 1rem 0 !important; /* 内层上下内边距减小，减少空白 */
    max-width: 100% !important; /* 避免宽度限制导致的居中空白 */
}

/* 5. Banner 内标题/文字（取消顶部外边距，减少空白） */
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;
    text-shadow: 0 1px 2px var(--shadow-color) !important;
    margin-top: 0 !important; /* 取消标题顶部外边距 */
    margin-bottom: 0.8rem !important; /* 标题和文本间距减小 */
}

/* 6. 留资 Contact 区域（中深灰色） */
body.subpage-src #contact {
    background-color: var(--contact-bg-color) !important;
    color: var(--contact-text-color) !important;
}
body.subpage-src #contact .inner {
    background-color: var(--contact-bg-color) !important;
    color: var(--contact-text-color) !important;
}
/* 留资区表单标签/输入框适配 */
body.subpage-src #contact label,
body.subpage-src #contact .field > label,
body.subpage-src #contact .contact-method h3,
body.subpage-src #contact .contact-method span,
body.subpage-src #contact .contact-method a {
    color: var(--contact-text-color) !important;
    text-shadow: 0 1px 1px var(--shadow-color) !important;
}
/* 留资区输入框底色（半透浅灰） */
body.subpage-src #contact input[type="text"],
body.subpage-src #contact textarea {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: var(--contact-text-color) !important;
}
body.subpage-src #contact input[type="text"]:focus,
body.subpage-src #contact textarea:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: var(--contact-text-color) !important;
}

/* 🔴 关键：Footer 改回红色（和 Header/Banner 一致） */
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.8 !important; /* 稍透，增强可读性 */
}

/* 7. 按钮/交互元素 */
body.subpage-src .button,
body.subpage-src .button.primary {
    background-color: var(--text-color) !important;
    color: var(--primary-color) !important;
    border-color: transparent !important;
    transition: all 0.3s ease !important;
}
body.subpage-src .button:hover {
    background-color: #f5f5f5 !important;
    color: var(--primary-color) !important;
}

/* 8. 全局兜底 */
body.subpage-src .style2 {
    background-color: var(--primary-color) !important;
    color: var(--text-color) !important;
}