:root {
  --header-bg: #282a35;
  --footer-bg:#F3F3F3;
  --yellow: #FCCA00;
  --title-red: #c0392b;
  --green: #5f7f4f;
  --green-dark: #64854c;
  --border-color: #e5e5ea;
  --text-main: #333333;
  --text-secondary: #999999;
  --link: #0563c1;
  --container: 1380px;
  --radius: 5px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}
* {
  margin: 0;
}
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  color: var(--text-main);
  background:#f9f9f9;;
}

a { color: var(--text-main); text-decoration: none; }
.flexRow{display: flex;flex-direction: row;}
.flexColumn{display: flex;flex-direction: column;}
.flexcenter{align-items: center;justify-content: center;}
.overflowclass{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.overflowclassone{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.idxbd .container{width:1396px;}
.container {width:1366px;margin: 0 auto;}
ul{padding-left: 0;}

 
.site-header {height: 80px;width: 100%;background: var(--header-bg);color: #fff;}
.site-header .container {display: flex;    height: 100%;align-items: center;min-height: 56px;gap: 84px;}

.site-header.noindex{
  background:#fff;
  color:#333;
  border-bottom:1px solid #eceef0;
  box-shadow:0 1px 0 rgba(20,28,35,.02);
}

.nav {display: flex;flex-wrap: wrap;gap: 4px 18px;align-items: center;}
.nav a {color: #e8e8e8;font-size: 20px;text-decoration: none;padding: 4px 17px 4px 17px;}
.nav a:hover{color:var(--yellow);}
.nav a.active {background:var(--yellow);color: #333333;border-radius: 20px;font-weight:bold;text-decoration: none;}
.site-header.noindex .nav a{color:#333333; }
.site-header.noindex .nav a:hover{color:#b57d00;}
.site-header.noindex .nav a.active{background:#333;color:#FCCA00;}
 

.logo {width:255px;height: 60px;display: flex;flex-direction: column;flex-shrink: 0;color: #fff;text-decoration: none;}
.logo img{width:100%;height: 100%;}
.logo-title {font-size: 18px;font-weight: 700;}
.logo-url {font-size: 12px;color: #bbb;}

.breadcrumb img{width:12px;height: 16px;margin:0 12px 0 0;}
.breadcrumb,.breadcrumb a{font-size: 14px;color: #999999;}
.breadcrumb .lastbreada{color:#333333;}
.breadcrumb{margin:30px 0;align-items: center;}
.cdlai-tabs{ gap:9px;margin:0 0 0 24px;}
.breadcrumb a:not(.lastbreada):hover{ color:#ECA203;}
.cdlai-tabs div{position: relative;z-index: 1;overflow: hidden;font-weight: 400;font-size: 16px;color: #333333;
  padding: 4px 10px;background: #F8F8F8;border-radius: 16px;border: 1px solid #F1F1F1;cursor: pointer;
  transition: color .3s ease, border-color .3s ease;
}
.cdlai-tabs div::after{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;
  z-index: -1;background: #FCBE00;border-radius: 16px;transition: width .3s ease;
}
.cdlai-tabs div:hover,.cdlai-tabs div.check{color: #FFFFFF;border-color: #FCBE00;}
.cdlai-tabs div:hover::after,.cdlai-tabs div.check::after{width: 100%;}





.sectle-left b{background:url(../image/icon5.png) no-repeat;width:20px;height: 20px;background-size: contain;margin:0 3px 0 0; }
.sectle-left{align-items: center;}
.sectle-more{ font-size: 14px;color: #999999;font-weight: 400;}
.sectle-more b{background:url(../image/icon7.png) no-repeat;width:6px;height:10px;background-size: contain;margin:0 0 0 4px;}
.sectle-more:hover{text-decoration: none;color: #ECA203;}
.sectle-more:hover b{background:url(../image/icon8.png) no-repeat;width:6px;height: 10px;background-size: contain;margin:0 0 0 4px;}
.section {margin-bottom:30px;background:#ffffff;padding:19px 0 23px 0;border-radius: 5px;border: 1px solid #F1F1F1;}
.gjlist .section,.lists .section,.jsdtl .section,.jsztlist .section{padding-bottom: 30px;}
 
.section-title {color:#333333;margin: 0 17px 14px 17px;font-size: 22px;font-weight:bold;justify-content: space-between;align-items: center;}
.sectle-line{width:100%;background:#F3F3F3;height: 1px;display: flex;}
.cditemd{border-bottom:1px solid #F3F3F3;padding:25px 0;justify-content: space-between;}
.cditemd:hover{ background:#FAFAFA;}
.cditemd:hover .itemda-title{color:#ECA203; }
.cditemd:hover .itedtab{background: #EFEEEE; }
.itdl-lists{gap:28px;}
.gxtag-time b{background:url(../image/icon_time.png) no-repeat;width:14px;height:14px ;background-size: contain;flex-shrink: 0;margin:0 3px 0 0;}
.gxtag-watch b{ background:url(../image/icon_watch.png) no-repeat;width:17px ;height:12px ;background-size: contain;flex-shrink: 0;margin:0 3px 0 0;}
.gxtag-name b{ background:url(../image/icon_people.png) no-repeat;width:12px ;height:12px ;background-size: contain;flex-shrink: 0;margin:0 3px 0 0;}
.gxtag-time,.gxtag-watch,.gxtag-name,.gxtag-type{align-items: center; }
.sidebar-card-meta .gxtag-time,.sidebar-card-meta .gxtag-watch,.sidebar-card-meta .gxtag-name,.sidebar-card-meta .gxtag-type{margin:0 10px 0 0;}
.gxtag-type b{background:url(../image/icon78.png) no-repeat;width:12px ;height:12px ;background-size: contain;flex-shrink: 0;margin:0 3px 0 0;}
.gxtag-type:hover b{background:url(../image/icon79.png) no-repeat;width:12px ;height:12px ;background-size: contain;flex-shrink: 0;margin:0 3px 0 0;}
.itemd-right {border-radius:5px;margin: 0 16px 0 0;overflow: hidden;flex-shrink: 0;position: relative;}
.itemd-right img {transition: all .3s ease;object-fit: initial;}
.itemd-right, .itemd-right img {width: 206px;height: 125px;}
.itemda-title{ font-weight:bold;font-size: 18px;color: #333333;-webkit-line-clamp: 1;margin:0 0 10px 0;transition: all .3s ease;}
.itemda-des{font-size: 14px;color: #999999;-webkit-line-clamp:2;height:45px;line-height: 25px;}
.itdl-li,.itedtab{font-size: 12px;color: #999999;}
.itedtab{position: relative;z-index: 1;overflow: hidden;padding: 5px 10px;background: #F8F8F8;border-radius: 13px;
  text-decoration: none;transition: color .3s ease;
}
.itedtab::after{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;z-index: -1;
  background: #FCBE00;border-radius: 13px;transition: width .3s ease;
}
.itedtab:hover{color: #FFFFFF;text-decoration: none;}
.itedtab:hover::after{width: 100%;}
.itdl-tab{gap:12px;}
.itemd-left{margin:0 40px 0 16px;width:100%;}
.itemdl-down{margin:18px 0 0 0;justify-content: space-between;}


/* ── Hero / 黄底背景（挂在 .main 内，按你改的 HTML） ── */
.main {
  position: relative;
  z-index: 1;
  width: 100%;
  background: transparent;
  padding: 0 0 48px;
  overflow: visible;
}

/* 全宽黄底背景层，高度按设计图改这里 */
.hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 974px;
  background: var(--yellow);
  z-index: 0;
  pointer-events: none;
}

.hero-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
}

/* 已在外层 .container 内，去掉嵌套 container 的二次缩进 */
.hero-content.container {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.hero-content {
  position: relative;
  z-index: 1;
  padding-top: 56px;
  padding-bottom: 28px;
}

.con-top {text-align: center;padding:45px 0 30px 0;}

.hero-subtitle {margin: 28px 0 0;font-size: 16px;color: #666666;}
 
.main-grid {padding:0 18px;position: relative;background:#f9f9f9;z-index: 1;border-radius: 5px 5px 0 0;
  display: grid;grid-template-columns: 1fr 348px;gap:30px;align-items: start;
}
.main-grid > .editor-wrap {grid-column: 1 / -1;}
.main-left { border-radius: 6px;width:984px;}
.main-right {width:350px;}
.sidebar-block {background: #fff;border-radius:5px; margin-bottom:32px;}
.sidebar-block:last-child{margin-bottom: 0;}
.sidebar-block h3 {border-bottom: none;padding-bottom: 0;margin-bottom: 8px;}
.gjlist .sidebar-block,.lists .sidebar-block,.jsdtl .sidebar-block,.jsztlist .sidebar-block{margin-bottom: 30px;}
 
.modal-overlay {position: fixed;inset: 0;background: rgba(0,0,0,0.4);backdrop-filter: blur(4px);z-index: 9999;
  display: none;align-items: center;justify-content: center;
}
.modal-overlay.active { display: flex; }
.modal-box {background: #fff;width: 90%;max-width: 500px;border-radius: var(--radius);box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  overflow: hidden;display: flex;flex-direction: column;max-height: 80vh;
}
.modal-header {padding: 12px 16px;border-bottom: 1px solid var(--border-color);display: flex;gap: 8px;align-items: center;}
.modal-header input {flex: 1;padding: 8px 12px;border: 1px solid var(--border-color);
  border-radius: 6px;font-size: 14px;outline: none;
}
.modal-body { padding: 0; overflow-y: auto; flex: 1; }
.lib-item {padding: 11px 16px;border-bottom: 1px solid var(--border-color);cursor: pointer;}
.lib-item:hover { background: #f5f5f5; }
.lib-name { font-weight: 600; font-size: 14px; margin-bottom: 3px; }
.lib-desc { font-size: 12px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.close-btn {background: transparent;border: none;font-size: 22px;color: var(--text-secondary);cursor: pointer;}
.card-grid,.card-grids{display:none;grid-template-columns: repeat(3, 1fr);gap: 30px;margin:30px 16px 0 16px ;}
.card-grid.check,.card-grids{display: grid;}
.card {display: flex; padding:14px 17px 15px 13px;border: 1px solid #F3F3F3;border-radius:5px;background: #FAFAFA;
  transition: box-shadow 0.2s, border-color 0.2s;text-decoration: none;color: inherit;
}
.card:hover { text-decoration: none;background: #FEF9E3;border: 1px solid #FCCA00;}
.card-icon {width: 64px;height: 64px;border: 1px solid #F1F1F1;border-radius: 15px;margin:0 14px 0 0;}
.card-body h3:hover{ color: #ECA203;}
.card-body h3 {margin: 0 0 4px;font-size: 16px;font-weight:400;transition: all .3s ease;}
.card-body p {margin: 0;font-size: 14px;color: var(--text-secondary);-webkit-line-clamp:2;}
/* 精选文章 */
.article-list { display: flex; flex-direction: column; gap: 0; }
.article-item {display: flex;gap: 16px;padding: 18px 0;border-bottom: 1px solid #eee;text-decoration: none;color: inherit;}
.article-item:hover { background: #fafafa; }
.article-item:hover h3 { color: var(--link); }
.article-content { flex: 1; min-width: 0; }
.article-content h3 {margin: 0 0 8px;font-size: 16px;font-weight: 600;}
.article-content p {margin: 0 0 8px;font-size: 13px;color: #666;display: -webkit-box;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
}
.article-meta {font-size: 12px;color: var(--text-secondary);display: flex;flex-wrap: wrap;gap: 8px 14px;}
.article-thumb {width: 120px;height: 80px;border-radius: 4px;background: #e8e8e8;flex-shrink: 0;object-fit: cover;}

.right-top{
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #F1F1F1;
  height: 1632px;
  margin: 0 0 30px 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox 隐藏滚动条 */
  -ms-overflow-style: none; /* IE/旧 Edge */
}
.right-top::-webkit-scrollbar{
  display: none; /* Chrome / Safari / Edge 隐藏滚动条 */
}
.right-top .section-title{margin:0 14px 15px 14px;}
.right-item{padding:18px 0 23px 0;border: 1px solid #F1F1F1;}
.sidebar-block {margin-bottom: 28px;}
.sidebar-block h3 {margin: 0 0 10px;font-size: 16px;font-weight: 700;padding-bottom: 6px;border-bottom: 1px solid #eee;}
.sidebar-links {list-style: none;margin: 0;padding: 0;gap:16px;display: flex;flex-direction: column;margin:0 16px 0 16px;}
.sidebar-links li { margin: 0; }
.sidebar-links a{align-items: center;position: relative;z-index: 1;overflow: hidden;font-size: 16px;
  color: #333333;justify-content: space-between;background: #F8F8F8;border-radius: 18px;    padding: 5px 6px 5px 16px;
  border: 1px solid #F3F3F3;text-decoration: none;cursor: pointer;transition: color .3s ease, border-color .3s ease;
}
.sidebar-links a::after{content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;
  z-index: -1;background: #FCBE00;border-radius: 18px;transition: width .3s ease;
}
.sidebar-links a:hover{color: #FFFFFF;border-color: #FCBE00;text-decoration: none;}
.sidebar-links a:hover::after{width: 100%;}
.sidebar-links a span,
.sidebar-links a b{position: relative;z-index: 1;}
.sidebar-links a b{background:url(../image/icon15.png) no-repeat;width:6px;height:11px;background-size: contain;margin:0 4px 0 0;}
.sidebar-links a:hover b{background:url(../image/icon16.png) no-repeat;background-size: contain;filter: brightness(0) invert(1);}
.secdis-title{font-weight:bold;font-size: 20px;color: #333333;align-items: center;margin:0 0 16px 0;}
.secdis-title b{background:url(../image/icon6.png) no-repeat;width:14px;height: 14px;background-size: contain;margin:0 4px 0 0; }
.main-right .secdis-title{margin:0 17px 15px 17px;}
.sidebar-block .sectle-line{margin-bottom: 18px;}

.osltma{ width: 64px;height: 64px; margin:0 13px 0 0;flex-shrink: 0;}
.osltma img{width:100%;height: 100%;border-radius:15px;border: 1px solid #F1F1F1;flex-shrink: 0;}
.ostmr-top{ font-size: 16px;color: #333333;-webkit-line-clamp:2;transition:all .3s ease;}
.ostmr-down{ font-size: 12px;color: #999999;gap:20px;margin:5px 0 0 0;}
.ostmr-down a b{ width: 7px;height: 7px;background: #FCBE00;border-radius: 50%;margin:0 10px 0 0;}
.ostmr-down p,.ostmr-down a{align-items: center;font-size: 12px;color: #999999;}
.ostmr-down a:hover,.ostmr-top:hover{color:#ECA203;}
.ositem-right{justify-content: space-between;}
.osslist-item{border-bottom:1px solid #F3F3F3;padding:0 0 17px 0;}
.osslist-item:last-child{border-bottom:none;padding:0;}
.oss-list{gap:20px;display: flex;flex-direction: column;margin:0 15px;}

.mngfPage{margin:30px 0 0 0;}
.page{display: flex;justify-content: center;}
.page a,.page a.disabled_page,.page a.disabled_page:hover,.gcwPage a,.gcwPage span{ border: 1px solid #E4E4E4;color: #999999;padding:0 11px;height: 30px;display: flex;align-items: center;margin:0 15px 0 0;transition: all .3s ease;border-radius: 3px;}
.page a:last-child{margin:0;}
.page a.active,.page a:hover{ border: 1px solid #333333;color: #333333;border-radius: 3px;}
.hotcard-icon{width:64px;height: 64px;margin:0 13px 0 0;}
.hotcard-bdoy h3{font-weight: 400;font-size: 16px;color: #333333;margin:8px 0 8px 0;transition: all .3s ease;}
.hotcard-bdoy h3:hover{color:#ECA203;}
.hotcard-bdoy p{font-weight: 400;font-size: 14px;color:#999999;-webkit-line-clamp: 1;}
.card-grid  .card:hover{ background: #FFFFFF;}
.card-grid  .card{background: #FFFFFF;}


.hotart-list::before {content: "";position: absolute;left: 6px;top: 8px;bottom: 0;
    width: 1px;background: #F3F3F3;height: 95%;
}
.hotart-list b {background: url(../image/icon17.png) no-repeat;background-size: contain;width: 14px;
    height: 14px;transition: all .3s ease;z-index: 2;margin:0 10px 0 0;flex-shrink: 0;
}
.weekch-con:hover b{background: url(../image/icon6.png) no-repeat;   background-size: contain;width: 14px;height: 14px; }
.hotart-list{position: relative;margin:0 17px ;gap:15px;}
.weekcha{font-size: 16px;color: #333333;-webkit-line-clamp: 1;}
.weekch-con:hover .weekcha{color:#ECA203 ;}
.weekch-con{align-items:center;}

.sidebar-card-thumb{ width: 130px;height: 80px;margin:0 18px 0 0;    flex-shrink: 0;}
.sidebar-card-thumb img{width:100%;height:100%;border-radius:5px;border: 1px solid #F3F3F3;flex-shrink: 0;}
.jxzt-list{list-style: none;margin:0 14px 0 17px;gap:20px;}
.sidebar-card-title{font-size: 16px;color: #333333;-webkit-line-clamp: 1;}
.sidebar-card-body p{font-size: 14px;color: #999999;-webkit-line-clamp: 2;margin:12px 0 0 0; word-break: break-all;height: 40px;}
.sidebar-card-body{min-width:0;position:relative;flex:1;}
.sidebar-topic-count{font-size:12px;color:#8a9b82;margin-top:5px;}
.sidebar-topic-empty{padding:18px 0;color:#999;text-align:center;font-size:14px;}
.hotart,.jxzt{padding:18px 0 23px 0;}
.sidebar-card:hover .sidebar-card-title{color: #ECA203; }

.oss-icon {width: 22px;height: 22px;border-radius: 4px;background: #eee;flex-shrink: 0;}
.topic-item {display: flex;gap: 10px;padding: 10px 0;border-bottom: 1px solid #f0f0f0;text-decoration: none;color: inherit;}
.topic-item:hover h4 { color: var(--link); }
.topic-item h4 {margin: 0 0 4px;font-size: 13px;font-weight: 600;}
.topic-item p {margin: 0;font-size: 12px;color: var(--text-secondary);}

.site-footer .container{width:1291px;}
.site-footer {width: 100%;background: var(--footer-bg);color: #ccc;padding: 40px 0 0;}
.footer-grid {display:flex; padding-bottom: 36px;margin-left: 30px;}
.footer-col{width:33%;}
.footer-col:nth-child(2){margin-right: 50px;}
.footer-col h4 {margin: 0 0 20px;font-size: 18px;color:#666666;font-weight: 600;}
.footer-col h4::after{content: "";display: block;background: #FCBE00;border-radius: 2px;
  width: 36px;height: 3px;margin-top:2px;
}
.footer-col ul {width:390px;list-style: none;margin: 0;padding: 0;display: grid;
  grid-template-rows: repeat(3, auto); grid-auto-flow: column;  gap: 10px 0; 
}
.footer-col li { margin-bottom: 0; }
.footer-col a {color: #999999;font-size: 16px;text-decoration: none;position: relative;display: inline-block;}
.footer-col a::after,.fotbot-top a::after{content: "";position: absolute;left: 0;bottom:-3px;width: 100%;height: 3px;
  background: var(--yellow);transform: scaleX(0);transform-origin: center;transition: transform .3s ease; 
}
.footer-col a:hover { color: var(--yellow);}
.footer-col a:hover::after,
.fotbot-top a:hover::after{ transform: scaleX(1); }


.footer-bottom {border-top: 1px solid #E8E8E8;padding: 26px 0 30px 0;display: flex;justify-content: space-between;
  align-items: center;flex-wrap: wrap;gap: 18px;font-size: 14px;color: #C0C0C0;
}
.fotbot-top{gap:15px;color:#C0C0C0;}
.fotbot-top a,.footer-bottom p{ color:#C0C0C0;}
.fotbot-top a{text-decoration: none;position: relative;display: inline-block;}
.fotbot-top a:hover{ color: var(--yellow); }
.gh{background:url(../image/gh.png) no-repeat;width:18px;height:20px;background-size: contain;margin:0 4px 0 0;}
.fotgh{gap:15px;}

/* Shared internal-page header: align the brand and navigation with page content. */
.site-header .container{
  width:min(1366px,calc(100% - 48px));
  gap:48px;
}
.site-header .nav{
  flex:1;
  min-width:0;
  flex-wrap:nowrap;
  justify-content:flex-start;
  gap:12px;
  white-space:nowrap;
}
.site-header .nav a{
  flex:0 0 auto;
  padding-left:12px;
  padding-right:12px;
}
@media(max-width:1400px){
  .site-header .container{width:calc(100% - 32px);gap:24px}
  .site-header .logo{width:220px;height:52px}
  .site-header .nav a{font-size:17px;padding-left:7px;padding-right:7px}
}
@media(max-width:760px){
  .site-header .container{width:100%;padding:0 12px;gap:14px}
  .site-header .logo{width:170px;height:40px}
  .site-header .nav{justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain}
  .site-header .nav a{font-size:16px;padding:5px 9px}
}