@charset "UTF-8";
/* 全局重置 */
*{margin:0;padding:0;list-style:none;border:0;box-sizing:border-box;}
html,body{min-width:1080px;}
body{font-size:14px;font-family:"微软雅黑","Microsoft YaHei",宋体;background:#E6F2FF;color:#000;line-height:1.6;}
a{color:#000;text-decoration:none;transition:all 0.3s ease;}
a:hover{color:#004799;text-decoration:underline;}
.clear{clear:both;}

/* 容器 */
.wrap{width:1080px;min-width:1080px;max-width:1080px;margin:0 auto;background:#fff;border:1px solid #B3D9FF;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,51,102,0.1);}

/* 头部 */
.header{
  height:88px;
  line-height:88px;
  background: linear-gradient(to bottom, #B3D9FF, #E6F2FF);
  padding:0 27px;
  border-bottom:2px solid #99CCFF;
  width: 100%;
}
.logo{float:left;}
.logo h1{float:left;font-size:27px;color:#1976D2;font-weight:bold;}
.logo h1 a{color:#1976D2;}
.logo h1 a:hover{color:#0D47A1;text-decoration:none;}
.logo span{float:left;margin:0 14px;color:#FF6600;font-size:14px;}
.search{float:right;margin-top:30px;}
.search .input{
  width:198px;
  height:29px;
  line-height:29px;
  border:1px solid #99CCFF;
  background:#fff;
  color:#000;
  padding:0 9px;
  border-radius:4px 0 0 4px;
  outline:none;
  float:left;
  font-size:13px;
}
.search .btn{
  width:63px;
  height:29px;
  line-height:29px;
  background:#1976D2;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
  border-radius:0 4px 4px 0;
  float:left;
  font-size:13px;
  border:none;
}
.search .btn:hover{background:#0D47A1;}
.search::after{content:"";display:block;clear:both;}

/* 导航栏 */
.nav{
  background: linear-gradient(to bottom, #B3D9FF, #E6F2FF);
  height:45px;
  line-height:45px;
  border-bottom:1px solid #99CCFF;
  position:relative;
  z-index:10;
  width: 100%;
  border-left: 1px solid #B3D9FF;
  border-right: 1px solid #B3D9FF;
}
.nav ul{
  width:100%;
  display:flex;
  margin:0;
  padding:0;
  list-style:none;
}
.nav ul li{
  flex:1;
  text-align:center;
  position:relative;
}
.nav ul li a{
  color:#1976D2;
  font-size:15px;
  display:block;
  height:45px;
  line-height:45px;
  transition:all 0.3s ease;
  text-decoration:none;
  position:relative;
  font-weight:bold;
}
.nav ul li a:hover{
  background:#D9E8FF;
  color:#0D47A1;
}
.nav ul li a::after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  width:0;
  height:2px;
  background:#1976D2;
  transition:all 0.3s ease;
  transform:translateX(-50%);
}
.nav ul li a:hover::after{
  width:80%;
}
.nav ul li a.active{
  background:#D9E8FF;
  color:#0D47A1;
}
.nav ul li a.active::after{
  width:80%;
}

/* 轮播图 */
.banner{
  width:100%;
  height:270px;
  position:relative;
  overflow:hidden;
  border-bottom:2px solid #99CCFF;
  border-left: 1px solid #B3D9FF;
  border-right: 1px solid #B3D9FF;
}
.banner ul{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}
.banner ul li{
  width:100%;
  height:100%;
  float:left;
  display:none;
  position:relative;
}
.banner ul li.active{display:block;}
.banner ul li img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.banner .dots{
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  z-index:10;
}
.banner .dots span{
  display:inline-block;
  width:11px;
  height:11px;
  border-radius:50%;
  background:rgba(255,255,255,0.5);
  margin:0 5px;
  cursor:pointer;
}
.banner .dots span.active{background:#1976D2;transform:scale(1.2);}

/* 主体 */
.main{padding:18px;padding-bottom:0;background:#fff;}

/* 文章模块 */
.box{width:31.3%;float:left;margin-right:2%;margin-bottom:18px;background:#fff;border:1px solid #B3D9FF;border-radius:6px;overflow:hidden;}
.box-full{width:100%;margin-right:0;margin-bottom:18px;background:#fff;border:1px solid #B3D9FF;border-radius:6px;overflow:hidden;}
.box-fr{float:right;margin-right:0;}

/* 标题栏 */
.box-title{
  height:36px;
  line-height:36px;
  background:#E6F2FF;
  padding:0 14px;
  border-bottom:1px solid #99CCFF;
  font-size:15px;
  color:#000;
  position: relative;
}
.box-title h3{
  float: left;
  margin: 0;
  font-size:15px;
  font-weight: normal;
}
.box-title .more{
  position: absolute;right:14px;top:0;
  color:#1976D2;font-size:13px;line-height:36px;
}
.box-title .date{
  position: absolute;right:14px;top:0;
  color:#000;font-size:12px;line-height:36px;
}

.box-list{padding:14px;min-height:180px;overflow:hidden;}
.box-list-show{padding:22px;line-height:2;font-size:14px;color:#333;min-height:360px;}

/* 默认列表项样式 */
.box-list ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #ddd;
    padding: 0 5px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
}
.box-list ul li:hover{
    background:#F0F7FF;
}
.box-list ul li a{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-right:14px;
}
.box-list .date{
    flex-shrink:0;
    color:#000;
    font-size:12px;
    width:90px;
    text-align:right;
}

/* 排行样式 */
.rank ul li{
    position: relative;
    padding-left: 36px;
    min-height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.rank .num{
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    line-height:22px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    font-size: 13px;
}
.rank .num1{background:#FF4444;}
.rank .num2{background:#FF8000;}
.rank .num3{background:#FFCC00;}
.rank .num4{background:#0099FF;}
.rank .num5,.rank .num6,.rank .num7,.rank .num8,.rank .num9,.rank .num10{background:#999999;}

.rank ul li a {
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color: #333;
    margin-left:5px;
}
.rank ul li a:hover {
    color: #ff6600;
}
.rank ul li .date {
    color: #000;
    font-size: 12px;
    width:90px;
    text-align:right;
    flex-shrink:0;
}

/* 分类列表页 */
.box-full .box-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    min-height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
    width: 100%;
}
.box-full .box-list ul li a {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1976D2;
    max-width: 75%;
}
.box-full .box-list .date {
    color: #000;
    font-size: 12px;
    width: 90px;
    text-align: right;
    flex-shrink: 0;
}
.box-full .box-list ul li:hover a {
    color: #0D47A1;
    text-decoration: underline;
}

/* 友情链接 */
.friend-link-box {
    width: 100%;
    margin-bottom: 18px;
    background: #fff;
    border: 1px solid #B3D9FF;
    border-radius: 6px;
    overflow: hidden;
}
.friend-link-box .box-title {
    background: #E6F2FF;
    border-bottom: 1px solid #99CCFF;
}
.friend-link-box .box-title h3 {
    font-size: 15px;
    font-weight: normal;
    color: #1976D2;
}
.friend-link-content {
    padding: 14px 20px;
    background: #fff;
}
.friend-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.friend-link-list a {
    display: inline-block;
    padding: 6px 16px;
    background: #f5f7fa;
    border: 1px solid #e0e6ed;
    border-radius: 4px;
    color: #1976D2;
    text-decoration: none;
    font-size:13px;
    transition: all 0.2s ease;
}
.friend-link-list a:hover {
    background: #1976D2;
    border-color: #1976D2;
    color: #fff;
    transform: translateY(-1px);
}

/* 未来服标题 */
.future-title {
    background: linear-gradient(to bottom, #B3D9FF, #E6F2FF);
    color: #1976D2;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding: 6px;
    border: 1px solid #99CCFF;
}

/* 搜索结果 */
.search-result-item {
    padding:14px;
    border-bottom:1px dotted #B3D9FF;
}
.search-result-item:last-child {
    border-bottom:none;
}
.search-result-title {
    font-size:14px;
    font-weight:bold;
    margin-bottom:7px;
}
.search-result-title a {
    color:#1976D2;
    text-decoration:none;
}
.search-result-title a:hover {
    text-decoration:underline;
}
.search-result-date {
    float:right;
    font-size:12px;
    color:#000;
}
.search-result-content {
    font-size:13px;
    color:#333;
    line-height:1.8;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    margin-top:5px;
}

/* 底部 */
.footer{
    text-align:center;
    padding:30px 0;
    background: linear-gradient(to top, #99CCFF, #E6F2FF);
    border-top:1px solid #B3D9FF;
    color:#333;
    line-height:1.6;
    font-size:15px;
    border-left: 1px solid #B3D9FF;
    border-right: 1px solid #B3D9FF;
}

/* 文章内容页 */
.content-box {
    padding: 25px 20px;
    background: #fff;
    line-height: 2;
    font-size: 16px;
    color: #333;
}
.content-box img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
    border-radius: 6px;
}
.page-nav {
    padding: 12px 20px;
    background: #fff;
    border-top: 1px dashed #b3d9ff;
    font-size: 15px;
    line-height: 1.8;
}
.page-nav strong {
    color: #1976d2;
    min-width: 80px;
}
.page-nav a {
    color: #1976d2;
}
.page-nav a:hover {
    text-decoration: underline;
}

/* ====== 搜索页面专用样式 ====== */

/* 搜索文章项 */
.box-list .article-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 5px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    border-bottom: 1px dashed #ddd !important;
}
.box-list .article-item:hover {
    background: #F0F7FF;
}
.box-list .article-title {
    flex: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    margin-right: 14px !important;
    max-width: 75% !important;
}
.box-list .article-title a {
    color: #1976D2 !important;
    text-decoration: none !important;
}
.box-list .article-title a:hover {
    color: #0D47A1 !important;
    text-decoration: underline !important;
}
.box-list .article-item .date {
    flex-shrink: 0 !important;
    color: #000 !important;
    font-size: 12px !important;
    width: 90px !important;
    text-align: right !important;
}

/* 空结果 */
.box-list .empty-item {
    display: block !important;
    text-align: center !important;
    padding: 40px 0 !important;
    font-size: 16px !important;
    color: #666 !important;
    border-bottom: none !important;
}
.box-list .empty-item a {
    color: #1976D2 !important;
    text-decoration: underline !important;
}

/* 搜索高亮 */
.highlight {
    background: #FFE082 !important;
    color: #E65100 !important;
    font-weight: bold !important;
    padding: 0 2px !important;
    border-radius: 2px !important;
}

/* 分页导航 */
.pagination {
    padding: 15px 14px 5px 14px !important;
    text-align: center !important;
    font-size: 13px !important;
    border-top: 1px solid #E6F2FF !important;
    margin-top: 10px !important;
    clear: both !important;
}
.pagination a, .pagination span {
    display: inline-block !important;
    padding: 4px 12px !important;
    margin: 0 2px 6px 2px !important;
    border: 1px solid #B3D9FF !important;
    border-radius: 4px !important;
    color: #1976D2 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    background: #fff !important;
}
.pagination a:hover {
    background: #1976D2 !important;
    color: #fff !important;
    border-color: #1976D2 !important;
    text-decoration: none !important;
}
.pagination .current {
    background: #1976D2 !important;
    color: #fff !important;
    border-color: #1976D2 !important;
}
.pagination .disabled {
    color: #999 !important;
    border-color: #ddd !important;
    background: #f5f5f5 !important;
    cursor: not-allowed !important;
}
.pagination .page-info {
    border: none !important;
    background: none !important;
    color: #333 !important;
}

/* 移动端自适应 */
@media screen and (max-width: 768px) {
    html,body{overflow-x: hidden;width:100%;background:#E6F2FF;}
    .wrap{width:1080px;transform:scale(0.38);transform-origin:top left;margin:0;}
}
@media screen and (max-width: 375px) {.wrap{transform:scale(0.347);}}
@media screen and (min-width:376px) and (max-width:414px) {.wrap{transform:scale(0.383);}}
@media screen and (min-width:415px) and (max-width:768px) {.wrap{transform:scale(0.42);}}