/* ============================================================
   全站统一顶部导航 —— 与 index.php（小包公红 + 直角）完全一致
   抽取自 123.html 的 Nuxt 头部规则（去 scoped），作为唯一来源。
   所有页面（index.php / article / crime / wenda / user 等）共用。
   ============================================================ */

.main-header{
  background:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  line-height:60px;
  margin-bottom:2px;
  padding:0 10px;
}

.main-header .left-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:1;
  min-width:0;
}

.main-header .left-header .logo{
  display:inline-block;
  line-height:0;
  margin:15px 80px 0 15px;
  width:110px;
  flex-shrink:0;
}
.main-header .left-header .logo img{display:block;width:100%;}

.main-header .left-header .menu-list{
  margin-left:20px;
  flex:1;
  min-width:0;
  list-style:none;
  margin-top:0;
  margin-bottom:0;
  padding:0;
  overflow-x:auto;
}
.main-header .left-header .menu-list li{
  float:left;
  width:100px;
  text-align:center;
  line-height:60px;
  white-space:nowrap;
}
.main-header .left-header .menu-list li a{
  display:block;
  color:#000;
  text-decoration:none;
  font-size:16px;
  line-height:60px;
}
.main-header .left-header .menu-list li a:hover{color:#e42626;}
.main-header .left-header .menu-list li a.active{color:#e42626;font-weight:600;}

/* 右上角 注册/登录（小包公红 + 直角，与全站统一） */
.pc-auth-bar{
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:auto;
  flex-shrink:0;
  z-index:31;
}
.pc-auth-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 22px;
  font-size:15px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  border-radius:0;
  transition:all .15s ease;
  white-space:nowrap;
}
.pc-auth-reg{background:#fff;color:#e42626;border:1px solid #e42626;}
.pc-auth-reg:hover{background:#e42626;color:#fff;}
.pc-auth-login{background:#e42626;color:#fff;border:1px solid #e42626;}
.pc-auth-login:hover{background:#c81e1e;border-color:#c81e1e;}

/* 登录态：用户胶囊 + 退出 */
.pc-auth-user{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:#172237;
  font-size:15px;
  white-space:nowrap;
}
.pc-auth-user .av{
  width:32px;height:32px;
  border-radius:50%;
  background:#e42626;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:600;font-size:14px;
}
.pc-auth-user:hover{color:#e42626;}

/* 移动端适配：顶栏保持单行，菜单可横向滑动 */
@media (max-width:768px){
  .main-header{padding:0 10px;line-height:52px;}
  .main-header .left-header .logo{margin:12px 20px 0 8px;width:84px;}
  .main-header .left-header .menu-list{margin-left:8px;}
  .main-header .left-header .menu-list li{width:auto;padding:0 10px;line-height:52px;}
  .main-header .left-header .menu-list li a{font-size:14px;line-height:52px;}
  .pc-auth-bar{gap:8px;}
  .pc-auth-btn{height:34px;padding:0 14px;font-size:13px;}
  .pc-auth-user{font-size:13px;}
  .pc-auth-user .av{width:28px;height:28px;font-size:12px;}
}