/* static/css/main.css */

@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('markdown.css');

/* Pages */
@import url('pages/home.css');
@import url('pages/agent.css');
@import url('pages/workspace.css');
@import url('pages/calculate.css');
@import url('pages/examples.css');
@import url('pages/help.css');
@import url('pages/formulas.css');
@import url('pages/knowledge-panel.css');
@import url('pages/context-menu.css');
@import url('pages/tooltip.css');
@import url('pages/devtools.css');
@import url('pages/mathlive.css');
@import url('pages/image-editor.css');

/* 通用 section 控制 (这部分必须保留在 main.css 或 layout.css 中) */
.section {
    display: none;
    animation: fadeIn 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.section.active-section {
    display: block;
}

/* 从更新日志跳转到页面某元素时的高亮（如教学案例筛选栏） */
.page-highlight {
    animation: page-highlight-fade 2.5s ease-out;
}
@keyframes page-highlight-fade {
    0% { box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.5); border-radius: 12px; }
    100% { box-shadow: none; }
}

/* ========== 全站 LaTeX：KaTeX 渲染（与 ChatGPT / Claude / 豆包一致，整齐正确好看）========== */
.katex {
    font-size: 1em !important;
    overflow: visible !important;
}
.katex-display {
    overflow: visible !important;
    max-width: 100%;
}
/* 行内公式与文字基线对齐：vertical-align 正值为上移、负值为下移，用正值把公式抬到与行内文字对齐 */
.calc-steps-content p .katex,
.calc-steps-content li .katex,
.calc-steps-window-inner p .katex,
.agent-reply-content .katex,
.agent-bubble-assistant p .katex {
    display: inline !important;
    vertical-align: 0em !important; /* 与行内文字基线对齐 */
    white-space: nowrap;
}
#dev-latex-preview .katex,
.calc-steps-window-inner .katex,
.markdown-body .katex {
    overflow: visible !important;
    max-width: 100%;
}
/* 所有行内公式统一上移与文字基线对齐（非块级公式） */
.katex:not(.katex-display) {
    vertical-align: 0em !important;
}
.calc-steps-content p,
.calc-steps-content li,
.calc-steps-window-inner p,
.agent-reply-content,
.agent-bubble-assistant p {
    line-height: 1.7;
    overflow: visible;
}
.katex,
.katex * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}