/* 站点全局覆盖样式（在主题样式之后加载） */

/* 页面背景层次：中央内容区（body，layout-center 的 864px 列）
   使用 --background-color（catppuccin mocha mantle #181825），
   页面背景（html）用同族的 crust #11111b，稍深一点做区分，
   差异很小、不突兀。 */
html {
    background: #11111b;
}

/* markdown 分割线：与 framed 边框一致的颜色和粗细（accent 色 1px）。
   线型通过 border-top 切换，可选：
   - solid（实线，当前）
   - dashed（虚线）
   - dotted（点线）
   - double（双线） */
hr {
    height: 0;
    border: none;
    border-top: 1px solid var(--accent-color);
    background: none;
}

/* 移动端：列表标题下的日期/阅读时间单独成行时左对齐，
   桌面端（标题与元信息同一行、右对齐）保持不变 */
@media (max-width: 684px) {
    .post-meta-compact {
        margin-left: 0;
    }

    /* 移动端：列表里的 read more 另起一行，放到摘要文字下方 */
    .post-excerpt .read-more {
        flex-basis: 100%;
        margin-top: 4px;
    }
}

/* 备案信息（ICP / 公安备案），放在页脚版权行下方 */
.icp-info {
    margin-top: 6px !important;
    font-size: 0.85em;

    /* 覆盖主题给 .copyright 直接子元素加的 ":: " 分隔符 */
    & > a::before {
        content: none !important;
    }

    a {
        color: inherit;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        transition: border-color 0.2s ease;

        &:hover {
            border-bottom-color: currentColor;
        }
    }
}