/* ============================================================
   顶部导航「单行」+ 移动端适配
   用于 in.html / doc.php / 首页模板
   注意：
   1. doc/css/responsive.css 是另一套模板的，≤1201px 会把 .header .nav 设成 display:none
   2. css/yus.css 在 ≤992px 会把 nav 变成黑色下拉菜单（.nav-item 带 rgba(0,0,0,.7) 背景）
      这里全部接管成「浅色横排 + 横向滚动」
   ============================================================ */

/* ---------- Header：强制单行，不折行 ---------- */
.header .container{
  display:flex;align-items:center;justify-content:space-between;
  width:auto;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;
}
.header h1.pull-left{float:none!important;margin:0;flex:0 0 auto;width:auto!important;height:auto!important}
.header .header-logo-img{display:block;height:40px;width:auto!important;margin:20px 0}

.header .nav{
  float:none!important;flex:0 1 auto;min-width:0;
  display:flex!important;position:static!important;
  background:none!important;line-height:normal!important;
}
.header .nav ul{
  display:flex!important;flex-wrap:nowrap!important;align-items:center;
  float:none!important;width:auto!important;margin:0;padding:0;list-style:none;
}
.header .nav li,.header .nav .nav-item{
  float:none!important;width:auto!important;height:80px;display:block;
  margin:0;padding:0!important;white-space:nowrap;border:0!important;
  background:none!important;
}
.header .nav .nav-item-a{
  display:block;width:auto!important;height:80px;padding:0 18px;
  line-height:80px;white-space:nowrap;font-size:16px;color:#555;text-align:center;
  background:none!important;
}
.header .nav .nav-item-a:hover{color:#108bed}

.header .nav .log-li{display:flex;align-items:center;gap:10px;margin-left:10px;background:none!important}
.header .nav .log-li .log-b{
  display:inline-block!important;height:auto!important;line-height:1!important;
  padding:8px 16px!important;border-radius:4px;white-space:nowrap;font-size:15px;
}
.header .nav .log-li .log-b:first-child{background:none!important;color:#4a5875!important;padding:8px 4px!important}
.header .nav .log-li .log-b:last-child{background:#108bed!important;color:#fff!important}
.header .nav .log-li .log-b:last-child:hover{background:#0b7ad4!important}

/* 主题自带的汉堡按钮不用了，导航一直可见 */
.header .header-more{display:none!important}

/* ---------- 平板 ---------- */
@media (max-width:1201px){
  .wrapper{width:auto!important;margin:0 3%!important}
  .header .nav .nav-item-a{padding:0 12px;font-size:15px}
  .header .nav .log-li .log-b{font-size:14px;padding:7px 12px!important}

  .docs-nav{float:none!important;width:auto!important;margin-bottom:0!important;padding-top:16px!important}
  .docs-main{float:none!important;width:auto!important}
}

/* ---------- 窄屏：主题会切成黑色下拉菜单，这里改回浅色横排 ---------- */
@media (max-width:992px){
  .header .nav .nav-item,
  .header .nav li{background:none!important;background-color:transparent!important}
  .header .nav .nav-item-a{color:#4a5875!important;line-height:56px!important;height:56px!important}
  .header .nav li,.header .nav .nav-item{height:56px!important}
  .header .nav .log-li{background:none!important;overflow:visible!important}
  .header .nav .log-li .log-b{color:#fff!important;width:auto!important;margin:0!important;float:none!important}
  .header .nav .log-li .log-b:first-child{color:#4a5875!important}
  .header .nav{border:0!important;box-shadow:none!important}
  .header{box-shadow:0 1px 6px rgba(0,0,0,.08)!important}
}

/* ---------- 手机 ---------- */
@media (max-width:768px){
  .header{height:64px}
  .header .container{padding:0 12px;gap:8px}
  .header .header-logo-img{height:28px;margin:18px 0;width:auto!important}

  .header .nav li,.header .nav .nav-item,.header .nav .nav-item-a{height:64px}
  .header .nav .nav-item-a{line-height:64px;padding:0 9px;font-size:13px}
  .header .nav .log-li{gap:8px;margin-left:6px}
  .header .nav .log-li .log-b{font-size:12.5px;padding:6px 10px!important}
  .header .nav .log-li .log-b:first-child{padding:6px 2px!important}

  .banner{margin-top:-64px!important;height:170px}
  .banner h2{padding-top:74px;font-size:24px}
  .banner p{letter-spacing:5px;font-size:12px}

  .banner .wrapper,.wrapper{
    width:auto!important;max-width:100%;padding:0 14px;
    box-sizing:border-box;margin:0 auto!important;
  }

  .docs-nav li a{height:42px;line-height:42px;font-size:15px;text-align:left;padding-left:12px}
  .docs-hd{font-size:20px;padding:18px 0 12px}
  .docs-bd{font-size:14px;line-height:1.9;padding:16px 0}
  .docs-bd p{margin-bottom:20px!important}
  .docs-bd table{display:block;overflow-x:auto;white-space:nowrap}
  .docs-bd div.pp{margin-bottom:10px}
}

/* ---------- 超窄屏：导航横向滚动，绝不折行 ---------- */
@media (max-width:560px){
  .header .nav{
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    flex:1 1 auto;max-width:100%;
  }
  .header .nav::-webkit-scrollbar{display:none}
  .header .nav ul{gap:0}
  .header .nav .nav-item-a{padding:0 8px;font-size:12.5px}
  .header .nav .log-li .log-b{font-size:12px;padding:5px 8px!important}
  .header .container{padding:0 8px;gap:4px}
}