/*
 * 朱红导航栏配色（配色移植自 aiqa_theme「智能问答·墨韵」主题）
 *   朱红   #9e2b25  →  深朱红 #82211c   （渐变底）
 *   金     #c9a24b                      （悬停下划线 / 强调）
 *   奶白   #f6e7cf                      （菜单文字）
 *   副标题 #f3d9a0
 *
 * 说明：
 *   1) 仅覆盖页头（.header）及其菜单的【配色】，完全不动 tpure 原有布局结构；
 *   2) 本文件由 template/header.php 在 style.css 之后引入，优先级更高；
 *      对可能被主题色/行内样式覆盖的项保留 !important 以确保生效；
 *   3) 不需要时，把 header.php 中引入本文件的那一行删掉即可，无任何副作用。
 */

/* ===== 导航条主体：朱红渐变 + 底部圆角 + 暖色投影（对齐 aiqa_theme 的 #top） ===== */
.header{
    background:linear-gradient(90deg,#9e2b25,#82211c)!important;
    border-radius:0 0 14px 14px;
    box-shadow:0 6px 20px rgba(80,30,20,.15)!important;
}
.header.fixed{border-radius:0;border-bottom-color:rgba(255,255,255,.15)!important;}

/* ===== 站点名 / 副标题 ===== */
.header .name a{color:#fff!important;}
.header .subname{color:#f3d9a0!important;}

/* ===== 菜单文字：奶白；悬停纯白；下划线改金色 ===== */
.menu li>a{color:#f6e7cf!important;}
.menu li:hover>a,
.menu li.on>a{color:#fff!important;}
.menu li::before{background:#c9a24b!important;}
.menu li.subcate>a::after{color:#f6e7cf!important;}
.menu li.subcate:hover>a::after,
.menu li.subcate.on>a::after{color:#fff!important;}

/* ===== 二级下拉（白底）保持深色可读，强调色改朱红 ===== */
.menu li .subnav{border-top-color:#c9a24b!important;}
.menu li .subnav::before{border-bottom-color:#c9a24b!important;}
.menu li .subnav a{color:#333!important;}
.menu li .subnav a:hover,
.menu li .subnav a.on{color:#9e2b25!important;}

/* ===== 移动端汉堡按钮 ===== */
.menuico span{background-color:#f6e7cf!important;}
.menuico.on span{background-color:#fff!important;}

/* ===== 搜索图标 / 搜索框 ===== */
.schico a::after{color:#f6e7cf!important;}
.schfixed{border-top-color:#c9a24b!important;}
.schfixed::before{border-bottom-color:#c9a24b!important;}
.schfixed button{background:#82211c!important;}
.schfixed button::after{color:#fff!important;}
.sch-m input{color:#fff!important;border-bottom-color:#c9a24b!important;}
.sch-m button::after{color:#f6e7cf!important;}

/* ===== 小屏展开的菜单面板：深朱红底 + 奶白字 ===== */
@media screen and (max-width:1080px){
    .menu.on{background:#82211c!important;border-top-color:rgba(255,255,255,.15)!important;}
    .menu.on li{border-bottom-color:rgba(255,255,255,.15)!important;}
    .menu.on li>a{color:#f6e7cf!important;}
    .menu.on li:hover>a,
    .menu.on li.on>a{color:#fff!important;}
}

/* ===== 统一宽度容器：导航条 / Banner / 智能问答 / 正文 全部装进同一个盒子 =====
   容器自身定宽居中，内部块一律撑满容器、横边距归零 → 宽度必然完全一致，
   不再依赖 tpure 的 .wrap/.header 与 aiqa.css 的 .aiqa-bar 三套样式互相博弈。 */
.aiqa-unify{
    width:calc(100% - 40px);
    max-width:1200px;
    margin:0 auto;
}
.aiqa-unify .header,
.aiqa-unify .banner,
.aiqa-unify .aiqa-bar,
.aiqa-unify .wrap{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}
.aiqa-unify .header{margin-top:16px;border-radius:14px;}

/* 其它页面（文章页等没有该容器）：仍按同一套宽度走，保证全站观感一致 */
.header,
.banner,
.wrap{
    width:calc(100% - 40px);
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.header{margin-top:16px;border-radius:14px;}
.banner{margin-top:16px;border-radius:14px;overflow:hidden;}
.header .wrap,
.banner .wrap{width:auto;max-width:none;margin-left:0;margin-right:0;}

/* 吸顶导航脱离文档流，按视口同宽居中（与居中容器的位置一致）。
   必须显式写 width，否则会被主题自带的 .header.fixed{width:100%}（特异性更高）盖回去 */
.header.fixed{
    width:calc(100% - 40px) !important;
    max-width:1200px !important;
    left:50%;
    transform:translateX(-50%);
    margin:0 !important;
    border-radius:0 0 14px 14px;
}
@media screen and (max-width:750px){
    .aiqa-unify{width:calc(100% - 28px);}
    .header.fixed{width:calc(100% - 28px) !important;}
    /* 未使用容器的兜底页（文章页等）：同样对齐到 14px 边距，避免吸顶导航与正文不齐 */
    .header,
    .wrap{width:calc(100% - 28px);}
}