/* ============================================================
 * 即刻风皮肤覆盖层（皮肤级换肤）
 * 仅覆盖视觉 token，不包含任何逻辑；与 apple.css 并列加载，选择器在后优先。
 * 挂载：templates/_head.html（在 apple.css 之后引入）
 * 回滚：删除 _head.html 中的本文件引用并恢复调色板即可还原苹果风。
 * ============================================================ */

/* ---------- 卡片：去浮起、去阴影，细描边轻卡片（即刻无卡片阴影与悬停浮起） ---------- */
.apple-card {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 10px;
    box-shadow: none;
    transition: border-color 0.2s ease;
}
html.dark .apple-card {
    background: #161618;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

/* 时间线卡片 hover：不浮起，仅描边微亮 */
#postsContainer .apple-card:hover,
html.dark #postsContainer .apple-card:hover {
    border-color: #dcdcdc;
    box-shadow: none;
    transform: none;
}
html.dark #postsContainer .apple-card:hover {
    border-color: rgba(255, 255, 255, 0.14);
}

/* ---------- 卡片底部元信息：更浅的分割线 ---------- */
.post-meta { border-top-color: #eeeeee; }
html.dark .post-meta { border-top-color: rgba(255, 255, 255, 0.07); }

/* ---------- 正文排版：即刻信息密度（15px / 1.6 / 中性黑 #222） ---------- */
.markdown-body {
    font-size: 15px;
    line-height: 1.6;
    color: #222222;
}

/* ---------- 媒体圆角收紧：即刻风格 6px 小圆角（覆盖模板里的 rounded / rounded-xl） ---------- */
#postsContainer img.post-image { border-radius: 6px; }
.markdown-body img,
.article-media-image { border-radius: 6px; }