/* Header模块样式 - 全局重置样式已移至base.css */

/* header module: top, topbar, header, search, top buttons */
#top{position:relative;padding-bottom:27.5px;}
#top::before{content:'';display:block;width:100%;height:100%;background:url("../images/bg.jpg") no-repeat center center;background-size:cover;position:absolute;left:0;top:0;}
#topbar{background-color:var(--spt-primary);color:#000;position:relative;z-index:2;}
#topbar .inner{overflow:hidden;}
#topbar a{color:#000;}
#topbar a:hover{opacity:.85;}
#welcome{float:left;}
#welcome,#pagelist{line-height:2em;font-size:14px;padding:5px 0;}
#pagelist{float:left;margin-left:20px;}
#pagelist ul{overflow:hidden;}
#pagelist li{float:left;padding-left:25px;position:relative;}
#pagelist li::after{width:1px;height:10px;background-color:rgb(255 255 255 / .5);content:'';display:block;position:absolute;left:12px;top:50%;margin-top:-5px;}
#pagelist li:first-child::after{display:none;}
#topauth{float:right;}
#topauth a{position:relative;padding-left:15px;}
#topauth a:not(:first-child)::before{content:'';display:block;width:1px;height:10px;background-color:rgb(255 255 255 / .5);position:absolute;left:7px;top:50%;margin-top:-5px;}
#header{position:relative;z-index:2;padding:30px 0;}
#header .inner{display:table;table-layout:fixed;margin:0 auto;}
#header .td{display:table-cell;vertical-align:middle;}
#header #logo img{ height:33px;}
#logo{position:relative;}
#logo a{display:block;position:relative;}
#topBtn{width:0;}
#topBtn .btn{float:left;}
#topBtn i{display:block;cursor:pointer;}
#schBtn{display:none;}
#schBtn i { width: 20px; height: 20px; background: url("../images/search_blue.png") no-repeat 0 0; background-size: 100% auto; }

/* 搜索按钮图标样式 */
.search-btn svg,
.search-btn i{
  display:block;
  width:18px;
  height:18px;
  margin:0 auto;
  stroke-width:1.5;
}
#topGG{width:468px;float:right;}
#topGG a{display:block;}
#topGG img{display:block;width:468px;height:96px;object-fit:contain;}
#search{overflow:hidden;display:table-cell;vertical-align:middle;padding-left:50px;padding-right:100px;}

/* 面包屑导航样式 */
.breadcrumb {
        font-size: 14px;
        line-height: 1.5em;
        margin-bottom: 20px;
        padding: 10px 15px;
        background-color: #f9f9f9;
        border-radius: 3px;
}

.breadcrumb a {
        color: #006abe;
}

.breadcrumb a:hover {
        color: #004a8f;
}

.breadcrumb a::after {
        content: '»';
        margin: 0 8px;
        color: #888;
}

.breadcrumb a:last-child::after {
        display: none;
}

#breadcrumb {
        font-size: 14px;
        line-height: 1.5em;
        color: #999;
        float: right;
}

#breadcrumb a {
        color: #999;
        padding-right: 0;
        font-size: 14px;
}

#breadcrumb a::after {
        display: none;
}

#breadcrumb .home {
        background: url("../images/icon_home.png") no-repeat left;
        background-size: auto 14px;
        padding-left: 20px;
}

#breadcrumb i {
        font-style: normal;
        font-family: Simsun;
        margin: 0 5px 0 3px;
        color: #999;
}
#search form{overflow:hidden;width:150%;margin:0 auto;border-radius:25px;box-shadow:0 2px 10px rgb(0 106 190 / 0.2);}
#search .submit{float:right;width:50px;height:50px;background:var(--spt-primary) url("../images/search_white.png") no-repeat center center;background-size:44% auto;border-radius:0 25px 25px 0;transition:all 0.3s ease;}
#search .submit:hover{background-color:#004a8f;}
#search .input{border:2px solid var(--spt-primary);margin-right:50px;display:block;color:#333;border-right:none;border-radius:25px 0 0 25px;}
#search .text{height:28px;line-height:28px;width:98%;padding:9px 2% 9px 15px;font-size:16px;background-color:#fff;text-indent:0;border:none;outline:none;transition:all 0.3s ease;}
#search .text:focus{box-shadow:0 0 0 2px rgb(0 106 190 / 0.3);}

