/* 四个 AI 制作页的使用教程沿用工作台深色主题。 */
:is(.ai-guide-popover, .ai-manim-guide-popover, .ai-image-guide-popover, .ai-tools-guide-popover) {
    background: #1e1e2e;
    color: #f0f0f0;
    border-color: #444454;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
    color-scheme: dark;
}

:is(.ai-guide-popover, .ai-manim-guide-popover, .ai-image-guide-popover, .ai-tools-guide-popover) h3 { color: #f0f0f0; }
:is(.ai-guide-popover, .ai-manim-guide-popover, .ai-image-guide-popover, .ai-tools-guide-popover) p { color: #c5c5d5; }
:is(.ai-guide-kicker, .ai-manim-guide-kicker, .ai-image-guide-kicker, .ai-tools-guide-kicker) { color: #c4b5fd; }
:is(.ai-guide-progress, .ai-manim-guide-progress, .ai-image-guide-progress, .ai-tools-guide-progress) { background: #333342; }
:is(.ai-guide-progress, .ai-manim-guide-progress, .ai-image-guide-progress, .ai-tools-guide-progress) span { background: linear-gradient(90deg, #6366f1, #f59e0b); }

:is(.ai-guide-close, .ai-manim-guide-close, .ai-image-guide-close, .ai-tools-guide-close) { color: #a5a5b5; }
:is(.ai-guide-close, .ai-manim-guide-close, .ai-image-guide-close, .ai-tools-guide-close):hover { background: #333342; color: #f0f0f0; }

:is(.ai-guide-btn, .ai-manim-guide-btn, .ai-image-guide-btn, .ai-tools-guide-btn) {
    background: #242434;
    color: #f0f0f0;
    border-color: #555565;
}
:is(.ai-guide-btn, .ai-manim-guide-btn, .ai-image-guide-btn, .ai-tools-guide-btn):hover:not(:disabled) { background: #303043; color: #e0dcff; border-color: #818cf8; }
:is(.ai-guide-btn, .ai-manim-guide-btn, .ai-image-guide-btn, .ai-tools-guide-btn).primary { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; border-color: #818cf8; }
:is(.ai-guide-btn, .ai-manim-guide-btn, .ai-image-guide-btn, .ai-tools-guide-btn).primary:hover { background: linear-gradient(135deg, #5558e6, #7c4ee6); color: #fff; border-color: #a5b4fc; }
:is(.ai-guide-btn, .ai-manim-guide-btn, .ai-image-guide-btn, .ai-tools-guide-btn).ghost { background: transparent; color: #a5a5b5; border-color: transparent; }
:is(.ai-guide-btn, .ai-manim-guide-btn, .ai-image-guide-btn, .ai-tools-guide-btn).ghost:hover { background: #303043; color: #f0f0f0; }
:is(.ai-guide-btn, .ai-manim-guide-btn, .ai-image-guide-btn, .ai-tools-guide-btn, .ai-guide-close, .ai-manim-guide-close, .ai-image-guide-close, .ai-tools-guide-close):focus-visible { outline: 2px solid #a5b4fc; outline-offset: 2px; }