/**
 * 唯一的样式入口 —— 所有页面只 link 这一个文件。
 *
 * 为什么必须单入口：层叠顺序由这一个文件集中决定。
 * 否则会出现"A 页面先加载 components 再加载 base，某条规则被覆盖，
 * B 页面却正常"这种页面间样式漂移 —— 而且极难排查。
 *
 * ⚠️ 顺序即优先级，不要随意调整：
 *    tokens → base → layout → components → pages（页面微调优先级最高）
 *
 * 新增组件时：在 components 段追加一行，并在 js/components/ 建同名文件。
 */

/* ── 地基 ── */
@import url("./tokens.css");
@import url("./base.css");
@import url("./layout.css");

/* ── 组件（与 js/components/ 同名 1:1）── */
/* 新增组件在此追加一行 */
@import url("./components/header.css");
@import url("./components/sidebar.css");
@import url("./components/post-card.css");
@import url("./components/smart-image.css");
@import url("./components/fab.css");
@import url("./components/empty-state.css");
@import url("./components/toast.css");
@import url("./components/role-badge.css");
@import url("./components/auth-form.css");
@import url("./components/upload-button.css");
@import url("./components/button.css");
@import url("./components/modal.css");
@import url("./components/compose-modal.css");
@import url("./components/category-picker.css");
@import url("./components/block-editor.css");
@import url("./components/block-content.css");
@import url("./components/comment-tree.css");
@import url("./components/comment-item.css");
@import url("./components/comment-editor.css");

/* ── 页面微调（必须排在最后）── */
@import url("./pages/index.css");
@import url("./pages/post.css");
@import url("./pages/search.css");
@import url("./pages/auth.css");