/* css/style.css */
body {
    max-width: 800px;
    margin: 40px auto;
    /* font-family: "JetBrains Mono", "PingFang SC", sans-serif; */
    /* * 字体堆栈解析：
     * -apple-system, BlinkMacSystemFont: 命中苹果设备的 San Francisco 字体
     * "Segoe UI": 命中 Windows 的现代无衬线
     * Roboto, "Helvetica Neue", Arial: 兜底通用英文
     * "PingFang SC", "Hiragino Sans GB": 命中苹果设备的顶级中文
     * "Microsoft YaHei": Windows 中文兜底
     * "Noto Sans SC": 命中你的 Arch Linux 等 Linux 桌面环境的中文
     * sans-serif: 终极系统默认无衬线兜底
     */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;

    line-height: 1.6;
    color: #333333;
    background-color: #fcfcfc;
    padding: 0 20px;
}
/* 2. 专门为代码块和行内代码设置等宽字体 */
pre, code {
    /* 这里放你钟爱的 JetBrains Mono，以及其他等宽兜底 */
    font-family: "JetBrains Mono", "Fira Code", Consolas, Monaco, "Courier New", monospace;
}
a { color: #0056b3; text-decoration: none; }
a:hover { text-decoration: underline; }
pre { background-color: #f4f4f4; padding: 10px; border-radius: 5px; overflow-x: auto; }
img { max-width: 100%; height: auto; }

/* --- Header 布局逻辑 --- */

/* 1. 抓住最外层的大盒子，开启弹性布局 */
.site-header {
    display: flex;                      /* 开启 Flexbox 魔法 */
    justify-content: space-between;     /* 核心：将子元素推向两端对齐 */
    align-items: baseline;              /* 让左边的标题和右边的小字在同一条水平基准线上对齐 */
    margin-bottom: 15px;                /* 和下面的分割线保持一点距离 */
}

/* 2. 左边网站名的样式 */
.site-title a {
    color: #333333;                     /* 覆盖默认的蓝色链接，让 Logo 看起来更稳重 */
    font-size: 1.2em;                   /* 稍微放大一点 */
}

/* 3. 右边导航链接的间距排版 */
.site-nav a {
    margin-left: 20px;                  /* 用 margin 属性给每个链接左侧增加 20px 的物理留白，彻底取代以前的 | 符号 */
    font-size: 0.95em;                  /* 导航字稍微小一点，分出层级 */
}