/*
 * @Author: iowen
 * @Author URI: https://www.iowen.cn/
 * @Date: 2024-01-03 00:15:11
 * @LastEditors: iowen
 * @LastEditTime: 2024-01-13 11:05:39
 * @FilePath: \onenavsub\assets\css\sub-style.css
 * @Description: 自定义样式
 */

/* ========================================
   DuckWow 布局修复
   ======================================== */

/*
 * 1. 电脑端首页顶部搜索栏居中
 *
 * 主题默认给 .header-banner 加了
 * padding-left: calc(侧边栏宽度 + 15px)，
 * 这是为「显示左侧边栏」时让搜索栏与内容区对齐。
 * 但没有左侧边栏时，这个左内边距会把搜索栏整体右移，
 * 导致看起来不居中，这里去掉它并让搜索容器居中。
 */
body.full-container:not(.aside-show):not(.aside-min) .header-banner {
    padding-left: 0;
}

body.full-container:not(.aside-show):not(.aside-min)
.header-banner .search-container {
    margin-left: auto;
    margin-right: auto;
}

/*
 * 2. 底部友情链接自动换行
 *
 * 友情链接的 <a> 之间没有空格，主题又给每个 <a> 设置了
 * white-space:nowrap，导致链接无法折行，数量一多就会
 * 超出底部的卡片边框。改成允许换行的弹性布局即可。
 */
.friend-link {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    row-gap: 4px;
}