/**
 * Gloam 主题样式入口
 *
 * 手写原生 CSS，无预处理器、无构建步骤。
 * 浏览器直接加载，@import 顺序即层叠顺序。
 *
 * 断点：phone 528px / mobile 768px / widescreen 1080px
 * （见 variable.css 顶部说明）
 */

/* 基础层：变量与 reset */
@import url("variable.css");
@import url("color.css");
@import url("font.css");
@import url("base.css");
@import url("animation.css");
@import url("reusable.css");
@import url("article.css");

/* 布局层 */
@import url("layout/shell.css");
@import url("layout/header.css");
@import url("layout/sidebar.css");
@import url("layout/aside.css");
@import url("layout/panel.css");
@import url("layout/blog-footer.css");

/* 组件层 */
@import url("components/button.css");
@import url("components/dropdown.css");
@import url("components/theme-toggle.css");
@import url("components/post-card.css");
@import url("components/post-page.css");
@import url("components/slide.css");
@import url("components/order-toggle.css");
@import url("components/pagination.css");
@import url("components/dl-group.css");
@import url("components/expand.css");
@import url("components/tip.css");
@import url("components/toc.css");
@import url("components/surround.css");
@import url("components/search.css");
@import url("components/codeblock.css");
@import url("components/code-shiki.css");
@import url("components/math.css");
@import url("components/comment.css");
@import url("components/lightbox.css");

/*
 * 正文组件层：Markdown 里用短代码调用的组件
 * （多数与 partials/md/ 一一对应）
 *
 * 与 components/ 分开放是因为这一层有二十来个文件，混进去会把
 * 「站点骨架的组件」和「正文里的组件」搅在一起 —— 前者每页都用，
 * 后者只有正文写了才用。类名统一带 md- 前缀，避免与骨架层撞名
 * （.tip 与 .md-tip 就是一对）。
 *
 * link.css 与 table.css 没有对应的 partials —— 那两项不用写标记,
 * 由 core/prose.php 扫正文自动加工，样式仍归这一层。
 */
@import url("md/base.css");
@import url("md/alert.css");
@import url("md/badge.css");
@import url("md/blur.css");
@import url("md/cardlist.css");
@import url("md/chat.css");
@import url("md/copy.css");
@import url("md/feedgroup.css");
@import url("md/folding.css");
@import url("md/key.css");
@import url("md/link.css");
@import url("md/linkbanner.css");
@import url("md/linkcard.css");
@import url("md/pic.css");
@import url("md/poetry.css");
@import url("md/quote.css");
@import url("md/score.css");
@import url("md/tab.css");
@import url("md/table.css");
@import url("md/timeline.css");
@import url("md/tip.css");
@import url("md/title.css");
@import url("md/video.css");

/* 页面层：只有对应页面才用到的样式 */
@import url("pages/archive.css");
@import url("pages/links.css");