Here is a blur effect.
On desktop, hovering removes the blur, and clicking keeps it clear for 3 seconds. On mobile, clicking removes the blur, but it only becomes blurry again after 3 seconds have passed since the click and the page has been scrolled.
Below words will show pinyin:
拼音，君の名は
This is an rainbow text effect.
The above styles can be nested, such as:
Do you like the movie 君の名は
Typst rendering based on Typst.ts.
Images may not display optimally in dark mode.
This is a note.
This is a tip.
This is an important note.
This is a warning.
This is a cautionary note.
This is a tip box containing multiple lines of content.
Key Feature: Also supports bold text and other Markdown elements.
Tip boxes can contain other elements like code blocks.
console.log(‘Hello World’);This is a tip box with a custom header. The header displays as “Custom Header” instead of the default “IMPORTANT”.