/* 页面信息 8db600*/
body {
  --main-color: #7ed957;
  --main-color-deep:#388e3c;
  --primary:linear-gradient(240deg, var(--main-color), var(--main-color-deep));
  --date-color: linear-gradient(135deg, var(--main-color-deep), var(--main-color));
  --categort-name-color:#2E7D32;
  --link-hover-color:#3C763D;
  font-size: 16px;
  color: #333;
  background-color: #fff;
}

body,
p,
ul,
li,
input {
  margin: 0;
  padding: 0;
  font-family: 'Microsoft YaHei', '微软雅黑', SimSun, '宋体', SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
   /*font-family: 微软雅黑, Helvetica, 黑体, Arial, Tahoma;
   font-family: "微软雅黑", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;*/
}

div {
  box-sizing: border-box;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

ul,
li {
  list-style: none;
}

a {
  font-family: "微软雅黑", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;
  text-decoration: none;
}

a:hover {
  text-decoration: none !important;
}


a:focus {
  outline: none !important;
}


/* 顶部导航*/
.brand-texts {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
  color: #fff;
  margin-top: 25px;
}

.brand-cn {
  font-weight: 900;
  letter-spacing: .02em;
  font-size: clamp(1.3rem, 1vw + 1rem, 1.9rem);
  text-shadow: 0 10px 30px rgba(255, 255, 255,1)
}

.brand-en {
  margin-top: 2px;
  opacity: .95;
  font-size: clamp(.9rem, .35vw + .85rem, 1.05rem)
}
.replace-header{
  height: 90px;
  width: 100%;
  min-width: 1200px;
  background-size: cover;
  text-align: center;
  margin: 0 auto;
  background: var(--primary);
  position: fixed;
  top: 0;
  z-index: 99;
  animation-name: header-replace;
  animation-duration: 1.5s;
}

@keyframes header-replace{
  from{opacity: .4}
  to{opacity: 1}
}

.replace-header .title {
  width: 1200px;
  margin: auto;
}
.replace-header .logo {
  float: left;
  margin-left: 20px;
  display: inline-flex;

}
.replace-header .logo img {
  margin-top: 20px;
  height: 50px;
  
}
.replace-header .lnut-nav .menu {
  margin-left: 550px;
  position: absolute;
  top: 20%;

}
.replace-header .lnut-nav > .menu > li {
  float: left;
  margin-top: 20px;
  padding:0px 5px;
  position: relative;
  width:80px;
  border-right: 1px solid #fff;
  & a{
    color: #fff;
    font-size: 16px;
  }
 
}
.replace-header .nav_list {
  position: absolute;
  left: 0px;
  line-height: 22px;
  display: none;
  overflow: hidden;
  z-index: 99;
  width: 180px;
  margin-left: 0px;
  margin-top:10px;
  text-align: left;

  
  background: linear-gradient(30deg, #38938E, rgb(100, 237, 134));
}

.replace-header .nav_list li{
  
  padding: 10px 15px;
  border-bottom: 1px solid #c5c5c5;
}

.replace-header .nav_list li a {
  color: #fff;
  line-height: 16px;
  font-size: 15px;
  font-weight: lighter;
  text-align: center;
}
.replace-header .menu > li:hover,
.replace-header .menu > li:active  {

  background: linear-gradient(60deg, #7991ac, #90b1ea);
}
.replace-header .nav_list li:hover {
 
  background: linear-gradient(60deg, #7991ac, #90b1ea);
}

.lnut-header {
  display: block;
  height: 100px;
  width: 100%;
  min-width: 1200px;
  background-size: cover;
  text-align: center;
  margin: 0 auto;
  background:
    /*linear-gradient(to bottom,rgba(6, 30, 65, 0.9),rgba(174, 175, 177, 0.15));
    linear-gradient(180deg, rgba(56, 142, 60, .6) 50%, transparent 100%);*/
    linear-gradient(180deg, rgba(0, 0, 0, .5) 40%, transparent 100%);
  position: fixed;
  top: 0;
  z-index: 99;
  animation-name: header-lnut;
  animation-duration: 1.5s;
  backdrop-filter: blur(12px);
}
@keyframes header-lnut{
  from{opacity: .4}
  to{opacity: 1}
}

.lnut-header .title {
  width: 100%;
  margin: auto;
}

.lnut-header .title .logo {
  float: left;
  margin: auto;
  margin-left: 5%;
  display: inline-flex;

}

.lnut-header .title .logo img {
  margin-top: 15px;
  height: 65px;
  
}


.lnut-header .lnut-nav .menu {

  position: absolute;
  right: 5%;
  top: 35%;

}

.lnut-header .lnut-nav > .menu > li {
  float: left;
  height: 20px;
  padding: 13px 20px;
  position: relative;
 

}

.lnut-header .lnut-nav>.menu>li>a {
  color: #fff;
  font-size: 18px;
}


.lnut-header .lnut-nav .menu .nav_list {
  position: absolute;
  top: 42px;
  left: 0px;
  line-height: 22px;
  display: none;
  overflow: hidden;
  z-index: 99;
  width: 130px;
  margin-left: -10px;
  padding-top: 5px;
  border-top: 3px solid #fff;
  text-align: center;
  background: linear-gradient(180deg, rgba(0, 0, 10, 0.4) 40%, transparent 100%);
  backdrop-filter: blur(30px);
}
.lnut-header .nav_list li{
  margin: 20px 10px;
  width: 115px;
}
.lnut-header .nav_list li a {
  color: #fff;
  line-height: 16px;
  font-size: 16px;
  font-weight: lighter;
  text-align: center;
}

.lnut-header .menu li:hover > a,
.lnut-header .menu li:active > a {

  font-weight: bold;
}

.lnut-header .nav_list li:hover {
  font-weight: bold;
}

/*顶部大图*/
.background {
  margin: 0 auto 0 auto;
  width: 100%;
  min-width: 1200px;
  height: 550px;
  overflow: hidden;
}

.background img {
  position: relative;
  height: 550px;
  width: 100%;
  z-index: 1;
}

.top-background {
  margin: 0 auto 0 auto;
  width: 100%;
  min-width: 1200px;
  height: 500px;
  overflow: hidden;
}

.top-background img {
  position: relative;
  height: 500px;
  width: 100%;
  z-index: 1;
}



/*中间内容*/
.lnut-container {
  width: 1200px;
  margin: 20px auto;
  overflow: visible;
  min-height: 400px;
  display: block;
}

.position{
  display: flex;
  margin: -64px auto 0px auto;
  z-index: 1;
  position: relative;
  width: 1200px;
}

.current-position{
  font-size: 30px;
  backdrop-filter: blur(6px);
  padding: 5px;
  background-image: linear-gradient(212deg, #fff, #406289, #fff, #406289, #fff, #fff, #406289, #fff, #fff, #406289); 
  background-clip: text; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}

.current-position div{
  border-bottom: 3px solid #fff;
  padding: 5px 10px;
}

.full-position{
  margin-left: auto;
  color: #fff;
  height: 40px;
  margin-top: 24px;
  padding: 10px;
  backdrop-filter: blur(6px);
}

.full-position a, .full-position{
  color:#fff;
  font-size: 16px;
}

.full-position a:hover{
  font-weight: bold;
}



.category {
  display: inline-flex;
  margin-bottom: 30px;

}

.category-name  {
font: 900 36px/1.25 "Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
color:var(--categort-name-color);
text-align:center;
letter-spacing: .8px;
margin: 20px 0 15px 534px;
text-shadow:
  0 1px 0 rgba(255,255,255,.8), 
  0 6px 14px rgba(46,125,50,.18); 
 animation: fadeInLeft 1s ease-out;
}
.category-name ::after{
content:"";
display:block;
width:110px;height:4px;
margin:14px auto 0;border-radius:4px;
background:#66BB6A;
box-shadow:0 2px 6px rgba(102,187,106,.35);
}

.rule {
position:relative;
height:1px;
background: #E0E0E0;          
}
.chip {
position:absolute;
left:50%; top:50%;
transform:translate(-50%,-50%);
padding:6px 14px;
background: #E8F5E9;          
color:var(--main-color-deep);
border:1px solid #C8E6C9;
border-radius: 999px;
font: 600 14px/1 "Microsoft YaHei",sans-serif;
letter-spacing:.6px;
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}




.more {
  margin-left:470px;
  margin-top:45px;
}

.more a{
  color: #999999;
}

.more a:hover{
  color: var(--link-hover-color);
}

/*文章内容*/
.article{
  width: 1200px;
  margin-top: -30px;
}

.article-title{
  color: #000;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 10px auto;
}

.article-info{
  color: #888888;
  font-size: 0.85rem;
  width: 100%;
  text-align: center;

}


.article-content{
  margin-top: 30px;
  padding: 0px 10px;
}

/*新闻*/
.news-container{
  margin-bottom:90px;
}
.first-row{
  display: flex;
  margin-top: 35px;
}
.container-left {
  width: 730px;
  margin-right: 40px;
}

.container-right {
  overflow: visible;
  width: 430px;
}

.container-left .news-image img{
  width:730px;
  height: 420px;
}

.container-right .news-image img{
  width: 430px;
  height:226.5px;
}

.container-left .news-title{
  margin: 50px 20px 0px 20px;
  font-size: 18px;
  height: 60px;
}

.news-title{
  margin: 15px 20px;
  font-weight: bold;
}

.container-left .news{
  height: 680px;
}

.container-right .news{
  margin-bottom:20px;
}


.news{
  overflow: hidden;
  background: #fff;
  height: 330px;
  transform: perspective(1px) translateZ(0);
  transition:  transform  ease-out 0.5s;
  -moz-transition: transform  ease-out 0.5s;


  position: relative;
  border: 1px solid rgba(0,0,0,.08);        
  border-radius: 14px;                       
  box-shadow:
    0 1px 0 rgba(255,255,255,.8) inset,     
    0 8px 16px rgba(0,0,0,.12);              

}

.news-image{
  overflow: hidden;
 
  position: relative;
}


.news .news-image::after{
  content:"";
  position: absolute;
  left: 0; right: 0; bottom: 0; height: 48px;

  pointer-events: none;
}

.news:hover{
  box-shadow: rgba(60, 118, 61, 0.35) 6px 10px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
  
  transform: translateY(-8px) ;
  transition: box-shadow  ease-out 0.5s, transform  ease-out 0.5s;
  -moz-transition: box-shadow  ease-out 0.5s, transform  ease-out 0.5s;
}


.news a {
color: #333;
}
.news img{
  transition-duration: 0.5s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.news:hover img{
  transform: scale(1.05) ;
}
.news:hover .news-title{
  color:var(--link-hover-color);
 
}

.news-date{
  position: relative;
  text-align: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--date-color); 
  color: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,.16);
  z-index: 2;
}

.news-date .date-d,
.news-date .date-m{
  margin: 0;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.18);
}
.news-date .date-d{
  font-size: 21px;
  font-weight: 900;
}
.news-date .date-m{
  margin-top: 6px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .6px;
}

.container-left .news-date{
  margin-left: 550px;
  margin-top: -38px;
  padding-top: 11px;
}
.container-right .news-date{
  width: 58px;
  height: 58px;
  margin-left: 290px;
  margin-top: -35px;
  padding-top: 9px;
}
.container-right .news-date .date-d{ font-size: 19px; }
.container-right .news-date .date-m{ font-size: 12px; }


.news-abstract{
  width: 700px;
  color:#888888;
  font-size: 0.8rem;
  margin: 0px 20px;
}

.second-row{
  color:#333;
  background: #fff;
  display: flex;
  margin-bottom: 50px;
}

.bottom-news{
  display: flex;
  margin: 20px 20px 20px 5px;
}
.bottom-news a{
  display: flex;
  color: #333;
}
.bottom-news:hover{
  transform: translateX(20px) ;
  transition: transform  ease-out 0.5s;
  -moz-transition: transform  ease-out 0.5s;
}

.bottom-news-date{
  width: 70px;
  text-align: center;
  
}

.bottom-date-d{
  color: var(--main-color-deep);
  font-size: 1.4rem;
  text-align: right;
  margin-right: 10px;
  font-weight: 600;
  line-height: 1.1;
}
.bottom-date-ym{
  margin-top: 4px;
  padding: 2px 8px;
  font-size: 12px;
  color: var(--main-color-deep);
  background: #E8F5E9;
  border: 1px solid #C8E6C9;
  border-radius: 999px;
}

.bottom-news:hover .bottom-news-title{
  color:var(--link-hover-color);
 
}
.bottom-news-title{
  width: 280px;
  height: 32px;
  margin-top:5px;
  margin-left:5px;
  padding-left:10px;
}
.bottom-news-title::before{
  content: "  ";
  position: absolute;
  border-left: #c7baba solid 1px;
  height: 35px;
  display: flex;
  margin-left: -10px;
  margin-top: 5px;

}

/*通知内容*/

.notice{
  width:350px;
  height: 150px;
  background: #fff;
  margin-right: 30px;
  padding: 10px;
  border: 1px solid #c5c5c5;
}


.notice a{
  color: #333;
}

.notice-frame{
  border: 1px solid #c5c5c5;
  height: 130px;
}
.notice-date{
  display: block;
  width: 100px;
  margin: auto;
  color:#fff;
  background: var(--date-color);
  text-align: center;
  padding: 5px;
}
.notice-title{
  display: block;
  padding-top: 25px;
  width: 320px;
  margin: auto;
  text-align: center;
}
/* ===== Service Cards (.notice*) · Clean & Merged Final ================== */
/* 行布局 */
.notice-row{
  display:flex;
  flex-wrap:wrap;
  gap:24px 30px;
  margin-top: 35px;
}

/* 卡片外壳：双边框 + 3D 材质 + 受光方向（左上→右下） */
.notice{
  position:relative;
  isolation:isolate;                       /* 独立层叠，防互相遮挡 */
  border-radius:16px;
  border:1px solid transparent;            /* 用渐变做外圈边框 */
  /* 外圈渐变（上浅下深），内层为极浅材质渐变 */
  --outer-hl: rgba(255,255,255,.65);
  --outer-mid: rgba(46,125,50,.24);
  --outer-sh: rgba(28,84,42,.40);
  background:
    linear-gradient(180deg,#FFFFFF 0%,#FAFDFB 100%) padding-box,
    linear-gradient(160deg,var(--outer-hl) 0%, var(--outer-mid) 46%, var(--outer-sh) 100%) border-box;
  /* 外缘清晰描边 + 立体投影栈（克制的三层阴影） */
  box-shadow:
    0 0 0 1px rgba(46,125,50,.22),           /* 让边界更清晰 */
    0 0 0 1px rgba(255,255,255,.45) inset,   /* 内侧高光脊 */
    0 8px 18px rgba(17,24,39,.08),
    0 24px 40px -12px rgba(46,125,50,.18);
  transition: transform .28s ease, box-shadow .28s ease;
}

/* 内圈边框（与外圈平行），只绘制边框不填充，避免遮住文字 */
.notice::before{
  --inner-hl: rgba(255,255,255,.60);
  --inner-mid: rgba(46,125,50,.20);
  --inner-sh: rgba(28,84,42,.32);
  content:"";
  position:absolute;
  inset:5px;                                /* 5px：更“雕刻” */
  border-radius:12px;                       /* 16px - 5px */
  border:1px solid transparent;
  background:
    linear-gradient(transparent,transparent) padding-box,
    linear-gradient(160deg,var(--inner-hl) 0%, var(--inner-mid) 46%, var(--inner-sh) 100%) border-box;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.40) inset,   /* 上沿微高光 */
    0 -1px 0 rgba(46,125,50,.12) inset;      /* 下沿微阴影 */
  pointer-events:none;
  z-index:2;
}

/* 顶部轻高光（可要可不要） */
.notice::after{
  content:"";
  position:absolute;
  inset:9px 12px auto 12px;
  height:18px;
  border-radius:999px/14px;
  background:radial-gradient(120% 70% at 35% -20%, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 68%);
  pointer-events:none;
  z-index:0;
}

/* 内容面：超浅纵向渐变，始终在边框之下、文字之上 */
.notice-frame{
  position:relative;
  z-index:1;
  background:linear-gradient(180deg,#FFFFFF 0%, #FAFDFB 100%);
  border-radius:12px;                        /* 与内圈对齐 */
  background-clip:padding-box;
  padding:22px 20px 18px;
  border:none !important;
  min-height:140px;
}

/* 顶部居中的日期胶囊：双边框（内白+外绿环），与站点主色一致 */
.notice-date{
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%, -50%);
  padding:6px 14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.4px;
  line-height:1;
  color:#fff;
  background:var(--date-color);
  border-radius:999px;
  border:2px solid #fff;                     /* 内圈 */
  box-shadow:0 0 0 2px rgba(46,125,50,.35),  /* 外圈 */
             0 8px 16px rgba(0,0,0,.12);     /* 轻悬浮 */
  z-index:3;
}

/* 标题：两行省略，左对齐，悬浮变色 */
.notice-title{
  margin:6px 0 0;
  font-size:16px;
  font-weight:700;
  color:#111;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-align:left !important;
}
.notice a{ color:inherit; text-decoration:none; }
.notice:hover .notice-title{ color:var(--link-hover-color); }

/* 交互：轻抬升 + 稍加对比；可根据喜好调淡或调强 */
.notice:hover{
  --outer-mid: rgba(46,125,50,.28);
  --outer-sh: rgba(28,84,42,.46);
  transform:translateY(-6px) scale(1.01);
  box-shadow:
    0 0 0 1px rgba(46,125,50,.26),
    0 0 0 1px rgba(255,255,255,.52) inset,
    0 14px 28px rgba(17,24,39,.10),
    0 36px 56px -16px rgba(46,125,50,.22);
}
.notice:hover::before{
  --inner-mid: rgba(46,125,50,.24);
  --inner-sh: rgba(28,84,42,.38);
  inset:4.5px;
}

/* 减少动效偏好 */
@media (prefers-reduced-motion: reduce){
  .notice{ transition: box-shadow .28s ease; }
  .notice:hover{ transform:none; }
}


/*列表内容*/
.list-container{
 display: flex;
}
.submenu{
  margin-top: -90px;
  width: 200px;
  z-index: 2;

 
}
.shadow{
  box-shadow: rgba(64, 98, 137, 0.88) 6px 10px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.submenu-name{
  color: #fff;
  font-size: 26px;
  text-align: center;
  padding: 20px 0px;
  
  background: linear-gradient(60deg, #406289, cornflowerblue,#406289, cornflowerblue,#406289);
}
.submenu-name a{
  color: #fff;
}
.submenu-items{
  background: linear-gradient(180deg, rgba(40, 100, 200, 0.4) 30%, transparent 100%);

  backdrop-filter: blur(120px);
  padding-top: 10px;
  padding-bottom: 30px;
  min-height: 200px;
}
.submenu-item{
  font-size: 20px;
  text-align: center;
  padding: 30px 0px;
  background-image: linear-gradient(212deg, #fff, #406289, #406289,#fff); 
  background-clip: text; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}
.submenu-item:hover{
  background-image: linear-gradient(212deg, cornflowerblue,cornflowerblue); 
}

.list{
  width: 1000px;
  margin-top: -50px;
}
.list-name{
  color: 406289;
  font-size: 24px;
  margin-left: 50px;
  margin-top: 20px;
  padding-bottom: 10px;

  background-image: linear-gradient(60deg, #38938E, rgb(100, 237, 134),#38938E, rgb(100, 237, 134),#38938E);
  background-clip: text; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent;
}

.animation-bottomLine{
  border-bottom: 3px #eef2fb solid;
  -webkit-animation-name: bottomLine;
  animation-name: bottomLine
}
@keyframes bottomLine {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.list a{
  color: #333;
}

.list-item{
  display: flex;
  margin-left: 50px;
  padding-top:30px;
  padding-bottom: 30px;
  border-bottom: dashed #888888 1px;
  
}
.list-item:hover{
  background: linear-gradient(180deg, rgba(100, 237, 134, 0.4) 30%, transparent 100%);
}
.list-date{
  width: 100px;
}
.list-date-d{
  color: #406289;
  font-size: 2rem;
  text-align: center;
}
.list-date-ym{
  margin: 10px 5px;
  padding: 5px;
  color: #fff;
  background: linear-gradient(60deg, #38938E, rgb(100, 237, 134),#38938E, rgb(100, 237, 134),#38938E);
  text-align: center;
}

.list-content{
  width:900px;
  margin-left: 50px;
}
.list-title{
  margin-top: 6px;
  font-size: 18px;
}
.list-abstract{
  color: #888888;
  margin-top: 17px;
  font-size: 14px;
}

/*底部*/
.foot {
  color: #fff;
  text-align: center;
  background: var(--primary);
  height: 100px;
  padding-top: 25px;
}
.dashed-line {
  position: relative;
  width: 450px;
  height: 1px;
}

.dashed-line::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 0;
  top: 9px;
  height: 1px;
  border-bottom: 1px dashed cornflowerblue;
}
.dashed-line::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #f8f7f5;
  border: cornflowerblue 2px solid;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 0;
}

/* ===== News Title List (现代化标题列表) ================================ */
.newslist { width: 1200px; margin: 28px auto 60px; }
.newslist-items { margin: 0; padding: 0; list-style: none; }

/* 单行卡带时间柱：左侧日期，右侧标题；整体可点击 */
.newslist-item {
  position: relative;
  margin: 0 0 14px 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(17,24,39,.06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  overflow: hidden;
}
.newslist-item > a {
  display: grid;
  grid-template-columns: 110px 1fr 40px;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  color: inherit;
  text-decoration: none;
}

/* 左侧日期：圆角胶囊 + 内部上下排版，统一品牌绿 */
.newslist-date {
  justify-self: start;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 54px;
  border-radius: 999px;
  background: #E8F5E9;
  border: 1px solid #C8E6C9;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.newslist-date .d  { font: 800 18px/1 "Microsoft YaHei"; color: var(--main-color-deep); }
.newslist-date .ym { margin-top: 4px; font: 700 12px/1 "Microsoft YaHei"; color: var(--main-color-deep); opacity: .95; }

/* 标题：一行省略；长标题也不拥挤 */
.newslist-title {
  font: 600 18px/1.35 "Microsoft YaHei";
  color: #111;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 右侧引导箭头：无图片、用CSS绘制 */
.newslist-go {
  justify-self: end;
  width: 20px; height: 20px; border-radius: 50%;
  border: 1px solid rgba(0,0,0,.12);
  position: relative;
}
.newslist-go::before {
  content: "";
  position: absolute; inset: 0;
  clip-path: polygon(35% 25%, 65% 50%, 35% 75%, 35% 65%, 55% 50%, 35% 35%);
  background: var(--main-color-deep);
  transform: translateX(1px);
}

/* 悬浮：轻抬升 + 边框提亮 + 右侧箭头背景变品牌绿 */
.newslist-item:hover {
  transform: translateY(-4px);
  border-color: rgba(46,125,50,.25);
  box-shadow: 0 14px 28px rgba(46,125,50,.14);
}
.newslist-item:hover .newslist-go { background: var(--main-color); border-color: transparent; }
.newslist-item:hover .newslist-go::before { background: #fff; }

/* 分页组件（现代胶囊风） */
.pager { display: flex; justify-content: center; gap: 8px; margin: 22px 0 0; align-items: center; }
.pager-num, .pager-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; height: 38px; padding: 0 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 999px;
  font: 600 14px/1 "Microsoft YaHei"; color: #2E7D32;
  box-shadow: 0 2px 6px rgba(17,24,39,.06);
}
.pager-num:hover, .pager-btn:hover { border-color: rgba(46,125,50,.28); box-shadow: 0 8px 16px rgba(46,125,50,.12); transform: translateY(-1px); }
.pager-num.is-active {
  background: var(--date-color); color: #fff; border-color: transparent;
  box-shadow: 0 8px 16px rgba(46,125,50,.18);
}
.pager-btn.is-disabled { opacity: .45; pointer-events: none; }
.pager-ellipsis { padding: 0 6px; color: #9aa4b2; }

/* 小屏兜底（尽量保持可读；你当前布局是 1200px 宽，这里只做轻响应） */
@media (max-width: 1280px) {
  .newslist { width: auto; padding: 0 16px; }
  .newslist-item > a { grid-template-columns: 100px 1fr 32px; }
  .newslist-title { font-size: 16px; }
}
/* ===== Article Page (单篇新闻内容) ==================================== */
.breadcrumb{
  display:flex; align-items:center; gap:8px;
  color:#8a8f98; font:500 14px/1 "Microsoft YaHei";
  margin: 6px 0 12px;
}
.breadcrumb a{ color:#557a5b; }
.breadcrumb a:hover{ color:var(--link-hover-color); }
.breadcrumb .current{ color:#9aa4b2; }

.article-hero{ text-align:center; margin-top: 6px; }
.article-title{
  margin: 6px auto 10px; max-width: 900px;
  font: 900 30px/1.25 "Microsoft YaHei";
  color:#19331e;
  text-shadow: 0 1px 0 rgba(255,255,255,.7), 0 6px 14px rgba(46,125,50,.12);
}
.article-meta{
  display:flex; justify-content:center; align-items:center; gap:10px;
  color:#5b6b61; font:600 13px/1 "Microsoft YaHei";
  margin-bottom: 18px;
}
.meta-date{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; border-radius:999px;
  background: var(--date-color); color:#fff;
  box-shadow: 0 8px 16px rgba(46,125,50,.18);
}
.meta-date .calendar-ico{
  width:14px; height:14px; display:inline-block; position:relative;
  border-radius:3px; background:#fff; opacity:.95;
}
.meta-date .calendar-ico::before, .meta-date .calendar-ico::after{
  content:""; position:absolute; left:3px; right:3px; background: var(--main-color-deep);
}
.meta-date .calendar-ico::before{ top:3px; height:3px; border-radius:2px; }
.meta-date .calendar-ico::after{ bottom:3px; top:8px; background:#fff; opacity:.9; }
.meta-dot{ width:4px; height:4px; border-radius:50%; background:#c9d7ce; display:inline-block; }
.meta-tag{ color:#2E7D32; }

.hero-media{
  width: 100%; max-width: 1000px; margin: 18px auto 4px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 8px 18px rgba(17,24,39,.08);
  background:#fff;
}
.hero-media img{ width:100%; height:auto; display:block; }
.hero-media figcaption{
  padding:10px 14px; color:#7c8a82; font-size:13px; background:#fff;
}

.article-content{
  max-width: 900px; margin: 22px auto 8px; color:#2b2f33;
  font: 400 17px/1.9 "Microsoft YaHei";
}
.article-content p{ margin: 0 0 14px; }
.article-content h2{
  margin: 22px 0 10px; font: 800 20px/1.35 "Microsoft YaHei"; color:#1f4b2b;
  position:relative; padding-left:12px;
}
.article-content h2::before{
  content:""; position:absolute; left:0; top:3px; bottom:3px; width:4px;
  border-radius:3px; background: linear-gradient(180deg, var(--main-color-deep), var(--main-color));
}
.article-content ul{ margin:10px 0 16px 1.2em; }
.article-content li{ margin:6px 0; }
.article-content blockquote{
  margin:16px 0; padding:14px 16px; color:#2E7D32; background:#E8F5E9;
  border: 1px solid #C8E6C9; border-radius:12px;
}

.article-figure{
  margin: 16px 0; border: 1px solid rgba(0,0,0,.06); border-radius:14px; overflow:hidden;
  background:#fff; box-shadow: 0 6px 14px rgba(17,24,39,.06);
}
.article-figure img{ width:100%; height:auto; display:block; }
.article-figure figcaption{ padding:8px 12px; color:#7f8a86; font-size:13px; background:#fff; }

/* 上/下一篇 + 返回列表 */
.article-pager{
  display:grid; grid-template-columns: 1fr auto 1fr; align-items:center;
  gap: 12px; max-width: 1000px; margin: 26px auto 60px;
}
.pager-link{
  display:flex; align-items:center; min-height:46px; padding:12px 14px;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  border-radius:14px; color:#2E7D32; font-weight:700;
  box-shadow: 0 4px 12px rgba(17,24,39,.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pager-link.prev{ justify-self: start; }
.pager-link.next{ justify-self: end; }
.pager-link:hover{
  transform: translateY(-2px);
  border-color: rgba(46,125,50,.25);
  box-shadow: 0 12px 22px rgba(46,125,50,.12);
}
.pager-back{
  display:inline-flex; align-items:center; justify-content:center;
  height:46px; padding:0 16px; border-radius:999px;
  background:#fff; border:1px solid rgba(0,0,0,.08);
  color:#2E7D32; font-weight:800;
  box-shadow: 0 4px 12px rgba(17,24,39,.06);
}
.pager-back:hover{ border-color: rgba(46,125,50,.25); box-shadow: 0 12px 22px rgba(46,125,50,.12); transform: translateY(-2px); }

/* 小屏兜底 */
@media (max-width: 1280px){
  .article-title{ font-size:26px; }
  .hero-media{ margin-left: 16px; margin-right: 16px; }
  .article-content{ padding: 0 16px; }
  .article-pager{ grid-template-columns: 1fr; gap:10px; padding: 0 16px; }
  .pager-link.prev, .pager-link.next, .pager-back{ justify-self: stretch; text-align:center; }
}