151 lines
4.8 KiB
CSS
151 lines
4.8 KiB
CSS
/**
|
||
* 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)
|
||
*/
|