/* 主体部分背景样式 - 使用 img/1.jpg 背景 + 米色蒙版 */

/* 主体容器 - 添加背景图片和蒙版 */
.wp-container {
    position: relative;
   
    margin-bottom: 0; /* 移除底部间隔 */
    background-image: url('../img/back/5.jpg'); /* 背景图片路径 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* 固定背景，视差效果 */
    min-height: 600px; /* 设置最小高度，防止页脚上移 */
}

/* 移除主体容器内部的padding，让背景充满 */
.wp-container .wp-inner {
    padding: 30px 60px !important; /* 内容区域的内边距 */
    max-width: 1440px;
    margin: 0 auto;
}

/* 米色蒙版层 */
.wp-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(245, 240, 232, 0.65); /* 米色蒙版，参考新闻通告模块 */
    background-blend-mode: multiply;
    pointer-events: none; /* 允许点击穿透 */
    z-index: 0;
}

/* 确保内容在蒙版之上 */
.wp-container > * {
    position: relative;
    z-index: 1;
}

/* 响应式 - 移动端 */
@media (max-width: 768px) {
    .wp-container {
        margin-top: 20px;
        background-attachment: scroll; /* 移动端使用滚动背景 */
        min-height: 400px; /* 移动端较小的最小高度 */
    }
    
    .wp-container .wp-inner {
        padding: 20px 20px !important;
    }
}

/* column-head 背景图片样式 */
.column-head {
    background-color: #72c8c9 !important;
    position: relative;
    min-height: 60px;
}

/* column-anchor 添加纹样背景 */
.column-head .column-anchor {
    background-image: url('../img/back/3.png') !important;
    background-size: 120%; /* 缩放到80% */
    background-position: center;
    background-repeat: no-repeat;
    background-color: #72c8c9 !important; /* 天青色背景 */
    background-blend-mode: multiply; /* 只保留纹理，混合到背景色 */
    position: relative;
    z-index: 1;
    text-align: center !important; /* 文字居中 */
}

/* column-anchor 标题居中 */
.column-head .column-anchor h3.anchor-title {
    text-align: center !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
}