html {
    overflow-x: hidden;
    height: 100%;
}

body {
    font-family: "microsoft yahei";
    min-height: 100vh; /* 使用min-height，允许内容超出时滚动 */
    display: flex;
    flex-direction: column;
    margin: 0; /* 移除默认margin */
    padding: 0; /* 移除默认padding */
}

/* 当浏览器高度超过1000px时，确保body填充整个视口 */
@media (min-height: 1001px) {
    body {
        height: 100vh; /* 固定高度，确保flex布局正确计算 */
        overflow-y: auto; /* 如果内容超出，允许滚动 */
    }
}

/* 主页主体内容宽度：根据不同分辨率自适应放大，兼顾中间内容与两侧 logo 显示 */
:root {
    --content-width: 1200px;
}

/* 大屏逐级增大主体宽度，但保留足够空间展示左右两侧的 logo */
@media (min-width: 1440px) {
    :root {
        /* 适配 2K 以下及 1680 宽度屏幕，保证两侧至少约 200px 空间 */
        --content-width: 1200px;
    }
}
@media (min-width: 1620px) {
    :root {
        /* 适配 1080p/2K/4K 等更高分辨率，左右各保留约 240px，用于完整展示 logo */
        --content-width: 1340px;
    }
}

@media (min-width: 1820px) {
    :root {
        /* 适配 1080p/2K/4K 等更高分辨率，左右各保留约 240px，用于完整展示 logo */
        --content-width: 1540px;
    }
}

@media (min-width: 1920px) {
    :root {
        /* 适配 1080p/2K/4K 等更高分辨率，左右各保留约 240px，用于完整展示 logo */
        --content-width: 1640px;
    }
}

@media (min-width: 2060px) {
    :root {
        /* 适配 1080p/2K/4K 等更高分辨率，左右各保留约 240px，用于完整展示 logo */
        --content-width: 1820px;
    }
}

@media (min-width: 2560px) {
    :root {
        /* 适配 1080p/2K/4K 等更高分辨率，左右各保留约 240px，用于完整展示 logo */
        --content-width: 2020px;
    }
}

/* 移除压缩规则，允许在低高度时滚动展示，高高度时填充展示 */

/* index 首页主体容器跟随变量自适应 */
.main-wrapper {
    flex: 1 1 0; /* 改为0，确保在高分辨率下能正确填充 */
    display: flex;
    flex-direction: column;
    min-height: 0; /* 允许 flex 子元素缩小 */
    justify-content: space-between; /* 内容在垂直方向上分散，填充空间 */
    order: 2; /* main-wrapper 排在第二位 */
    /* 确保main-wrapper不会与footer重叠 */
    margin-bottom: 0;
    padding-bottom: 0;
    /* 移除 overflow: hidden，允许在内容超出时滚动 */
}

.main-wrapper .container {
    max-width: var(--content-width);
}

/* 让 banner 区域能够根据可用空间自适应拉伸 */
.main-wrapper > .container:first-child {
    flex: 1.5 1 0; /* 改为0，确保在高分辨率下能正确填充 */
    min-height: 300px; /* 最小高度保证 */
    /* 移除 max-height 限制，让 banner 能够完全填充可用空间 */
    background-size: cover !important; /* 使用cover保持图片比例不变形 */
    background-position: center center !important;
}

/* 让中间内容区域能够填充剩余空间 */
.main-wrapper > .container:nth-child(2) {
    flex: 1 1 0; /* 改为0，确保在高分辨率下能正确填充 */
    display: flex;
    flex-direction: column;
    justify-content: stretch; /* 改为stretch，让内容拉伸填充 */
    min-height: 400px; /* 最小高度保证 */
}

/* 让row容器使用flex布局，使子元素能够拉伸 */
.main-wrapper > .container:nth-child(2) .row {
    display: flex;
    flex: 1 1 0; /* 改为0，确保在高分辨率下能正确填充 */
    align-items: stretch; /* 让子元素拉伸到相同高度 */
    min-height: 400px; /* 确保有最小高度，在低高度时允许滚动 */
    /* 移除 overflow 限制，允许内容正常显示和滚动 */
    height: 100%; /* 填充父容器高度 */
}

