/* ===== quater 风格顶部导航条 ===== */
#quater_bar{background:#fff;border-bottom:1px solid #eceef2;box-shadow:0 1px 3px rgba(31,45,61,.05);position:relative;z-index:210;}
#quater_bar .qwp{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:64px;padding:0 12px;gap:10px;}
#quater_bar .q-logo img{height:40px;display:block;}
#quater_bar .q-nav ul{display:flex;list-style:none;margin:0;padding:0;}
#quater_bar .q-nav li{position:relative;white-space:nowrap;}
#quater_bar .q-nav li a{display:block;padding:8px 14px;font-size:15px;color:#252933;text-decoration:none;border-radius:8px;line-height:22px;}
#quater_bar .q-nav li a:hover{color:#3b82f6;background:rgba(59,130,246,.06);}
#quater_bar .q-nav li.a a{color:#3b82f6;font-weight:600;background:rgba(59,130,246,.08);}
#quater_bar .q-nav li a span{font-size:11px;color:#aab0bb;margin-left:4px;font-weight:400;}
#quater_bar .q-nav li a span{display:block;text-align:center;letter-spacing:.5px;margin-top:-2px;margin-bottom:-2px;}
#quater_bar .q-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
/* 快速登录表单（游客态） */
#quater_bar .q-login{display:flex;align-items:center;gap:6px;}
#quater_bar .q-login input[type=text],#quater_bar .q-login input[type=password]{
    width:110px;height:30px;border:1px solid #dfe5ec;border-radius:999px;padding:0 12px;
    font-size:13px;background:#f5f7fa;outline:none;}
#quater_bar .q-login input:focus{border-color:#3b82f6;background:#fff;}
#quater_bar .q-login button{height:30px;padding:0 16px;border:none;border-radius:999px;
    background:#3b82f6;color:#fff;font-size:13px;cursor:pointer;}
#quater_bar .q-login button:hover{background:#2563eb;}
#quater_bar .q-login .reglink{color:#3b82f6;font-size:13px;text-decoration:none;font-weight:600;}
/* 登录用户区 */
#quater_bar .q-user{display:flex;align-items:center;gap:8px;position:relative;}
#quater_bar .q-user .avt img{width:34px;height:34px;border-radius:50%;border:2px solid #eef2f7;display:block;}
#quater_bar .q-user .uname{font-size:14px;color:#252933;font-weight:500;text-decoration:none;}
#quater_bar .q-user .uname:hover{color:#3b82f6;}
#quater_bar .q-user .udrop{position:absolute;top:100%;right:0;top:calc(100% + 8px);min-width:150px;
    background:#fff;border:1px solid #eceef2;border-radius:10px;box-shadow:0 6px 24px rgba(31,45,61,.12);
    padding:6px;display:none;z-index:300;}
#quater_bar .q-user:hover .udrop{display:block;}
#quater_bar .q-user .udrop a{display:block;padding:8px 12px;font-size:13px;color:#515767;text-decoration:none;border-radius:6px;}
#quater_bar .q-user .udrop a:hover{background:#f5f7fa;color:#3b82f6;}
/* 快捷导航/搜索/发帖 */
#quater_bar .q-ico{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    color:#515767;text-decoration:none;font-size:15px;background:#f5f7fa;}
#quater_bar .q-ico:hover{background:#eef2f7;color:#3b82f6;}
#quater_bar .q-postbtn{height:34px;padding:0 18px;border-radius:999px;background:#3b82f6;color:#fff!important;
    font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;box-shadow:0 1px 3px rgba(59,130,246,.3);}
#quater_bar .q-postbtn:hover{background:#2563eb;}
/* 隐藏原生旧头部元素 */
body #toptb,body #scbar,body #hd .hdc{display:none!important;}
body #nv{display:none!important;}
/* 下拉二级菜单 */
#quater_bar .sub-nav{display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);
    background:#fff;border:1px solid #eceef2;border-radius:10px;box-shadow:0 6px 24px rgba(31,45,61,.12);
    padding:6px;min-width:140px;z-index:290;list-style:none;margin:0;}
#quater_bar .q-nav li.has-sub:hover .sub-nav{display:block;}
#quater_bar .sub-nav li{white-space:nowrap;width:100%;}
#quater_bar .sub-nav li a{padding:7px 12px;font-size:13px;border-radius:6px;}
@media(max-width:991px){
  #quater_bar .q-login input[type=text],#quater_bar .q-login input[type=password]{width:80px;}
  #quater_bar .q-nav li a span{display:none;}
}
/* ===== 快捷导航弹层（☰ 两栏面板） ===== */
#quater_bar .q-quickwrap{position:relative;display:flex;}
#quater_bar .q-quick{display:none;position:absolute;right:0;top:calc(100% + 10px);width:520px;
    background:#fff;border:1px solid #eceef2;border-radius:12px;box-shadow:0 10px 34px rgba(31,45,61,.16);
    padding:14px;z-index:300;box-sizing:border-box;gap:14px;}
/* 图标与面板之间的隐形桥，防止鼠标穿越空隙时 hover 断开 */
#quater_bar .q-quickwrap::after{content:'';position:absolute;top:100%;right:0;width:56%;height:12px;}
#quater_bar .q-quickwrap:hover .q-quick{display:flex;}
#quater_bar .qq-col.qq-l{width:176px;border-right:1px solid #f1f3f7;padding-right:14px;flex-shrink:0;}
#quater_bar .qq-col.qq-r{flex:1;min-width:0;}
#quater_bar .qq-head{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #f1f3f7;margin-bottom:4px;}
#quater_bar .qq-avatar img{width:36px;height:36px;border-radius:50%;border:2px solid #eef2f7;display:block;}
#quater_bar .qq-name a{font-size:14px;font-weight:600;color:#252933;text-decoration:none;display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#quater_bar .qq-name a:hover{color:#3b82f6;}
#quater_bar .qq-guest{font-size:13px;color:#7a8194;line-height:1.9;padding-bottom:6px;border-bottom:1px solid #f1f3f7;margin-bottom:4px;}
#quater_bar .qq-guest a{color:#3b82f6;text-decoration:none;}
#quater_bar .q-quick ul{list-style:none;margin:0;padding:0;}
#quater_bar .qq-l ul li a{display:block;padding:6px 8px;font-size:13px;color:#515767;text-decoration:none;border-radius:6px;}
#quater_bar .qq-l ul li a:hover{background:#f5f7fa;color:#3b82f6;}
#quater_bar .qq-r h4{margin:0 0 8px;font-size:12px;color:#98a0af;font-weight:600;letter-spacing:.5px;}
#quater_bar .qq-r ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;}
#quater_bar .qq-r ul li a{display:block;padding:6px 8px;font-size:13px;color:#41485a;text-decoration:none;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#quater_bar .qq-r ul li a:hover{background:#f5f7fa;color:#3b82f6;}
#quater_bar .qq-more{margin-top:10px;padding-top:8px;border-top:1px solid #f1f3f7;display:flex;gap:8px;flex-wrap:wrap;}
#quater_bar .qq-more a{font-size:12px;color:#7a8194;text-decoration:none;padding:3px 10px;background:#f5f7fa;border-radius:999px;}
#quater_bar .qq-more a:hover{color:#3b82f6;background:#eef4ff;}
@media(max-width:991px){
  #quater_bar .q-quick{width:420px;right:-30px;}
  #quater_bar .qq-col.qq-l{width:150px;}
}