.reveal-container { height: 100vh; width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; background: black; } .reveal-container .reveal { height: 100% !important; width: 100% !important; } .reveal-container .reveal .slides { height: 100% !important; } .reveal-container .reveal .slides section { height: 100% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; padding: 2rem !important; color: white !important; } /* 带背景的幻灯片文字颜色 */ .reveal-container .reveal .slides section[data-background] { color: white !important; } .reveal-container .reveal .slides section[data-background] h1, .reveal-container .reveal .slides section[data-background] h2, .reveal-container .reveal .slides section[data-background] h3, .reveal-container .reveal .slides section[data-background] h4, .reveal-container .reveal .slides section[data-background] h5, .reveal-container .reveal .slides section[data-background] h6 { color: white !important; } .reveal-container .reveal .slides section[data-background] p, .reveal-container .reveal .slides section[data-background] li { color: rgba(255, 255, 255, 0.9) !important; } .reveal-container .reveal .slides section h1, .reveal-container .reveal .slides section h2, .reveal-container .reveal .slides section h3, .reveal-container .reveal .slides section h4, .reveal-container .reveal .slides section h5, .reveal-container .reveal .slides section h6 { margin-bottom: 1rem !important; color: white !important; } .reveal-container .reveal .slides section p { margin-bottom: 0.5rem !important; line-height: 1.6 !important; color: white !important; } .reveal-container .reveal .slides section ul, .reveal-container .reveal .slides section ol { text-align: left !important; margin: 1rem 0 !important; color: white !important; } .reveal-container .reveal .slides section li { margin-bottom: 0.5rem !important; color: white !important; } .reveal-container .reveal .slides section code { background: #333 !important; color: #fff !important; padding: 0.2rem 0.4rem !important; border-radius: 3px !important; font-family: 'Courier New', monospace !important; } .reveal-container .reveal .slides section pre { background: #333 !important; color: #fff !important; padding: 1rem !important; border-radius: 5px !important; text-align: left !important; overflow-x: auto !important; } .reveal-container .reveal .slides section blockquote { border-left: 4px solid #666 !important; padding-left: 1rem !important; margin: 1rem 0 !important; text-align: left !important; color: #ccc !important; } .reveal-container .reveal .slides section table { border-collapse: collapse !important; width: 100% !important; margin: 1rem 0 !important; color: white !important; } .reveal-container .reveal .slides section th, .reveal-container .reveal .slides section td { border: 1px solid #666 !important; padding: 0.5rem !important; text-align: left !important; color: white !important; } .reveal-container .reveal .slides section th { background: #444 !important; } .reveal-container .reveal .slides section img { max-width: 100% !important; height: auto !important; margin: 1rem 0 !important; } .reveal-container .reveal .slides section .btn { display: inline-block !important; padding: 0.5rem 1rem !important; background: #007bff !important; color: white !important; text-decoration: none !important; border-radius: 0.25rem !important; margin: 0.5rem !important; } .reveal-container .reveal .slides section .btn:hover { background: #0056b3 !important; }