/* 导航按钮 */
#navBtn{display:none;width:22px;height:20px;overflow:hidden;margin-left:15px;opacity:.85;}
#navBtn i{display:block;width:100%;height:3px;background-color:#006abe;position:relative;float:right;top:50%;transform:translateY(-50%);transition:width .3s;}
#navBtn i::before,#navBtn i::after{width:130%;height:3px;background-color:#006abe;content:'';display:block;position:absolute;right:0;transition:width .3s;}
#navBtn i::before{bottom:8px;}
#navBtn i::after{top:8px;}
#navBtn.active i{width:100%;}
#navBtn.active i::before,#navBtn.active i::after{width:70%;}

/* 主导航 */
#nav{margin-top:-27.5px;position:relative;z-index:2;}
#nav .inner{background-color:#006abe;}
#nav ul{display: flex; flex-wrap: wrap;}
#nav li{line-height:55px;font-size:16px;position:relative;font-weight:bold;width:11.111%;text-align:center;}
#nav li a{color:#fff;display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;}
#nav li.on > a,#nav li.current-menu-item > a,#nav li.current-menu-parent > a,#nav li.current_page_item > a{background-color:rgb(255 255 255 / .15);}
#nav li ul{position:absolute;left:0;top:100%;width:100%;background-color:#006abe;box-shadow:0 3px 3px rgb(0 0 0 / .2);padding:10px 0;display:none;}
#nav li li{text-align:center;display:block;font-weight:normal;width:auto;line-height:40px;}
#nav li em{position:absolute;top:50%;right:3px;height:15px;width:15px;transform:translateY(-50%);display:none;}
#nav li em::after,#nav li.hasSub > a::after{content:'';width:5px;height:5px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);transition:all .3s;}
#nav li em::after{display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;}
#nav li.hasSub > a::after{display:inline-block;vertical-align:middle;margin:-5px 0 0 5px;}

/* UI 改进：玻璃搜索和玻璃导航 */
#header #search{padding-left:35px;}

#header #search form{
  width: 143%;
  margin: 0 auto;
  border-radius: 14px;
  background: linear-gradient(135deg, rgb(255 255 255 / .16), rgb(255 255 255 / .10));
  border: 1px solid rgb(255 255 255 / .35);
  box-shadow: 0 8px 24px rgb(0 0 0 / .12), inset 0 1px rgb(255 255 255 / .35);
  backdrop-filter: blur(12px);
  overflow: hidden;
}

#header #search .input{
  margin-right:60px;
  border:none;
}

#header #search .text{
  width: 96%;
  padding: 8px 2%;
  height: 26px;
  line-height: 26px;
  font-size: 15px;
  background: transparent;
  color: #fff;
  text-indent: 0;
}

#header #search .text::placeholder{color: rgb(255 255 255 / .85);}

#header #search .submit{
  width:58px;
  height:42px;
  background: var(--spt-grad);
  border-radius: 0 14px 14px 0;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  box-shadow: 0 6px 14px rgb(15 92 170 / .35);
  background-image: url("../images/search_white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28% auto;
}

/* 主菜单容器：毛玻璃边框与半透明背景 */
#nav .inner{
  background: linear-gradient(180deg, rgb(0 106 190 / .60), rgb(0 106 190 / .55));
  border: 1px solid rgb(255 255 255 / .28);
  border-radius: 12px;
  overflow: hidden;
  backdrop-filter: blur(10px);
  box-shadow:
    0 8px 24px rgb(0 0 0 / .16),
    inset 0 1px rgb(255 255 255 / .35),
    inset 0 -1px rgb(0 0 0 / .06);
  padding-right: 150px;
}

