/* 
 * KeyBonk 网站主样式文件
 * 
 * 本文件作为样式入口，通过 @import 加载各模块化的样式文件。
 * 如需修改样式，请根据功能分类编辑对应的模块文件。
 * 
 * 目录结构：
 * - variables.css: CSS 变量定义
 * - global.css: 全局样式重置
 * - components/: 组件样式（导航栏、侧边栏、目录等）
 * - layouts/: 布局样式（页脚、首页、项目表等）
 * - content/: 内容样式（文章、代码、表格等）
 * - themes/: 主题样式（暗色模式）
 * - responsive.css: 响应式设计
 */

/* ===== CSS 变量定义 ===== */
@import 'variables.css';

/* ===== 全局样式重置 ===== */
@import 'global.css';

/* ===== 组件样式 ===== */
@import 'components/navbar.css';
@import 'components/navbar-responsive.css';
@import 'components/mobile-menu.css';
@import 'components/sidebar.css';
@import 'components/toc.css';
@import 'components/cards.css';

/* ===== 布局样式 ===== */
@import 'layouts/about.css';
@import 'layouts/hero.css';
@import 'layouts/page-container.css';
@import 'layouts/projects.css';
@import 'layouts/footer.css';
@import 'layouts/content-page.css';

/* ===== 内容样式 ===== */
@import 'content/article-header.css';
@import 'content/article.css';
@import 'content/article-footer.css';
@import 'content/code.css';
@import 'content/table.css';
@import 'content/footnotes.css';
@import 'content/admonition.css';
@import 'content/math.css';

/* ===== 主题样式 ===== */
@import 'themes/dark.css';

/* ===== 响应式设计 ===== */
@import 'responsive.css';