折叠面板测试

欢迎来到折叠面板（Details）全色系测试页面。

这里展示了 10 种不同颜色的面板，它们完美适配亮色/暗色模式，并且带有淡淡的背景底色。

默认颜色（跟随主题面板预设）

如果你在右上角切换了主题颜色（比如换成紫色、粉色），这个面板的线条和箭头也会跟着变。

主要蓝 (Primary)

用于强调主要信息或默认状态。

成功绿 (Success)

用于表示操作成功、推荐、已完成的内容。

危险红 (Danger)

用于表示错误、警告、高危操作，或者需要特别注意的事项。

警告黄 (Warning)

用于提醒用户注意，虽然不致命，但很重要。

信息青 (Info)

用于补充说明、小贴士、或者延伸阅读。

次要灰 (Secondary)

用于折叠一些次要的、不重要的边缘信息，保持页面清爽。

深色黑 (Dark)

极简的黑色调（在夜间模式下会变成白色线条），适合极其严肃或隐藏的内容。

扩展紫 (Purple)

用于创意、设计、魔法相关的分类内容。

扩展粉 (Pink)

用于日常、生活、随笔、可爱相关的内容。

扩展橙 (Orange)

用于教程、步骤、进度等充满活力的内容。

展开状态测试 (Info) - 默认展开

这个面板默认是展开的，你可以点击箭头把它收起来。

嵌套面板 (Danger) - 双圆角完美展现

仔细看，内层的红色面板依然拥有完整的圆角和极淡的红色背景，而且和外层面板完美融合，没有任何生硬的直角边框。