/** * History Detail - 主样式入口文件 * * 架构:分层模块化 CSS * 依赖:所有子模块按顺序加载 * * 加载顺序说明: * 1. Foundation - 基础变量和重置样式 * 2. Layout - 布局系统 * 3. Components - UI 组件 * 4. Features - 功能模块 * 5. Utilities - 工具类 * * 重构日期:2025-11-14 * 分支:refactor/css-architecture */ /* ==================== 1. Foundation Layer - 基础层 ==================== */ /* CSS 变量系统 */ @import url('./history_detail/01-foundation/variables.css'); /* 基础重置 */ @import url('./history_detail/01-foundation/reset.css'); /* 排版系统 */ @import url('./history_detail/01-foundation/typography.css'); /* ==================== 2. Layout Layer - 布局层 ==================== */ /* 主布局 */ @import url('./history_detail/02-layout/layout.css'); /* 统一侧边栏布局 (Non-Immersive Mode) */ @import url('./history_detail/02-layout/sidebar.css'); /* 沉浸模式布局 */ @import url('./history_detail/02-layout/immersive.css'); /* ==================== 3. Components Layer - 组件层 ==================== */ /* TOC 目录组件 */ @import url('./history_detail/03-components/toc.css'); /* Dock 统计组件 */ @import url('./history_detail/03-components/dock.css'); /* Modal 弹窗组件 */ @import url('./history_detail/03-components/modal.css'); /* Lightbox 灯箱组件 */ @import url('./history_detail/03-components/lightbox.css'); /* Context Menu 右键菜单 */ @import url('./history_detail/03-components/context-menu.css'); /* Annotations 批注管理 */ @import url('./history_detail/03-components/annotations.css'); /* Reference Manager 参考文献管理器 */ @import url('./history_detail/03-components/reference-manager/index.css'); /* Chatbot 聊天机器人 */ @import url('./history_detail/03-components/chatbot/index.css'); /* ReAct Visualization (ReAct 推理可视化) */ @import url('./react_visualization.css'); /* ==================== 4. Features Layer - 功能层 ==================== */ /* Markdown 内容渲染 */ @import url('./history_detail/04-features/markdown-content.css'); /* Markdown 现代化样式 */ @import url('./history_detail/04-features/markdown-modern.css'); /* Markdown 增强功能(KaTeX 错误、缺失图片) */ @import url('./history_detail/04-features/markdown-enhancements.css'); /* 数学公式显示修复 */ @import url('./history_detail/04-features/math-display.css'); /* 分块对比功能 */ @import url('./history_detail/04-features/chunk-compare.css'); /* 分块交互功能 */ @import url('./history_detail/04-features/chunk-interactions.css'); /* 分块虚拟化渲染 */ @import url('./history_detail/04-features/chunk-virtual.css'); /* ==================== 5. Utilities Layer - 工具层 ==================== */ /* 状态类 */ @import url('./history_detail/05-utilities/state.css'); /* 辅助工具类 */ @import url('./history_detail/05-utilities/helpers.css'); /* 统一按钮系统 */ @import url('./history_detail/05-utilities/buttons.css'); /* ==================== 注释说明 ==================== */ /** * 旧文件迁移对照表: * * Phase 1-2: * - modern-base.css → 01-foundation/variables.css + reset.css + typography.css * - toc-base.css + toc-extensions.css → 03-components/toc.css * * Phase 3-5: * - immersive_layout.css → 02-layout/immersive.css * - (提取) → 03-components/dock.css * - (提取) → 05-utilities/helpers.css * * Phase 7 Stage 1-2: * - chunk_compare_optimizer.css → 04-features/chunk-virtual.css * - unified-button-sizes.css → 05-utilities/buttons.css * * Phase 7 Stage 3 (Module Integration): * - reference-manager-base.css → 03-components/reference-manager/base.css * - reference-manager-detail.css → 03-components/reference-manager/detail.css * - reference-manager-enrichment.css → 03-components/reference-manager/enrichment.css * - chatbot-model-config-modal.css → 03-components/chatbot/config-modal.css * - chatbot-message-actions.css → 03-components/chatbot/message-actions.css * * Phase 8 (Inline Styles Modularization): * - history_detail_inline_styles.css → 模块化拆分: * - Annotations → 03-components/annotations.css * - Dock 补充 → 03-components/dock.css * - TOC 补充 → 03-components/toc.css * - Context Menu 补充 → 03-components/context-menu.css * - Markdown 补充 → 04-features/markdown-content.css * - Buttons 已存在 → 05-utilities/buttons.css * * Phase 9 (100% Modularization - Shared CSS): * - markdown-enhanced.css → 04-features/markdown-enhancements.css * - math-display-fix.css → 04-features/math-display.css * * 其他文件已按分层移动到相应目录。 * * 废弃文件(已移至 _deprecated/): * - modern-base.css * - toc-base.css * - toc-extensions.css * - immersive_layout.css * - toc-optimized.css * - history_detail_inline_styles.css (Phase 8) */