@charset "gb2312";
@import "Noto Serif SC.css";
*{ margin:0px; padding:0px; border:0; }
html,body {width:100%; height:100%; margin:0px; padding:0;  font:16px/1.5  'Noto Serif SC','Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1,  'Hiragino Sans GB', sans-serif;  }
body { -webkit-text-size-adjust: 100%; background: url(../images/bg.jpg) center center repeat-y #171614; background-attachment:fixed; }
body::before { content:""; position:fixed; inset:0; z-index:-5; border-radius:inherit; pointer-events:none; background: rgba(246,243,237,.95);/*background: rgba(3,7,11,.6); backdrop-filter: blur(0px);*/ } 

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal;  } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#46372b; text-decoration:none; }
a:hover{ color:#b12530; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font,strong { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
:root {
--text: #2c3e2e;
--shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
--radius: 20px;
--radius30: 30px;
--row: 5; /* 一行显示的卡片数 */
--gap: 24px; /* 卡片之间的间距 */
--card-bgcolor:#e9e2d2;
}



.hero { width: 100%; height: 660px;  background: url(../images/header.jpg) center/cover no-repeat; display: flex;  align-items: center; position: relative; }
.hero .tit { width: 1200px; margin: 0 auto ; overflow: hidden; margin-top: -40px; }
.hero .tit h1 { width: 100%; float: left; font-size: 32px; line-height: 1.5; color: #e3ba8b; font-weight:700;   }
.hero .tit h2 { width: 100%; float: left; padding:26px 0 16px 0; }
.hero .tit h2 img { width: 50%; }
.hero .tit h3 { width: 100%; float: left;  opacity:.8;  }
.hero .tit h3 b { width: 100%; float: left; font-size: 20px; line-height: 1.7; color: #bf9c74; font-weight:500;}
.hero font  { width: 100%; position: absolute; bottom:50px; font-size: 20px; line-height: 1.2; color: #fff0e0;  font-weight:500; text-align: center; }

 
.navbar { width: 100%; background:url(../images/lmbj.png) center center no-repeat #e9e2d2; height:100px;  display:flex;  align-items: center;  transition: all 0.3s;  }
.navbar ul { width: 1200px; margin:0 auto; }
.navbar b { float: left;  font-size: 38px; line-height:40px; color: #171614; font-weight:800; }
.navbar.sticky { position: fixed; top: 0; left: 0; z-index: 999;  box-shadow:0 2px 15px rgba(118,82,28,.2); transition: all 0.3s; }

.nav-links { display: flex; float: right;  gap: 4px; flex-wrap: wrap;  font-weight:500;}
.nav-links font { color:#8b6d46; font-size:18px; padding:10px 14px; line-height: 20px;  }
.nav-links font i { background:url(../images/ico01.png) center center no-repeat; background-size: cover; width: 20px; height: 20px; float: left; margin-right: 8px; }
.nav-links a { text-decoration:none; color:#76521c; font-size:16px; padding:0 18px; line-height: 40px;  border-radius:30px; cursor: pointer; transition: 0.2s; display: inline-block;   }
.nav-links a:hover {  background: #d5cdbc;  }
.nav-links a.active { background: #a73d2f;  color: #fff; }
.nav-links a .count { font-size: 14px; background:rgba(255,255,255,.4);  padding:0 10px;  border-radius:30px; font-weight: 400;    }
.nav-links a.active .count { color: #fff; background:rgba(255,255,255,.2);  }
.nav-links h5 {   }

.warp { width: 1200px; margin:0 auto;  }

.grid { display: grid; grid-template-columns:repeat(3, 1fr);  gap:36px; margin: 60px 0; }
.grid-item { border-radius:30px;   overflow: hidden; cursor: pointer;   transition:all .4s ease-in-out; background:rgba(255,255,255,1); padding:0; box-shadow: 0 8px 10px rgba(118,82,28,.05); }
.grid-item:hover { transform: translateY(-5px);  box-shadow:0 8px 15px rgba(118,82,28,.25); }

.grid-item .img-wrap { width: 100%; aspect-ratio: 4 / 3;  overflow: hidden; position: relative; border-radius:0px; }
.grid-item .img-wrap img {  width: 100%; height: 100%;  object-fit: cover;  object-position: center; display: block; transition: transform 2s; }
/*.grid-item:hover .img-wrap img {  transform: scale(1.03); }*/
.grid-item .img-wrap .award { position:absolute; top:20px; left:20px; padding:0 18px; border-radius:20px; font-size:18px; line-height: 38px; font-weight:500; backdrop-filter: blur(6px);  color:#0e0d09;  pointer-events:none;  z-index: 2; background:rgba(202,154,82,.8); }

.grid-item .info { width: 100%; float: left; padding:20px 25px; }
.grid-item .info .tag-text { width: 100%; float: left; font-size: 18px; font-weight: 500;  color: #a73d2f;  margin-bottom: 4px; line-height: 20px;}
.grid-item .info .tag-text i { background:url(../images/ico02.png) center center no-repeat; background-size: cover; width: 20px; height: 20px; float: left; margin-right: 5px; display: inline-block; }
.grid-item .info .title { width: 100%; float: left; font-size: 22px; font-weight: 800; color: #000;  margin:9px 0 9px -11px; line-height: 1.4; }
.grid-item .info .author { width: 100%;  float: left; font-size: 18px;  color: #76521c; font-weight: 400; line-height: 1.4 }

.grid-item.hidden { display: none;  }
.grid-item .popup-data {  display: none;  }

.overlay { display: none; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.6);  backdrop-filter: blur(12px);   z-index: 9999;  justify-content: center;  align-items: center; }
.overlay.active { display: flex; }

.overlay .popup-box { background: #fff; border-radius:16px; overflow:hidden; max-height:85vh; cursor:default; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);  display: flex;  flex-direction: column; width: 80vw;  max-width: 1000px; }
.overlay .popup-box .popup-scroll { flex: 1;  overflow-y: auto;  padding:30px;  background: #f8f8f8; }
.overlay .popup-box .popup-scroll::-webkit-scrollbar { width: 6px; }
.overlay .popup-box .popup-scroll::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 0px; }

.overlay .popup-box .popup-scroll::-webkit-scrollbar-thumb { background: #c0c0c0;  border-radius: 0px;  }
.overlay .popup-box .popup-scroll::-webkit-scrollbar-thumb:hover { background: #a0a0a0;}
.overlay .popup-box .popup-scroll .popup-img-item {  margin-bottom: 25px;  border-radius: 15px;  overflow: hidden; background: #fff;  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);text-align: center;  }

.overlay .popup-box .popup-scroll .popup-img-item:last-child { margin-bottom: 0;  }
.overlay .popup-box .popup-scroll .popup-img-item img {  max-width: 100%;  }
.overlay .popup-box .popup-scroll .popup-img-item .popup-img-text { padding: 12px 18px 16px; background: #fff;}
.overlay .popup-box .popup-scroll .popup-img-item .popup-img-text .sub-title { font-size: 20px;  font-weight: 600;  color: #333; text-align: center;   }

.overlay .popup-box .popup-header { padding: 16px 28px;   background: #e9e2d2;   flex-shrink: 0; display: flex;  align-items: center;  justify-content: space-between; }
.overlay .popup-box .popup-header .popup-title { font-size: 22px;  font-weight: 700;   color: #76521c;}
.overlay .popup-box .popup-header .popup-tag { padding: 4px 16px;  border-radius: 20px; font-size: 14px;  font-weight: 600;  color: #fff;  background:#a73d2f;}

.overlay .close { position: fixed;  top: 30px;  right: 30px; cursor: pointer;  z-index: 10000; }
.overlay .close img { width: 24px; transition: 0.2s; }
.overlay .close img:hover { transform: rotate(90deg);  opacity:.6; }


.footer { width: 100%; float: left; background:rgba(0,0,0,.9);  padding:17px 0;  font-size: 16px; line-height: 1.6; color:#e3ba8b; text-align: center;}
.footer span { font-weight: 300; }
.footer strong { font-weight: 700; margin-left: 10px; }




/* ===== 移动端：两列 ===== */
 @media (max-width: 820px) {
.hero { height: 18rem; }
.hero::before { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(to top left, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.35) 40%, transparent 65%); }

.hero .tit { width: 88%; margin-top: -2.5rem; position: relative; z-index: 2; }
.hero .tit h1 { font-size: 1.05rem; line-height: 1.4; }
.hero .tit h2 { padding:.75rem 0 .5rem 0; }
.hero .tit h2 img { width: 61%; }
.hero .tit h3 { opacity:.85;  }
.hero .tit h3 b { font-size: .75rem; line-height: 1.6; text-shadow: 0 2px 8px rgba(0,0,0,1);}
.hero font { bottom:1.35rem; font-size: .95rem; font-weight: 400; }
	 
	 
.navbar {  background:url(../images/lmbj2.png) center center no-repeat #e9e2d2; height:auto; padding:1rem 0;  }
.navbar ul { width: 100%; padding:0 4%; }
.navbar b { font-size: 1.5rem; line-height:1.4; }
	 
.nav-links { float: left;  gap:.5rem 0; margin-top: .65rem; }
.nav-links font {  font-size:1rem; padding:.5rem 1rem; line-height:1.5; display: none;  }
.nav-links font i { width: 20px; height: 20px; margin-right: .5rem; }
.nav-links a { font-size:.95rem; padding:0 .85rem; line-height: 2.25;  border-radius:2rem;   }
.nav-links a .count { font-size: .8rem;  padding:0 .5rem;  border-radius:2rem;   }
.nav-links h5 { width: 100%; float:left; }

.warp { width: 100%; margin:0 auto; padding:0 4%; }


/* 网格改为两列 */
.grid { grid-template-columns: repeat(2, 1fr); gap:.8rem; margin:4% 0;}	 
.grid-item { border-radius:1rem;  box-shadow: 0 8px 10px rgba(118,82,28,.05); }
.grid-item:hover { transform: translateY(0px);  box-shadow:0 8px 15px rgba(118,82,28,.25); }
.grid-item .img-wrap .award {  top:.75rem; left:.75rem; padding:0 .9rem; border-radius:1rem; font-size:1rem; line-height: 2; }


.grid-item .info { padding:1rem .6rem 1rem 1rem; }
.grid-item .info .tag-text {  font-size: .95rem; margin-bottom:0; line-height: 1rem;}
.grid-item .info .tag-text i {  width: 1rem; height: 1rem; margin-right: 3px; }
.grid-item .info .title { font-size: 1.1rem;  margin:.6rem 0 .45rem 0rem; line-height: 1.4; }
.grid-item .info .author { font-size: 1rem; line-height: 1.4 } 


.overlay .popup-box {  border-radius:1rem;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);  width: 92vw;  max-height: 90vh; max-width: 100%; margin-top: 3vh; }
.overlay .popup-box .popup-scroll { padding:1.5rem; }
.overlay .popup-box .popup-scroll .popup-img-item { margin-bottom: 5%;  border-radius: 1rem;   }

.overlay .popup-box .popup-scroll .popup-img-item .popup-img-text { padding:.7rem 1rem; }
.overlay .popup-box .popup-scroll .popup-img-item .popup-img-text .sub-title { font-size: 1rem;  }

.overlay .popup-box .popup-header { padding: 1rem 1.5rem;  }
.overlay .popup-box .popup-header .popup-title { font-size: 1.2rem; max-width: 80%; }
.overlay .popup-box .popup-header .popup-tag { padding:0 .8rem;  border-radius:1rem; font-size: .8rem; line-height: 2; }

.overlay .close { top:2.2vh; right: 2.2vh; }
.overlay .close img { width: 2.2vh;  }
 
	 
.footer { padding:.45rem 5%;  font-size: .9rem; line-height:2;  }
.footer strong {  margin-left: .5rem; }
	 
}