/*
 * 主题视觉微调 —— 不 fork 主题，靠站点级 CSS 覆盖。
 *
 * 主题的 .post-card（首页列表卡片，_components/post/post-card.styl:9）与
 * .hty-card（文章正文容器，_components/card.styl:2）都没有设 border-radius，
 * 所以是直角矩形。这里补上圆角。
 */

/* 首页 / 归档 / 分类 / 标签 列表里的文章卡片 */
.post-card,
/* 文章页正文容器 */
.hty-card {
  border-radius: 12px;
}

/* 卡片内首尾元素若有底色（如代码块贴边），跟着收一下角，避免溢出圆角 */
.post-card > :first-child,
.hty-card > :first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.post-card > :last-child,
.hty-card > :last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

/*
 * 表格对齐统一。
 *
 * star-markdown-css 没给 th/td 设 text-align，于是走浏览器默认：th 居中、
 * td 靠左 —— 同一列表头和数据错位，很难看。这里统一成左对齐（对中英文长
 * 短内容都稳妥；若某表在 Markdown 里用 :---: 显式指定了列对齐，那会带上
 * 内联 style，优先级更高、不受这里影响）。
 */
.markdown-body table th,
.markdown-body table td {
  text-align: left;
}