@layer legacy {
/* 在 body 样式中添加底纹背景 */
body {
    /* background: url(indexbg.jpg) no-repeat center top; */
/* 	background: url(indexbg.jpg) repeat center top;
    background-color: #f5f5f5;  /* 图片边缘过渡色 */ */
	
	
    background-color: #f8fbff;  /* 极淡蓝底 */
    background-image: 
        repeating-linear-gradient(
            0deg,
            rgba(0, 118, 246, 0.03),
            rgba(0, 118, 246, 0.03) 30px,  /* 色块 30px */
            transparent 30px,
            transparent 60px                 /* 间隙 30px */
        );
    background-attachment: fixed;
    font-family: SimSun, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    color: #333;
    line-height: 1.3; /* 进一步减小行高 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

/* 添加一个覆盖层，确保内容区域更清晰 */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(0, 118, 246, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(0, 118, 246, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, rgba(0, 118, 246, 0.02) 0%, transparent 50%);
    z-index: -1;
}

/* 保持主内容区域背景为白色，提高可读性 */
.col {
    width: 1200px;
    overflow: hidden;
    clear: both;
    margin: 10px auto 0;
    position: relative;
    background-color: rgba(255, 255, 255, 0.92);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(2px);
}

.fl { float: left; }
.fr { float: right; }
.hd, .con { overflow: hidden; }
.hd .tt { float: left; display: block; }
.hd .more { float: right; display: block; }
.hd .more a { display: block; cursor: pointer; }
.ml10 { margin-left: 10px; }
.clear { clear: both; }

/* 为焦点框添加更亮丽的背景 */
.focusBox {
    background: linear-gradient(135deg, #f0f8ff 0%, #e8f4ff 100%);
    width: 380px;
    border: 2px solid rgba(0, 118, 246, 0.2);
    padding: 15px;
    margin-top: 10px;
    min-height: 100px;
    float: left;
    border-radius: 10px;
    box-shadow: 
        0 6px 20px rgba(0, 118, 246, 0.15),
        inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.focusBtn {
    background: url(focusBtn.jpg) no-repeat center center #fff;
    width: 362px;
    padding: 13px 10px;
    border: #e6e6e6 1px solid;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(to right, #ffffff, #f8fbff);
}

.focusBtn a {
    padding: 45px 11px 0;
    display: block;
    float: left;
}

.headnews {
    width: 800px;
    overflow: hidden;
    float: right;
}

/* 为标题行添加更亮的背景渐变 */
.headline {
    background: linear-gradient(135deg, #0076f6 0%, #00a8ff 100%);
    width: 800px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border: none;
    font-size: 18px;
    color: white;
    border-radius: 10px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 15px rgba(0, 118, 246, 0.3);
}

/* 行 */
.row {
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}

/* 增强盒子阴影效果，使它们更加突出 */
.box {
    width: 386px;
    border: 1px solid #e1e8ed;
    float: left;
    margin-right: 21px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    backdrop-filter: blur(5px);
}

.box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #0076f6 0%, #00a8ff 100%);
}

.box:nth-child(2)::before {
    background: linear-gradient(90deg, #0076f6 0%, #00a8ff 100%);
}

.box:nth-child(3)::before {
    background: linear-gradient(90deg, #0076f6 0%, #00a8ff 100%);
}

.box:nth-child(3n) {
    margin-right: 0;
}

/* 盒子头部 */
.box .hd {
    height: 48px;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(135deg, #f8fcff 0%, #e8f4ff 100%);
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.box:nth-child(2) .hd {
    background: linear-gradient(135deg, #f8fcff 0%, #e8f4ff 100%);
}

.box:nth-child(3) .hd {
    background: linear-gradient(135deg, #f8fcff 0%, #e8f4ff 100%);
}

/* 修改栏目样式：加大字号、加粗、黑色、使用黑体 */
.box .hd .tt {
    width: auto;
    height: auto;
    line-height: 1.2;
    text-align: left;
    color: #000; /* 改为更深的黑色 */
    font-size: 20px; /* 增加字号 */
    font-weight: bold; /* 加粗显示 */
    padding: 12px 0 12px 35px;
    background-position: left center;
    background-repeat: no-repeat;
    font-family: "Microsoft YaHei", "SimHei", "PingFang SC", sans-serif; /* 使用黑体或微软雅黑 */
    text-shadow: none; /* 移除文字阴影 */
}

.box:nth-child(2) .hd .tt {
    color: #000; /* 改为黑色 */
}

.box:nth-child(3) .hd .tt {
    color: #000; /* 改为黑色 */
}

.box .hd .more a {
    line-height: 1;
    padding: 6px 14px;
    color: white;
    text-decoration: none;
    font-size: 13px;
    border: none;
    border-radius: 20px;
    background: linear-gradient(135deg, #0076f6 0%, #00a8ff 100%);
    box-shadow: 0 2px 5px rgba(0, 118, 246, 0.3);
}

.box:nth-child(2) .hd .more a {
    background: linear-gradient(135deg, #0076f6 0%, #00a8ff 100%);
    box-shadow: 0 2px 5px rgba(0, 118, 246, 0.3);
}

.box:nth-child(3) .hd .more a {
    background: linear-gradient(135deg, #0076f6 0%, #00a8ff 100%);
    box-shadow: 0 2px 5px rgba(0, 118, 246, 0.3);
}

/* 盒子内容区域 - 进一步缩小字号和行高 */
.box .con {
    background: #fff;
    min-height: 120px;
    padding: 15px; /* 减少内边距 */
    line-height: 1.2; /* 进一步减小行高 */
    color: #000; /* 改为黑色 */
    font-size: 14px; /* 减小字号 */
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif; /* 改为宋体 */
    position: relative;
}

/* 列表样式 */
.box .con ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.box .con li {
    padding: 6px 0; /* 进一步减少内边距 */
    border-bottom: 1px dashed #f0f0f0;
    position: relative;
}

/* 移除列表项圆点 */
.box .con li::before {
    display: none; /* 不显示圆点 */
}

.box .con li:last-child {
    border-bottom: none;
}

/* 移除链接左侧内边距，因为不显示圆点了 */
.box .con a {
    color: #000; /* 改为黑色 */
    text-decoration: none;
    display: block;
    padding: 0; /* 移除左侧内边距 */
}

.box:nth-child(2) .con a {
    color: #000; /* 改为黑色 */
}

.box:nth-child(3) .con a {
    color: #000; /* 改为黑色 */
}

/* 标题图标 */
.box .hd.hd1 .tt {
    background: url(box11_tt1.png) no-repeat left center;
    background-size: 24px 24px;
}

.box .hd.hd2 .tt {
    background: url(box11_tt2.png) no-repeat left center;
    background-size: 24px 24px;
}

.box .hd.hd3 .tt {
    background: url(box11_tt1.png) no-repeat left center;
    background-size: 24px 24px;
}

/* 清除浮动 */
.col:after,
/* 添加教育主题的装饰性元素 */
.col::after {
    content: '?';
    position: absolute;
    top: -10px;
    right: 20px;
    font-size: 40px;
    color: rgba(0, 118, 246, 0.1);
    z-index: 0;
    transform: rotate(15deg);
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
/* 为每个盒子添加微妙的装饰性背景 */
.box::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(0, 118, 246, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}

/* 为图片展示区域增强效果 */
.picshow {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 25px auto;
    border-radius: 12px;
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.picshow .hd {
    background: linear-gradient(135deg, #0076f6 0%, #00a8ff 100%) no-repeat left top;
    width: 53px;
    height: 206px;
    float: left;
    border-radius: 10px 0 0 10px;
}

.picshow .hd .tt {
    padding: 66px 15px 0;
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.picshow .con {
    background: #fff;
    overflow: hidden;
    width: 1145px;
    height: 204px;
    float: right;
    border: #e6e6e6 1px solid;
    border-radius: 0 10px 10px 0;
    border-left: none;
}

.picshow .con .leftarrow {
    cursor: pointer;
    display: inline;
    float: left;
    height: 152px;
    overflow: hidden;
    width: 40px;
}

.picshow .con .leftarrow a {
    background: url("index_prev.png") no-repeat;
    display: block;
    height: 27px;
    margin-left: 17px;
    margin-top: 80px;
    width: 15px;
}

.picshow .con .rightarrow {
    cursor: pointer;
    display: inline;
    float: right;
    height: 152px;
    overflow: hidden;
    width: 30px;
}

.picshow .con .rightarrow a {
    background: url("index_next.png") no-repeat scroll 0 0;
    display: block;
    height: 27px;
    margin-top: 80px;
    width: 15px;
}

.picshow .con .conBox {
    float: left;
    margin-left: 0;
    overflow: hidden;
    width: 1035px;
}

/* 文字选择样式 */
::selection {
    background: rgba(0, 118, 246, 0.3);
    color: #005dc5;
}

::-moz-selection {
    background: rgba(0, 118, 246, 0.3);
    color: #005dc5;
}

/* 焦点样式 */
a:focus,
.box .hd .more a:focus,
.focusBtn a:focus {
    outline: 2px solid #0076f6;
    outline-offset: 3px;
}

/* 优化响应式设计中的背景效果 */
@media screen and (max-width: 1240px) {
    .col {
        width: 95%;
        max-width: 1200px;
        padding: 10px;
    }
    
    .col::after {
        font-size: 30px;
        top: -5px;
        right: 15px;
    }
}

/* 性能优化 */
.box .hd .tt,
.box .con a {
    will-change: transform;
}

/* 打印时移除所有背景效果 */
@media print {
    body {
        background: none !important;
        background-color: white !important;
    }
    
    .col {
        background-color: white !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    .col::after,
    .box::after {
        display: none !important;
    }
}

.news-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0; /* 进一步减少内边距 */
    border-bottom: 1px dashed #f0f0f0;
}

.news-list a {
    color: #000; /* 改为黑色 */
    text-decoration: none;
    flex: 1;
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px; /* 减小字号 */
    line-height: 1.2; /* 减小行高 */
}

.news-date {
    color: #666;
    font-size: 12px; /* 减小日期字号 */
    flex-shrink: 0;
    min-width: 50px;
    text-align: right;
}

/* 圆角优化 */
.headline, .focusBox, .focusBtn, .box, .picshow {
    border-radius: 12px;
}

/* 为新闻列表添加圆点样式 */
.news-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px dashed #f0f0f0;
    position: relative;
}

/* 添加圆点 */
.news-list li .dot {
    color: #0076f6;
    margin-right: 8px;
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
}

.news-list a {
    color: #000;
    text-decoration: none;
    flex: 1;
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.2;
}
}