/* ============================================================================
 * styles.css — 样式入口。
 *
 * 按职责分层：变量 → 基础 → 骨架 → 组件 → 页面特例。
 * 浏览器原生支持 `@import`，因此这个项目**不需要 CSS 构建步骤**：
 * 你看到的文件结构就是浏览器加载的结构。分层顺序即层叠优先级，
 * 后引入的层可以覆盖前一层，因此顺序不要随意调整。
 * ========================================================================== */

@import url("./css/01-tokens.css");
@import url("./css/02-base.css");
@import url("./css/03-layout.css");
@import url("./css/04-components.css");