h1,
h2,
h3,
h4,
h5 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
    line-height: 1.33em;
    margin: calc(2rem - 0.165em) 0em 1rem;
    padding: 0em;
}

h2 {
    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.register_panle {
    position: absolute;
    top: 50%;
    left: 50%; 
    padding: 0; 
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.register_main { 
    margin: auto;
    width: inherit; 
    display: flex;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3);
}

.register_left {
    color: #fff;
    position: relative;
    padding: 20px 30px 28px;
    width: 50%;
    border-radius: 20px 0px 0px 20px  ;
    background: -webkit-gradient(linear, left bottom, right bottom, from(#2b5d9e91), to(hsla(214, 74%, 33%, 0.836)));
    /* background: linear-gradient(0deg, #f3f3f3 0%, #f1f3f5 100%); */
    /* background: -webkit-gradient(linear, left bottom, left top, from(#3a485a), to(#607089)); */
    /* background: linear-gradient(0deg, #3a485a 0%, #607089 100%); */
}


.register_right {
    color: rgb(80, 80, 80);
    width:500px; 
    padding: 10px 20px 10px 20px; 
    background: -webkit-gradient(linear, left top , left bottom, from(#ffffffd0), to(hsla(0, 0%, 90%, 0.966)));
    font-weight:600;
    border-radius: 0px 20px 20px 0px;
}


.left_logo ul {
    margin-top: 20px;
}

.left_logo li {
    line-height: 30px;
    font-size: 1rem;
    font-weight: 600;
}

.header {
    width: 100%;
    height: 240px;
    background-color: #396fd4;
    flex-shrink: 0; /* header 不被压缩，保持固定高度 */
    order: 1; /* header 排在第一位 */
}

/* 确保header和footer在flex布局中正确排列 */
#daohang.header {
    flex-shrink: 0;
    order: 0;
}

.dropbtn {
    height: 30px;
    color: white;
    font-size: 15px;
    border: none;
    cursor: pointer;
}

/* 下拉内容 (默认隐藏) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-top: 5px;
    z-index: 99999;
}

/* 下拉菜单的链接 */
.dropdown-content a {
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
}

/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {
    background-color: #3A7FE8;
    color: white;
}

/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {
    display: block;
}

/*修改密码弹出层的表单样式*/
.retrieveForm {
    margin-top: 20px;
}

.retrieveForm .layui-inline {
    width: 100%;
    margin-bottom: 30px;
}

.retrieveForm .layui-input-inline {
    width: 64%;
}

.retrieveForm label {
    width: 26%;
}

.retrieveForm .layui-input-inline input {
    width: 100%;
    height: 38px;
}

.loginCG>a:not(.signOut) {
    border-right: 1px solid #b4b4b4;
}

.zhuxiao {
    float: right;
    margin-right: 5%;
}

.header-right { 
    float: right;
    margin-right: 5%;
}

.header-right a {
    margin-left: 10px;
    font-size: 14px;
    color: #F2F2F2;
    text-decoration: none;
}

.header-right a:hover {
    opacity: .6;
    transition: opacity .5s;
}

.header-right a img {
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.header-right img {
    margin-left: 10px;
}

.header_login {
    height: 40px;
    width: 100%; 
    padding-top:10px;
    background-color: #000d5898;
}

.header_top {
    width: 100%;
    height: 155px;
    display: flex;
    justify-content: space-between;
     /* background-color: #396fd4; */
}

.logo {
    width: 100%;
    height: 46px; 
    text-align: center;
    background-color: #283fbe98;
}

.logo img {
    margin-left: 15%;
}

.logo ul {
    width: 100%;
    list-style: none;
    float: right;
    margin-top: 8px;
    margin-left: 2%;
    padding-left: 0;
    font-size: 18px; 
}

.logo a {
    text-decoration: none;
    color: #ffffff;
}


.logo_leftdiv {
    min-width:1360px; 
    margin:0 auto;
    text-align:left; 
    line-height: 100px; 
    padding-top: 15px; 
}

.logo_leftdiv span {
    line-height: 50px;
    font-size: 26px;
    font-weight: 600;
    color: #6c6c6c;
}

.daohanglan {
    text-align: center;
    min-width: 1220px;
    margin: 0 auto;
}

.logo ul li {
    display: inline;
    margin-right: 100px;
    transition: all .3s;
}

.logo ul li:hover {
    color: #ffffff; 
    border-bottom: 6px solid #3001ffdc;
}

.card-left {
    float: left;
    width: 60%;
}

.card-left img {
    cursor: pointer;
}

.card-right {
    cursor: pointer;
    float: right;
    width: 50%;
    text-align: right;
    padding-right: 10px;
    color: #727272;
}

.card-right span {
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}


.card-right1 {
    cursor: pointer;
    float: right;
    width: 40%;
    text-align: right;
    padding-right: 5px;
    color: #aaaaaa;
}

.card-right1 span {
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
}

.notice {
    width: 99%;
    background-color: #fff;
    /* box-shadow: 0 0 5px #ccc; */
    border-radius: 0 0 10px 10px;
    float: left;
    /* margin: auto 10px; */
}

.server-card {
    font-size: 16px;
    font-weight: 600;
    color: #3a5c92;
    line-height: 50px
}

.notli {
    display: flex;
    height: 40px;
    width: 100%;
    line-height: 40px;
    cursor: pointer;
    text-align: left;
}


.notice img {
    margin: 10px 0 0 10px;
    float: left;
}

.notice-header {
    border-bottom: 1px solid #e5e9f354;
    width: 100%;
    height: 70px;
    text-align: center;
    font-weight: 600;
    line-height: 70px;
    margin: 8px auto 12px;

}

.notice-header a {
    text-decoration: none;
    color: #154197;
    float: right;
}

.notice-header a:hover {
    color: #396FD4;
}

.notice ul li {
    color: #5E5E5E;
}

.noticeTitle {
    flex-grow: 13;
    white-space: nowrap;
    color: #5E5E5E;
}

.noticeTitle:before {
    position: relative;
    top: 0px;
    left: 2px;
    text-align: left;
}


.business_panle {
    width: 99%;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    margin: auto 1px;
}

.business_hander {
    border-bottom: 1px solid #ccd9f3;
    width: 100%;
    height: 7px;
    line-height: 70px;
    text-align: left;
    font-weight: 600;
    padding-left: 20px;
    color: #6c6c6c;
    font-size: 14px;
}


.business_hander span {
    color: #6c6c6c;
    font-size: 14px;
}

.business_body {
    width: 100%;
    min-height: 40px;
    padding: 10px;
}

.business_panle_inner {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 2px;
    margin: auto;
}

.business_hander_inner {
    border-bottom: 1px solid #ccd9f3;
    width: 100%;
    line-height: 60px;
    text-align: left;
    font-weight: 600;
    padding-left: 20px;
    color: #6c6c6c;
    font-size: 18px;
}

.business_hander_inner span {
    font-weight: 400;
    padding-bottom: 20px;
}

.business_hander_inner label {
    padding-right: 20px;
    cursor: pointer;
}

.business_body_inner {
    width: 100%;
    min-height: 40px;
    padding: 10px;
    box-shadow: 0 0 5px #ccc;
    border-bottom: 1px solid #ccd9f3;
}

.warning-box {
    padding: 10px;
    border: 1.8px dashed #2bc0f1;
    font-size: 20px;
    background: #a7e8f514;
    border-radius: 3px;
}

.warning-box p {
    font-size: 16px;
    line-height: 30px;
    padding: 0px;
    margin-bottom: 0px;
}

.business_body span {
    font-weight: 400;
    padding-bottom: 10px;
    color: #6c6c6c;
}

.b_form_span {
    color: #6c6c6c;
    font-size: 14px;
}

.b_form_span label {
    padding-right: 20px;
    cursor: pointer;
}

.b_form {
    display: flex;
}

.b_form_left {
    display: block;
    width: 150px;
    text-align: right;
    color: #6c6c6c;
    font-size: 18px;
}

.b_form_right {
    margin-left: 20px;
    color: #6c6c6c;
    font-size: 18px;

}

.b_form_right label {
    cursor: pointer;
    padding-right: 20px;
}

.b_form_search_file {
    display: flex;
}

.b_form_label {
    margin-top: .35rem;
    margin-bottom: 0rem;
    text-align: right;
    padding-right: 1rem;
    font-size: 14px;
    color: #706f6f;
}

.b_form_search_file.required .b_form_label:before {
    color: red;
    content: "*";
    position: absolute;
    margin-left: -15px;
}

.b_form_search_file.required .col-form-label:before {
    color: red;
    content: "*";
    position: absolute;
    margin-left: -15px;
}

.b_form_left.required::before {
    color: red;
    content: "*";
    position: absolute;
    margin-left: -15px;
}

.b_business_left {
    font-size: 18px;
}

.b_business_left.required::before {
    color: red;
    content: "*";
    position: absolute;
    margin-left: -15px;
}

.b_form_input {
    padding: 0.2rem 0.5rem;
}

.flow_table {
    font-size: 12px;
    color: #5b5c5c;
}

.noticeshow {
    min-height: 200px;
}

.title-header {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 80px;
}

.time-header {
    padding: 0 0px 5px 0;
    width: 100%;
    text-align: center;
    font-weight: 400;
    margin: 8px auto 12px;
    /* border-bottom: 2px solid #176dc1; */
    color: #5e5e5e;
    font-size: 16px;
}

.el-backtop {
    position: fixed;
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #409eff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 10px 5px rgba(238, 44, 44, 0.301);
    cursor: pointer;
    z-index: 5;
}

.card.default_box {
    cursor: pointer;
}

.card.default_box:hover {
    box-shadow: 0 0 10px 5px rgba(172, 172, 172, 0.301);
}

.content img {
    max-width: 100%;
}

.content p {
    text-indent: 2em;
    line-height: 2em;
    white-space: break-spaces;
}

.el-backtop:hover {
    box-shadow: 0 0 12px 5px rgba(238, 44, 44, 0.582);
}

.business_footer {
    border-top: 1px solid #ccd9f3;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    font-weight: 600;
    padding-left: 420px;
    color: #6c6c6c;
    font-size: 14px;
}

.el-backtop2 {
    position: fixed;
    background-color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #409eff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 10px 5px rgba(23, 219, 16, 0.301);
    cursor: pointer;
    z-index: 5;
}

.el-backtop2:hover {
    box-shadow: 0 0 12px 5px rgba(43, 245, 3, 0.582);
}

.step_activity {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
    color: green;
}

.step_info {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
    color: #999999;
}

.search_in { 
    /* 由固定高度改为自适应高度，能够拉伸填充空间 */
    min-height: 390px; /* 保留最小高度，确保在小屏幕时也能完整显示 */
    height: 100%; /* 填充父容器高度 */
    /* 由固定宽度改为自适应宽度，跟随父容器在高分辨率下自动拉伸 */
    width: auto;
    flex: 1 1 0;
    max-width: 50%;
    background-image: url('../img/archives_search6.png');
    /*background-size: cover;  保持图片比例不变形 */
    /* background-position: center center; */
    /*图片等比例拉伸*/
    background-size: cover;
    padding: 0px;    
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: stretch; /* 改为stretch，让内容拉伸填充 */
    align-items: center; /* 水平居中 */
    /* 移除 overflow 限制，允许内容正常显示和滚动 */
    position: relative; /* 用于定位内部元素 */
}

.search_in:hover {
    /* 保持cover不变形，只做轻微的缩放效果 */
    transform: scale(1.02);
    transition: transform 0.3s ease-in-out;
}


.search_in div {
    background: #4d7fdd86;
    /* 居中到模块的中下位置：水平居中，垂直方向在中间偏下 */
    position: absolute;
    bottom: max(25%, 60px); /* 距离底部25%，但至少60px，确保在小高度时也能显示 */
    left: 50%;
    transform: translateX(-50%); /* 水平居中 */
    width: calc(100% - 2px); /* 左右各留20px边距 */
    min-height: 120px; /* 保留最小高度 */
    height: auto; /* 允许高度自适应 */
    text-align: center;
    cursor: pointer;
    flex-shrink: 0; /* 不缩小 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 内部文字垂直居中 */
    align-items: center; /* 内部文字水平居中 */
    padding: 20px; /* 内边距，确保内容不被裁剪 */
}


.search_in:hover div {
    background: #153c86ba;
    transition: all 1s ease-in-out;
}

.search_in .big_title {
    margin-top: 0; /* 移除固定margin，由div的padding控制间距 */
    font-size: 36px;
    font-weight: 900;
    color: #fff;
}

.search_in:hover .big_title {
    font-size: 38px;
    transition: all 1s ease-in-out;
}

.search_right { 
    /* 由固定高度改为自适应高度，能够拉伸填充空间 */
    min-height: 390px; /* 保留最小高度，确保在小屏幕时也能完整显示 */
    height: 100%; /* 填充父容器高度 */
    /* 由固定宽度改为自适应宽度，跟随父容器在高分辨率下自动拉伸 */
    width: auto;
    flex: 1 1 0;
    max-width: 50%;
    background-image: url('../img/archives_search7.png');
    background-size: cover; /* 保持图片比例不变形 */
    background-position: center center;
    padding: 0px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: stretch; /* 改为stretch，让内容拉伸填充 */
    align-items: center; /* 水平居中 */
    /* 移除 overflow 限制，允许内容正常显示和滚动 */
    position: relative; /* 用于定位内部元素 */
}

.search_right:hover {
    /* 保持cover不变形，只做轻微的缩放效果 */
    transform: scale(1.02);
    transition: transform 0.3s ease-in-out;
}


.search_right div {
    background: #4d7fdd86;
    /* 居中到模块的中下位置：水平居中，垂直方向在中间偏下 */
    position: absolute;
    bottom: max(25%, 60px); /* 距离底部25%，但至少60px，确保在小高度时也能显示 */
    left: 50%;
    transform: translateX(-50%); /* 水平居中 */
    width: calc(100% - 2px); /* 左右各留20px边距 */
    min-height: 120px; /* 保留最小高度 */
    height: auto; /* 允许高度自适应 */
    text-align: center;
    cursor: pointer;
    flex-shrink: 0; /* 不缩小 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 内部文字垂直居中 */
    align-items: center; /* 内部文字水平居中 */
    padding: 20px; /* 内边距，确保内容不被裁剪 */
}


.search_right:hover div {
    background: #153c86ba;
    transition: all 1s ease-in-out;
}

.search_right .big_title {
    margin-top: 0; /* 移除固定margin，由div的padding控制间距 */
    font-size: 36px;
    font-weight: 900;
    color: #fff;
}

.search_right:hover .big_title {
    font-size: 38px;
    transition: all 1s ease-in-out;
}


.index_right {
    height: 400px;
    padding: 0px 10px 0px 20px;
}

.index_left_padding {
    padding: 0px 5px 0px 5px;
    margin-right: 0px !important ;
    margin-left: 0px !important;
}

.index_right_padding {
    padding: 0px 0px 0px 5px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}


.tzgg_div {
    cursor: pointer;
    width: 100%;
    height: 190px;
    background: url('../img/tzgg.png') no-repeat;
    background-position: left bottom;
    background-size: auto auto;
}

.tzgg_div div {
    line-height: 190px;
    font-size: 32px;
    font-weight: 900;
    color: #fff;
}

.tzgg_div:hover div {
    background: #153c86ba;
    font-size: 36px;
    transition: all 0.1s ease-in-out;
}

.tzgg_div span {
    margin-left: 20px;
}

.cdxz_div {
    cursor: pointer;
    width: 100%;
    height: 190px;
    background: url('../img/cdxz.png') no-repeat;
    background-position: left bottom;
    background-size: auto auto;
}


.cdxz_div div {
    line-height: 190px;
    font-size: 32px;
    font-weight: 900;
    color: #fff;
}

.cdxz_div:hover div {
    background: #153c86ba;
    font-size: 36px;
    transition: all 0.1s ease-in-out;
}

.cdxz_div span {
    margin-left: 20px;
}



.cjwt_div {
    cursor: pointer;
    width: 100%;
    height: 190px;
    background: url('../img/cjwt.png') no-repeat;
    background-position: left bottom;
    background-size: auto auto;
}


.cjwt_div div {
    line-height: 190px;
    font-size: 32px;
    font-weight: 900;
    color: #fff;
}

.cjwt_div:hover div {
    background: #153c86ba;
    font-size: 36px;
    transition: all 0.1s ease-in-out;
}

.cjwt_div span {
    margin-left: 20px;
}


.jdlc_div {
    cursor: pointer;
    width: 100%;
    height: 190px;
    background: url('../img/tzgg.png') no-repeat;
    background-position: left bottom;
    background-size: auto auto;
}


.jdlc_div div {
    background: #2c426cba;
    line-height: 190px;
    font-size: 32px;
    font-weight: 900;
    color: #fff;
}


.jdlc_div:hover div {
    background: #05193dd8;
    line-height: 190px;
    font-size: 36px;
    transition: all 0.2s ease-in-out;
}

.jdlc_div span {
    margin-left: 20px;
}


/**/
.jdcx_div {
    cursor: pointer;
    width: 100%;
    height: 190px;
    background: url('../img/cdjd.png') no-repeat;
    background-position: left bottom;
    background-size: auto auto;
}

.jdcx_div div {
    background: #2c426cba;
    line-height: 190px;
    font-size: 32px;
    font-weight: 900;
    color: #fff;
}

.jdcx_div:hover div {
    background: #05193dd8;
    font-size: 36px;
    transition: all 0.1s ease-in-out;
}


.cdxz_div {
    cursor: pointer;
    width: 100%;
    height: 190px;
    background: url('../img/cdxz.png') no-repeat;
    background-position: left bottom;
    background-size: auto auto;
}

.cdxz_div:hover {
    transition: all 1s ease-in-out;
}

.cdxz_div div {
    line-height: 190px;
    font-size: 32px;
    font-weight: 900;
    color: #fff;
}

.cdxz_div:hover div {
    background: #153c86ba;
    font-size: 36px;
    transition: all 0.1s ease-in-out;
}

.cdxz_div span {
    margin-left: 20px;
}

.question_span {
    line-height: 50px;
    border-bottom: 1px solid #cfcfcf;
    cursor: pointer;
}


.question_span .select {
    color: #0d6efd;
}

.ql-align-right {
    text-align: right;
}

.ql-align-center {
    text-align: center;
}

/* footer 样式，确保不被压缩，在不同分辨率下正确显示 */
footer {
    flex-shrink: 0; /* footer 不被压缩，保持固定高度 */
    width: 100%; /* 确保宽度100% */
    margin: 0; /* 移除默认margin */
    margin-top: auto; /* 使用auto margin推到底部，在flex布局中自动吸附到底部 */
    padding: 1rem 0; /* 统一的内边距 */
    text-align: center; /* 文字居中 */
    background-color: transparent; /* 透明背景 */
    border-top: 1px solid #dee2e6; /* 顶部边框 */
    clear: both; /* 清除浮动，确保footer在底部 */
    position: static; /* 使用static定位，确保在正常文档流中，不浮动 */
    z-index: 1; /* z-index设置较低，确保不遮挡正文 */
    order: 3; /* footer 排在第三位（最后） */
    /* 确保footer不会遮挡正文内容 */
    box-sizing: border-box;
}

/* footer 内部div样式 */
footer > div {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 14px;
    color: #6c757d;
    line-height: 1.5;
}

/* 响应式调整：小屏幕 */
@media (max-width: 768px) {
    footer {
        padding: 0.75rem 0;
    }
    
    footer > div {
        font-size: 12px;
        padding: 0 15px; /* 左右留出边距 */
    }
}

/* 响应式调整：中等屏幕 */
@media (min-width: 769px) and (max-width: 1200px) {
    footer {
        padding: 1rem 0;
    }
    
    footer > div {
        font-size: 13px;
    }
}

/* 响应式调整：大屏幕 */
@media (min-width: 1201px) {
    footer {
        padding: 1rem 0;
    }
    
    footer > div {
        font-size: 14px;
        max-width: var(--content-width); /* 使用内容宽度限制 */
        margin: 0 auto;
    }
}

/* 全屏背景容器，用于填充内容区域两侧的空白 */
.full-width-bg-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none; /* 确保背景不影响页面交互 */
    overflow: hidden;
}

.full-width-bg-left, .full-width-bg-right {
    position: absolute;
    top: 0;
    height: 100%;
    /* 根据当前主体内容宽度动态计算左右背景宽度，保证在大屏下两侧空白被填充 */
    width: calc((100vw - var(--content-width) - var(--scroll-width, 0px)) / 2);
    background: transparent; /* 设置为透明背景 */
    overflow: hidden;
}

.full-width-bg-left {
    left: 0;
}

.full-width-bg-right {
    right: 0;
}

/* 为左右两侧添加背景图，使用伪元素实现可调整透明度的背景 */
.full-width-bg-left::before, .full-width-bg-right::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 底层背景图：略微虚化并降低对比度，避免太抢眼 */
    background: url('../img/big_bg.jpg') no-repeat;
    background-size: cover;
    opacity: 0.09; /* 降低透明度，让背景更柔和 */
    filter: blur(2px); /* 轻微模糊处理 */
    transform: scale(1.05); /* 放大一点，防止模糊产生边缘空白 */
}

.full-width-bg-left::before {
    background-position: left;
}

.full-width-bg-right::before {
    background-position: right;
}

/* 在背景图上增加logo图片，垂直居中显示 */
/* .full-width-bg-left::after {
    content: '';
    position: absolute;
       top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
    background: url('../img/logo_bg.png') no-repeat center center;
    background-size: contain;
    opacity: 0.8; 
    z-index: 2;
}

.full-width-bg-right::after {
    content: '';
    position: absolute;
      top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
   width: 180px;
    height: 180px;
    background: url('../img/logo_bg.png') no-repeat center center;
    background-size: contain;
    opacity: 0.8;  
    z-index: 2;
} */

/* 背景图案元素 */
.bg-pattern {
    display: none; /* 隐藏原有的背景图案，因为现在使用图片背景 */
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(white 15%, transparent 16%),
        radial-gradient(white 15%, transparent 16%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    opacity: 0.1;
    pointer-events: none;
}

/* 使用学校logo作为水印 */
.bg-pattern::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: url('../img/bgimg1.png') no-repeat center center;
    background-size: contain;
    opacity: 0.06; /* 调整透明度 */
    pointer-events: none;
    z-index: 1;
}

/* 重复放置多个倾斜的logo水印，更密集地填充整个区域 */
.bg-pattern::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: 
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg'),
        url('../img/bgimg.jpg');
    background-repeat: repeat;
    background-size: 80px auto;
    background-position: 
        0% 0%,
        15% 10%,
        30% 20%,
        45% 5%,
        60% 25%,
        75% 15%,
        90% 30%,
        5% 50%,
        20% 60%,
        35% 40%,
        50% 70%,
        65% 80%,
        80% 65%,
        95% 90%,
        25% 95%;
    opacity: 0.3; /* 提高透明度以增强可见性 */
    pointer-events: none;
    z-index: 0;
    transform: rotate(12deg); /* 调整倾斜角度 */
}