/* 导航项：使用下划线指示器代替整块高亮 */
#nav ul{display:flex; flex-wrap:wrap; gap: 0; justify-content: flex-end;}
#nav li{line-height:56px; position:relative; font-size:16px; width: auto; padding: 0 18px;}
#nav li a{color:#000; display:block; position:relative;}

#nav li a::after{
  content:""; position:absolute; left:10%; right:10%; bottom:10px; height:3px;
  background: linear-gradient(90deg, rgb(255 255 255 / 0), rgb(255 255 255 / .9), rgb(255 255 255 / 0));
  transform: scaleX(0); transform-origin: center; transition: transform .18s ease;
  border-radius:3px;
}

#nav li:hover a::after, 
#nav li.current-menu-item a::after, 
#nav li.current-menu-parent a::after, 
#nav li.current_page_item a::after{ transform: scaleX(1); }

#nav li.on > a,
#nav li.current-menu-item > a,
#nav li.current-menu-parent > a,
#nav li.current_page_item > a{
  background: transparent; /* 覆盖原整块背景高亮 */
}

/* 下拉菜单背景同样采用半透明+模糊 */
#nav li ul{
  background: linear-gradient(180deg, rgb(0 106 190 / .75), rgb(0 106 190 / .65));
  border: 1px solid rgb(255 255 255 / .25);
  backdrop-filter: blur(8px);
  border-radius: 10px;
}

/* 首页头部搜索按钮也补回图标 */
#search .submit{
  background: transparent;
  background-image: url("../images/search_white.png");
  background-repeat: no-repeat;
  background-position: center;
}

/* 响应式设计 - 1280px */
@media only screen and (max-width: 1280px) {
  #header{padding:3.9% 0;}
  #logo{width:214px;}
  #search form{width:100%;}
  #search .text{height:24px;line-height:24px;}
  #search .submit{width:46px;height:46px;}
  #search .input{margin-right:46px;}
  #nav li{line-height:50px;}
  /* 导航项过多：横向滚动避免压缩 */
  #nav .inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #nav ul { flex-wrap: nowrap; }
  #nav li { width: auto; flex: 0 0 auto; }
}

/* 更窄桌面区间改为折行（1025-1200） */
@media only screen and (max-width: 1200px) and (min-width: 1025px) {
  #nav .inner { overflow-x: visible; }
  #nav ul { flex-wrap: wrap; }
}



/* 响应式设计 - 1024px */
@media only screen and (max-width: 1024px) {
  #top{box-shadow:0 1px 2px #ccc;border-bottom:1px solid #efefef;padding-bottom:0;}
  #header{padding:20px 0;}
  #header .inner,#header .td{display:block;}
  #logo{float:left;width:119px;}
  #topGG{width:auto;padding-left:0;clear:both;}
  #topGG.td{display:none;}
  #topGG a{float:none;}
  #topGG img{width:100%;height:auto;}
  #topBtn{position:absolute;right:3.125%;top:50%;transform:translateY(-50%);width:auto;}
  #schBtn{display:block;}
  #search.td{display:none;}
  #search{padding:0;margin:0 80px;position:absolute;top:50%;transform:translateY(-50%);right:3.125%;width:350px;}
  #search .text{padding:6px 3%;width:94%;font-size:14px;text-indent:0;}
  #search .submit{width:40px;height:40px;}
  #search .input{margin-right:40px;}
  #navBtn{display:inline-block;}
  #nav{position:fixed;left:0;top:0;height:100%;width:100%;margin:0;cursor:pointer;background-color:rgb(0 0 0 / 0.3);display:none;z-index:9;}
  #nav .inner{position:fixed;top:0;left:-100%;width:235px;background-color:#006abe;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:1px 0 30px rgb(0 0 0 / 0.5);transition:left .3s;
    border-radius: 0;
    background: var(--spt-grad-vert);
  }
  #nav .active{left:0;}
  #nav ul{padding:60px 0; display: block;}
  #nav li{display:block;width:auto;text-align:left;}
  #nav li a{color:#fff;padding:0 50px 0 2em;}
  #nav li a:hover{background-color:transparent;}
  #nav li.cur a:hover{background-color:rgb(255 255 255 / .15);}
  #nav li ul{padding:0;display:none;width:auto;position:static;left:auto;top:auto;background-color:transparent;box-shadow:none;
    background: linear-gradient(180deg, rgb(255 213 79 / .92), rgb(47 134 255 / .85));
    border-color: rgb(255 255 255 / .25);
  }
  #nav li li{text-align:left;font-size:14px;line-height:40px;font-weight:bold;}
  #nav li li a{padding:0 0 0 4em;}
  #nav li.hasSub > a::after{display:none;}
  #nav li em{width:50px;height:50px;top:0;right:0;z-index:2;transform:none;display:block;}
  #nav li em::after{width:6px;height:6px;border-color:#fff;transform:rotate(-45deg);margin-left:-4px;transition:all .3s;}
  #nav li em.open::after{transform:rotate(45deg);}
}

