页面高级内容测试

详情

:::::details[点击以展开] 
这里有些隐藏的内容。

可以有多段。

:::details[<strong>再点击！</strong>]
还可以嵌套。
:::
:::::

卡片、空块和行内元素

:::div{.card .text-back .bg-front}
这是一张卡片

圆角的。默认反色。有一些内容。
:::

:::div{.some-class}
而这是一个无聊的空 `<div>`。
:::

:span[平平无奇。]{.some-class}

平平无奇。

UnoCSS

This is :span[red]{.text-red-500}, :span[light]{.font-light}, :span[Small-caps]{.small-caps}.
While this is :span[red and light and small-caps]{.text-red-500 .font-light .small-caps}.

This is :span[**bold and red**]{.text-red-500}. While this is :span[`monospace and red`]{.text-red-500}. 

This one is :a[a link forced to be red]{href="#详情" class="!text-red-500"}.

Custom values are :span[**fine**]{.px-1 class="bg-[#114514]" .text-white}.

This is red, light, Small-caps. While this is red and light and small-caps.

This is bold and red. While this is monospace and red.

This one is a link forced to be red.

Custom values are fine.

:::div{ .card .bg-one-back .text-front }
:h4[块也可以]{ class="!mb-0" }

有一些内容。
:::