/* 响应式设计 - 768px */
@media only screen and (max-width: 768px) {
  #logo{width:89px;}
  #search{position:absolute;top:100%;right:0;width:100%;margin:0;background-color:#006abe;transform:none;}
  #nav .inner{width:200px;}
  #nav ul{padding:55px 0;}
  #nav li{font-size:14px;line-height:40px;}
  #nav li a{padding-left:1em;padding-right:40px;}
  #nav li li a{padding-left:3em;}
  #nav li em{width:40px;height:40px;}
  #topbar{background-color:#006abe;}
}

/* 主题色变量与顶部条样式 */
#topbar{ background: var(--spt-grad); }

#nav .inner{
  background: var(--spt-grad-vert);
  border-color: rgb(255 255 255 / .28);
}

#nav li a::after{
  background: linear-gradient(90deg, rgb(255 255 255 / 0), #fff, rgb(255 255 255 / 0));
}

#nav li ul{
  background: linear-gradient(180deg, rgb(255 213 79 / .92), rgb(47 134 255 / .85));
  border-color: rgb(255 255 255 / .25);
}

#navBtn i,
#navBtn i::before,
#navBtn i::after { background-color: var(--spt-primary); }

/* 桌面端搜索框宽度缩小约 1/3（统一至 ~95%） */
@media (min-width: 1025px) {
  #header #search form,
  #search form {
    width: 95%;
  }
  /* 增加 Logo 与搜索框的间距，以及搜索框与广告间距 */
  #header #search {
    padding-left: 280px;
    padding-right: 280px;
  }
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
  /* 图标显色增强 */
  #header #search .submit{ opacity: 0.95; filter: brightness(1.05) contrast(1.1); }
  
  /* 顶部按钮在暗色下边框/对比增强 */
  #topauth a.btn{ border-color: rgb(255 255 255 / .25); }
  #topauth a.btn.btn-primary{ box-shadow: 0 6px 14px rgb(0 0 0 / .35); }
  #topauth a.btn.btn-ghost:hover{ background: rgb(255 255 255 / .08); }
  
  /* 顶栏/导航在深色下降低亮度以保证文字对比 */
  #topbar{ background: linear-gradient(135deg, rgb(255 213 79 / .65), rgb(47 134 255 / .65)); }
  #nav .inner{
    background: linear-gradient(180deg, rgb(0 106 190 / .45), rgb(0 106 190 / .40));
    border-color: rgb(255 255 255 / .18);
  }
}

/* 移动端性能优化：减轻毛玻璃效果 */
@media (max-width: 768px) {
  #header #search form {
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .10), inset 0 1px rgb(255 255 255 / .35);
  }
  
  #nav .inner {
    backdrop-filter: blur(4px);
    box-shadow: 0 6px 16px rgb(0 0 0 / .12), inset 0 1px rgb(255 255 255 / .35), inset 0 -1px rgb(0 0 0 / .06);
  }
  
  /* 移动端面包屑导航样式 */
  #breadcrumb {
    line-height: 22px;
  }
  
  #breadcrumb a {
    font-size: 12px;
  }
  
  #breadcrumb .home {
    background-size: auto 12px;
    padding-left: 18px;
  }
}