@ruixinkeji/prism-ui 1.0.18 → 1.0.19

package/dist/prism-ui.css

@@ -1,69 +1,4 @@
 @charset "UTF-8";
-/**
- * Prism UI - 主入口样式文件
- * @ruixin/prism-ui
- *
- * 现代化玻璃态设计 uni-app 组件库
- * 支持深浅主题切换
- */
-/**
- * Prism UI - SCSS 变量定义
- * 此文件包含所有设计令牌和变量
- * 所有变量使用 $prism- 前缀，避免与用户项目冲突
- *
- * 主题切换：修改下面的引入文件即可切换主题
- * 可选主题：blue(默认) / green / purple / orange / red / cyan
- */
-/**
- * Prism UI - 蓝色主题（默认）
- *
- * 使用方式：在 variables.scss 中修改引入
- * @import '../theme/blue.scss';
- *
- * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
- */
-/* ============================================================
-   一、浅色模式变量（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* -------------------- 主题色 -------------------- */
-/* -------------------- 状态色 -------------------- */
-/* -------------------- 文字颜色 -------------------- */
-/* -------------------- 边框颜色 -------------------- */
-/* -------------------- 背景颜色 -------------------- */
-/* ============================================================
-   二、深色模式变量
-   ============================================================ */
-/* -------------------- 主题色（深色） -------------------- */
-/* -------------------- 状态色（深色） -------------------- */
-/* -------------------- 文字颜色（深色） -------------------- */
-/* -------------------- 边框颜色（深色） -------------------- */
-/* -------------------- 背景颜色（深色） -------------------- */
-/* ============================================================
-   三、主题色透明度（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   主题色渐变（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   四、白色透明度
-   ============================================================ */
-/* ============================================================
-   六、第三方品牌色
-   ============================================================ */
-/* ============================================================
-   八、常用阴影（使用 !default，允许主题文件覆盖）
-   ============================================================ */
-/* ============================================================
-   九、统一间距
-   ============================================================ */
-/**
- * Prism UI - 基础样式
- * CSS 变量定义和全局样式重置
- */
-/* ============================================================
-   一、CSS 变量定义 - 支持动态主题切换
-   ============================================================ */
-/* -------------------- 浅色模式（默认） -------------------- */
 :root, page {
   --prism-primary-color: #3478F6;
   --prism-primary-light: #EBF2FF;
@@ -96,8 +31,6 @@
   --prism-input-placeholder: #C9CDD4;
   --prism-input-border: #E5E6EB;
 }
-
-/* -------------------- 深色模式 -------------------- */
 .dark-mode {
   --prism-primary-color: #60A5FA;
   --prism-primary-light: #1E3A5F;
@@ -130,11 +63,6 @@
   --prism-input-placeholder: #6B7785;
   --prism-input-border: #3D3D3D;
 }
-
-/* ============================================================
-   二、全局样式重置
-   ============================================================ */
-/* -------------------- 页面基础样式 -------------------- */
 page {
   background-color: var(--prism-bg-color-page);
   font-size: 28rpx;
@@ -145,41 +73,27 @@ page {
   overflow-x: hidden;
   overscroll-behavior: none;
 }
-
-/* #ifdef H5 */
-/* H5 环境下的容器背景色，防止页面切换闪白 */
 uni-app, uni-page, uni-page-wrapper, uni-page-body {
   background-color: var(--prism-bg-color-page) !important;
 }
-
-/* 固定 tabbar 页面容器高度，防止切换时高度跳动 */
 uni-page-wrapper, uni-page-body {
   min-height: 100vh !important;
   height: 100vh !important;
 }
-
-/* #endif */
-/* -------------------- 页面容器 -------------------- */
 .prism-page {
   width: 100%;
   min-height: 100vh;
   background: var(--prism-bg-color-page);
   position: relative;
 }
-
-/* -------------------- 主内容区（scroll-view） -------------------- */
 .prism-main {
   height: 100vh;
   box-sizing: border-box;
   background: var(--prism-bg-color-page);
 }
-
-/* -------------------- 元素盒模型重置 -------------------- */
 view, scroll-view, swiper, button, input, textarea, label, navigator {
   box-sizing: border-box;
 }
-
-/* -------------------- Button 重置 -------------------- */
 button {
   margin: 0 !important;
   padding: 0;
@@ -191,31 +105,22 @@ button {
   width: auto !important;
   min-width: 0 !important;
 }
-
 button::after {
   display: none !important;
 }
-
-/* -------------------- 表单元素样式 -------------------- */
 input, textarea {
   color: var(--prism-text-primary) !important;
   background-color: transparent !important;
   caret-color: var(--prism-primary-color);
 }
-
 .input-placeholder,
 .uni-input-placeholder {
   color: var(--prism-text-placeholder) !important;
 }
-
-/* #ifdef H5 */
 input::placeholder,
 textarea::placeholder {
   color: var(--prism-text-placeholder) !important;
 }
-
-/* #endif */
-/* -------------------- 固定底部容器 -------------------- */
 .prism-fixed-bottom {
   position: fixed;
   left: 0;
@@ -233,8 +138,6 @@ textarea::placeholder {
   border-top-color: rgba(255, 255, 255, 0.1);
   box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.3);
 }
-
-/* -------------------- 固定顶部容器 -------------------- */
 .prism-fixed-top {
   position: fixed;
   left: 0;
@@ -252,64 +155,6 @@ textarea::placeholder {
   border-bottom-color: rgba(255, 255, 255, 0.1);
   box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.3);
 }
-
-/**
- * Prism UI 颜色主题系统
- * 使用 SCSS 变量定义，自动注入到所有组件
- */
-/**
- *
- * 📦 包含内容：
- * 1. 14种颜色：purple, blue, green, red, orange, cyan, yellow, pink,
- *    magenta, indigo, teal, violet, rose, ai
- *
- * 2. 每种颜色的变量命名规范：$prism-{颜色}-{变体}
- *    - $prism-purple              主色
- *    - $prism-purple-dark         深色模式
- *    - $prism-purple-lighter      更亮色
- *    - $prism-purple-alpha-15     15%透明度
- *    - $prism-purple-alpha-25     25%透明度
- *    - $prism-purple-alpha-35     35%透明度
- *    - $prism-purple-gradient     渐变
- *    - $prism-purple-gradient-shadow  渐变阴影
- *    - $prism-purple-gradient-alpha   半透明渐变
- *
- * 3. CSS类命名规范：.prism-{组件}-{颜色}-{形态?}
- *    组件: icon / btn / card
- *    颜色: purple / blue / green / red / orange / cyan / yellow / pink / magenta / indigo / teal / violet / rose / ai
- *    形态: (无) 自适应 / solid 实心 / gradient 渐变 / glass 玻璃 / outline 轮廓
- *
- * 4. 自动生成的CSS类（14种颜色 × 3组件 × 5形态 = 210个类）
- *
- * 5. 语义化别名：primary→blue, success→green, warning→orange, danger→red, info→cyan
- *
- * 💡 使用方式：
- *    @import '@/styles/colors.scss';
- *
- *    // HTML中使用
- *    <view class="prism-icon-purple">...</view>
- *    <view class="prism-btn-blue-gradient">...</view>
- *
- *    // SCSS中使用变量
- *    .custom { background: $prism-violet-gradient; }
- */
-/* ==================== 颜色变量定义 ==================== */
-/* Purple 紫色 */
-/* Blue 蓝色 */
-/* Green 绿色 */
-/* Red 红色 */
-/* Orange 橙色 */
-/* Cyan 青色 */
-/* Yellow 黄色 */
-/* Pink 粉色 */
-/* Magenta 品红色 */
-/* Indigo 靛蓝色 */
-/* Teal 青绿色 */
-/* Violet 紫罗兰色 */
-/* Rose 玫瑰色 */
-/* AI 智能辅助色（5色渐变：红→粉→玫瑰→紫→蓝） */
-/* ==================== 语义化状态色别名 ==================== */
-/* ==================== 图标按钮 prism-icon-btn ==================== */
 .prism-icon-btn {
   position: relative;
   display: inline-flex;
@@ -344,10 +189,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn {
   color: var(--prism-text-secondary, #999);
 }
-
-/* 尺寸类已由原子化修饰符替代，使用: prism-icon-btn {xs|sm|md|lg|xl} */
-/* Mixin：图标按钮颜色主题（自适应，默认形态） */
-/* 生成所有图标按钮颜色类 */
 .prism-icon-btn--purple {
   color: #722ED1;
   background: rgba(114, 46, 209, 0.15);
@@ -368,7 +209,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--purple:active {
   background: rgba(168, 85, 247, 0.35);
 }
-
 .prism-icon-btn--blue, .prism-icon-btn--primary {
   color: #3478F6;
   background: rgba(52, 120, 246, 0.15);
@@ -389,7 +229,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--blue:active, .dark-mode .prism-icon-btn--primary:active {
   background: rgba(96, 165, 250, 0.35);
 }
-
 .prism-icon-btn--green, .prism-icon-btn--success {
   color: #00B42A;
   background: rgba(0, 180, 42, 0.15);
@@ -410,7 +249,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--green:active, .dark-mode .prism-icon-btn--success:active {
   background: rgba(52, 211, 153, 0.35);
 }
-
 .prism-icon-btn--red, .prism-icon-btn--danger {
   color: #F53F3F;
   background: rgba(245, 63, 63, 0.15);
@@ -431,7 +269,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--red:active, .dark-mode .prism-icon-btn--danger:active {
   background: rgba(248, 113, 113, 0.35);
 }
-
 .prism-icon-btn--orange, .prism-icon-btn--warning {
   color: #FF7D00;
   background: rgba(255, 125, 0, 0.15);
@@ -452,7 +289,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--orange:active, .dark-mode .prism-icon-btn--warning:active {
   background: rgba(251, 146, 60, 0.35);
 }
-
 .prism-icon-btn--cyan, .prism-icon-btn--info {
   color: #14C9C9;
   background: rgba(20, 201, 201, 0.15);
@@ -473,7 +309,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--cyan:active, .dark-mode .prism-icon-btn--info:active {
   background: rgba(34, 211, 238, 0.35);
 }
-
 .prism-icon-btn--yellow {
   color: #FFB400;
   background: rgba(255, 180, 0, 0.15);
@@ -494,7 +329,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--yellow:active {
   background: rgba(252, 211, 77, 0.35);
 }
-
 .prism-icon-btn--pink {
   color: #F53F7F;
   background: rgba(245, 63, 127, 0.15);
@@ -515,7 +349,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--pink:active {
   background: rgba(244, 114, 182, 0.35);
 }
-
 .prism-icon-btn--magenta {
   color: #EB2F96;
   background: rgba(235, 47, 150, 0.15);
@@ -536,7 +369,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--magenta:active {
   background: rgba(236, 72, 153, 0.35);
 }
-
 .prism-icon-btn--indigo {
   color: #2F54EB;
   background: rgba(47, 84, 235, 0.15);
@@ -557,7 +389,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--indigo:active {
   background: rgba(129, 140, 248, 0.35);
 }
-
 .prism-icon-btn--teal {
   color: #13C2C2;
   background: rgba(19, 194, 194, 0.15);
@@ -578,7 +409,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--teal:active {
   background: rgba(45, 212, 191, 0.35);
 }
-
 .prism-icon-btn--violet {
   color: #667eea;
   background: rgba(102, 126, 234, 0.15);
@@ -599,7 +429,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--violet:active {
   background: rgba(133, 153, 238, 0.35);
 }
-
 .prism-icon-btn--rose {
   color: #f093fb;
   background: rgba(240, 147, 251, 0.15);
@@ -620,7 +449,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--rose:active {
   background: rgba(245, 87, 108, 0.35);
 }
-
 .prism-icon-btn--ai {
   color: #c44569;
   background: rgba(196, 69, 105, 0.15);
@@ -641,10 +469,6 @@ textarea::placeholder {
 .dark-mode .prism-icon-btn--ai:active {
   background: rgba(238, 90, 111, 0.35);
 }
-
-/* 形态类已由原子化修饰符替代，使用: prism-icon-btn {color} {solid|gradient|glass|outline} */
-/* 图标按钮语义化别名 */
-/* ==================== 图标文字按钮 prism-text-btn ==================== */
 .prism-text-btn {
   display: inline-flex;
   align-items: center;
@@ -665,10 +489,6 @@ textarea::placeholder {
 .prism-text-btn .fa, .prism-text-btn .fa-brands, .prism-text-btn .iconfont {
   font-size: inherit;
 }
-
-/* 尺寸类已由原子化修饰符替代，使用: prism-text-btn {xs|sm|md|lg|xl} */
-/* 形态类已由原子化修饰符替代，使用: prism-text-btn {color} {solid|gradient|glass|outline} */
-/* ==================== 通用原子化修饰类 ==================== */
 .prism-icon {
   position: relative;
   display: flex;
@@ -697,7 +517,6 @@ textarea::placeholder {
 .prism-icon.light .fa, .prism-icon.light .fa-brands, .prism-icon.light .iconfont {
   color: #ffffff;
 }
-
 .prism-btn {
   display: flex;
   align-items: center;
@@ -724,7 +543,6 @@ textarea::placeholder {
   color: var(--prism-primary-color);
   border: 1rpx solid var(--prism-primary-alpha-35);
 }
-
 .prism-card.glass {
   position: relative;
   background: rgba(255, 255, 255, 0.7);
@@ -751,7 +569,6 @@ textarea::placeholder {
 .dark-mode .prism-card.glass::before {
   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
 }
-
 .xs.prism-icon-btn {
   width: 44rpx;
   height: 44rpx;
@@ -779,7 +596,6 @@ textarea::placeholder {
 .xs.prism-icon .fa, .xs.prism-icon .fa-brands, .xs.prism-icon .iconfont {
   font-size: 18rpx;
 }
-
 .sm.prism-icon-btn {
   width: 56rpx;
   height: 56rpx;
@@ -807,7 +623,6 @@ textarea::placeholder {
 .sm.prism-icon .fa, .sm.prism-icon .fa-brands, .sm.prism-icon .iconfont {
   font-size: 24rpx;
 }
-
 .md.prism-icon-btn {
   width: 72rpx;
   height: 72rpx;
@@ -835,7 +650,6 @@ textarea::placeholder {
 .md.prism-icon .fa, .md.prism-icon .fa-brands, .md.prism-icon .iconfont {
   font-size: 30rpx;
 }
-
 .lg.prism-icon-btn {
   width: 92rpx;
   height: 92rpx;
@@ -863,7 +677,6 @@ textarea::placeholder {
 .lg.prism-icon .fa, .lg.prism-icon .fa-brands, .lg.prism-icon .iconfont {
   font-size: 38rpx;
 }
-
 .xl.prism-icon-btn {
   width: 116rpx;
   height: 116rpx;
@@ -891,11 +704,9 @@ textarea::placeholder {
 .xl.prism-icon .fa, .xl.prism-icon .fa-brands, .xl.prism-icon .iconfont {
   font-size: 48rpx;
 }
-
 .round.prism-icon-btn {
   border-radius: 50%;
 }
-
 .highlight {
   position: relative;
   overflow: hidden;
@@ -910,7 +721,6 @@ textarea::placeholder {
   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
   z-index: 10;
 }
-
 .purple.prism-icon-btn, .purple.prism-text-btn {
   background: #722ED1;
   color: #FFFFFF;
@@ -956,7 +766,6 @@ textarea::placeholder {
   color: #A855F7;
   border: 1rpx solid rgba(114, 46, 209, 0.35);
 }
-
 .blue.prism-icon-btn, .blue.prism-text-btn {
   background: #3478F6;
   color: #FFFFFF;
@@ -1002,7 +811,6 @@ textarea::placeholder {
   color: #60A5FA;
   border: 1rpx solid rgba(52, 120, 246, 0.35);
 }
-
 .green.prism-icon-btn, .prism-icon-btn.success, .green.prism-text-btn, .prism-text-btn.success {
   background: #00B42A;
   color: #FFFFFF;
@@ -1048,7 +856,6 @@ textarea::placeholder {
   color: #34D399;
   border: 1rpx solid rgba(0, 180, 42, 0.35);
 }
-
 .red.prism-icon-btn, .prism-icon-btn.danger, .red.prism-text-btn, .prism-text-btn.danger {
   background: #F53F3F;
   color: #FFFFFF;
@@ -1094,7 +901,6 @@ textarea::placeholder {
   color: #F87171;
   border: 1rpx solid rgba(245, 63, 63, 0.35);
 }
-
 .orange.prism-icon-btn, .prism-icon-btn.warning, .orange.prism-text-btn, .prism-text-btn.warning {
   background: #FF7D00;
   color: #FFFFFF;
@@ -1140,7 +946,6 @@ textarea::placeholder {
   color: #FB923C;
   border: 1rpx solid rgba(255, 125, 0, 0.35);
 }
-
 .cyan.prism-icon-btn, .prism-icon-btn.info, .cyan.prism-text-btn, .prism-text-btn.info {
   background: #14C9C9;
   color: #FFFFFF;
@@ -1186,7 +991,6 @@ textarea::placeholder {
   color: #22D3EE;
   border: 1rpx solid rgba(20, 201, 201, 0.35);
 }
-
 .yellow.prism-icon-btn, .yellow.prism-text-btn {
   background: #FFB400;
   color: #FFFFFF;
@@ -1232,7 +1036,6 @@ textarea::placeholder {
   color: #FCD34D;
   border: 1rpx solid rgba(255, 180, 0, 0.35);
 }
-
 .pink.prism-icon-btn, .pink.prism-text-btn {
   background: #F53F7F;
   color: #FFFFFF;
@@ -1278,7 +1081,6 @@ textarea::placeholder {
   color: #F472B6;
   border: 1rpx solid rgba(245, 63, 127, 0.35);
 }
-
 .magenta.prism-icon-btn, .magenta.prism-text-btn {
   background: #EB2F96;
   color: #FFFFFF;
@@ -1324,7 +1126,6 @@ textarea::placeholder {
   color: #EC4899;
   border: 1rpx solid rgba(235, 47, 150, 0.35);
 }
-
 .indigo.prism-icon-btn, .indigo.prism-text-btn {
   background: #2F54EB;
   color: #FFFFFF;
@@ -1370,7 +1171,6 @@ textarea::placeholder {
   color: #818CF8;
   border: 1rpx solid rgba(47, 84, 235, 0.35);
 }
-
 .teal.prism-icon-btn, .teal.prism-text-btn {
   background: #13C2C2;
   color: #FFFFFF;
@@ -1416,7 +1216,6 @@ textarea::placeholder {
   color: #2DD4BF;
   border: 1rpx solid rgba(19, 194, 194, 0.35);
 }
-
 .violet.prism-icon-btn, .violet.prism-text-btn {
   background: #667eea;
   color: #FFFFFF;
@@ -1462,7 +1261,6 @@ textarea::placeholder {
   color: #8599ee;
   border: 1rpx solid rgba(102, 126, 234, 0.35);
 }
-
 .rose.prism-icon-btn, .rose.prism-text-btn {
   background: #f093fb;
   color: #FFFFFF;
@@ -1508,7 +1306,6 @@ textarea::placeholder {
   color: #f5576c;
   border: 1rpx solid rgba(240, 147, 251, 0.35);
 }
-
 .ai.prism-icon-btn, .ai.prism-text-btn {
   background: #c44569;
   color: #FFFFFF;
@@ -1554,7 +1351,6 @@ textarea::placeholder {
   color: #ee5a6f;
   border: 1rpx solid rgba(196, 69, 105, 0.35);
 }
-
 .primary.prism-icon-btn, .primary.prism-text-btn {
   background: var(--prism-primary-color);
   color: var(--prism-btn-text-color);
@@ -1588,7 +1384,6 @@ textarea::placeholder {
   color: var(--prism-primary-color);
   border: 1rpx solid var(--prism-primary-alpha-35);
 }
-
 .primary.solid.prism-icon-btn, .primary.solid.prism-text-btn, .primary.solid.prism-icon, .primary.solid.prism-btn, .primary.solid.prism-card {
   background: var(--prism-primary-color) !important;
   color: var(--prism-btn-text-color) !important;
@@ -1596,7 +1391,6 @@ textarea::placeholder {
 .primary.solid.prism-icon-btn .fa, .primary.solid.prism-icon-btn .fa-brands, .primary.solid.prism-icon-btn .iconfont, .primary.solid.prism-text-btn .fa, .primary.solid.prism-text-btn .fa-brands, .primary.solid.prism-text-btn .iconfont, .primary.solid.prism-icon .fa, .primary.solid.prism-icon .fa-brands, .primary.solid.prism-icon .iconfont, .primary.solid.prism-btn .fa, .primary.solid.prism-btn .fa-brands, .primary.solid.prism-btn .iconfont, .primary.solid.prism-card .fa, .primary.solid.prism-card .fa-brands, .primary.solid.prism-card .iconfont {
   color: var(--prism-btn-text-color) !important;
 }
-
 .primary.gradient.prism-icon-btn, .primary.gradient.prism-text-btn, .primary.gradient.prism-icon, .primary.gradient.prism-btn, .primary.gradient.prism-card {
   background: var(--prism-primary-gradient) !important;
   box-shadow: var(--prism-primary-gradient-shadow) !important;
@@ -1605,7 +1399,6 @@ textarea::placeholder {
 .primary.gradient.prism-icon-btn .fa, .primary.gradient.prism-icon-btn .fa-brands, .primary.gradient.prism-icon-btn .iconfont, .primary.gradient.prism-text-btn .fa, .primary.gradient.prism-text-btn .fa-brands, .primary.gradient.prism-text-btn .iconfont, .primary.gradient.prism-icon .fa, .primary.gradient.prism-icon .fa-brands, .primary.gradient.prism-icon .iconfont, .primary.gradient.prism-btn .fa, .primary.gradient.prism-btn .fa-brands, .primary.gradient.prism-btn .iconfont, .primary.gradient.prism-card .fa, .primary.gradient.prism-card .fa-brands, .primary.gradient.prism-card .iconfont {
   color: var(--prism-btn-text-color) !important;
 }
-
 .primary.glass.prism-icon-btn, .primary.glass.prism-text-btn, .primary.glass.prism-icon, .primary.glass.prism-btn, .primary.glass.prism-card {
   background: var(--prism-primary-gradient-alpha) !important;
   color: var(--prism-primary-color) !important;
@@ -1616,7 +1409,6 @@ textarea::placeholder {
 .primary.glass.prism-icon-btn .fa, .primary.glass.prism-icon-btn .fa-brands, .primary.glass.prism-icon-btn .iconfont, .primary.glass.prism-text-btn .fa, .primary.glass.prism-text-btn .fa-brands, .primary.glass.prism-text-btn .iconfont, .primary.glass.prism-icon .fa, .primary.glass.prism-icon .fa-brands, .primary.glass.prism-icon .iconfont, .primary.glass.prism-btn .fa, .primary.glass.prism-btn .fa-brands, .primary.glass.prism-btn .iconfont, .primary.glass.prism-card .fa, .primary.glass.prism-card .fa-brands, .primary.glass.prism-card .iconfont {
   color: var(--prism-primary-color) !important;
 }
-
 .primary.outline.prism-icon-btn, .primary.outline.prism-text-btn, .primary.outline.prism-icon, .primary.outline.prism-btn, .primary.outline.prism-card {
   background: transparent !important;
   color: var(--prism-primary-color) !important;
@@ -1625,7 +1417,6 @@ textarea::placeholder {
 .primary.outline.prism-icon-btn .fa, .primary.outline.prism-icon-btn .fa-brands, .primary.outline.prism-icon-btn .iconfont, .primary.outline.prism-text-btn .fa, .primary.outline.prism-text-btn .fa-brands, .primary.outline.prism-text-btn .iconfont, .primary.outline.prism-icon .fa, .primary.outline.prism-icon .fa-brands, .primary.outline.prism-icon .iconfont, .primary.outline.prism-btn .fa, .primary.outline.prism-btn .fa-brands, .primary.outline.prism-btn .iconfont, .primary.outline.prism-card .fa, .primary.outline.prism-card .fa-brands, .primary.outline.prism-card .iconfont {
   color: var(--prism-primary-color) !important;
 }
-
 .purple.solid.prism-icon-btn, .purple.solid.prism-text-btn, .purple.solid.prism-icon, .purple.solid.prism-btn, .purple.solid.prism-card {
   background: #722ED1 !important;
   color: #FFFFFF !important;
@@ -1633,7 +1424,6 @@ textarea::placeholder {
 .purple.solid.prism-icon-btn .fa, .purple.solid.prism-icon-btn .fa-brands, .purple.solid.prism-icon-btn .iconfont, .purple.solid.prism-text-btn .fa, .purple.solid.prism-text-btn .fa-brands, .purple.solid.prism-text-btn .iconfont, .purple.solid.prism-icon .fa, .purple.solid.prism-icon .fa-brands, .purple.solid.prism-icon .iconfont, .purple.solid.prism-btn .fa, .purple.solid.prism-btn .fa-brands, .purple.solid.prism-btn .iconfont, .purple.solid.prism-card .fa, .purple.solid.prism-card .fa-brands, .purple.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .blue.solid.prism-icon-btn, .blue.solid.prism-text-btn, .blue.solid.prism-icon, .blue.solid.prism-btn, .blue.solid.prism-card {
   background: #3478F6 !important;
   color: #FFFFFF !important;
@@ -1641,7 +1431,6 @@ textarea::placeholder {
 .blue.solid.prism-icon-btn .fa, .blue.solid.prism-icon-btn .fa-brands, .blue.solid.prism-icon-btn .iconfont, .blue.solid.prism-text-btn .fa, .blue.solid.prism-text-btn .fa-brands, .blue.solid.prism-text-btn .iconfont, .blue.solid.prism-icon .fa, .blue.solid.prism-icon .fa-brands, .blue.solid.prism-icon .iconfont, .blue.solid.prism-btn .fa, .blue.solid.prism-btn .fa-brands, .blue.solid.prism-btn .iconfont, .blue.solid.prism-card .fa, .blue.solid.prism-card .fa-brands, .blue.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .green.solid.prism-icon-btn, .solid.prism-icon-btn.success, .green.solid.prism-text-btn, .solid.prism-text-btn.success, .green.solid.prism-icon, .solid.prism-icon.success, .green.solid.prism-btn, .solid.prism-btn.success, .green.solid.prism-card, .solid.prism-card.success {
   background: #00B42A !important;
   color: #FFFFFF !important;
@@ -1649,7 +1438,6 @@ textarea::placeholder {
 .green.solid.prism-icon-btn .fa, .solid.prism-icon-btn.success .fa, .green.solid.prism-icon-btn .fa-brands, .solid.prism-icon-btn.success .fa-brands, .green.solid.prism-icon-btn .iconfont, .solid.prism-icon-btn.success .iconfont, .green.solid.prism-text-btn .fa, .solid.prism-text-btn.success .fa, .green.solid.prism-text-btn .fa-brands, .solid.prism-text-btn.success .fa-brands, .green.solid.prism-text-btn .iconfont, .solid.prism-text-btn.success .iconfont, .green.solid.prism-icon .fa, .solid.prism-icon.success .fa, .green.solid.prism-icon .fa-brands, .solid.prism-icon.success .fa-brands, .green.solid.prism-icon .iconfont, .solid.prism-icon.success .iconfont, .green.solid.prism-btn .fa, .solid.prism-btn.success .fa, .green.solid.prism-btn .fa-brands, .solid.prism-btn.success .fa-brands, .green.solid.prism-btn .iconfont, .solid.prism-btn.success .iconfont, .green.solid.prism-card .fa, .solid.prism-card.success .fa, .green.solid.prism-card .fa-brands, .solid.prism-card.success .fa-brands, .green.solid.prism-card .iconfont, .solid.prism-card.success .iconfont {
   color: #FFFFFF !important;
 }
-
 .red.solid.prism-icon-btn, .solid.prism-icon-btn.danger, .red.solid.prism-text-btn, .solid.prism-text-btn.danger, .red.solid.prism-icon, .solid.prism-icon.danger, .red.solid.prism-btn, .solid.prism-btn.danger, .red.solid.prism-card, .solid.prism-card.danger {
   background: #F53F3F !important;
   color: #FFFFFF !important;
@@ -1657,7 +1445,6 @@ textarea::placeholder {
 .red.solid.prism-icon-btn .fa, .solid.prism-icon-btn.danger .fa, .red.solid.prism-icon-btn .fa-brands, .solid.prism-icon-btn.danger .fa-brands, .red.solid.prism-icon-btn .iconfont, .solid.prism-icon-btn.danger .iconfont, .red.solid.prism-text-btn .fa, .solid.prism-text-btn.danger .fa, .red.solid.prism-text-btn .fa-brands, .solid.prism-text-btn.danger .fa-brands, .red.solid.prism-text-btn .iconfont, .solid.prism-text-btn.danger .iconfont, .red.solid.prism-icon .fa, .solid.prism-icon.danger .fa, .red.solid.prism-icon .fa-brands, .solid.prism-icon.danger .fa-brands, .red.solid.prism-icon .iconfont, .solid.prism-icon.danger .iconfont, .red.solid.prism-btn .fa, .solid.prism-btn.danger .fa, .red.solid.prism-btn .fa-brands, .solid.prism-btn.danger .fa-brands, .red.solid.prism-btn .iconfont, .solid.prism-btn.danger .iconfont, .red.solid.prism-card .fa, .solid.prism-card.danger .fa, .red.solid.prism-card .fa-brands, .solid.prism-card.danger .fa-brands, .red.solid.prism-card .iconfont, .solid.prism-card.danger .iconfont {
   color: #FFFFFF !important;
 }
-
 .orange.solid.prism-icon-btn, .solid.prism-icon-btn.warning, .orange.solid.prism-text-btn, .solid.prism-text-btn.warning, .orange.solid.prism-icon, .solid.prism-icon.warning, .orange.solid.prism-btn, .solid.prism-btn.warning, .orange.solid.prism-card, .solid.prism-card.warning {
   background: #FF7D00 !important;
   color: #FFFFFF !important;
@@ -1665,7 +1452,6 @@ textarea::placeholder {
 .orange.solid.prism-icon-btn .fa, .solid.prism-icon-btn.warning .fa, .orange.solid.prism-icon-btn .fa-brands, .solid.prism-icon-btn.warning .fa-brands, .orange.solid.prism-icon-btn .iconfont, .solid.prism-icon-btn.warning .iconfont, .orange.solid.prism-text-btn .fa, .solid.prism-text-btn.warning .fa, .orange.solid.prism-text-btn .fa-brands, .solid.prism-text-btn.warning .fa-brands, .orange.solid.prism-text-btn .iconfont, .solid.prism-text-btn.warning .iconfont, .orange.solid.prism-icon .fa, .solid.prism-icon.warning .fa, .orange.solid.prism-icon .fa-brands, .solid.prism-icon.warning .fa-brands, .orange.solid.prism-icon .iconfont, .solid.prism-icon.warning .iconfont, .orange.solid.prism-btn .fa, .solid.prism-btn.warning .fa, .orange.solid.prism-btn .fa-brands, .solid.prism-btn.warning .fa-brands, .orange.solid.prism-btn .iconfont, .solid.prism-btn.warning .iconfont, .orange.solid.prism-card .fa, .solid.prism-card.warning .fa, .orange.solid.prism-card .fa-brands, .solid.prism-card.warning .fa-brands, .orange.solid.prism-card .iconfont, .solid.prism-card.warning .iconfont {
   color: #FFFFFF !important;
 }
-
 .cyan.solid.prism-icon-btn, .solid.prism-icon-btn.info, .cyan.solid.prism-text-btn, .solid.prism-text-btn.info, .cyan.solid.prism-icon, .solid.prism-icon.info, .cyan.solid.prism-btn, .solid.prism-btn.info, .cyan.solid.prism-card, .solid.prism-card.info {
   background: #14C9C9 !important;
   color: #FFFFFF !important;
@@ -1673,7 +1459,6 @@ textarea::placeholder {
 .cyan.solid.prism-icon-btn .fa, .solid.prism-icon-btn.info .fa, .cyan.solid.prism-icon-btn .fa-brands, .solid.prism-icon-btn.info .fa-brands, .cyan.solid.prism-icon-btn .iconfont, .solid.prism-icon-btn.info .iconfont, .cyan.solid.prism-text-btn .fa, .solid.prism-text-btn.info .fa, .cyan.solid.prism-text-btn .fa-brands, .solid.prism-text-btn.info .fa-brands, .cyan.solid.prism-text-btn .iconfont, .solid.prism-text-btn.info .iconfont, .cyan.solid.prism-icon .fa, .solid.prism-icon.info .fa, .cyan.solid.prism-icon .fa-brands, .solid.prism-icon.info .fa-brands, .cyan.solid.prism-icon .iconfont, .solid.prism-icon.info .iconfont, .cyan.solid.prism-btn .fa, .solid.prism-btn.info .fa, .cyan.solid.prism-btn .fa-brands, .solid.prism-btn.info .fa-brands, .cyan.solid.prism-btn .iconfont, .solid.prism-btn.info .iconfont, .cyan.solid.prism-card .fa, .solid.prism-card.info .fa, .cyan.solid.prism-card .fa-brands, .solid.prism-card.info .fa-brands, .cyan.solid.prism-card .iconfont, .solid.prism-card.info .iconfont {
   color: #FFFFFF !important;
 }
-
 .yellow.solid.prism-icon-btn, .yellow.solid.prism-text-btn, .yellow.solid.prism-icon, .yellow.solid.prism-btn, .yellow.solid.prism-card {
   background: #FFB400 !important;
   color: #FFFFFF !important;
@@ -1681,7 +1466,6 @@ textarea::placeholder {
 .yellow.solid.prism-icon-btn .fa, .yellow.solid.prism-icon-btn .fa-brands, .yellow.solid.prism-icon-btn .iconfont, .yellow.solid.prism-text-btn .fa, .yellow.solid.prism-text-btn .fa-brands, .yellow.solid.prism-text-btn .iconfont, .yellow.solid.prism-icon .fa, .yellow.solid.prism-icon .fa-brands, .yellow.solid.prism-icon .iconfont, .yellow.solid.prism-btn .fa, .yellow.solid.prism-btn .fa-brands, .yellow.solid.prism-btn .iconfont, .yellow.solid.prism-card .fa, .yellow.solid.prism-card .fa-brands, .yellow.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .pink.solid.prism-icon-btn, .pink.solid.prism-text-btn, .pink.solid.prism-icon, .pink.solid.prism-btn, .pink.solid.prism-card {
   background: #F53F7F !important;
   color: #FFFFFF !important;
@@ -1689,7 +1473,6 @@ textarea::placeholder {
 .pink.solid.prism-icon-btn .fa, .pink.solid.prism-icon-btn .fa-brands, .pink.solid.prism-icon-btn .iconfont, .pink.solid.prism-text-btn .fa, .pink.solid.prism-text-btn .fa-brands, .pink.solid.prism-text-btn .iconfont, .pink.solid.prism-icon .fa, .pink.solid.prism-icon .fa-brands, .pink.solid.prism-icon .iconfont, .pink.solid.prism-btn .fa, .pink.solid.prism-btn .fa-brands, .pink.solid.prism-btn .iconfont, .pink.solid.prism-card .fa, .pink.solid.prism-card .fa-brands, .pink.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .magenta.solid.prism-icon-btn, .magenta.solid.prism-text-btn, .magenta.solid.prism-icon, .magenta.solid.prism-btn, .magenta.solid.prism-card {
   background: #EB2F96 !important;
   color: #FFFFFF !important;
@@ -1697,7 +1480,6 @@ textarea::placeholder {
 .magenta.solid.prism-icon-btn .fa, .magenta.solid.prism-icon-btn .fa-brands, .magenta.solid.prism-icon-btn .iconfont, .magenta.solid.prism-text-btn .fa, .magenta.solid.prism-text-btn .fa-brands, .magenta.solid.prism-text-btn .iconfont, .magenta.solid.prism-icon .fa, .magenta.solid.prism-icon .fa-brands, .magenta.solid.prism-icon .iconfont, .magenta.solid.prism-btn .fa, .magenta.solid.prism-btn .fa-brands, .magenta.solid.prism-btn .iconfont, .magenta.solid.prism-card .fa, .magenta.solid.prism-card .fa-brands, .magenta.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .indigo.solid.prism-icon-btn, .indigo.solid.prism-text-btn, .indigo.solid.prism-icon, .indigo.solid.prism-btn, .indigo.solid.prism-card {
   background: #2F54EB !important;
   color: #FFFFFF !important;
@@ -1705,7 +1487,6 @@ textarea::placeholder {
 .indigo.solid.prism-icon-btn .fa, .indigo.solid.prism-icon-btn .fa-brands, .indigo.solid.prism-icon-btn .iconfont, .indigo.solid.prism-text-btn .fa, .indigo.solid.prism-text-btn .fa-brands, .indigo.solid.prism-text-btn .iconfont, .indigo.solid.prism-icon .fa, .indigo.solid.prism-icon .fa-brands, .indigo.solid.prism-icon .iconfont, .indigo.solid.prism-btn .fa, .indigo.solid.prism-btn .fa-brands, .indigo.solid.prism-btn .iconfont, .indigo.solid.prism-card .fa, .indigo.solid.prism-card .fa-brands, .indigo.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .teal.solid.prism-icon-btn, .teal.solid.prism-text-btn, .teal.solid.prism-icon, .teal.solid.prism-btn, .teal.solid.prism-card {
   background: #13C2C2 !important;
   color: #FFFFFF !important;
@@ -1713,7 +1494,6 @@ textarea::placeholder {
 .teal.solid.prism-icon-btn .fa, .teal.solid.prism-icon-btn .fa-brands, .teal.solid.prism-icon-btn .iconfont, .teal.solid.prism-text-btn .fa, .teal.solid.prism-text-btn .fa-brands, .teal.solid.prism-text-btn .iconfont, .teal.solid.prism-icon .fa, .teal.solid.prism-icon .fa-brands, .teal.solid.prism-icon .iconfont, .teal.solid.prism-btn .fa, .teal.solid.prism-btn .fa-brands, .teal.solid.prism-btn .iconfont, .teal.solid.prism-card .fa, .teal.solid.prism-card .fa-brands, .teal.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .violet.solid.prism-icon-btn, .violet.solid.prism-text-btn, .violet.solid.prism-icon, .violet.solid.prism-btn, .violet.solid.prism-card {
   background: #667eea !important;
   color: #FFFFFF !important;
@@ -1721,7 +1501,6 @@ textarea::placeholder {
 .violet.solid.prism-icon-btn .fa, .violet.solid.prism-icon-btn .fa-brands, .violet.solid.prism-icon-btn .iconfont, .violet.solid.prism-text-btn .fa, .violet.solid.prism-text-btn .fa-brands, .violet.solid.prism-text-btn .iconfont, .violet.solid.prism-icon .fa, .violet.solid.prism-icon .fa-brands, .violet.solid.prism-icon .iconfont, .violet.solid.prism-btn .fa, .violet.solid.prism-btn .fa-brands, .violet.solid.prism-btn .iconfont, .violet.solid.prism-card .fa, .violet.solid.prism-card .fa-brands, .violet.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .rose.solid.prism-icon-btn, .rose.solid.prism-text-btn, .rose.solid.prism-icon, .rose.solid.prism-btn, .rose.solid.prism-card {
   background: #f093fb !important;
   color: #FFFFFF !important;
@@ -1729,7 +1508,6 @@ textarea::placeholder {
 .rose.solid.prism-icon-btn .fa, .rose.solid.prism-icon-btn .fa-brands, .rose.solid.prism-icon-btn .iconfont, .rose.solid.prism-text-btn .fa, .rose.solid.prism-text-btn .fa-brands, .rose.solid.prism-text-btn .iconfont, .rose.solid.prism-icon .fa, .rose.solid.prism-icon .fa-brands, .rose.solid.prism-icon .iconfont, .rose.solid.prism-btn .fa, .rose.solid.prism-btn .fa-brands, .rose.solid.prism-btn .iconfont, .rose.solid.prism-card .fa, .rose.solid.prism-card .fa-brands, .rose.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .ai.solid.prism-icon-btn, .ai.solid.prism-text-btn, .ai.solid.prism-icon, .ai.solid.prism-btn, .ai.solid.prism-card {
   background: #c44569 !important;
   color: #FFFFFF !important;
@@ -1737,7 +1515,6 @@ textarea::placeholder {
 .ai.solid.prism-icon-btn .fa, .ai.solid.prism-icon-btn .fa-brands, .ai.solid.prism-icon-btn .iconfont, .ai.solid.prism-text-btn .fa, .ai.solid.prism-text-btn .fa-brands, .ai.solid.prism-text-btn .iconfont, .ai.solid.prism-icon .fa, .ai.solid.prism-icon .fa-brands, .ai.solid.prism-icon .iconfont, .ai.solid.prism-btn .fa, .ai.solid.prism-btn .fa-brands, .ai.solid.prism-btn .iconfont, .ai.solid.prism-card .fa, .ai.solid.prism-card .fa-brands, .ai.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .success.solid.prism-icon-btn, .success.solid.prism-text-btn, .success.solid.prism-icon, .success.solid.prism-btn, .success.solid.prism-card {
   background: #00B42A !important;
   color: #FFFFFF !important;
@@ -1745,7 +1522,6 @@ textarea::placeholder {
 .success.solid.prism-icon-btn .fa, .success.solid.prism-icon-btn .fa-brands, .success.solid.prism-icon-btn .iconfont, .success.solid.prism-text-btn .fa, .success.solid.prism-text-btn .fa-brands, .success.solid.prism-text-btn .iconfont, .success.solid.prism-icon .fa, .success.solid.prism-icon .fa-brands, .success.solid.prism-icon .iconfont, .success.solid.prism-btn .fa, .success.solid.prism-btn .fa-brands, .success.solid.prism-btn .iconfont, .success.solid.prism-card .fa, .success.solid.prism-card .fa-brands, .success.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .warning.solid.prism-icon-btn, .warning.solid.prism-text-btn, .warning.solid.prism-icon, .warning.solid.prism-btn, .warning.solid.prism-card {
   background: #FF7D00 !important;
   color: #FFFFFF !important;
@@ -1753,7 +1529,6 @@ textarea::placeholder {
 .warning.solid.prism-icon-btn .fa, .warning.solid.prism-icon-btn .fa-brands, .warning.solid.prism-icon-btn .iconfont, .warning.solid.prism-text-btn .fa, .warning.solid.prism-text-btn .fa-brands, .warning.solid.prism-text-btn .iconfont, .warning.solid.prism-icon .fa, .warning.solid.prism-icon .fa-brands, .warning.solid.prism-icon .iconfont, .warning.solid.prism-btn .fa, .warning.solid.prism-btn .fa-brands, .warning.solid.prism-btn .iconfont, .warning.solid.prism-card .fa, .warning.solid.prism-card .fa-brands, .warning.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .danger.solid.prism-icon-btn, .danger.solid.prism-text-btn, .danger.solid.prism-icon, .danger.solid.prism-btn, .danger.solid.prism-card {
   background: #F53F3F !important;
   color: #FFFFFF !important;
@@ -1761,7 +1536,6 @@ textarea::placeholder {
 .danger.solid.prism-icon-btn .fa, .danger.solid.prism-icon-btn .fa-brands, .danger.solid.prism-icon-btn .iconfont, .danger.solid.prism-text-btn .fa, .danger.solid.prism-text-btn .fa-brands, .danger.solid.prism-text-btn .iconfont, .danger.solid.prism-icon .fa, .danger.solid.prism-icon .fa-brands, .danger.solid.prism-icon .iconfont, .danger.solid.prism-btn .fa, .danger.solid.prism-btn .fa-brands, .danger.solid.prism-btn .iconfont, .danger.solid.prism-card .fa, .danger.solid.prism-card .fa-brands, .danger.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .info.solid.prism-icon-btn, .info.solid.prism-text-btn, .info.solid.prism-icon, .info.solid.prism-btn, .info.solid.prism-card {
   background: #14C9C9 !important;
   color: #FFFFFF !important;
@@ -1769,7 +1543,6 @@ textarea::placeholder {
 .info.solid.prism-icon-btn .fa, .info.solid.prism-icon-btn .fa-brands, .info.solid.prism-icon-btn .iconfont, .info.solid.prism-text-btn .fa, .info.solid.prism-text-btn .fa-brands, .info.solid.prism-text-btn .iconfont, .info.solid.prism-icon .fa, .info.solid.prism-icon .fa-brands, .info.solid.prism-icon .iconfont, .info.solid.prism-btn .fa, .info.solid.prism-btn .fa-brands, .info.solid.prism-btn .iconfont, .info.solid.prism-card .fa, .info.solid.prism-card .fa-brands, .info.solid.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .purple.glass.prism-icon-btn, .purple.glass.prism-text-btn, .purple.glass.prism-icon, .purple.glass.prism-btn, .purple.glass.prism-card {
   background: linear-gradient(135deg, rgba(114, 46, 209, 0.15) 0%, rgba(114, 46, 209, 0.08) 100%) !important;
   color: #722ED1 !important;
@@ -1790,7 +1563,6 @@ textarea::placeholder {
 .dark-mode .purple.glass.prism-icon-btn .fa, .dark-mode .purple.glass.prism-icon-btn .fa-brands, .dark-mode .purple.glass.prism-icon-btn .iconfont, .dark-mode .purple.glass.prism-text-btn .fa, .dark-mode .purple.glass.prism-text-btn .fa-brands, .dark-mode .purple.glass.prism-text-btn .iconfont, .dark-mode .purple.glass.prism-icon .fa, .dark-mode .purple.glass.prism-icon .fa-brands, .dark-mode .purple.glass.prism-icon .iconfont, .dark-mode .purple.glass.prism-btn .fa, .dark-mode .purple.glass.prism-btn .fa-brands, .dark-mode .purple.glass.prism-btn .iconfont, .dark-mode .purple.glass.prism-card .fa, .dark-mode .purple.glass.prism-card .fa-brands, .dark-mode .purple.glass.prism-card .iconfont {
   color: #A855F7 !important;
 }
-
 .blue.glass.prism-icon-btn, .blue.glass.prism-text-btn, .blue.glass.prism-icon, .blue.glass.prism-btn, .blue.glass.prism-card {
   background: linear-gradient(135deg, rgba(52, 120, 246, 0.15) 0%, rgba(52, 120, 246, 0.08) 100%) !important;
   color: #3478F6 !important;
@@ -1811,7 +1583,6 @@ textarea::placeholder {
 .dark-mode .blue.glass.prism-icon-btn .fa, .dark-mode .blue.glass.prism-icon-btn .fa-brands, .dark-mode .blue.glass.prism-icon-btn .iconfont, .dark-mode .blue.glass.prism-text-btn .fa, .dark-mode .blue.glass.prism-text-btn .fa-brands, .dark-mode .blue.glass.prism-text-btn .iconfont, .dark-mode .blue.glass.prism-icon .fa, .dark-mode .blue.glass.prism-icon .fa-brands, .dark-mode .blue.glass.prism-icon .iconfont, .dark-mode .blue.glass.prism-btn .fa, .dark-mode .blue.glass.prism-btn .fa-brands, .dark-mode .blue.glass.prism-btn .iconfont, .dark-mode .blue.glass.prism-card .fa, .dark-mode .blue.glass.prism-card .fa-brands, .dark-mode .blue.glass.prism-card .iconfont {
   color: #60A5FA !important;
 }
-
 .green.glass.prism-icon-btn, .glass.prism-icon-btn.success, .green.glass.prism-text-btn, .glass.prism-text-btn.success, .green.glass.prism-icon, .glass.prism-icon.success, .green.glass.prism-btn, .glass.prism-btn.success, .green.glass.prism-card, .glass.prism-card.success {
   background: linear-gradient(135deg, rgba(0, 180, 42, 0.15) 0%, rgba(0, 180, 42, 0.08) 100%) !important;
   color: #00B42A !important;
@@ -1832,7 +1603,6 @@ textarea::placeholder {
 .dark-mode .green.glass.prism-icon-btn .fa, .dark-mode .glass.prism-icon-btn.success .fa, .dark-mode .green.glass.prism-icon-btn .fa-brands, .dark-mode .glass.prism-icon-btn.success .fa-brands, .dark-mode .green.glass.prism-icon-btn .iconfont, .dark-mode .glass.prism-icon-btn.success .iconfont, .dark-mode .green.glass.prism-text-btn .fa, .dark-mode .glass.prism-text-btn.success .fa, .dark-mode .green.glass.prism-text-btn .fa-brands, .dark-mode .glass.prism-text-btn.success .fa-brands, .dark-mode .green.glass.prism-text-btn .iconfont, .dark-mode .glass.prism-text-btn.success .iconfont, .dark-mode .green.glass.prism-icon .fa, .dark-mode .glass.prism-icon.success .fa, .dark-mode .green.glass.prism-icon .fa-brands, .dark-mode .glass.prism-icon.success .fa-brands, .dark-mode .green.glass.prism-icon .iconfont, .dark-mode .glass.prism-icon.success .iconfont, .dark-mode .green.glass.prism-btn .fa, .dark-mode .glass.prism-btn.success .fa, .dark-mode .green.glass.prism-btn .fa-brands, .dark-mode .glass.prism-btn.success .fa-brands, .dark-mode .green.glass.prism-btn .iconfont, .dark-mode .glass.prism-btn.success .iconfont, .dark-mode .green.glass.prism-card .fa, .dark-mode .glass.prism-card.success .fa, .dark-mode .green.glass.prism-card .fa-brands, .dark-mode .glass.prism-card.success .fa-brands, .dark-mode .green.glass.prism-card .iconfont, .dark-mode .glass.prism-card.success .iconfont {
   color: #34D399 !important;
 }
-
 .red.glass.prism-icon-btn, .glass.prism-icon-btn.danger, .red.glass.prism-text-btn, .glass.prism-text-btn.danger, .red.glass.prism-icon, .glass.prism-icon.danger, .red.glass.prism-btn, .glass.prism-btn.danger, .red.glass.prism-card, .glass.prism-card.danger {
   background: linear-gradient(135deg, rgba(245, 63, 63, 0.15) 0%, rgba(245, 63, 63, 0.08) 100%) !important;
   color: #F53F3F !important;
@@ -1853,7 +1623,6 @@ textarea::placeholder {
 .dark-mode .red.glass.prism-icon-btn .fa, .dark-mode .glass.prism-icon-btn.danger .fa, .dark-mode .red.glass.prism-icon-btn .fa-brands, .dark-mode .glass.prism-icon-btn.danger .fa-brands, .dark-mode .red.glass.prism-icon-btn .iconfont, .dark-mode .glass.prism-icon-btn.danger .iconfont, .dark-mode .red.glass.prism-text-btn .fa, .dark-mode .glass.prism-text-btn.danger .fa, .dark-mode .red.glass.prism-text-btn .fa-brands, .dark-mode .glass.prism-text-btn.danger .fa-brands, .dark-mode .red.glass.prism-text-btn .iconfont, .dark-mode .glass.prism-text-btn.danger .iconfont, .dark-mode .red.glass.prism-icon .fa, .dark-mode .glass.prism-icon.danger .fa, .dark-mode .red.glass.prism-icon .fa-brands, .dark-mode .glass.prism-icon.danger .fa-brands, .dark-mode .red.glass.prism-icon .iconfont, .dark-mode .glass.prism-icon.danger .iconfont, .dark-mode .red.glass.prism-btn .fa, .dark-mode .glass.prism-btn.danger .fa, .dark-mode .red.glass.prism-btn .fa-brands, .dark-mode .glass.prism-btn.danger .fa-brands, .dark-mode .red.glass.prism-btn .iconfont, .dark-mode .glass.prism-btn.danger .iconfont, .dark-mode .red.glass.prism-card .fa, .dark-mode .glass.prism-card.danger .fa, .dark-mode .red.glass.prism-card .fa-brands, .dark-mode .glass.prism-card.danger .fa-brands, .dark-mode .red.glass.prism-card .iconfont, .dark-mode .glass.prism-card.danger .iconfont {
   color: #F87171 !important;
 }
-
 .orange.glass.prism-icon-btn, .glass.prism-icon-btn.warning, .orange.glass.prism-text-btn, .glass.prism-text-btn.warning, .orange.glass.prism-icon, .glass.prism-icon.warning, .orange.glass.prism-btn, .glass.prism-btn.warning, .orange.glass.prism-card, .glass.prism-card.warning {
   background: linear-gradient(135deg, rgba(255, 125, 0, 0.15) 0%, rgba(255, 125, 0, 0.08) 100%) !important;
   color: #FF7D00 !important;
@@ -1874,7 +1643,6 @@ textarea::placeholder {
 .dark-mode .orange.glass.prism-icon-btn .fa, .dark-mode .glass.prism-icon-btn.warning .fa, .dark-mode .orange.glass.prism-icon-btn .fa-brands, .dark-mode .glass.prism-icon-btn.warning .fa-brands, .dark-mode .orange.glass.prism-icon-btn .iconfont, .dark-mode .glass.prism-icon-btn.warning .iconfont, .dark-mode .orange.glass.prism-text-btn .fa, .dark-mode .glass.prism-text-btn.warning .fa, .dark-mode .orange.glass.prism-text-btn .fa-brands, .dark-mode .glass.prism-text-btn.warning .fa-brands, .dark-mode .orange.glass.prism-text-btn .iconfont, .dark-mode .glass.prism-text-btn.warning .iconfont, .dark-mode .orange.glass.prism-icon .fa, .dark-mode .glass.prism-icon.warning .fa, .dark-mode .orange.glass.prism-icon .fa-brands, .dark-mode .glass.prism-icon.warning .fa-brands, .dark-mode .orange.glass.prism-icon .iconfont, .dark-mode .glass.prism-icon.warning .iconfont, .dark-mode .orange.glass.prism-btn .fa, .dark-mode .glass.prism-btn.warning .fa, .dark-mode .orange.glass.prism-btn .fa-brands, .dark-mode .glass.prism-btn.warning .fa-brands, .dark-mode .orange.glass.prism-btn .iconfont, .dark-mode .glass.prism-btn.warning .iconfont, .dark-mode .orange.glass.prism-card .fa, .dark-mode .glass.prism-card.warning .fa, .dark-mode .orange.glass.prism-card .fa-brands, .dark-mode .glass.prism-card.warning .fa-brands, .dark-mode .orange.glass.prism-card .iconfont, .dark-mode .glass.prism-card.warning .iconfont {
   color: #FB923C !important;
 }
-
 .cyan.glass.prism-icon-btn, .glass.prism-icon-btn.info, .cyan.glass.prism-text-btn, .glass.prism-text-btn.info, .cyan.glass.prism-icon, .glass.prism-icon.info, .cyan.glass.prism-btn, .glass.prism-btn.info, .cyan.glass.prism-card, .glass.prism-card.info {
   background: linear-gradient(135deg, rgba(20, 201, 201, 0.15) 0%, rgba(20, 201, 201, 0.08) 100%) !important;
   color: #14C9C9 !important;
@@ -1895,7 +1663,6 @@ textarea::placeholder {
 .dark-mode .cyan.glass.prism-icon-btn .fa, .dark-mode .glass.prism-icon-btn.info .fa, .dark-mode .cyan.glass.prism-icon-btn .fa-brands, .dark-mode .glass.prism-icon-btn.info .fa-brands, .dark-mode .cyan.glass.prism-icon-btn .iconfont, .dark-mode .glass.prism-icon-btn.info .iconfont, .dark-mode .cyan.glass.prism-text-btn .fa, .dark-mode .glass.prism-text-btn.info .fa, .dark-mode .cyan.glass.prism-text-btn .fa-brands, .dark-mode .glass.prism-text-btn.info .fa-brands, .dark-mode .cyan.glass.prism-text-btn .iconfont, .dark-mode .glass.prism-text-btn.info .iconfont, .dark-mode .cyan.glass.prism-icon .fa, .dark-mode .glass.prism-icon.info .fa, .dark-mode .cyan.glass.prism-icon .fa-brands, .dark-mode .glass.prism-icon.info .fa-brands, .dark-mode .cyan.glass.prism-icon .iconfont, .dark-mode .glass.prism-icon.info .iconfont, .dark-mode .cyan.glass.prism-btn .fa, .dark-mode .glass.prism-btn.info .fa, .dark-mode .cyan.glass.prism-btn .fa-brands, .dark-mode .glass.prism-btn.info .fa-brands, .dark-mode .cyan.glass.prism-btn .iconfont, .dark-mode .glass.prism-btn.info .iconfont, .dark-mode .cyan.glass.prism-card .fa, .dark-mode .glass.prism-card.info .fa, .dark-mode .cyan.glass.prism-card .fa-brands, .dark-mode .glass.prism-card.info .fa-brands, .dark-mode .cyan.glass.prism-card .iconfont, .dark-mode .glass.prism-card.info .iconfont {
   color: #22D3EE !important;
 }
-
 .yellow.glass.prism-icon-btn, .yellow.glass.prism-text-btn, .yellow.glass.prism-icon, .yellow.glass.prism-btn, .yellow.glass.prism-card {
   background: linear-gradient(135deg, rgba(255, 180, 0, 0.15) 0%, rgba(255, 180, 0, 0.08) 100%) !important;
   color: #FFB400 !important;
@@ -1916,7 +1683,6 @@ textarea::placeholder {
 .dark-mode .yellow.glass.prism-icon-btn .fa, .dark-mode .yellow.glass.prism-icon-btn .fa-brands, .dark-mode .yellow.glass.prism-icon-btn .iconfont, .dark-mode .yellow.glass.prism-text-btn .fa, .dark-mode .yellow.glass.prism-text-btn .fa-brands, .dark-mode .yellow.glass.prism-text-btn .iconfont, .dark-mode .yellow.glass.prism-icon .fa, .dark-mode .yellow.glass.prism-icon .fa-brands, .dark-mode .yellow.glass.prism-icon .iconfont, .dark-mode .yellow.glass.prism-btn .fa, .dark-mode .yellow.glass.prism-btn .fa-brands, .dark-mode .yellow.glass.prism-btn .iconfont, .dark-mode .yellow.glass.prism-card .fa, .dark-mode .yellow.glass.prism-card .fa-brands, .dark-mode .yellow.glass.prism-card .iconfont {
   color: #FCD34D !important;
 }
-
 .pink.glass.prism-icon-btn, .pink.glass.prism-text-btn, .pink.glass.prism-icon, .pink.glass.prism-btn, .pink.glass.prism-card {
   background: linear-gradient(135deg, rgba(245, 63, 127, 0.15) 0%, rgba(245, 63, 127, 0.08) 100%) !important;
   color: #F53F7F !important;
@@ -1937,7 +1703,6 @@ textarea::placeholder {
 .dark-mode .pink.glass.prism-icon-btn .fa, .dark-mode .pink.glass.prism-icon-btn .fa-brands, .dark-mode .pink.glass.prism-icon-btn .iconfont, .dark-mode .pink.glass.prism-text-btn .fa, .dark-mode .pink.glass.prism-text-btn .fa-brands, .dark-mode .pink.glass.prism-text-btn .iconfont, .dark-mode .pink.glass.prism-icon .fa, .dark-mode .pink.glass.prism-icon .fa-brands, .dark-mode .pink.glass.prism-icon .iconfont, .dark-mode .pink.glass.prism-btn .fa, .dark-mode .pink.glass.prism-btn .fa-brands, .dark-mode .pink.glass.prism-btn .iconfont, .dark-mode .pink.glass.prism-card .fa, .dark-mode .pink.glass.prism-card .fa-brands, .dark-mode .pink.glass.prism-card .iconfont {
   color: #F472B6 !important;
 }
-
 .magenta.glass.prism-icon-btn, .magenta.glass.prism-text-btn, .magenta.glass.prism-icon, .magenta.glass.prism-btn, .magenta.glass.prism-card {
   background: linear-gradient(135deg, rgba(235, 47, 150, 0.15) 0%, rgba(235, 47, 150, 0.08) 100%) !important;
   color: #EB2F96 !important;
@@ -1958,7 +1723,6 @@ textarea::placeholder {
 .dark-mode .magenta.glass.prism-icon-btn .fa, .dark-mode .magenta.glass.prism-icon-btn .fa-brands, .dark-mode .magenta.glass.prism-icon-btn .iconfont, .dark-mode .magenta.glass.prism-text-btn .fa, .dark-mode .magenta.glass.prism-text-btn .fa-brands, .dark-mode .magenta.glass.prism-text-btn .iconfont, .dark-mode .magenta.glass.prism-icon .fa, .dark-mode .magenta.glass.prism-icon .fa-brands, .dark-mode .magenta.glass.prism-icon .iconfont, .dark-mode .magenta.glass.prism-btn .fa, .dark-mode .magenta.glass.prism-btn .fa-brands, .dark-mode .magenta.glass.prism-btn .iconfont, .dark-mode .magenta.glass.prism-card .fa, .dark-mode .magenta.glass.prism-card .fa-brands, .dark-mode .magenta.glass.prism-card .iconfont {
   color: #EC4899 !important;
 }
-
 .indigo.glass.prism-icon-btn, .indigo.glass.prism-text-btn, .indigo.glass.prism-icon, .indigo.glass.prism-btn, .indigo.glass.prism-card {
   background: linear-gradient(135deg, rgba(47, 84, 235, 0.15) 0%, rgba(47, 84, 235, 0.08) 100%) !important;
   color: #2F54EB !important;
@@ -1979,7 +1743,6 @@ textarea::placeholder {
 .dark-mode .indigo.glass.prism-icon-btn .fa, .dark-mode .indigo.glass.prism-icon-btn .fa-brands, .dark-mode .indigo.glass.prism-icon-btn .iconfont, .dark-mode .indigo.glass.prism-text-btn .fa, .dark-mode .indigo.glass.prism-text-btn .fa-brands, .dark-mode .indigo.glass.prism-text-btn .iconfont, .dark-mode .indigo.glass.prism-icon .fa, .dark-mode .indigo.glass.prism-icon .fa-brands, .dark-mode .indigo.glass.prism-icon .iconfont, .dark-mode .indigo.glass.prism-btn .fa, .dark-mode .indigo.glass.prism-btn .fa-brands, .dark-mode .indigo.glass.prism-btn .iconfont, .dark-mode .indigo.glass.prism-card .fa, .dark-mode .indigo.glass.prism-card .fa-brands, .dark-mode .indigo.glass.prism-card .iconfont {
   color: #818CF8 !important;
 }
-
 .teal.glass.prism-icon-btn, .teal.glass.prism-text-btn, .teal.glass.prism-icon, .teal.glass.prism-btn, .teal.glass.prism-card {
   background: linear-gradient(135deg, rgba(19, 194, 194, 0.15) 0%, rgba(19, 194, 194, 0.08) 100%) !important;
   color: #13C2C2 !important;
@@ -2000,7 +1763,6 @@ textarea::placeholder {
 .dark-mode .teal.glass.prism-icon-btn .fa, .dark-mode .teal.glass.prism-icon-btn .fa-brands, .dark-mode .teal.glass.prism-icon-btn .iconfont, .dark-mode .teal.glass.prism-text-btn .fa, .dark-mode .teal.glass.prism-text-btn .fa-brands, .dark-mode .teal.glass.prism-text-btn .iconfont, .dark-mode .teal.glass.prism-icon .fa, .dark-mode .teal.glass.prism-icon .fa-brands, .dark-mode .teal.glass.prism-icon .iconfont, .dark-mode .teal.glass.prism-btn .fa, .dark-mode .teal.glass.prism-btn .fa-brands, .dark-mode .teal.glass.prism-btn .iconfont, .dark-mode .teal.glass.prism-card .fa, .dark-mode .teal.glass.prism-card .fa-brands, .dark-mode .teal.glass.prism-card .iconfont {
   color: #2DD4BF !important;
 }
-
 .violet.glass.prism-icon-btn, .violet.glass.prism-text-btn, .violet.glass.prism-icon, .violet.glass.prism-btn, .violet.glass.prism-card {
   background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(102, 126, 234, 0.08) 100%) !important;
   color: #667eea !important;
@@ -2021,7 +1783,6 @@ textarea::placeholder {
 .dark-mode .violet.glass.prism-icon-btn .fa, .dark-mode .violet.glass.prism-icon-btn .fa-brands, .dark-mode .violet.glass.prism-icon-btn .iconfont, .dark-mode .violet.glass.prism-text-btn .fa, .dark-mode .violet.glass.prism-text-btn .fa-brands, .dark-mode .violet.glass.prism-text-btn .iconfont, .dark-mode .violet.glass.prism-icon .fa, .dark-mode .violet.glass.prism-icon .fa-brands, .dark-mode .violet.glass.prism-icon .iconfont, .dark-mode .violet.glass.prism-btn .fa, .dark-mode .violet.glass.prism-btn .fa-brands, .dark-mode .violet.glass.prism-btn .iconfont, .dark-mode .violet.glass.prism-card .fa, .dark-mode .violet.glass.prism-card .fa-brands, .dark-mode .violet.glass.prism-card .iconfont {
   color: #8599ee !important;
 }
-
 .rose.glass.prism-icon-btn, .rose.glass.prism-text-btn, .rose.glass.prism-icon, .rose.glass.prism-btn, .rose.glass.prism-card {
   background: linear-gradient(135deg, rgba(240, 147, 251, 0.15) 0%, rgba(240, 147, 251, 0.08) 100%) !important;
   color: #f093fb !important;
@@ -2042,7 +1803,6 @@ textarea::placeholder {
 .dark-mode .rose.glass.prism-icon-btn .fa, .dark-mode .rose.glass.prism-icon-btn .fa-brands, .dark-mode .rose.glass.prism-icon-btn .iconfont, .dark-mode .rose.glass.prism-text-btn .fa, .dark-mode .rose.glass.prism-text-btn .fa-brands, .dark-mode .rose.glass.prism-text-btn .iconfont, .dark-mode .rose.glass.prism-icon .fa, .dark-mode .rose.glass.prism-icon .fa-brands, .dark-mode .rose.glass.prism-icon .iconfont, .dark-mode .rose.glass.prism-btn .fa, .dark-mode .rose.glass.prism-btn .fa-brands, .dark-mode .rose.glass.prism-btn .iconfont, .dark-mode .rose.glass.prism-card .fa, .dark-mode .rose.glass.prism-card .fa-brands, .dark-mode .rose.glass.prism-card .iconfont {
   color: #f5576c !important;
 }
-
 .ai.glass.prism-icon-btn, .ai.glass.prism-text-btn, .ai.glass.prism-icon, .ai.glass.prism-btn, .ai.glass.prism-card {
   background: linear-gradient(135deg, rgba(196, 69, 105, 0.15) 0%, rgba(196, 69, 105, 0.08) 100%) !important;
   color: #c44569 !important;
@@ -2063,7 +1823,6 @@ textarea::placeholder {
 .dark-mode .ai.glass.prism-icon-btn .fa, .dark-mode .ai.glass.prism-icon-btn .fa-brands, .dark-mode .ai.glass.prism-icon-btn .iconfont, .dark-mode .ai.glass.prism-text-btn .fa, .dark-mode .ai.glass.prism-text-btn .fa-brands, .dark-mode .ai.glass.prism-text-btn .iconfont, .dark-mode .ai.glass.prism-icon .fa, .dark-mode .ai.glass.prism-icon .fa-brands, .dark-mode .ai.glass.prism-icon .iconfont, .dark-mode .ai.glass.prism-btn .fa, .dark-mode .ai.glass.prism-btn .fa-brands, .dark-mode .ai.glass.prism-btn .iconfont, .dark-mode .ai.glass.prism-card .fa, .dark-mode .ai.glass.prism-card .fa-brands, .dark-mode .ai.glass.prism-card .iconfont {
   color: #ee5a6f !important;
 }
-
 .success.glass.prism-icon-btn, .success.glass.prism-text-btn, .success.glass.prism-icon, .success.glass.prism-btn, .success.glass.prism-card {
   background: linear-gradient(135deg, rgba(0, 180, 42, 0.15) 0%, rgba(0, 180, 42, 0.08) 100%) !important;
   color: #00B42A !important;
@@ -2084,7 +1843,6 @@ textarea::placeholder {
 .dark-mode .success.glass.prism-icon-btn .fa, .dark-mode .success.glass.prism-icon-btn .fa-brands, .dark-mode .success.glass.prism-icon-btn .iconfont, .dark-mode .success.glass.prism-text-btn .fa, .dark-mode .success.glass.prism-text-btn .fa-brands, .dark-mode .success.glass.prism-text-btn .iconfont, .dark-mode .success.glass.prism-icon .fa, .dark-mode .success.glass.prism-icon .fa-brands, .dark-mode .success.glass.prism-icon .iconfont, .dark-mode .success.glass.prism-btn .fa, .dark-mode .success.glass.prism-btn .fa-brands, .dark-mode .success.glass.prism-btn .iconfont, .dark-mode .success.glass.prism-card .fa, .dark-mode .success.glass.prism-card .fa-brands, .dark-mode .success.glass.prism-card .iconfont {
   color: #34D399 !important;
 }
-
 .warning.glass.prism-icon-btn, .warning.glass.prism-text-btn, .warning.glass.prism-icon, .warning.glass.prism-btn, .warning.glass.prism-card {
   background: linear-gradient(135deg, rgba(255, 125, 0, 0.15) 0%, rgba(255, 125, 0, 0.08) 100%) !important;
   color: #FF7D00 !important;
@@ -2105,7 +1863,6 @@ textarea::placeholder {
 .dark-mode .warning.glass.prism-icon-btn .fa, .dark-mode .warning.glass.prism-icon-btn .fa-brands, .dark-mode .warning.glass.prism-icon-btn .iconfont, .dark-mode .warning.glass.prism-text-btn .fa, .dark-mode .warning.glass.prism-text-btn .fa-brands, .dark-mode .warning.glass.prism-text-btn .iconfont, .dark-mode .warning.glass.prism-icon .fa, .dark-mode .warning.glass.prism-icon .fa-brands, .dark-mode .warning.glass.prism-icon .iconfont, .dark-mode .warning.glass.prism-btn .fa, .dark-mode .warning.glass.prism-btn .fa-brands, .dark-mode .warning.glass.prism-btn .iconfont, .dark-mode .warning.glass.prism-card .fa, .dark-mode .warning.glass.prism-card .fa-brands, .dark-mode .warning.glass.prism-card .iconfont {
   color: #FB923C !important;
 }
-
 .danger.glass.prism-icon-btn, .danger.glass.prism-text-btn, .danger.glass.prism-icon, .danger.glass.prism-btn, .danger.glass.prism-card {
   background: linear-gradient(135deg, rgba(245, 63, 63, 0.15) 0%, rgba(245, 63, 63, 0.08) 100%) !important;
   color: #F53F3F !important;
@@ -2126,7 +1883,6 @@ textarea::placeholder {
 .dark-mode .danger.glass.prism-icon-btn .fa, .dark-mode .danger.glass.prism-icon-btn .fa-brands, .dark-mode .danger.glass.prism-icon-btn .iconfont, .dark-mode .danger.glass.prism-text-btn .fa, .dark-mode .danger.glass.prism-text-btn .fa-brands, .dark-mode .danger.glass.prism-text-btn .iconfont, .dark-mode .danger.glass.prism-icon .fa, .dark-mode .danger.glass.prism-icon .fa-brands, .dark-mode .danger.glass.prism-icon .iconfont, .dark-mode .danger.glass.prism-btn .fa, .dark-mode .danger.glass.prism-btn .fa-brands, .dark-mode .danger.glass.prism-btn .iconfont, .dark-mode .danger.glass.prism-card .fa, .dark-mode .danger.glass.prism-card .fa-brands, .dark-mode .danger.glass.prism-card .iconfont {
   color: #F87171 !important;
 }
-
 .info.glass.prism-icon-btn, .info.glass.prism-text-btn, .info.glass.prism-icon, .info.glass.prism-btn, .info.glass.prism-card {
   background: linear-gradient(135deg, rgba(20, 201, 201, 0.15) 0%, rgba(20, 201, 201, 0.08) 100%) !important;
   color: #14C9C9 !important;
@@ -2147,7 +1903,6 @@ textarea::placeholder {
 .dark-mode .info.glass.prism-icon-btn .fa, .dark-mode .info.glass.prism-icon-btn .fa-brands, .dark-mode .info.glass.prism-icon-btn .iconfont, .dark-mode .info.glass.prism-text-btn .fa, .dark-mode .info.glass.prism-text-btn .fa-brands, .dark-mode .info.glass.prism-text-btn .iconfont, .dark-mode .info.glass.prism-icon .fa, .dark-mode .info.glass.prism-icon .fa-brands, .dark-mode .info.glass.prism-icon .iconfont, .dark-mode .info.glass.prism-btn .fa, .dark-mode .info.glass.prism-btn .fa-brands, .dark-mode .info.glass.prism-btn .iconfont, .dark-mode .info.glass.prism-card .fa, .dark-mode .info.glass.prism-card .fa-brands, .dark-mode .info.glass.prism-card .iconfont {
   color: #22D3EE !important;
 }
-
 .purple.gradient.prism-icon-btn, .purple.gradient.prism-text-btn, .purple.gradient.prism-icon, .purple.gradient.prism-btn, .purple.gradient.prism-card {
   background: linear-gradient(135deg, #722ED1 0%, #B37FEB 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(114, 46, 209, 0.3) !important;
@@ -2156,7 +1911,6 @@ textarea::placeholder {
 .purple.gradient.prism-icon-btn .fa, .purple.gradient.prism-icon-btn .fa-brands, .purple.gradient.prism-icon-btn .iconfont, .purple.gradient.prism-text-btn .fa, .purple.gradient.prism-text-btn .fa-brands, .purple.gradient.prism-text-btn .iconfont, .purple.gradient.prism-icon .fa, .purple.gradient.prism-icon .fa-brands, .purple.gradient.prism-icon .iconfont, .purple.gradient.prism-btn .fa, .purple.gradient.prism-btn .fa-brands, .purple.gradient.prism-btn .iconfont, .purple.gradient.prism-card .fa, .purple.gradient.prism-card .fa-brands, .purple.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .blue.gradient.prism-icon-btn, .blue.gradient.prism-text-btn, .blue.gradient.prism-icon, .blue.gradient.prism-btn, .blue.gradient.prism-card {
   background: linear-gradient(135deg, #3478F6 0%, #86B8FA 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(52, 120, 246, 0.3) !important;
@@ -2165,7 +1919,6 @@ textarea::placeholder {
 .blue.gradient.prism-icon-btn .fa, .blue.gradient.prism-icon-btn .fa-brands, .blue.gradient.prism-icon-btn .iconfont, .blue.gradient.prism-text-btn .fa, .blue.gradient.prism-text-btn .fa-brands, .blue.gradient.prism-text-btn .iconfont, .blue.gradient.prism-icon .fa, .blue.gradient.prism-icon .fa-brands, .blue.gradient.prism-icon .iconfont, .blue.gradient.prism-btn .fa, .blue.gradient.prism-btn .fa-brands, .blue.gradient.prism-btn .iconfont, .blue.gradient.prism-card .fa, .blue.gradient.prism-card .fa-brands, .blue.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .green.gradient.prism-icon-btn, .gradient.prism-icon-btn.success, .green.gradient.prism-text-btn, .gradient.prism-text-btn.success, .green.gradient.prism-icon, .gradient.prism-icon.success, .green.gradient.prism-btn, .gradient.prism-btn.success, .green.gradient.prism-card, .gradient.prism-card.success {
   background: linear-gradient(135deg, #00B42A 0%, #6EE7B7 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(0, 180, 42, 0.3) !important;
@@ -2174,7 +1927,6 @@ textarea::placeholder {
 .green.gradient.prism-icon-btn .fa, .gradient.prism-icon-btn.success .fa, .green.gradient.prism-icon-btn .fa-brands, .gradient.prism-icon-btn.success .fa-brands, .green.gradient.prism-icon-btn .iconfont, .gradient.prism-icon-btn.success .iconfont, .green.gradient.prism-text-btn .fa, .gradient.prism-text-btn.success .fa, .green.gradient.prism-text-btn .fa-brands, .gradient.prism-text-btn.success .fa-brands, .green.gradient.prism-text-btn .iconfont, .gradient.prism-text-btn.success .iconfont, .green.gradient.prism-icon .fa, .gradient.prism-icon.success .fa, .green.gradient.prism-icon .fa-brands, .gradient.prism-icon.success .fa-brands, .green.gradient.prism-icon .iconfont, .gradient.prism-icon.success .iconfont, .green.gradient.prism-btn .fa, .gradient.prism-btn.success .fa, .green.gradient.prism-btn .fa-brands, .gradient.prism-btn.success .fa-brands, .green.gradient.prism-btn .iconfont, .gradient.prism-btn.success .iconfont, .green.gradient.prism-card .fa, .gradient.prism-card.success .fa, .green.gradient.prism-card .fa-brands, .gradient.prism-card.success .fa-brands, .green.gradient.prism-card .iconfont, .gradient.prism-card.success .iconfont {
   color: #FFFFFF !important;
 }
-
 .red.gradient.prism-icon-btn, .gradient.prism-icon-btn.danger, .red.gradient.prism-text-btn, .gradient.prism-text-btn.danger, .red.gradient.prism-icon, .gradient.prism-icon.danger, .red.gradient.prism-btn, .gradient.prism-btn.danger, .red.gradient.prism-card, .gradient.prism-card.danger {
   background: linear-gradient(135deg, #F53F3F 0%, #FCA5A5 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(245, 63, 63, 0.3) !important;
@@ -2183,7 +1935,6 @@ textarea::placeholder {
 .red.gradient.prism-icon-btn .fa, .gradient.prism-icon-btn.danger .fa, .red.gradient.prism-icon-btn .fa-brands, .gradient.prism-icon-btn.danger .fa-brands, .red.gradient.prism-icon-btn .iconfont, .gradient.prism-icon-btn.danger .iconfont, .red.gradient.prism-text-btn .fa, .gradient.prism-text-btn.danger .fa, .red.gradient.prism-text-btn .fa-brands, .gradient.prism-text-btn.danger .fa-brands, .red.gradient.prism-text-btn .iconfont, .gradient.prism-text-btn.danger .iconfont, .red.gradient.prism-icon .fa, .gradient.prism-icon.danger .fa, .red.gradient.prism-icon .fa-brands, .gradient.prism-icon.danger .fa-brands, .red.gradient.prism-icon .iconfont, .gradient.prism-icon.danger .iconfont, .red.gradient.prism-btn .fa, .gradient.prism-btn.danger .fa, .red.gradient.prism-btn .fa-brands, .gradient.prism-btn.danger .fa-brands, .red.gradient.prism-btn .iconfont, .gradient.prism-btn.danger .iconfont, .red.gradient.prism-card .fa, .gradient.prism-card.danger .fa, .red.gradient.prism-card .fa-brands, .gradient.prism-card.danger .fa-brands, .red.gradient.prism-card .iconfont, .gradient.prism-card.danger .iconfont {
   color: #FFFFFF !important;
 }
-
 .orange.gradient.prism-icon-btn, .gradient.prism-icon-btn.warning, .orange.gradient.prism-text-btn, .gradient.prism-text-btn.warning, .orange.gradient.prism-icon, .gradient.prism-icon.warning, .orange.gradient.prism-btn, .gradient.prism-btn.warning, .orange.gradient.prism-card, .gradient.prism-card.warning {
   background: linear-gradient(135deg, #FF7D00 0%, #FDBA74 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(255, 125, 0, 0.3) !important;
@@ -2192,7 +1943,6 @@ textarea::placeholder {
 .orange.gradient.prism-icon-btn .fa, .gradient.prism-icon-btn.warning .fa, .orange.gradient.prism-icon-btn .fa-brands, .gradient.prism-icon-btn.warning .fa-brands, .orange.gradient.prism-icon-btn .iconfont, .gradient.prism-icon-btn.warning .iconfont, .orange.gradient.prism-text-btn .fa, .gradient.prism-text-btn.warning .fa, .orange.gradient.prism-text-btn .fa-brands, .gradient.prism-text-btn.warning .fa-brands, .orange.gradient.prism-text-btn .iconfont, .gradient.prism-text-btn.warning .iconfont, .orange.gradient.prism-icon .fa, .gradient.prism-icon.warning .fa, .orange.gradient.prism-icon .fa-brands, .gradient.prism-icon.warning .fa-brands, .orange.gradient.prism-icon .iconfont, .gradient.prism-icon.warning .iconfont, .orange.gradient.prism-btn .fa, .gradient.prism-btn.warning .fa, .orange.gradient.prism-btn .fa-brands, .gradient.prism-btn.warning .fa-brands, .orange.gradient.prism-btn .iconfont, .gradient.prism-btn.warning .iconfont, .orange.gradient.prism-card .fa, .gradient.prism-card.warning .fa, .orange.gradient.prism-card .fa-brands, .gradient.prism-card.warning .fa-brands, .orange.gradient.prism-card .iconfont, .gradient.prism-card.warning .iconfont {
   color: #FFFFFF !important;
 }
-
 .cyan.gradient.prism-icon-btn, .gradient.prism-icon-btn.info, .cyan.gradient.prism-text-btn, .gradient.prism-text-btn.info, .cyan.gradient.prism-icon, .gradient.prism-icon.info, .cyan.gradient.prism-btn, .gradient.prism-btn.info, .cyan.gradient.prism-card, .gradient.prism-card.info {
   background: linear-gradient(135deg, #14C9C9 0%, #67E8F9 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(20, 201, 201, 0.3) !important;
@@ -2201,7 +1951,6 @@ textarea::placeholder {
 .cyan.gradient.prism-icon-btn .fa, .gradient.prism-icon-btn.info .fa, .cyan.gradient.prism-icon-btn .fa-brands, .gradient.prism-icon-btn.info .fa-brands, .cyan.gradient.prism-icon-btn .iconfont, .gradient.prism-icon-btn.info .iconfont, .cyan.gradient.prism-text-btn .fa, .gradient.prism-text-btn.info .fa, .cyan.gradient.prism-text-btn .fa-brands, .gradient.prism-text-btn.info .fa-brands, .cyan.gradient.prism-text-btn .iconfont, .gradient.prism-text-btn.info .iconfont, .cyan.gradient.prism-icon .fa, .gradient.prism-icon.info .fa, .cyan.gradient.prism-icon .fa-brands, .gradient.prism-icon.info .fa-brands, .cyan.gradient.prism-icon .iconfont, .gradient.prism-icon.info .iconfont, .cyan.gradient.prism-btn .fa, .gradient.prism-btn.info .fa, .cyan.gradient.prism-btn .fa-brands, .gradient.prism-btn.info .fa-brands, .cyan.gradient.prism-btn .iconfont, .gradient.prism-btn.info .iconfont, .cyan.gradient.prism-card .fa, .gradient.prism-card.info .fa, .cyan.gradient.prism-card .fa-brands, .gradient.prism-card.info .fa-brands, .cyan.gradient.prism-card .iconfont, .gradient.prism-card.info .iconfont {
   color: #FFFFFF !important;
 }
-
 .yellow.gradient.prism-icon-btn, .yellow.gradient.prism-text-btn, .yellow.gradient.prism-icon, .yellow.gradient.prism-btn, .yellow.gradient.prism-card {
   background: linear-gradient(135deg, #FFB400 0%, #FDE68A 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(255, 180, 0, 0.3) !important;
@@ -2210,7 +1959,6 @@ textarea::placeholder {
 .yellow.gradient.prism-icon-btn .fa, .yellow.gradient.prism-icon-btn .fa-brands, .yellow.gradient.prism-icon-btn .iconfont, .yellow.gradient.prism-text-btn .fa, .yellow.gradient.prism-text-btn .fa-brands, .yellow.gradient.prism-text-btn .iconfont, .yellow.gradient.prism-icon .fa, .yellow.gradient.prism-icon .fa-brands, .yellow.gradient.prism-icon .iconfont, .yellow.gradient.prism-btn .fa, .yellow.gradient.prism-btn .fa-brands, .yellow.gradient.prism-btn .iconfont, .yellow.gradient.prism-card .fa, .yellow.gradient.prism-card .fa-brands, .yellow.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .pink.gradient.prism-icon-btn, .pink.gradient.prism-text-btn, .pink.gradient.prism-icon, .pink.gradient.prism-btn, .pink.gradient.prism-card {
   background: linear-gradient(135deg, #F53F7F 0%, #F9A8D4 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(245, 63, 127, 0.3) !important;
@@ -2219,7 +1967,6 @@ textarea::placeholder {
 .pink.gradient.prism-icon-btn .fa, .pink.gradient.prism-icon-btn .fa-brands, .pink.gradient.prism-icon-btn .iconfont, .pink.gradient.prism-text-btn .fa, .pink.gradient.prism-text-btn .fa-brands, .pink.gradient.prism-text-btn .iconfont, .pink.gradient.prism-icon .fa, .pink.gradient.prism-icon .fa-brands, .pink.gradient.prism-icon .iconfont, .pink.gradient.prism-btn .fa, .pink.gradient.prism-btn .fa-brands, .pink.gradient.prism-btn .iconfont, .pink.gradient.prism-card .fa, .pink.gradient.prism-card .fa-brands, .pink.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .magenta.gradient.prism-icon-btn, .magenta.gradient.prism-text-btn, .magenta.gradient.prism-icon, .magenta.gradient.prism-btn, .magenta.gradient.prism-card {
   background: linear-gradient(135deg, #EB2F96 0%, #F472B6 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(235, 47, 150, 0.3) !important;
@@ -2228,7 +1975,6 @@ textarea::placeholder {
 .magenta.gradient.prism-icon-btn .fa, .magenta.gradient.prism-icon-btn .fa-brands, .magenta.gradient.prism-icon-btn .iconfont, .magenta.gradient.prism-text-btn .fa, .magenta.gradient.prism-text-btn .fa-brands, .magenta.gradient.prism-text-btn .iconfont, .magenta.gradient.prism-icon .fa, .magenta.gradient.prism-icon .fa-brands, .magenta.gradient.prism-icon .iconfont, .magenta.gradient.prism-btn .fa, .magenta.gradient.prism-btn .fa-brands, .magenta.gradient.prism-btn .iconfont, .magenta.gradient.prism-card .fa, .magenta.gradient.prism-card .fa-brands, .magenta.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .indigo.gradient.prism-icon-btn, .indigo.gradient.prism-text-btn, .indigo.gradient.prism-icon, .indigo.gradient.prism-btn, .indigo.gradient.prism-card {
   background: linear-gradient(135deg, #2F54EB 0%, #A5B4FC 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(47, 84, 235, 0.3) !important;
@@ -2237,7 +1983,6 @@ textarea::placeholder {
 .indigo.gradient.prism-icon-btn .fa, .indigo.gradient.prism-icon-btn .fa-brands, .indigo.gradient.prism-icon-btn .iconfont, .indigo.gradient.prism-text-btn .fa, .indigo.gradient.prism-text-btn .fa-brands, .indigo.gradient.prism-text-btn .iconfont, .indigo.gradient.prism-icon .fa, .indigo.gradient.prism-icon .fa-brands, .indigo.gradient.prism-icon .iconfont, .indigo.gradient.prism-btn .fa, .indigo.gradient.prism-btn .fa-brands, .indigo.gradient.prism-btn .iconfont, .indigo.gradient.prism-card .fa, .indigo.gradient.prism-card .fa-brands, .indigo.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .teal.gradient.prism-icon-btn, .teal.gradient.prism-text-btn, .teal.gradient.prism-icon, .teal.gradient.prism-btn, .teal.gradient.prism-card {
   background: linear-gradient(135deg, #13C2C2 0%, #5EEAD4 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(19, 194, 194, 0.3) !important;
@@ -2246,7 +1991,6 @@ textarea::placeholder {
 .teal.gradient.prism-icon-btn .fa, .teal.gradient.prism-icon-btn .fa-brands, .teal.gradient.prism-icon-btn .iconfont, .teal.gradient.prism-text-btn .fa, .teal.gradient.prism-text-btn .fa-brands, .teal.gradient.prism-text-btn .iconfont, .teal.gradient.prism-icon .fa, .teal.gradient.prism-icon .fa-brands, .teal.gradient.prism-icon .iconfont, .teal.gradient.prism-btn .fa, .teal.gradient.prism-btn .fa-brands, .teal.gradient.prism-btn .iconfont, .teal.gradient.prism-card .fa, .teal.gradient.prism-card .fa-brands, .teal.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .violet.gradient.prism-icon-btn, .violet.gradient.prism-text-btn, .violet.gradient.prism-icon, .violet.gradient.prism-btn, .violet.gradient.prism-card {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
   box-shadow: 0 8rpx 32rpx rgba(102, 126, 234, 0.3) !important;
@@ -2255,7 +1999,6 @@ textarea::placeholder {
 .violet.gradient.prism-icon-btn .fa, .violet.gradient.prism-icon-btn .fa-brands, .violet.gradient.prism-icon-btn .iconfont, .violet.gradient.prism-text-btn .fa, .violet.gradient.prism-text-btn .fa-brands, .violet.gradient.prism-text-btn .iconfont, .violet.gradient.prism-icon .fa, .violet.gradient.prism-icon .fa-brands, .violet.gradient.prism-icon .iconfont, .violet.gradient.prism-btn .fa, .violet.gradient.prism-btn .fa-brands, .violet.gradient.prism-btn .iconfont, .violet.gradient.prism-card .fa, .violet.gradient.prism-card .fa-brands, .violet.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .rose.gradient.prism-icon-btn, .rose.gradient.prism-text-btn, .rose.gradient.prism-icon, .rose.gradient.prism-btn, .rose.gradient.prism-card {
   background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
   box-shadow: 0 8rpx 32rpx rgba(240, 147, 251, 0.3) !important;
@@ -2264,7 +2007,6 @@ textarea::placeholder {
 .rose.gradient.prism-icon-btn .fa, .rose.gradient.prism-icon-btn .fa-brands, .rose.gradient.prism-icon-btn .iconfont, .rose.gradient.prism-text-btn .fa, .rose.gradient.prism-text-btn .fa-brands, .rose.gradient.prism-text-btn .iconfont, .rose.gradient.prism-icon .fa, .rose.gradient.prism-icon .fa-brands, .rose.gradient.prism-icon .iconfont, .rose.gradient.prism-btn .fa, .rose.gradient.prism-btn .fa-brands, .rose.gradient.prism-btn .iconfont, .rose.gradient.prism-card .fa, .rose.gradient.prism-card .fa-brands, .rose.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .ai.gradient.prism-icon-btn, .ai.gradient.prism-text-btn, .ai.gradient.prism-icon, .ai.gradient.prism-btn, .ai.gradient.prism-card {
   background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 25%, #c44569 50%, #764ba2 75%, #667eea 100%) !important;
   box-shadow: 0 8rpx 32rpx rgba(196, 69, 105, 0.35) !important;
@@ -2273,7 +2015,6 @@ textarea::placeholder {
 .ai.gradient.prism-icon-btn .fa, .ai.gradient.prism-icon-btn .fa-brands, .ai.gradient.prism-icon-btn .iconfont, .ai.gradient.prism-text-btn .fa, .ai.gradient.prism-text-btn .fa-brands, .ai.gradient.prism-text-btn .iconfont, .ai.gradient.prism-icon .fa, .ai.gradient.prism-icon .fa-brands, .ai.gradient.prism-icon .iconfont, .ai.gradient.prism-btn .fa, .ai.gradient.prism-btn .fa-brands, .ai.gradient.prism-btn .iconfont, .ai.gradient.prism-card .fa, .ai.gradient.prism-card .fa-brands, .ai.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .success.gradient.prism-icon-btn, .success.gradient.prism-text-btn, .success.gradient.prism-icon, .success.gradient.prism-btn, .success.gradient.prism-card {
   background: linear-gradient(135deg, #00B42A 0%, #6EE7B7 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(0, 180, 42, 0.3) !important;
@@ -2282,7 +2023,6 @@ textarea::placeholder {
 .success.gradient.prism-icon-btn .fa, .success.gradient.prism-icon-btn .fa-brands, .success.gradient.prism-icon-btn .iconfont, .success.gradient.prism-text-btn .fa, .success.gradient.prism-text-btn .fa-brands, .success.gradient.prism-text-btn .iconfont, .success.gradient.prism-icon .fa, .success.gradient.prism-icon .fa-brands, .success.gradient.prism-icon .iconfont, .success.gradient.prism-btn .fa, .success.gradient.prism-btn .fa-brands, .success.gradient.prism-btn .iconfont, .success.gradient.prism-card .fa, .success.gradient.prism-card .fa-brands, .success.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .warning.gradient.prism-icon-btn, .warning.gradient.prism-text-btn, .warning.gradient.prism-icon, .warning.gradient.prism-btn, .warning.gradient.prism-card {
   background: linear-gradient(135deg, #FF7D00 0%, #FDBA74 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(255, 125, 0, 0.3) !important;
@@ -2291,7 +2031,6 @@ textarea::placeholder {
 .warning.gradient.prism-icon-btn .fa, .warning.gradient.prism-icon-btn .fa-brands, .warning.gradient.prism-icon-btn .iconfont, .warning.gradient.prism-text-btn .fa, .warning.gradient.prism-text-btn .fa-brands, .warning.gradient.prism-text-btn .iconfont, .warning.gradient.prism-icon .fa, .warning.gradient.prism-icon .fa-brands, .warning.gradient.prism-icon .iconfont, .warning.gradient.prism-btn .fa, .warning.gradient.prism-btn .fa-brands, .warning.gradient.prism-btn .iconfont, .warning.gradient.prism-card .fa, .warning.gradient.prism-card .fa-brands, .warning.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .danger.gradient.prism-icon-btn, .danger.gradient.prism-text-btn, .danger.gradient.prism-icon, .danger.gradient.prism-btn, .danger.gradient.prism-card {
   background: linear-gradient(135deg, #F53F3F 0%, #FCA5A5 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(245, 63, 63, 0.3) !important;
@@ -2300,7 +2039,6 @@ textarea::placeholder {
 .danger.gradient.prism-icon-btn .fa, .danger.gradient.prism-icon-btn .fa-brands, .danger.gradient.prism-icon-btn .iconfont, .danger.gradient.prism-text-btn .fa, .danger.gradient.prism-text-btn .fa-brands, .danger.gradient.prism-text-btn .iconfont, .danger.gradient.prism-icon .fa, .danger.gradient.prism-icon .fa-brands, .danger.gradient.prism-icon .iconfont, .danger.gradient.prism-btn .fa, .danger.gradient.prism-btn .fa-brands, .danger.gradient.prism-btn .iconfont, .danger.gradient.prism-card .fa, .danger.gradient.prism-card .fa-brands, .danger.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .info.gradient.prism-icon-btn, .info.gradient.prism-text-btn, .info.gradient.prism-icon, .info.gradient.prism-btn, .info.gradient.prism-card {
   background: linear-gradient(135deg, #14C9C9 0%, #67E8F9 100%) !important;
   box-shadow: 0 8rpx 24rpx rgba(20, 201, 201, 0.3) !important;
@@ -2309,7 +2047,6 @@ textarea::placeholder {
 .info.gradient.prism-icon-btn .fa, .info.gradient.prism-icon-btn .fa-brands, .info.gradient.prism-icon-btn .iconfont, .info.gradient.prism-text-btn .fa, .info.gradient.prism-text-btn .fa-brands, .info.gradient.prism-text-btn .iconfont, .info.gradient.prism-icon .fa, .info.gradient.prism-icon .fa-brands, .info.gradient.prism-icon .iconfont, .info.gradient.prism-btn .fa, .info.gradient.prism-btn .fa-brands, .info.gradient.prism-btn .iconfont, .info.gradient.prism-card .fa, .info.gradient.prism-card .fa-brands, .info.gradient.prism-card .iconfont {
   color: #FFFFFF !important;
 }
-
 .purple.outline.prism-icon-btn, .purple.outline.prism-text-btn, .purple.outline.prism-icon, .purple.outline.prism-btn, .purple.outline.prism-card {
   background: transparent !important;
   color: #722ED1 !important;
@@ -2325,7 +2062,6 @@ textarea::placeholder {
 .dark-mode .purple.outline.prism-icon-btn .fa, .dark-mode .purple.outline.prism-icon-btn .fa-brands, .dark-mode .purple.outline.prism-icon-btn .iconfont, .dark-mode .purple.outline.prism-text-btn .fa, .dark-mode .purple.outline.prism-text-btn .fa-brands, .dark-mode .purple.outline.prism-text-btn .iconfont, .dark-mode .purple.outline.prism-icon .fa, .dark-mode .purple.outline.prism-icon .fa-brands, .dark-mode .purple.outline.prism-icon .iconfont, .dark-mode .purple.outline.prism-btn .fa, .dark-mode .purple.outline.prism-btn .fa-brands, .dark-mode .purple.outline.prism-btn .iconfont, .dark-mode .purple.outline.prism-card .fa, .dark-mode .purple.outline.prism-card .fa-brands, .dark-mode .purple.outline.prism-card .iconfont {
   color: #A855F7 !important;
 }
-
 .blue.outline.prism-icon-btn, .blue.outline.prism-text-btn, .blue.outline.prism-icon, .blue.outline.prism-btn, .blue.outline.prism-card {
   background: transparent !important;
   color: #3478F6 !important;
@@ -2341,7 +2077,6 @@ textarea::placeholder {
 .dark-mode .blue.outline.prism-icon-btn .fa, .dark-mode .blue.outline.prism-icon-btn .fa-brands, .dark-mode .blue.outline.prism-icon-btn .iconfont, .dark-mode .blue.outline.prism-text-btn .fa, .dark-mode .blue.outline.prism-text-btn .fa-brands, .dark-mode .blue.outline.prism-text-btn .iconfont, .dark-mode .blue.outline.prism-icon .fa, .dark-mode .blue.outline.prism-icon .fa-brands, .dark-mode .blue.outline.prism-icon .iconfont, .dark-mode .blue.outline.prism-btn .fa, .dark-mode .blue.outline.prism-btn .fa-brands, .dark-mode .blue.outline.prism-btn .iconfont, .dark-mode .blue.outline.prism-card .fa, .dark-mode .blue.outline.prism-card .fa-brands, .dark-mode .blue.outline.prism-card .iconfont {
   color: #60A5FA !important;
 }
-
 .green.outline.prism-icon-btn, .outline.prism-icon-btn.success, .green.outline.prism-text-btn, .outline.prism-text-btn.success, .green.outline.prism-icon, .outline.prism-icon.success, .green.outline.prism-btn, .outline.prism-btn.success, .green.outline.prism-card, .outline.prism-card.success {
   background: transparent !important;
   color: #00B42A !important;
@@ -2357,7 +2092,6 @@ textarea::placeholder {
 .dark-mode .green.outline.prism-icon-btn .fa, .dark-mode .outline.prism-icon-btn.success .fa, .dark-mode .green.outline.prism-icon-btn .fa-brands, .dark-mode .outline.prism-icon-btn.success .fa-brands, .dark-mode .green.outline.prism-icon-btn .iconfont, .dark-mode .outline.prism-icon-btn.success .iconfont, .dark-mode .green.outline.prism-text-btn .fa, .dark-mode .outline.prism-text-btn.success .fa, .dark-mode .green.outline.prism-text-btn .fa-brands, .dark-mode .outline.prism-text-btn.success .fa-brands, .dark-mode .green.outline.prism-text-btn .iconfont, .dark-mode .outline.prism-text-btn.success .iconfont, .dark-mode .green.outline.prism-icon .fa, .dark-mode .outline.prism-icon.success .fa, .dark-mode .green.outline.prism-icon .fa-brands, .dark-mode .outline.prism-icon.success .fa-brands, .dark-mode .green.outline.prism-icon .iconfont, .dark-mode .outline.prism-icon.success .iconfont, .dark-mode .green.outline.prism-btn .fa, .dark-mode .outline.prism-btn.success .fa, .dark-mode .green.outline.prism-btn .fa-brands, .dark-mode .outline.prism-btn.success .fa-brands, .dark-mode .green.outline.prism-btn .iconfont, .dark-mode .outline.prism-btn.success .iconfont, .dark-mode .green.outline.prism-card .fa, .dark-mode .outline.prism-card.success .fa, .dark-mode .green.outline.prism-card .fa-brands, .dark-mode .outline.prism-card.success .fa-brands, .dark-mode .green.outline.prism-card .iconfont, .dark-mode .outline.prism-card.success .iconfont {
   color: #34D399 !important;
 }
-
 .red.outline.prism-icon-btn, .outline.prism-icon-btn.danger, .red.outline.prism-text-btn, .outline.prism-text-btn.danger, .red.outline.prism-icon, .outline.prism-icon.danger, .red.outline.prism-btn, .outline.prism-btn.danger, .red.outline.prism-card, .outline.prism-card.danger {
   background: transparent !important;
   color: #F53F3F !important;
@@ -2373,7 +2107,6 @@ textarea::placeholder {
 .dark-mode .red.outline.prism-icon-btn .fa, .dark-mode .outline.prism-icon-btn.danger .fa, .dark-mode .red.outline.prism-icon-btn .fa-brands, .dark-mode .outline.prism-icon-btn.danger .fa-brands, .dark-mode .red.outline.prism-icon-btn .iconfont, .dark-mode .outline.prism-icon-btn.danger .iconfont, .dark-mode .red.outline.prism-text-btn .fa, .dark-mode .outline.prism-text-btn.danger .fa, .dark-mode .red.outline.prism-text-btn .fa-brands, .dark-mode .outline.prism-text-btn.danger .fa-brands, .dark-mode .red.outline.prism-text-btn .iconfont, .dark-mode .outline.prism-text-btn.danger .iconfont, .dark-mode .red.outline.prism-icon .fa, .dark-mode .outline.prism-icon.danger .fa, .dark-mode .red.outline.prism-icon .fa-brands, .dark-mode .outline.prism-icon.danger .fa-brands, .dark-mode .red.outline.prism-icon .iconfont, .dark-mode .outline.prism-icon.danger .iconfont, .dark-mode .red.outline.prism-btn .fa, .dark-mode .outline.prism-btn.danger .fa, .dark-mode .red.outline.prism-btn .fa-brands, .dark-mode .outline.prism-btn.danger .fa-brands, .dark-mode .red.outline.prism-btn .iconfont, .dark-mode .outline.prism-btn.danger .iconfont, .dark-mode .red.outline.prism-card .fa, .dark-mode .outline.prism-card.danger .fa, .dark-mode .red.outline.prism-card .fa-brands, .dark-mode .outline.prism-card.danger .fa-brands, .dark-mode .red.outline.prism-card .iconfont, .dark-mode .outline.prism-card.danger .iconfont {
   color: #F87171 !important;
 }
-
 .orange.outline.prism-icon-btn, .outline.prism-icon-btn.warning, .orange.outline.prism-text-btn, .outline.prism-text-btn.warning, .orange.outline.prism-icon, .outline.prism-icon.warning, .orange.outline.prism-btn, .outline.prism-btn.warning, .orange.outline.prism-card, .outline.prism-card.warning {
   background: transparent !important;
   color: #FF7D00 !important;
@@ -2389,7 +2122,6 @@ textarea::placeholder {
 .dark-mode .orange.outline.prism-icon-btn .fa, .dark-mode .outline.prism-icon-btn.warning .fa, .dark-mode .orange.outline.prism-icon-btn .fa-brands, .dark-mode .outline.prism-icon-btn.warning .fa-brands, .dark-mode .orange.outline.prism-icon-btn .iconfont, .dark-mode .outline.prism-icon-btn.warning .iconfont, .dark-mode .orange.outline.prism-text-btn .fa, .dark-mode .outline.prism-text-btn.warning .fa, .dark-mode .orange.outline.prism-text-btn .fa-brands, .dark-mode .outline.prism-text-btn.warning .fa-brands, .dark-mode .orange.outline.prism-text-btn .iconfont, .dark-mode .outline.prism-text-btn.warning .iconfont, .dark-mode .orange.outline.prism-icon .fa, .dark-mode .outline.prism-icon.warning .fa, .dark-mode .orange.outline.prism-icon .fa-brands, .dark-mode .outline.prism-icon.warning .fa-brands, .dark-mode .orange.outline.prism-icon .iconfont, .dark-mode .outline.prism-icon.warning .iconfont, .dark-mode .orange.outline.prism-btn .fa, .dark-mode .outline.prism-btn.warning .fa, .dark-mode .orange.outline.prism-btn .fa-brands, .dark-mode .outline.prism-btn.warning .fa-brands, .dark-mode .orange.outline.prism-btn .iconfont, .dark-mode .outline.prism-btn.warning .iconfont, .dark-mode .orange.outline.prism-card .fa, .dark-mode .outline.prism-card.warning .fa, .dark-mode .orange.outline.prism-card .fa-brands, .dark-mode .outline.prism-card.warning .fa-brands, .dark-mode .orange.outline.prism-card .iconfont, .dark-mode .outline.prism-card.warning .iconfont {
   color: #FB923C !important;
 }
-
 .cyan.outline.prism-icon-btn, .outline.prism-icon-btn.info, .cyan.outline.prism-text-btn, .outline.prism-text-btn.info, .cyan.outline.prism-icon, .outline.prism-icon.info, .cyan.outline.prism-btn, .outline.prism-btn.info, .cyan.outline.prism-card, .outline.prism-card.info {
   background: transparent !important;
   color: #14C9C9 !important;
@@ -2405,7 +2137,6 @@ textarea::placeholder {
 .dark-mode .cyan.outline.prism-icon-btn .fa, .dark-mode .outline.prism-icon-btn.info .fa, .dark-mode .cyan.outline.prism-icon-btn .fa-brands, .dark-mode .outline.prism-icon-btn.info .fa-brands, .dark-mode .cyan.outline.prism-icon-btn .iconfont, .dark-mode .outline.prism-icon-btn.info .iconfont, .dark-mode .cyan.outline.prism-text-btn .fa, .dark-mode .outline.prism-text-btn.info .fa, .dark-mode .cyan.outline.prism-text-btn .fa-brands, .dark-mode .outline.prism-text-btn.info .fa-brands, .dark-mode .cyan.outline.prism-text-btn .iconfont, .dark-mode .outline.prism-text-btn.info .iconfont, .dark-mode .cyan.outline.prism-icon .fa, .dark-mode .outline.prism-icon.info .fa, .dark-mode .cyan.outline.prism-icon .fa-brands, .dark-mode .outline.prism-icon.info .fa-brands, .dark-mode .cyan.outline.prism-icon .iconfont, .dark-mode .outline.prism-icon.info .iconfont, .dark-mode .cyan.outline.prism-btn .fa, .dark-mode .outline.prism-btn.info .fa, .dark-mode .cyan.outline.prism-btn .fa-brands, .dark-mode .outline.prism-btn.info .fa-brands, .dark-mode .cyan.outline.prism-btn .iconfont, .dark-mode .outline.prism-btn.info .iconfont, .dark-mode .cyan.outline.prism-card .fa, .dark-mode .outline.prism-card.info .fa, .dark-mode .cyan.outline.prism-card .fa-brands, .dark-mode .outline.prism-card.info .fa-brands, .dark-mode .cyan.outline.prism-card .iconfont, .dark-mode .outline.prism-card.info .iconfont {
   color: #22D3EE !important;
 }
-
 .yellow.outline.prism-icon-btn, .yellow.outline.prism-text-btn, .yellow.outline.prism-icon, .yellow.outline.prism-btn, .yellow.outline.prism-card {
   background: transparent !important;
   color: #FFB400 !important;
@@ -2421,7 +2152,6 @@ textarea::placeholder {
 .dark-mode .yellow.outline.prism-icon-btn .fa, .dark-mode .yellow.outline.prism-icon-btn .fa-brands, .dark-mode .yellow.outline.prism-icon-btn .iconfont, .dark-mode .yellow.outline.prism-text-btn .fa, .dark-mode .yellow.outline.prism-text-btn .fa-brands, .dark-mode .yellow.outline.prism-text-btn .iconfont, .dark-mode .yellow.outline.prism-icon .fa, .dark-mode .yellow.outline.prism-icon .fa-brands, .dark-mode .yellow.outline.prism-icon .iconfont, .dark-mode .yellow.outline.prism-btn .fa, .dark-mode .yellow.outline.prism-btn .fa-brands, .dark-mode .yellow.outline.prism-btn .iconfont, .dark-mode .yellow.outline.prism-card .fa, .dark-mode .yellow.outline.prism-card .fa-brands, .dark-mode .yellow.outline.prism-card .iconfont {
   color: #FCD34D !important;
 }
-
 .pink.outline.prism-icon-btn, .pink.outline.prism-text-btn, .pink.outline.prism-icon, .pink.outline.prism-btn, .pink.outline.prism-card {
   background: transparent !important;
   color: #F53F7F !important;
@@ -2437,7 +2167,6 @@ textarea::placeholder {
 .dark-mode .pink.outline.prism-icon-btn .fa, .dark-mode .pink.outline.prism-icon-btn .fa-brands, .dark-mode .pink.outline.prism-icon-btn .iconfont, .dark-mode .pink.outline.prism-text-btn .fa, .dark-mode .pink.outline.prism-text-btn .fa-brands, .dark-mode .pink.outline.prism-text-btn .iconfont, .dark-mode .pink.outline.prism-icon .fa, .dark-mode .pink.outline.prism-icon .fa-brands, .dark-mode .pink.outline.prism-icon .iconfont, .dark-mode .pink.outline.prism-btn .fa, .dark-mode .pink.outline.prism-btn .fa-brands, .dark-mode .pink.outline.prism-btn .iconfont, .dark-mode .pink.outline.prism-card .fa, .dark-mode .pink.outline.prism-card .fa-brands, .dark-mode .pink.outline.prism-card .iconfont {
   color: #F472B6 !important;
 }
-
 .magenta.outline.prism-icon-btn, .magenta.outline.prism-text-btn, .magenta.outline.prism-icon, .magenta.outline.prism-btn, .magenta.outline.prism-card {
   background: transparent !important;
   color: #EB2F96 !important;
@@ -2453,7 +2182,6 @@ textarea::placeholder {
 .dark-mode .magenta.outline.prism-icon-btn .fa, .dark-mode .magenta.outline.prism-icon-btn .fa-brands, .dark-mode .magenta.outline.prism-icon-btn .iconfont, .dark-mode .magenta.outline.prism-text-btn .fa, .dark-mode .magenta.outline.prism-text-btn .fa-brands, .dark-mode .magenta.outline.prism-text-btn .iconfont, .dark-mode .magenta.outline.prism-icon .fa, .dark-mode .magenta.outline.prism-icon .fa-brands, .dark-mode .magenta.outline.prism-icon .iconfont, .dark-mode .magenta.outline.prism-btn .fa, .dark-mode .magenta.outline.prism-btn .fa-brands, .dark-mode .magenta.outline.prism-btn .iconfont, .dark-mode .magenta.outline.prism-card .fa, .dark-mode .magenta.outline.prism-card .fa-brands, .dark-mode .magenta.outline.prism-card .iconfont {
   color: #EC4899 !important;
 }
-
 .indigo.outline.prism-icon-btn, .indigo.outline.prism-text-btn, .indigo.outline.prism-icon, .indigo.outline.prism-btn, .indigo.outline.prism-card {
   background: transparent !important;
   color: #2F54EB !important;
@@ -2469,7 +2197,6 @@ textarea::placeholder {
 .dark-mode .indigo.outline.prism-icon-btn .fa, .dark-mode .indigo.outline.prism-icon-btn .fa-brands, .dark-mode .indigo.outline.prism-icon-btn .iconfont, .dark-mode .indigo.outline.prism-text-btn .fa, .dark-mode .indigo.outline.prism-text-btn .fa-brands, .dark-mode .indigo.outline.prism-text-btn .iconfont, .dark-mode .indigo.outline.prism-icon .fa, .dark-mode .indigo.outline.prism-icon .fa-brands, .dark-mode .indigo.outline.prism-icon .iconfont, .dark-mode .indigo.outline.prism-btn .fa, .dark-mode .indigo.outline.prism-btn .fa-brands, .dark-mode .indigo.outline.prism-btn .iconfont, .dark-mode .indigo.outline.prism-card .fa, .dark-mode .indigo.outline.prism-card .fa-brands, .dark-mode .indigo.outline.prism-card .iconfont {
   color: #818CF8 !important;
 }
-
 .teal.outline.prism-icon-btn, .teal.outline.prism-text-btn, .teal.outline.prism-icon, .teal.outline.prism-btn, .teal.outline.prism-card {
   background: transparent !important;
   color: #13C2C2 !important;
@@ -2485,7 +2212,6 @@ textarea::placeholder {
 .dark-mode .teal.outline.prism-icon-btn .fa, .dark-mode .teal.outline.prism-icon-btn .fa-brands, .dark-mode .teal.outline.prism-icon-btn .iconfont, .dark-mode .teal.outline.prism-text-btn .fa, .dark-mode .teal.outline.prism-text-btn .fa-brands, .dark-mode .teal.outline.prism-text-btn .iconfont, .dark-mode .teal.outline.prism-icon .fa, .dark-mode .teal.outline.prism-icon .fa-brands, .dark-mode .teal.outline.prism-icon .iconfont, .dark-mode .teal.outline.prism-btn .fa, .dark-mode .teal.outline.prism-btn .fa-brands, .dark-mode .teal.outline.prism-btn .iconfont, .dark-mode .teal.outline.prism-card .fa, .dark-mode .teal.outline.prism-card .fa-brands, .dark-mode .teal.outline.prism-card .iconfont {
   color: #2DD4BF !important;
 }
-
 .violet.outline.prism-icon-btn, .violet.outline.prism-text-btn, .violet.outline.prism-icon, .violet.outline.prism-btn, .violet.outline.prism-card {
   background: transparent !important;
   color: #667eea !important;
@@ -2501,7 +2227,6 @@ textarea::placeholder {
 .dark-mode .violet.outline.prism-icon-btn .fa, .dark-mode .violet.outline.prism-icon-btn .fa-brands, .dark-mode .violet.outline.prism-icon-btn .iconfont, .dark-mode .violet.outline.prism-text-btn .fa, .dark-mode .violet.outline.prism-text-btn .fa-brands, .dark-mode .violet.outline.prism-text-btn .iconfont, .dark-mode .violet.outline.prism-icon .fa, .dark-mode .violet.outline.prism-icon .fa-brands, .dark-mode .violet.outline.prism-icon .iconfont, .dark-mode .violet.outline.prism-btn .fa, .dark-mode .violet.outline.prism-btn .fa-brands, .dark-mode .violet.outline.prism-btn .iconfont, .dark-mode .violet.outline.prism-card .fa, .dark-mode .violet.outline.prism-card .fa-brands, .dark-mode .violet.outline.prism-card .iconfont {
   color: #8599ee !important;
 }
-
 .rose.outline.prism-icon-btn, .rose.outline.prism-text-btn, .rose.outline.prism-icon, .rose.outline.prism-btn, .rose.outline.prism-card {
   background: transparent !important;
   color: #f093fb !important;
@@ -2517,7 +2242,6 @@ textarea::placeholder {
 .dark-mode .rose.outline.prism-icon-btn .fa, .dark-mode .rose.outline.prism-icon-btn .fa-brands, .dark-mode .rose.outline.prism-icon-btn .iconfont, .dark-mode .rose.outline.prism-text-btn .fa, .dark-mode .rose.outline.prism-text-btn .fa-brands, .dark-mode .rose.outline.prism-text-btn .iconfont, .dark-mode .rose.outline.prism-icon .fa, .dark-mode .rose.outline.prism-icon .fa-brands, .dark-mode .rose.outline.prism-icon .iconfont, .dark-mode .rose.outline.prism-btn .fa, .dark-mode .rose.outline.prism-btn .fa-brands, .dark-mode .rose.outline.prism-btn .iconfont, .dark-mode .rose.outline.prism-card .fa, .dark-mode .rose.outline.prism-card .fa-brands, .dark-mode .rose.outline.prism-card .iconfont {
   color: #f5576c !important;
 }
-
 .ai.outline.prism-icon-btn, .ai.outline.prism-text-btn, .ai.outline.prism-icon, .ai.outline.prism-btn, .ai.outline.prism-card {
   background: transparent !important;
   color: #c44569 !important;
@@ -2533,7 +2257,6 @@ textarea::placeholder {
 .dark-mode .ai.outline.prism-icon-btn .fa, .dark-mode .ai.outline.prism-icon-btn .fa-brands, .dark-mode .ai.outline.prism-icon-btn .iconfont, .dark-mode .ai.outline.prism-text-btn .fa, .dark-mode .ai.outline.prism-text-btn .fa-brands, .dark-mode .ai.outline.prism-text-btn .iconfont, .dark-mode .ai.outline.prism-icon .fa, .dark-mode .ai.outline.prism-icon .fa-brands, .dark-mode .ai.outline.prism-icon .iconfont, .dark-mode .ai.outline.prism-btn .fa, .dark-mode .ai.outline.prism-btn .fa-brands, .dark-mode .ai.outline.prism-btn .iconfont, .dark-mode .ai.outline.prism-card .fa, .dark-mode .ai.outline.prism-card .fa-brands, .dark-mode .ai.outline.prism-card .iconfont {
   color: #ee5a6f !important;
 }
-
 .success.outline.prism-icon-btn, .success.outline.prism-text-btn, .success.outline.prism-icon, .success.outline.prism-btn, .success.outline.prism-card {
   background: transparent !important;
   color: #00B42A !important;
@@ -2549,7 +2272,6 @@ textarea::placeholder {
 .dark-mode .success.outline.prism-icon-btn .fa, .dark-mode .success.outline.prism-icon-btn .fa-brands, .dark-mode .success.outline.prism-icon-btn .iconfont, .dark-mode .success.outline.prism-text-btn .fa, .dark-mode .success.outline.prism-text-btn .fa-brands, .dark-mode .success.outline.prism-text-btn .iconfont, .dark-mode .success.outline.prism-icon .fa, .dark-mode .success.outline.prism-icon .fa-brands, .dark-mode .success.outline.prism-icon .iconfont, .dark-mode .success.outline.prism-btn .fa, .dark-mode .success.outline.prism-btn .fa-brands, .dark-mode .success.outline.prism-btn .iconfont, .dark-mode .success.outline.prism-card .fa, .dark-mode .success.outline.prism-card .fa-brands, .dark-mode .success.outline.prism-card .iconfont {
   color: #34D399 !important;
 }
-
 .warning.outline.prism-icon-btn, .warning.outline.prism-text-btn, .warning.outline.prism-icon, .warning.outline.prism-btn, .warning.outline.prism-card {
   background: transparent !important;
   color: #FF7D00 !important;
@@ -2565,7 +2287,6 @@ textarea::placeholder {
 .dark-mode .warning.outline.prism-icon-btn .fa, .dark-mode .warning.outline.prism-icon-btn .fa-brands, .dark-mode .warning.outline.prism-icon-btn .iconfont, .dark-mode .warning.outline.prism-text-btn .fa, .dark-mode .warning.outline.prism-text-btn .fa-brands, .dark-mode .warning.outline.prism-text-btn .iconfont, .dark-mode .warning.outline.prism-icon .fa, .dark-mode .warning.outline.prism-icon .fa-brands, .dark-mode .warning.outline.prism-icon .iconfont, .dark-mode .warning.outline.prism-btn .fa, .dark-mode .warning.outline.prism-btn .fa-brands, .dark-mode .warning.outline.prism-btn .iconfont, .dark-mode .warning.outline.prism-card .fa, .dark-mode .warning.outline.prism-card .fa-brands, .dark-mode .warning.outline.prism-card .iconfont {
   color: #FB923C !important;
 }
-
 .danger.outline.prism-icon-btn, .danger.outline.prism-text-btn, .danger.outline.prism-icon, .danger.outline.prism-btn, .danger.outline.prism-card {
   background: transparent !important;
   color: #F53F3F !important;
@@ -2581,7 +2302,6 @@ textarea::placeholder {
 .dark-mode .danger.outline.prism-icon-btn .fa, .dark-mode .danger.outline.prism-icon-btn .fa-brands, .dark-mode .danger.outline.prism-icon-btn .iconfont, .dark-mode .danger.outline.prism-text-btn .fa, .dark-mode .danger.outline.prism-text-btn .fa-brands, .dark-mode .danger.outline.prism-text-btn .iconfont, .dark-mode .danger.outline.prism-icon .fa, .dark-mode .danger.outline.prism-icon .fa-brands, .dark-mode .danger.outline.prism-icon .iconfont, .dark-mode .danger.outline.prism-btn .fa, .dark-mode .danger.outline.prism-btn .fa-brands, .dark-mode .danger.outline.prism-btn .iconfont, .dark-mode .danger.outline.prism-card .fa, .dark-mode .danger.outline.prism-card .fa-brands, .dark-mode .danger.outline.prism-card .iconfont {
   color: #F87171 !important;
 }
-
 .info.outline.prism-icon-btn, .info.outline.prism-text-btn, .info.outline.prism-icon, .info.outline.prism-btn, .info.outline.prism-card {
   background: transparent !important;
   color: #14C9C9 !important;
@@ -2597,508 +2317,417 @@ textarea::placeholder {
 .dark-mode .info.outline.prism-icon-btn .fa, .dark-mode .info.outline.prism-icon-btn .fa-brands, .dark-mode .info.outline.prism-icon-btn .iconfont, .dark-mode .info.outline.prism-text-btn .fa, .dark-mode .info.outline.prism-text-btn .fa-brands, .dark-mode .info.outline.prism-text-btn .iconfont, .dark-mode .info.outline.prism-icon .fa, .dark-mode .info.outline.prism-icon .fa-brands, .dark-mode .info.outline.prism-icon .iconfont, .dark-mode .info.outline.prism-btn .fa, .dark-mode .info.outline.prism-btn .fa-brands, .dark-mode .info.outline.prism-btn .iconfont, .dark-mode .info.outline.prism-card .fa, .dark-mode .info.outline.prism-card .fa-brands, .dark-mode .info.outline.prism-card .iconfont {
   color: #22D3EE !important;
 }
-
-/* ==================== 基础颜色工具类 ==================== */
 .prism-color-purple {
   color: #722ED1;
 }
 .dark-mode .prism-color-purple {
   color: #A855F7;
 }
-
 .prism-bg-purple {
   background-color: #722ED1;
 }
-
 .prism-bg-purple-light {
   background-color: rgba(114, 46, 209, 0.15);
 }
 .dark-mode .prism-bg-purple-light {
   background-color: rgba(114, 46, 209, 0.25);
 }
-
 .prism-border-purple {
   border-color: #722ED1;
 }
 .dark-mode .prism-border-purple {
   border-color: #A855F7;
 }
-
 .prism-color-blue {
   color: #3478F6;
 }
 .dark-mode .prism-color-blue {
   color: #60A5FA;
 }
-
 .prism-bg-blue {
   background-color: #3478F6;
 }
-
 .prism-bg-blue-light {
   background-color: rgba(52, 120, 246, 0.15);
 }
 .dark-mode .prism-bg-blue-light {
   background-color: rgba(52, 120, 246, 0.25);
 }
-
 .prism-border-blue {
   border-color: #3478F6;
 }
 .dark-mode .prism-border-blue {
   border-color: #60A5FA;
 }
-
 .prism-color-green {
   color: #00B42A;
 }
 .dark-mode .prism-color-green {
   color: #34D399;
 }
-
 .prism-bg-green {
   background-color: #00B42A;
 }
-
 .prism-bg-green-light {
   background-color: rgba(0, 180, 42, 0.15);
 }
 .dark-mode .prism-bg-green-light {
   background-color: rgba(0, 180, 42, 0.25);
 }
-
 .prism-border-green {
   border-color: #00B42A;
 }
 .dark-mode .prism-border-green {
   border-color: #34D399;
 }
-
 .prism-color-red {
   color: #F53F3F;
 }
 .dark-mode .prism-color-red {
   color: #F87171;
 }
-
 .prism-bg-red {
   background-color: #F53F3F;
 }
-
 .prism-bg-red-light {
   background-color: rgba(245, 63, 63, 0.15);
 }
 .dark-mode .prism-bg-red-light {
   background-color: rgba(245, 63, 63, 0.25);
 }
-
 .prism-border-red {
   border-color: #F53F3F;
 }
 .dark-mode .prism-border-red {
   border-color: #F87171;
 }
-
 .prism-color-orange {
   color: #FF7D00;
 }
 .dark-mode .prism-color-orange {
   color: #FB923C;
 }
-
 .prism-bg-orange {
   background-color: #FF7D00;
 }
-
 .prism-bg-orange-light {
   background-color: rgba(255, 125, 0, 0.15);
 }
 .dark-mode .prism-bg-orange-light {
   background-color: rgba(255, 125, 0, 0.25);
 }
-
 .prism-border-orange {
   border-color: #FF7D00;
 }
 .dark-mode .prism-border-orange {
   border-color: #FB923C;
 }
-
 .prism-color-cyan {
   color: #14C9C9;
 }
 .dark-mode .prism-color-cyan {
   color: #22D3EE;
 }
-
 .prism-bg-cyan {
   background-color: #14C9C9;
 }
-
 .prism-bg-cyan-light {
   background-color: rgba(20, 201, 201, 0.15);
 }
 .dark-mode .prism-bg-cyan-light {
   background-color: rgba(20, 201, 201, 0.25);
 }
-
 .prism-border-cyan {
   border-color: #14C9C9;
 }
 .dark-mode .prism-border-cyan {
   border-color: #22D3EE;
 }
-
 .prism-color-yellow {
   color: #FFB400;
 }
 .dark-mode .prism-color-yellow {
   color: #FCD34D;
 }
-
 .prism-bg-yellow {
   background-color: #FFB400;
 }
-
 .prism-bg-yellow-light {
   background-color: rgba(255, 180, 0, 0.15);
 }
 .dark-mode .prism-bg-yellow-light {
   background-color: rgba(255, 180, 0, 0.25);
 }
-
 .prism-border-yellow {
   border-color: #FFB400;
 }
 .dark-mode .prism-border-yellow {
   border-color: #FCD34D;
 }
-
 .prism-color-pink {
   color: #F53F7F;
 }
 .dark-mode .prism-color-pink {
   color: #F472B6;
 }
-
 .prism-bg-pink {
   background-color: #F53F7F;
 }
-
 .prism-bg-pink-light {
   background-color: rgba(245, 63, 127, 0.15);
 }
 .dark-mode .prism-bg-pink-light {
   background-color: rgba(245, 63, 127, 0.25);
 }
-
 .prism-border-pink {
   border-color: #F53F7F;
 }
 .dark-mode .prism-border-pink {
   border-color: #F472B6;
 }
-
 .prism-color-magenta {
   color: #EB2F96;
 }
 .dark-mode .prism-color-magenta {
   color: #EC4899;
 }
-
 .prism-bg-magenta {
   background-color: #EB2F96;
 }
-
 .prism-bg-magenta-light {
   background-color: rgba(235, 47, 150, 0.15);
 }
 .dark-mode .prism-bg-magenta-light {
   background-color: rgba(235, 47, 150, 0.25);
 }
-
 .prism-border-magenta {
   border-color: #EB2F96;
 }
 .dark-mode .prism-border-magenta {
   border-color: #EC4899;
 }
-
 .prism-color-indigo {
   color: #2F54EB;
 }
 .dark-mode .prism-color-indigo {
   color: #818CF8;
 }
-
 .prism-bg-indigo {
   background-color: #2F54EB;
 }
-
 .prism-bg-indigo-light {
   background-color: rgba(47, 84, 235, 0.15);
 }
 .dark-mode .prism-bg-indigo-light {
   background-color: rgba(47, 84, 235, 0.25);
 }
-
 .prism-border-indigo {
   border-color: #2F54EB;
 }
 .dark-mode .prism-border-indigo {
   border-color: #818CF8;
 }
-
 .prism-color-teal {
   color: #13C2C2;
 }
 .dark-mode .prism-color-teal {
   color: #2DD4BF;
 }
-
 .prism-bg-teal {
   background-color: #13C2C2;
 }
-
 .prism-bg-teal-light {
   background-color: rgba(19, 194, 194, 0.15);
 }
 .dark-mode .prism-bg-teal-light {
   background-color: rgba(19, 194, 194, 0.25);
 }
-
 .prism-border-teal {
   border-color: #13C2C2;
 }
 .dark-mode .prism-border-teal {
   border-color: #2DD4BF;
 }
-
 .prism-color-violet {
   color: #667eea;
 }
 .dark-mode .prism-color-violet {
   color: #8599ee;
 }
-
 .prism-bg-violet {
   background-color: #667eea;
 }
-
 .prism-bg-violet-light {
   background-color: rgba(102, 126, 234, 0.15);
 }
 .dark-mode .prism-bg-violet-light {
   background-color: rgba(102, 126, 234, 0.25);
 }
-
 .prism-border-violet {
   border-color: #667eea;
 }
 .dark-mode .prism-border-violet {
   border-color: #8599ee;
 }
-
 .prism-color-rose {
   color: #f093fb;
 }
 .dark-mode .prism-color-rose {
   color: #f5576c;
 }
-
 .prism-bg-rose {
   background-color: #f093fb;
 }
-
 .prism-bg-rose-light {
   background-color: rgba(240, 147, 251, 0.15);
 }
 .dark-mode .prism-bg-rose-light {
   background-color: rgba(240, 147, 251, 0.25);
 }
-
 .prism-border-rose {
   border-color: #f093fb;
 }
 .dark-mode .prism-border-rose {
   border-color: #f5576c;
 }
-
 .prism-color-ai {
   color: #c44569;
 }
 .dark-mode .prism-color-ai {
   color: #ee5a6f;
 }
-
 .prism-bg-ai {
   background-color: #c44569;
 }
-
 .prism-bg-ai-light {
   background-color: rgba(196, 69, 105, 0.15);
 }
 .dark-mode .prism-bg-ai-light {
   background-color: rgba(196, 69, 105, 0.25);
 }
-
 .prism-border-ai {
   border-color: #c44569;
 }
 .dark-mode .prism-border-ai {
   border-color: #ee5a6f;
 }
-
 .prism-color-success {
   color: #00B42A;
 }
 .dark-mode .prism-color-success {
   color: #34D399;
 }
-
 .prism-bg-success {
   background-color: #00B42A;
 }
-
 .prism-bg-success-light {
   background-color: rgba(0, 180, 42, 0.15);
 }
 .dark-mode .prism-bg-success-light {
   background-color: rgba(0, 180, 42, 0.25);
 }
-
 .prism-border-success {
   border-color: #00B42A;
 }
 .dark-mode .prism-border-success {
   border-color: #34D399;
 }
-
 .prism-color-warning {
   color: #FF7D00;
 }
 .dark-mode .prism-color-warning {
   color: #FB923C;
 }
-
 .prism-bg-warning {
   background-color: #FF7D00;
 }
-
 .prism-bg-warning-light {
   background-color: rgba(255, 125, 0, 0.15);
 }
 .dark-mode .prism-bg-warning-light {
   background-color: rgba(255, 125, 0, 0.25);
 }
-
 .prism-border-warning {
   border-color: #FF7D00;
 }
 .dark-mode .prism-border-warning {
   border-color: #FB923C;
 }
-
 .prism-color-danger {
   color: #F53F3F;
 }
 .dark-mode .prism-color-danger {
   color: #F87171;
 }
-
 .prism-bg-danger {
   background-color: #F53F3F;
 }
-
 .prism-bg-danger-light {
   background-color: rgba(245, 63, 63, 0.15);
 }
 .dark-mode .prism-bg-danger-light {
   background-color: rgba(245, 63, 63, 0.25);
 }
-
 .prism-border-danger {
   border-color: #F53F3F;
 }
 .dark-mode .prism-border-danger {
   border-color: #F87171;
 }
-
 .prism-color-info {
   color: #14C9C9;
 }
 .dark-mode .prism-color-info {
   color: #22D3EE;
 }
-
 .prism-bg-info {
   background-color: #14C9C9;
 }
-
 .prism-bg-info-light {
   background-color: rgba(20, 201, 201, 0.15);
 }
 .dark-mode .prism-bg-info-light {
   background-color: rgba(20, 201, 201, 0.25);
 }
-
 .prism-border-info {
   border-color: #14C9C9;
 }
 .dark-mode .prism-border-info {
   border-color: #22D3EE;
 }
-
 .prism-color-primary {
   color: var(--prism-primary-color);
 }
-
 .prism-bg-primary {
   background-color: var(--prism-primary-color);
 }
-
 .prism-bg-primary-light {
   background-color: var(--prism-primary-alpha-15);
 }
 .dark-mode .prism-bg-primary-light {
   background-color: var(--prism-primary-alpha-25);
 }
-
 .prism-border-primary {
   border-color: var(--prism-primary-color);
 }
-
-/* ==================== 默认主题色工具类 ==================== */
 .prism-color {
   color: var(--prism-primary-color);
 }
-
 .prism-bg {
   background-color: var(--prism-primary-color);
 }
-
 .prism-bg-light {
   background-color: var(--prism-primary-alpha-15);
 }
 .dark-mode .prism-bg-light {
   background-color: var(--prism-primary-alpha-25);
 }
-
 .prism-border {
   border-color: var(--prism-primary-color);
 }
-
 .prism-bg-gradient {
   background: var(--prism-primary-gradient);
 }
-
-/**
- * Prism UI - 按钮组件样式
- * 支持多种颜色、风格和尺寸
- */
-/* ============================================================
-   按钮基础样式
-   ============================================================ */
 .prism-btn {
   display: flex;
   align-items: center;
@@ -3118,7 +2747,6 @@ textarea::placeholder {
   border: none;
 }
 .prism-btn {
-  /* -------------------- 尺寸修饰符 -------------------- */
 }
 .prism-btn--lg {
   height: 100rpx;
@@ -3142,22 +2770,16 @@ textarea::placeholder {
   border-radius: 12rpx;
 }
 .prism-btn {
-  /* -------------------- 块级按钮 -------------------- */
 }
 .prism-btn--block {
   width: 100%;
   display: flex;
 }
 .prism-btn {
-  /* -------------------- 圆角按钮 -------------------- */
 }
 .prism-btn--round {
   border-radius: 100rpx;
 }
-
-/* ============================================================
-   渐变按钮
-   ============================================================ */
 .prism-btn-gradient {
   display: flex;
   align-items: center;
@@ -3190,23 +2812,10 @@ textarea::placeholder {
   background: linear-gradient(135deg, #FF7D00 0%, #FFA940 100%);
   box-shadow: 0 8rpx 24rpx rgba(255, 125, 0, 0.3);
 }
-
-/* ============================================================
-   禁用状态
-   ============================================================ */
 .prism-btn--disabled {
   opacity: 0.5;
   pointer-events: none;
 }
-
-/* 注意：.prism-icon-btn 已统一在 @/styles/colors.scss 中定义 */
-/**
- * Prism UI - 表单组件样式
- * 输入框、复选框、选项卡等
- */
-/* ============================================================
-   输入框容器
-   ============================================================ */
 .prism-input-box {
   display: flex;
   align-items: center;
@@ -3289,10 +2898,6 @@ textarea::placeholder {
 .dark-mode .prism-input-box .code-btn.disabled {
   color: var(--prism-text-placeholder, #6B7785);
 }
-
-/* ============================================================
-   表单项
-   ============================================================ */
 .prism-form-item {
   margin-bottom: 32rpx;
 }
@@ -3309,10 +2914,6 @@ textarea::placeholder {
 .dark-mode .prism-form-item text.label {
   color: var(--prism-text-regular, #D4D6DB) !important;
 }
-
-/* ============================================================
-   复选框
-   ============================================================ */
 .prism-checkbox {
   width: 40rpx;
   height: 40rpx;
@@ -3344,10 +2945,6 @@ textarea::placeholder {
 .dark-mode .prism-checkbox.checked .check-icon {
   color: var(--prism-primary-color, #60A5FA);
 }
-
-/* ============================================================
-   选项卡组件
-   ============================================================ */
 .prism-tabs {
   display: flex;
   justify-content: flex-start;
@@ -3386,10 +2983,6 @@ textarea::placeholder {
 .dark-mode .prism-tabs .tab-item.active::after {
   background: var(--prism-primary-color, #60A5FA);
 }
-
-/* ============================================================
-   胶囊标签
-   ============================================================ */
 .prism-capsule-tabs-scroll {
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
@@ -3397,14 +2990,12 @@ textarea::placeholder {
 .prism-capsule-tabs-scroll::-webkit-scrollbar {
   display: none;
 }
-
 .prism-capsule-tabs {
   display: inline-flex;
   align-items: center;
   gap: 16rpx;
   padding: 8rpx 0;
 }
-
 .prism-capsule-tab {
   display: inline-flex;
   align-items: center;
@@ -3441,10 +3032,6 @@ textarea::placeholder {
   background: var(--prism-primary-color, #3478F6);
   color: #ffffff;
 }
-
-/* ============================================================
-   分割线
-   ============================================================ */
 .prism-divider {
   display: flex;
   align-items: center;
@@ -3466,10 +3053,6 @@ textarea::placeholder {
 .dark-mode .prism-divider .text {
   color: var(--prism-text-secondary, #86909C);
 }
-
-/* ============================================================
-   开关组件
-   ============================================================ */
 .prism-switch {
   position: relative;
   width: 100rpx;
@@ -3517,10 +3100,6 @@ textarea::placeholder {
 .dark-mode .prism-switch.active::after {
   background: #FFFFFF;
 }
-
-/* ============================================================
-   Textarea 文本域
-   ============================================================ */
 .prism-textarea {
   width: 100%;
   min-height: 200rpx;
@@ -3547,7 +3126,6 @@ textarea::placeholder {
   background: var(--prism-input-bg, #2A2A2A);
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-textarea-wrapper {
   position: relative;
   background: var(--prism-input-bg, #EBEEF2);
@@ -3567,10 +3145,6 @@ textarea::placeholder {
 .dark-mode .prism-textarea-wrapper {
   background: var(--prism-input-bg, #2A2A2A);
 }
-
-/* ============================================================
-   Search 搜索框
-   ============================================================ */
 .prism-search {
   display: flex;
   align-items: center;
@@ -3613,10 +3187,6 @@ textarea::placeholder {
 .dark-mode .prism-search__input {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/* ============================================================
-   Radio 单选框
-   ============================================================ */
 .prism-radio {
   width: 40rpx;
   height: 40rpx;
@@ -3648,10 +3218,6 @@ textarea::placeholder {
 .dark-mode .prism-radio.checked::after {
   background: var(--prism-primary-color, #3478F6);
 }
-
-/* ============================================================
-   Picker 选择器触发器
-   ============================================================ */
 .prism-picker {
   display: flex;
   align-items: center;
@@ -3683,10 +3249,6 @@ textarea::placeholder {
 .dark-mode .prism-picker__value {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/* ============================================================
-   Stepper 步进器
-   ============================================================ */
 .prism-stepper {
   display: inline-flex;
   align-items: center;
@@ -3735,10 +3297,6 @@ textarea::placeholder {
   color: var(--prism-text-primary, #E5E6EB);
   border-color: rgba(255, 255, 255, 0.1);
 }
-
-/* ============================================================
-   Rate 评分
-   ============================================================ */
 .prism-rate {
   display: inline-flex;
   align-items: center;
@@ -3773,10 +3331,6 @@ textarea::placeholder {
 .dark-mode .prism-rate__item {
   color: rgba(255, 255, 255, 0.2);
 }
-
-/* ============================================================
-   语音输入图标
-   ============================================================ */
 .prism-voice-icon {
   padding: 16rpx 0 16rpx 16rpx;
   display: flex;
@@ -3794,10 +3348,6 @@ textarea::placeholder {
 .dark-mode .prism-voice-icon .fa, .dark-mode .prism-voice-icon .fa-solid {
   color: var(--prism-primary-color, #3478F6);
 }
-
-/* ============================================================
-   选择框样式
-   ============================================================ */
 .prism-select-box {
   display: flex;
   align-items: center;
@@ -3828,10 +3378,6 @@ textarea::placeholder {
 .dark-mode .prism-select-box .select-text {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/* ============================================================
-   地址输入
-   ============================================================ */
 .prism-address-wrapper {
   display: flex;
   align-items: center;
@@ -3864,8 +3410,6 @@ textarea::placeholder {
 .dark-mode .prism-address-wrapper {
   background: var(--prism-input-bg, #2A2A2A);
 }
-
-/* 地图容器 */
 .prism-map-container {
   margin-top: 16rpx;
   border-radius: 16rpx;
@@ -3873,14 +3417,12 @@ textarea::placeholder {
   position: relative;
   height: 300rpx;
 }
-
 .prism-location-map {
   width: 100%;
   height: 100%;
   border-radius: 16rpx;
   display: block;
 }
-
 .prism-relocate-tip {
   position: absolute;
   bottom: 16rpx;
@@ -3897,20 +3439,14 @@ textarea::placeholder {
   align-items: center;
   gap: 8rpx;
 }
-
 .dark-mode .prism-map-container {
   border-color: rgba(255, 255, 255, 0.1);
 }
-
-/* ============================================================
-   标签选择器
-   ============================================================ */
 .prism-tag-selector {
   display: flex;
   flex-wrap: wrap;
   gap: 16rpx;
 }
-
 .prism-tag-option {
   padding: 16rpx 32rpx;
   background: var(--prism-bg-color, #F7F8FA);
@@ -3938,16 +3474,11 @@ textarea::placeholder {
 .dark-mode .prism-tag-option.active {
   background: rgba(52, 120, 246, 0.2);
 }
-
-/* ============================================================
-   图片上传
-   ============================================================ */
 .prism-image-upload-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 16rpx;
 }
-
 .prism-image-item {
   position: relative;
   width: 100%;
@@ -3959,7 +3490,6 @@ textarea::placeholder {
 .prism-image-item.has-image {
   background: transparent;
 }
-
 .prism-image-preview {
   position: absolute;
   top: 0;
@@ -3968,7 +3498,6 @@ textarea::placeholder {
   height: 100%;
   object-fit: cover;
 }
-
 .prism-image-remove {
   position: absolute;
   top: 8rpx;
@@ -3985,7 +3514,6 @@ textarea::placeholder {
   font-size: 24rpx;
   color: #FFFFFF;
 }
-
 .prism-image-main-badge {
   position: absolute;
   left: 0;
@@ -3996,7 +3524,6 @@ textarea::placeholder {
   font-size: 20rpx;
   border-radius: 0 8rpx 0 0;
 }
-
 .prism-image-upload-btn {
   position: absolute;
   top: 0;
@@ -4017,14 +3544,11 @@ textarea::placeholder {
   font-size: 24rpx;
   color: var(--prism-text-placeholder, #C9CDD4);
 }
-
 .prism-upload-tip {
   font-size: 24rpx;
   color: var(--prism-text-secondary, #86909C);
   margin-top: 16rpx;
 }
-
-/* 头像上传 */
 .prism-avatar-upload {
   position: relative;
   width: 160rpx;
@@ -4032,14 +3556,12 @@ textarea::placeholder {
   border-radius: 50%;
   overflow: visible;
 }
-
 .prism-avatar-preview {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   object-fit: cover;
 }
-
 .prism-avatar-placeholder {
   width: 100%;
   height: 100%;
@@ -4056,7 +3578,6 @@ textarea::placeholder {
 .dark-mode .prism-avatar-placeholder {
   background: var(--prism-input-bg, #2A2A2A);
 }
-
 .prism-avatar-edit {
   position: absolute;
   right: 0;
@@ -4077,14 +3598,9 @@ textarea::placeholder {
 .dark-mode .prism-avatar-edit {
   border-color: var(--prism-bg-color-card, #1A1A1A);
 }
-
-/* ============================================================
-   Slider 滑块
-   ============================================================ */
 .prism-slider-wrapper {
   padding: 16rpx 0;
 }
-
 .prism-slider-label {
   display: flex;
   justify-content: space-between;
@@ -4096,10 +3612,6 @@ textarea::placeholder {
   font-weight: 600;
   color: var(--prism-primary-color, #3478F6);
 }
-
-/* ============================================================
-   Textarea 带工具栏
-   ============================================================ */
 .prism-textarea-tools-wrapper {
   position: relative;
   background: var(--prism-input-bg, #EBEEF2);
@@ -4113,7 +3625,6 @@ textarea::placeholder {
 .dark-mode .prism-textarea-tools-wrapper {
   background: var(--prism-input-bg, #2A2A2A);
 }
-
 .prism-textarea-tools {
   position: absolute;
   bottom: 12rpx;
@@ -4124,12 +3635,10 @@ textarea::placeholder {
   align-items: center;
   z-index: 10;
 }
-
 .prism-textarea-tools-right {
   display: flex;
   gap: 16rpx;
 }
-
 .prism-tool-icon-btn {
   width: 64rpx;
   height: 64rpx;
@@ -4155,8 +3664,6 @@ textarea::placeholder {
   border-color: rgba(255, 255, 255, 0.15);
   color: var(--prism-text-secondary, #86909C);
 }
-
-/* AI 辅助按钮 */
 .prism-ai-assist-btn {
   height: 64rpx;
   padding: 0 4rpx;
@@ -4184,16 +3691,11 @@ textarea::placeholder {
 .prism-ai-assist-btn:active {
   opacity: 0.8;
 }
-
-/* ============================================================
-   分格输入框（验证码/密码）
-   ============================================================ */
 .prism-box-input {
   display: flex;
   justify-content: center;
   gap: 16rpx;
 }
-
 .prism-box-item {
   width: 76rpx;
   height: 88rpx;
@@ -4222,14 +3724,12 @@ textarea::placeholder {
 .dark-mode .prism-box-item.filled {
   background: rgba(52, 120, 246, 0.15);
 }
-
 .prism-input-cursor {
   width: 4rpx;
   height: 40rpx;
   background: var(--prism-primary-color, #3478F6);
   animation: prism-cursor-blink 1s infinite;
 }
-
 @keyframes prism-cursor-blink {
   0%, 50% {
     opacity: 1;
@@ -4247,7 +3747,6 @@ textarea::placeholder {
 .dark-mode .prism-password-dot {
   background: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-code-text {
   font-size: 48rpx;
   font-weight: 600;
@@ -4256,10 +3755,6 @@ textarea::placeholder {
 .dark-mode .prism-code-text {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/* ============================================================
-   自定义数字键盘
-   ============================================================ */
 .prism-keyboard-modal {
   position: fixed;
   top: 0;
@@ -4271,7 +3766,6 @@ textarea::placeholder {
   display: flex;
   align-items: flex-end;
 }
-
 .prism-keyboard-content {
   width: 100%;
   background: var(--prism-bg-color, #F7F8FA);
@@ -4281,7 +3775,6 @@ textarea::placeholder {
 .dark-mode .prism-keyboard-content {
   background: var(--prism-bg-color, #1A1A1A);
 }
-
 .prism-keyboard-header {
   display: flex;
   justify-content: space-between;
@@ -4306,11 +3799,9 @@ textarea::placeholder {
 .dark-mode .prism-keyboard-header .keyboard-title {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-keyboard-grid {
   padding: 16rpx;
 }
-
 .prism-keyboard-row {
   display: flex;
   gap: 12rpx;
@@ -4319,7 +3810,6 @@ textarea::placeholder {
 .prism-keyboard-row:last-child {
   margin-bottom: 0;
 }
-
 .prism-key-btn {
   flex: 1;
   height: 100rpx;
@@ -4367,10 +3857,6 @@ textarea::placeholder {
 .dark-mode .prism-key-btn--func, .dark-mode .prism-key-btn--delete {
   background: rgba(255, 255, 255, 0.1);
 }
-
-/* ============================================================
-   语音输入弹窗
-   ============================================================ */
 .voice-panel {
   position: fixed;
   top: 0;
@@ -4383,7 +3869,6 @@ textarea::placeholder {
   justify-content: center;
   z-index: 9999;
 }
-
 .voice-content {
   width: 560rpx;
   background: var(--prism-bg-color-card, #FFFFFF);
@@ -4396,7 +3881,6 @@ textarea::placeholder {
 .dark-mode .voice-content {
   background: var(--prism-bg-color-card, #1A1A1A);
 }
-
 .voice-title {
   font-size: 32rpx;
   font-weight: 600;
@@ -4406,7 +3890,6 @@ textarea::placeholder {
 .dark-mode .voice-title {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .voice-wave {
   display: flex;
   align-items: center;
@@ -4441,7 +3924,6 @@ textarea::placeholder {
 .voice-wave.recording .wave-bar:nth-child(5) {
   animation-delay: 0.4s;
 }
-
 @keyframes voice-wave {
   0% {
     height: 20rpx;
@@ -4459,20 +3941,17 @@ textarea::placeholder {
 .dark-mode .voice-time {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .voice-tip {
   font-size: 26rpx;
   color: var(--prism-text-secondary, #86909C);
   margin-bottom: 40rpx;
 }
-
 .voice-actions {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
 }
-
 .voice-cancel-btn,
 .voice-confirm-btn {
   display: flex;
@@ -4499,12 +3978,10 @@ textarea::placeholder {
 .voice-confirm-btn:active {
   opacity: 0.7;
 }
-
 .voice-cancel-btn .fa {
   color: var(--prism-danger-color, #F53F3F);
   background: rgba(245, 63, 63, 0.15);
 }
-
 .voice-confirm-btn {
   color: var(--prism-success-color, #00B42A);
 }
@@ -4516,7 +3993,6 @@ textarea::placeholder {
   opacity: 0.4;
   pointer-events: none;
 }
-
 .voice-record-btn {
   width: 120rpx;
   height: 120rpx;
@@ -4536,26 +4012,21 @@ textarea::placeholder {
   background: #2563EB;
   box-shadow: 0 0 0 16rpx rgba(52, 120, 246, 0.2);
 }
-
 .dark-mode .voice-cancel-btn .fa,
 .dark-mode .voice-confirm-btn .fa {
   background: rgba(255, 255, 255, 0.1);
 }
-
-/* 头像选择器 */
 .prism-avatar-selector {
   display: flex;
   align-items: flex-start;
   gap: 24rpx;
 }
-
 .prism-default-avatars {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 16rpx;
   flex: 1;
 }
-
 .prism-default-avatar-item {
   width: 100rpx;
   height: 100rpx;
@@ -4576,28 +4047,12 @@ textarea::placeholder {
 .prism-default-avatar-item:active {
   transform: scale(0.95);
 }
-
 .dark-mode .prism-default-avatar-item {
   border-color: var(--prism-border-color-base, #3A3A3A);
 }
 .dark-mode .prism-default-avatar-item.active {
   border-color: var(--prism-primary-color, #3478F6);
 }
-
-/**
- * Prism UI - 卡片和容器组件样式
- *
- * 基础样式 .prism-card-base 定义在 @/styles/colors.scss
- */
-/* ============================================================
-   prism-card - 卡片容器（带背景）
-
-   结构：
-   .prism-card
-     .card-title    - 卡片标题（带左侧色块）
-     .card-desc     - 卡片描述
-     内容
-   ============================================================ */
 .prism-card {
   position: relative;
   border-radius: 20rpx;
@@ -4670,19 +4125,6 @@ textarea::placeholder {
   background: rgba(255, 255, 255, 0.06);
   color: var(--prism-text-secondary, #A9AEB8);
 }
-
-/* ============================================================
-   prism-section - 区块容器（透明背景）
-
-   结构：
-   .prism-section
-     .section-title     - 区块标题
-     .section-desc      - 区块描述
-     .subsection        - 子区块
-       .subsection-title  - 子区块标题
-       .subsection-desc   - 子区块描述
-       内容
-   ============================================================ */
 .prism-section {
   padding: 32rpx 32rpx;
 }
@@ -4740,17 +4182,12 @@ textarea::placeholder {
   background: rgba(255, 255, 255, 0.06);
   color: var(--prism-text-secondary, #A9AEB8);
 }
-
-/* ============================================================
-   区块头部
-   ============================================================ */
 .prism-section-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 16rpx;
 }
-
 .prism-section-title {
   font-size: 32rpx;
   font-weight: 600;
@@ -4760,7 +4197,6 @@ textarea::placeholder {
 .dark-mode .prism-section-title {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-more-link {
   display: flex;
   align-items: center;
@@ -4771,19 +4207,6 @@ textarea::placeholder {
   font-size: 24rpx;
   color: var(--prism-primary-color, #3478F6);
 }
-
-/* ============================================================
-   prism-grid - 通用宫格布局
-
-   用法：
-   .prism-grid.col-{3|4|5}   - 指定列数（默认4列）
-
-   结构：
-   .prism-grid.col-4
-     .grid-item
-       .prism-icon.{color}
-       .grid-label
-   ============================================================ */
 .prism-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -4840,14 +4263,6 @@ textarea::placeholder {
 .dark-mode .prism-grid .grid-label {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/**
- * Prism UI - 列表组件样式
- * 菜单列表、列表项卡片等
- */
-/* ============================================================
-   菜单列表 - 可独立使用，也可嵌套在卡片内
-   ============================================================ */
 .prism-menu-list {
   position: relative;
   border-radius: 16rpx;
@@ -4927,10 +4342,6 @@ textarea::placeholder {
   font-size: 28rpx;
   color: var(--prism-text-placeholder, #C9CDD4);
 }
-
-/* ============================================================
-   列表项卡片 - 左图标 + 中间内容 + 右箭头
-   ============================================================ */
 .prism-list-item {
   display: flex;
   align-items: center;
@@ -4989,14 +4400,6 @@ textarea::placeholder {
   color: var(--prism-text-placeholder, #C9CDD4);
   margin-left: 16rpx;
 }
-
-/**
- * Prism UI - 弹出层组件样式
- * 底部弹出选择器等
- */
-/* ============================================================
-   底部弹出选择器
-   ============================================================ */
 .prism-bottom-sheet {
   position: fixed;
   top: 0;
@@ -5141,22 +4544,11 @@ textarea::placeholder {
   background: rgba(245, 63, 63, 0.1);
   color: #F53F3F;
 }
-
-/**
- * Prism UI - 数据展示组件样式
- * 统计卡片、徽章、头像、进度条等
- */
-/* ============================================================
-   数据统计卡片
-   ============================================================ */
-/* 统计卡片网格 */
 .prism-stats-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 16rpx;
 }
-
-/* 统计卡片 */
 .prism-stat-card {
   padding: 20rpx;
   position: relative;
@@ -5209,11 +4601,6 @@ textarea::placeholder {
 .prism-stat-card .stat-trend .fa, .prism-stat-card .stat-trend .fa-solid {
   font-size: 18rpx;
 }
-
-/* ============================================================
-   徽章组件
-   ============================================================ */
-/* 红点徽章 */
 .prism-badge {
   position: absolute;
   width: 16rpx;
@@ -5236,8 +4623,6 @@ textarea::placeholder {
   bottom: 8rpx;
   right: 8rpx;
 }
-
-/* 数字徽章 */
 .prism-number-badge {
   position: absolute;
   min-width: 32rpx;
@@ -5267,10 +4652,6 @@ textarea::placeholder {
   bottom: -4rpx;
   right: -4rpx;
 }
-
-/* ============================================================
-   头像组件
-   ============================================================ */
 .prism-avatar {
   position: relative;
   display: inline-flex;
@@ -5278,10 +4659,8 @@ textarea::placeholder {
   justify-content: center;
   border-radius: 50%;
   flex-shrink: 0;
-  /* 默认尺寸 (md) */
   width: 80rpx;
   height: 80rpx;
-  /* 默认背景色（仅用于图片头像和图标头像） */
 }
 .prism-avatar:not(.blue):not(.green):not(.success):not(.orange):not(.warning):not(.purple):not(.red):not(.danger):not(.cyan):not(.info):not(.pink):not(.indigo) {
   background: var(--prism-bg-color, #F7F8FA);
@@ -5306,7 +4685,6 @@ textarea::placeholder {
   user-select: none;
 }
 .prism-avatar {
-  /* 尺寸修饰符 */
 }
 .prism-avatar.xs {
   width: 48rpx;
@@ -5359,20 +4737,17 @@ textarea::placeholder {
   font-size: 52rpx;
 }
 .prism-avatar {
-  /* 方形头像 */
 }
 .prism-avatar.square {
   border-radius: 12rpx;
 }
 .prism-avatar {
-  /* 带边框 */
 }
 .prism-avatar.bordered {
   border: 4rpx solid #FFFFFF;
   box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
 }
 .prism-avatar {
-  /* 文字头像颜色修饰符 */
 }
 .prism-avatar.blue {
   background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
@@ -5399,7 +4774,6 @@ textarea::placeholder {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 }
 .prism-avatar {
-  /* 在线状态指示器 - 圆点形式 */
 }
 .prism-avatar .avatar-status {
   position: absolute;
@@ -5432,8 +4806,6 @@ textarea::placeholder {
 .dark-mode .prism-avatar .avatar-status {
   border-color: var(--prism-bg-color-card, #242424);
 }
-
-/* 头像组 */
 .prism-avatar-group {
   display: flex;
   align-items: center;
@@ -5468,10 +4840,6 @@ textarea::placeholder {
   border-color: #FFFFFF;
   color: var(--prism-primary-color, #3478F6);
 }
-
-/* ============================================================
-   进度条
-   ============================================================ */
 .prism-progress {
   width: 100%;
   height: 12rpx;
@@ -5504,14 +4872,9 @@ textarea::placeholder {
 .dark-mode .prism-progress {
   background: rgba(255, 255, 255, 0.1);
 }
-
-/* ============================================================
-   图片组件
-   ============================================================ */
 .prism-img {
   display: block;
   object-fit: cover;
-  /* 尺寸修饰符 */
 }
 .prism-img.img-xs {
   width: 48rpx;
@@ -5534,7 +4897,6 @@ textarea::placeholder {
   height: 160rpx;
 }
 .prism-img {
-  /* 圆角修饰符 */
 }
 .prism-img.img-rounded {
   border-radius: 8rpx;
@@ -5548,10 +4910,6 @@ textarea::placeholder {
 .prism-img.img-circle {
   border-radius: 50%;
 }
-
-/* ============================================================
-   空状态占位
-   ============================================================ */
 .prism-placeholder {
   display: flex;
   flex-direction: column;
@@ -5571,10 +4929,6 @@ textarea::placeholder {
 .prism-placeholder .placeholder-action {
   margin-top: 32rpx;
 }
-
-/* ============================================================
-   Skeleton 骨架屏
-   ============================================================ */
 .prism-skeleton__item {
   background: linear-gradient(90deg, var(--prism-bg-color, #F7F8FA) 25%, #E8E8E8 50%, var(--prism-bg-color, #F7F8FA) 75%);
   background-size: 400% 100%;
@@ -5607,7 +4961,6 @@ textarea::placeholder {
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 25%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.06) 75%);
   background-size: 400% 100%;
 }
-
 @keyframes prism-skeleton-loading {
   0% {
     background-position: 100% 50%;
@@ -5616,9 +4969,6 @@ textarea::placeholder {
     background-position: 0 50%;
   }
 }
-/* ============================================================
-   NoticeBar 通知栏
-   ============================================================ */
 .prism-notice {
   display: flex;
   align-items: center;
@@ -5651,38 +5001,30 @@ textarea::placeholder {
   flex-shrink: 0;
   padding: 8rpx;
 }
-
 .info.prism-notice {
   background: #E6F7FF;
   color: #1890FF;
 }
-
 .success.prism-notice {
   background: #F6FFED;
   color: #52C41A;
 }
-
 .error.prism-notice {
   background: #FFF2F0;
   color: #FF4D4F;
 }
-
 .dark-mode .prism-notice {
   background: rgba(250, 173, 20, 0.15);
 }
-
 .dark-mode .info.prism-notice {
   background: rgba(24, 144, 255, 0.15);
 }
-
 .dark-mode .success.prism-notice {
   background: rgba(82, 196, 26, 0.15);
 }
-
 .dark-mode .error.prism-notice {
   background: rgba(255, 77, 79, 0.15);
 }
-
 @keyframes prism-notice-scroll {
   0% {
     transform: translateX(100%);
@@ -5691,9 +5033,6 @@ textarea::placeholder {
     transform: translateX(-100%);
   }
 }
-/* ============================================================
-   Collapse 折叠面板
-   ============================================================ */
 .prism-collapse {
   background: var(--prism-bg-color-card, #fff);
   border-radius: 12rpx;
@@ -5702,7 +5041,6 @@ textarea::placeholder {
 .dark-mode .prism-collapse {
   background: var(--prism-bg-color-card, #242424);
 }
-
 .prism-collapse-item {
   border-bottom: 1rpx solid var(--prism-border-color-light, #F2F3F5);
 }
@@ -5712,7 +5050,6 @@ textarea::placeholder {
 .dark-mode .prism-collapse-item {
   border-bottom-color: rgba(255, 255, 255, 0.08);
 }
-
 .prism-collapse-item__header {
   display: flex;
   align-items: center;
@@ -5731,7 +5068,6 @@ textarea::placeholder {
 .dark-mode .prism-collapse-item__header:active {
   background: rgba(255, 255, 255, 0.05);
 }
-
 .prism-collapse-item__arrow {
   font-size: 24rpx;
   color: var(--prism-text-placeholder, #C9CDD4);
@@ -5740,7 +5076,6 @@ textarea::placeholder {
 .prism-collapse-item__arrow--active {
   transform: rotate(180deg);
 }
-
 .prism-collapse-item__content {
   max-height: 0;
   overflow: hidden;
@@ -5749,17 +5084,12 @@ textarea::placeholder {
 .prism-collapse-item__content--show {
   max-height: 1000rpx;
 }
-
 .prism-collapse-item__body {
   padding: 0 32rpx 24rpx;
   font-size: 26rpx;
   color: var(--prism-text-secondary, #86909C);
   line-height: 1.6;
 }
-
-/* ============================================================
-   CountDown 倒计时
-   ============================================================ */
 .prism-countdown {
   display: inline-flex;
   align-items: center;
@@ -5770,7 +5100,6 @@ textarea::placeholder {
 .dark-mode .prism-countdown {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-countdown__block {
   min-width: 44rpx;
   height: 44rpx;
@@ -5783,7 +5112,6 @@ textarea::placeholder {
   font-weight: 600;
   color: #fff;
 }
-
 .prism-countdown__colon {
   font-weight: 600;
   color: var(--prism-text-primary, #1D2129);
@@ -5791,10 +5119,6 @@ textarea::placeholder {
 .dark-mode .prism-countdown__colon {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/* ============================================================
-   Swiper 轮播图
-   ============================================================ */
 .prism-swiper {
   width: 100%;
 }
@@ -5822,14 +5146,9 @@ textarea::placeholder {
   font-size: 32rpx;
   font-weight: 500;
 }
-
-/* ============================================================
-   Milestone 里程碑
-   ============================================================ */
 .prism-milestone {
   padding: 24rpx 0;
 }
-
 .prism-milestone-item {
   display: flex;
   align-items: flex-start;
@@ -5908,7 +5227,6 @@ textarea::placeholder {
 .prism-milestone-item.active .milestone-title {
   color: var(--prism-primary-color, #3478F6);
 }
-
 .dark-mode .prism-milestone-item::before {
   background: var(--prism-border-color-base, #3A3A3A);
 }
@@ -5936,14 +5254,9 @@ textarea::placeholder {
 .dark-mode .prism-milestone-item.active .milestone-title {
   color: var(--prism-primary-color, #3478F6);
 }
-
-/* ============================================================
-   Steps 快递进展
-   ============================================================ */
 .prism-steps {
   padding: 24rpx 0;
 }
-
 .prism-step-item {
   position: relative;
   padding-left: 36rpx;
@@ -5974,7 +5287,6 @@ textarea::placeholder {
   background: var(--prism-border-color-light, #E5E6EB);
 }
 .prism-step-item .step-content {
-  /* 内容自然流动 */
 }
 .prism-step-item .step-title {
   font-size: 28rpx;
@@ -6016,7 +5328,6 @@ textarea::placeholder {
   font-weight: 600;
   color: var(--prism-success-color, #00B42A);
 }
-
 .dark-mode .prism-step-item::before {
   background: var(--prism-border-color-base, #3A3A3A);
 }
@@ -6042,18 +5353,11 @@ textarea::placeholder {
 .dark-mode .prism-step-item.active .step-title {
   color: var(--prism-success-color, #00B42A);
 }
-
-/* ============================================================
-   核心指标卡片
-   ============================================================ */
-/* 核心指标网格 */
 .prism-metric-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 16rpx;
 }
-
-/* 核心指标卡片 */
 .prism-metric-card {
   padding: 20rpx;
   display: flex;
@@ -6076,7 +5380,6 @@ textarea::placeholder {
   align-items: center;
   justify-content: center;
   font-size: 28rpx;
-  /* 图标背景色 */
 }
 .prism-metric-card .metric-icon-wrapper.icon-bg-sleep {
   background: rgba(124, 58, 237, 0.1);
@@ -6145,7 +5448,6 @@ textarea::placeholder {
   margin-top: 4rpx;
 }
 .prism-metric-card {
-  /* uCharts 趋势图 */
 }
 .prism-metric-card .metric-sparkline {
   width: 100%;
@@ -6156,8 +5458,6 @@ textarea::placeholder {
   width: 100%;
   height: 100rpx;
 }
-
-/* 状态徽章 - 用于核心指标 */
 .prism-badge.success,
 .prism-badge.warning,
 .prism-badge.danger {
@@ -6170,23 +5470,18 @@ textarea::placeholder {
   font-weight: 600;
   border: none;
 }
-
 .success.prism-badge {
   background: linear-gradient(135deg, #10B981 0%, #34D399 100%);
   color: #FFFFFF;
 }
-
 .warning.prism-badge {
   background: linear-gradient(135deg, #F59E0B 0%, #FCD34D 100%);
   color: #FFFFFF;
 }
-
 .danger.prism-badge {
   background: linear-gradient(135deg, #EF4444 0%, #F87171 100%);
   color: #FFFFFF;
 }
-
-/* 深色模式 */
 .dark-mode .prism-metric-card .metric-value {
   color: var(--prism-text-primary, #E5E6EB);
 }
@@ -6223,14 +5518,6 @@ textarea::placeholder {
 .dark-mode .prism-metric-card .metric-icon-wrapper.icon-bg-calories {
   background: rgba(249, 115, 22, 0.2);
 }
-
-/**
- * Prism UI - 反馈组件样式
- * Toast、Dialog、Loading、Alert 等
- */
-/* ============================================================
-   Toast 轻提示
-   ============================================================ */
 .prism-toast {
   position: fixed;
   top: 50%;
@@ -6288,7 +5575,6 @@ textarea::placeholder {
 .prism-toast.loading .prism-toast__icon {
   animation: prism-toast-spin 1s linear infinite;
 }
-
 @keyframes prism-toast-spin {
   0% {
     transform: rotate(0deg);
@@ -6297,9 +5583,6 @@ textarea::placeholder {
     transform: rotate(360deg);
   }
 }
-/* ============================================================
-   Dialog / Modal 对话框
-   ============================================================ */
 .prism-dialog {
   position: fixed;
   top: 0;
@@ -6313,7 +5596,6 @@ textarea::placeholder {
   justify-content: center;
   padding: 48rpx;
 }
-
 .prism-dialog__content {
   width: 100%;
   max-width: 560rpx;
@@ -6325,14 +5607,12 @@ textarea::placeholder {
 .dark-mode .prism-dialog__content {
   background: var(--prism-bg-color-card, #242424);
 }
-
 .prism-dialog__header {
   padding: 32rpx 32rpx 24rpx;
   display: flex;
   align-items: center;
   gap: 12rpx;
 }
-
 .prism-dialog__icon {
   font-size: 40rpx;
   flex-shrink: 0;
@@ -6349,7 +5629,6 @@ textarea::placeholder {
 .prism-dialog__icon.error {
   color: var(--prism-danger-color, #F53F3F);
 }
-
 .prism-dialog__title {
   flex: 1;
   font-size: 32rpx;
@@ -6360,7 +5639,6 @@ textarea::placeholder {
 .dark-mode .prism-dialog__title {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-dialog__body {
   padding: 16rpx 32rpx 32rpx;
   font-size: 28rpx;
@@ -6368,7 +5646,6 @@ textarea::placeholder {
   line-height: 1.8;
   text-align: left;
 }
-
 .prism-dialog__footer {
   display: flex;
   border-top: 1rpx solid var(--prism-border-color-light, #F2F3F5);
@@ -6376,7 +5653,6 @@ textarea::placeholder {
 .dark-mode .prism-dialog__footer {
   border-top-color: var(--prism-border-color-base, #3A3A3A);
 }
-
 .prism-dialog__btn {
   flex: 1;
   padding: 28rpx;
@@ -6419,10 +5695,6 @@ textarea::placeholder {
 .dark-mode .prism-dialog__btn.danger {
   color: var(--prism-danger-color, #F53F3F);
 }
-
-/* ============================================================
-   Alert 警告提示
-   ============================================================ */
 .prism-alert {
   padding: 24rpx;
   border-radius: 12rpx;
@@ -6504,10 +5776,6 @@ textarea::placeholder {
   background: rgba(24, 144, 255, 0.15);
   border-color: rgba(24, 144, 255, 0.3);
 }
-
-/* ============================================================
-   Tips 轻提示（简化版Alert）
-   ============================================================ */
 .prism-tips-popup {
   position: fixed;
   z-index: 9600;
@@ -6562,8 +5830,6 @@ textarea::placeholder {
 .prism-tips-popup.right.closing .prism-tips {
   animation-name: prism-tips-slide-out-right;
 }
-
-/* Tips 内容 */
 .prism-tips {
   padding: 20rpx 24rpx;
   background: #E8F4FF;
@@ -6590,7 +5856,6 @@ textarea::placeholder {
 .dark-mode .prism-tips__text {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 @keyframes prism-tips-slide-in-top {
   from {
     opacity: 0;
@@ -6671,9 +5936,6 @@ textarea::placeholder {
     transform: translateX(100%);
   }
 }
-/* ============================================================
-   Loading 加载中
-   ============================================================ */
 .prism-loading {
   position: fixed;
   top: 0;
@@ -6686,7 +5948,6 @@ textarea::placeholder {
   align-items: center;
   justify-content: center;
 }
-
 .prism-loading__content {
   padding: 32rpx;
   background: rgba(0, 0, 0, 0.8);
@@ -6698,7 +5959,6 @@ textarea::placeholder {
   gap: 20rpx;
   min-width: 200rpx;
 }
-
 .prism-loading__spinner {
   width: 64rpx;
   height: 64rpx;
@@ -6707,12 +5967,10 @@ textarea::placeholder {
   border-radius: 50%;
   animation: prism-loading-spin 0.8s linear infinite;
 }
-
 .prism-loading__text {
   font-size: 28rpx;
   color: #FFFFFF;
 }
-
 @keyframes prism-loading-spin {
   0% {
     transform: rotate(0deg);
@@ -6721,7 +5979,6 @@ textarea::placeholder {
     transform: rotate(360deg);
   }
 }
-/* 局部 Loading */
 .prism-loading-inline {
   display: flex;
   align-items: center;
@@ -6741,10 +5998,6 @@ textarea::placeholder {
 .prism-loading-inline .text {
   font-size: 26rpx;
 }
-
-/* ============================================================
-   Modal 模态框 (全屏版 Dialog)
-   ============================================================ */
 .prism-modal {
   position: fixed;
   top: 0;
@@ -6758,7 +6011,6 @@ textarea::placeholder {
   justify-content: center;
   padding: 0;
 }
-
 .prism-modal__content {
   width: 100%;
   height: 100%;
@@ -6779,7 +6031,6 @@ textarea::placeholder {
 .dark-mode .prism-modal__content.centered {
   background: var(--prism-bg-color-card, #242424);
 }
-
 .prism-modal__header {
   position: sticky;
   top: 0;
@@ -6793,7 +6044,6 @@ textarea::placeholder {
 .dark-mode .prism-modal__header {
   background: var(--prism-bg-color-card, #242424);
 }
-
 .prism-modal__title {
   flex: 1;
   font-size: 32rpx;
@@ -6804,7 +6054,6 @@ textarea::placeholder {
 .dark-mode .prism-modal__title {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-modal__close {
   font-size: 32rpx;
   color: var(--prism-text-secondary, #86909C);
@@ -6815,14 +6064,9 @@ textarea::placeholder {
 .prism-modal__close:active {
   opacity: 0.6;
 }
-
 .prism-modal__body {
   padding: 24rpx 48rpx 48rpx;
 }
-
-/* ============================================================
-   Confirm 确认框（特殊样式的 Dialog）
-   ============================================================ */
 .prism-confirm .prism-dialog__content {
   max-width: 520rpx;
 }
@@ -6834,25 +6078,15 @@ textarea::placeholder {
 .dark-mode .prism-confirm .prism-dialog__body {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/**
- * Prism UI - 导航组件样式
- * Steps 步骤条、Breadcrumb 面包屑、DropdownMenu 下拉菜单
- */
-/* ============================================================
-   Steps 步骤条
-   ============================================================ */
 .prism-steps {
   display: flex;
   width: 100%;
-  /* 水平步骤条 */
 }
 .prism-steps--horizontal {
   flex-direction: row;
   justify-content: space-between;
 }
 .prism-steps {
-  /* 垂直步骤条 */
 }
 .prism-steps--vertical {
   flex-direction: column;
@@ -6869,7 +6103,6 @@ textarea::placeholder {
   top: 100%;
   transform: translateX(-50%);
 }
-
 .prism-step {
   display: flex;
   flex-direction: column;
@@ -6922,7 +6155,6 @@ textarea::placeholder {
   display: none;
 }
 .prism-step {
-  /* 已完成状态 */
 }
 .prism-step--finished .prism-step__icon {
   background: var(--prism-primary-color, #3478F6);
@@ -6936,7 +6168,6 @@ textarea::placeholder {
   background: var(--prism-primary-color, #3478F6);
 }
 .prism-step {
-  /* 进行中状态 */
 }
 .prism-step--process .prism-step__icon {
   background: var(--prism-primary-color, #3478F6);
@@ -6949,7 +6180,6 @@ textarea::placeholder {
   font-weight: 600;
 }
 .prism-step {
-  /* 等待状态 */
 }
 .prism-step--wait .prism-step__icon {
   background: var(--prism-bg-color, #F7F8FA);
@@ -6957,7 +6187,6 @@ textarea::placeholder {
   color: var(--prism-text-placeholder, #C9CDD4);
 }
 .prism-step {
-  /* 错误状态 */
 }
 .prism-step--error .prism-step__icon {
   background: var(--prism-danger-color, #F53F3F);
@@ -6987,10 +6216,6 @@ textarea::placeholder {
 .dark-mode .prism-step--process .prism-step__icon {
   box-shadow: 0 4rpx 16rpx rgba(52, 120, 246, 0.4);
 }
-
-/* ============================================================
-   Breadcrumb 面包屑
-   ============================================================ */
 .prism-breadcrumb {
   display: flex;
   align-items: center;
@@ -6998,7 +6223,6 @@ textarea::placeholder {
   font-size: 26rpx;
   gap: 8rpx;
 }
-
 .prism-breadcrumb__item {
   display: flex;
   align-items: center;
@@ -7025,7 +6249,6 @@ textarea::placeholder {
 .dark-mode .prism-breadcrumb__item:last-child {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-breadcrumb__separator {
   color: var(--prism-text-placeholder, #C9CDD4);
   font-size: 22rpx;
@@ -7033,14 +6256,9 @@ textarea::placeholder {
 .prism-breadcrumb__separator .fa {
   font-size: 20rpx;
 }
-
-/* ============================================================
-   DropdownMenu 下拉菜单
-   ============================================================ */
 .prism-dropdown {
   position: relative;
 }
-
 .prism-dropdown__bar {
   display: flex;
   align-items: center;
@@ -7053,7 +6271,6 @@ textarea::placeholder {
   background: var(--prism-bg-color-card, #242424);
   border-bottom-color: rgba(255, 255, 255, 0.08);
 }
-
 .prism-dropdown__item {
   display: flex;
   align-items: center;
@@ -7080,7 +6297,6 @@ textarea::placeholder {
 .dark-mode .prism-dropdown__item {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
 .prism-dropdown__popup {
   position: absolute;
   top: 100%;
@@ -7101,7 +6317,6 @@ textarea::placeholder {
   background: var(--prism-bg-color-card, #242424);
   box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.3);
 }
-
 .prism-dropdown__option {
   display: flex;
   align-items: center;
@@ -7131,7 +6346,6 @@ textarea::placeholder {
 .dark-mode .prism-dropdown__option:active {
   background: rgba(255, 255, 255, 0.05);
 }
-
 .prism-dropdown__mask {
   position: fixed;
   top: 0;
@@ -7148,17 +6362,11 @@ textarea::placeholder {
   opacity: 1;
   visibility: visible;
 }
-
-/* ============================================================
-   PrismTabs 标签页组件
-   ============================================================ */
-/* Line 类型 - 下划线风格 */
 .prism-tabs--line {
   display: flex;
   justify-content: flex-start;
   gap: 48rpx;
 }
-
 .prism-tabs--line .prism-tabs__item {
   padding: 8rpx 0;
   font-size: 30rpx;
@@ -7168,12 +6376,10 @@ textarea::placeholder {
   position: relative;
   transition: all 0.3s ease;
 }
-
 .prism-tabs--line .prism-tabs__item.active {
   color: var(--prism-text-primary, #1D2129);
   font-weight: 600;
 }
-
 .prism-tabs--line .prism-tabs__item.active::after {
   content: "";
   position: absolute;
@@ -7184,16 +6390,12 @@ textarea::placeholder {
   background: var(--prism-primary-color, #3478F6);
   border-radius: 2rpx;
 }
-
 .dark-mode .prism-tabs--line .prism-tabs__item {
   color: var(--prism-text-secondary, #86909C);
 }
-
 .dark-mode .prism-tabs--line .prism-tabs__item.active {
   color: var(--prism-primary-color, #3478F6);
 }
-
-/* Chrome 类型 - 浏览器标签风格 */
 .prism-tabs--chrome {
   display: flex;
   align-items: flex-end;
@@ -7202,7 +6404,6 @@ textarea::placeholder {
   max-height: 100rpx;
   overflow: hidden;
 }
-
 .prism-tabs--chrome .prism-tabs__item {
   display: flex;
   align-items: center;
@@ -7217,7 +6418,6 @@ textarea::placeholder {
   position: relative;
   transition: all 0.25s ease;
 }
-
 .prism-tabs--chrome .prism-tabs__item::before,
 .prism-tabs--chrome .prism-tabs__item::after {
   content: "";
@@ -7229,17 +6429,14 @@ textarea::placeholder {
   transition: opacity 0.25s ease;
   pointer-events: none;
 }
-
 .prism-tabs--chrome .prism-tabs__item::before {
   left: -16rpx;
   background: radial-gradient(circle at 100% 0, transparent 16rpx, #ffffff 16rpx);
 }
-
 .prism-tabs--chrome .prism-tabs__item::after {
   right: -16rpx;
   background: radial-gradient(circle at 0 0, transparent 16rpx, #ffffff 16rpx);
 }
-
 .prism-tabs--chrome .prism-tabs__item.active {
   color: var(--prism-text-primary, #1D2129);
   font-weight: 600;
@@ -7247,50 +6444,38 @@ textarea::placeholder {
   z-index: 2;
   box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.06);
 }
-
 .prism-tabs--chrome .prism-tabs__item.active::before,
 .prism-tabs--chrome .prism-tabs__item.active::after {
   opacity: 1;
 }
-
-/* Chrome 类型内容区域 */
 .prism-tabs__content {
   background: #ffffff;
   padding: 20rpx 24rpx;
   border-radius: 16rpx;
 }
-
-/* Chrome 类型深色模式 */
 .dark-mode .prism-tabs--chrome .prism-tabs__item {
   background: rgba(255, 255, 255, 0.05);
   color: var(--prism-text-secondary, #86909C);
 }
-
 .dark-mode .prism-tabs--chrome .prism-tabs__item::before {
   background: radial-gradient(circle at 0 0, transparent 16rpx, rgba(255, 255, 255, 0.12) 16rpx);
 }
-
 .dark-mode .prism-tabs--chrome .prism-tabs__item::after {
   background: radial-gradient(circle at 100% 0, transparent 16rpx, rgba(255, 255, 255, 0.12) 16rpx);
 }
-
 .dark-mode .prism-tabs--chrome .prism-tabs__item.active {
   background: rgba(255, 255, 255, 0.12);
   color: #E5E6EB;
   box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.2);
 }
-
 .dark-mode .prism-tabs__content {
   background: rgba(255, 255, 255, 0.12);
 }
-
-/* Card 类型 - 卡片风格标签页 */
 .prism-tabs--card {
   display: flex;
   gap: 16rpx;
   padding: 0 24rpx 24rpx;
 }
-
 .prism-tabs--card .prism-tabs__item {
   flex: 1;
   display: flex;
@@ -7304,45 +6489,29 @@ textarea::placeholder {
   color: var(--prism-text-secondary, #86909C);
   transition: all 0.3s;
 }
-
 .prism-tabs--card .prism-tabs__item.active {
   background: linear-gradient(135deg, #3478F6 0%, #86B8FA 100%);
   color: #FFFFFF;
 }
-
-/* Badge 样式 */
 .prism-tabs__badge {
   padding: 4rpx 12rpx;
   background: rgba(0, 0, 0, 0.05);
   border-radius: 20rpx;
   font-size: 22rpx;
 }
-
 .prism-tabs--card .prism-tabs__item.active .prism-tabs__badge {
   background: rgba(255, 255, 255, 0.2);
   color: #FFFFFF;
 }
-
-/* Card 类型深色模式 */
 .dark-mode .prism-tabs--card .prism-tabs__item {
   background: var(--prism-bg-color-card, #242424);
 }
-
 .dark-mode .prism-tabs--card .prism-tabs__item.active {
   background: linear-gradient(135deg, #3478F6 0%, #86B8FA 100%);
 }
-
 .dark-mode .prism-tabs__badge {
   background: rgba(255, 255, 255, 0.1);
 }
-
-/**
- * Prism UI - 特效组件样式
- * 悬浮按钮、霓虹灯效果、动画等
- */
-/* ============================================================
-   悬浮按钮
-   ============================================================ */
 .prism-float-btn {
   width: 100rpx;
   height: 100rpx;
@@ -7407,10 +6576,6 @@ textarea::placeholder {
 .dark-mode .prism-float-btn:active::after {
   animation: none;
 }
-
-/* ============================================================
-   动画关键帧
-   ============================================================ */
 @keyframes prism-float-breathe {
   0%, 100% {
     box-shadow: 0 8rpx 32rpx rgba(52, 120, 246, 0.5), 0 4rpx 16rpx rgba(52, 120, 246, 0.4), 0 2rpx 8rpx rgba(0, 0, 0, 0.3), inset 0 2rpx 0 rgba(255, 255, 255, 0.2), inset 0 -2rpx 0 rgba(0, 0, 0, 0.3);
@@ -7467,9 +6632,6 @@ textarea::placeholder {
     transform: translateY(0);
   }
 }
-/* ============================================================
-   VitePress 风格渐变文字效果
-   ============================================================ */
 @keyframes gradient-flow {
   0% {
     background-position: 0% 50%;
@@ -7499,16 +6661,11 @@ textarea::placeholder {
 .prism-neon-text--green {
   background-image: linear-gradient(120deg, #00b894 30%, #00cec9, #81ecec);
 }
-
-/* ============================================================
-   渐变边框效果
-   ============================================================ */
 .prism-gradient-border {
   position: relative;
   border-radius: 16rpx;
-  padding: 4rpx; /* 边框宽度 */
+  padding: 4rpx; 
   background: linear-gradient(135deg, #3478F6, #722ED1, #F53F3F, #FF7D00);
-  /* 内容区域 */
 }
 .prism-gradient-border > view {
   background: var(--prism-bg-color-card, #fff);
@@ -7519,25 +6676,16 @@ textarea::placeholder {
 .dark-mode .prism-gradient-border > view {
   background: var(--prism-bg-color-card, #1D2129);
 }
-
-/* ============================================================
-   RGB霓虹流动进度条（深色模式专用）
-   ============================================================ */
-/* 浅色模式 - 普通蓝色渐变 */
 .prism-neon-progress-fill {
   background: linear-gradient(90deg, #3478F6 0%, #5da3f5 100%);
   border-radius: 4rpx;
 }
-
-/* 深色模式 - RGB霓虹流动效果 */
 .dark-mode .prism-neon-progress-fill {
   background: linear-gradient(90deg, #FF0080 0%, #FF0080 10%, #7928CA 30%, #0070F3 50%, #00DFD8 70%, #7928CA 90%, #FF0080 100%);
   background-size: 200% 100%;
   animation: prism-rgb-flow 3s linear infinite;
   box-shadow: 0 0 10rpx rgba(255, 0, 128, 0.5), 0 0 20rpx rgba(121, 40, 202, 0.3);
 }
-
-/* RGB霓虹流动动画 */
 @keyframes prism-rgb-flow {
   0% {
     background-position: 0% 50%;
@@ -7546,13 +6694,9 @@ textarea::placeholder {
     background-position: 200% 50%;
   }
 }
-/* ============================================================
-   脉冲效果
-   ============================================================ */
 .pulse {
   animation: pulse 2s ease-in-out infinite;
 }
-
 @keyframes pulse {
   0%, 100% {
     transform: scale(1);
@@ -7563,9 +6707,6 @@ textarea::placeholder {
     opacity: 0.8;
   }
 }
-/* ============================================================
-   骨架屏
-   ============================================================ */
 .prism-skeleton {
   background: linear-gradient(90deg, var(--prism-bg-color, #F7F8FA) 25%, #E5E6EB 50%, var(--prism-bg-color, #F7F8FA) 75%);
   background-size: 200% 100%;
@@ -7597,7 +6738,6 @@ textarea::placeholder {
   background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);
   background-size: 200% 100%;
 }
-
 @keyframes prism-skeleton-loading {
   0% {
     background-position: 200% 0;
@@ -7606,9 +6746,6 @@ textarea::placeholder {
     background-position: -200% 0;
   }
 }
-/* ============================================================
-   气泡装饰效果
-   ============================================================ */
 .prism-bubble {
   position: relative;
   overflow: hidden;
@@ -7633,79 +6770,46 @@ textarea::placeholder {
   background: rgba(255, 255, 255, 0.08);
   border-radius: 50%;
 }
-
-/**
- * Prism UI - 工具类样式
- * 语义化组件类（保留 prism- 前缀）
- */
-/* ============================================================
-   布局组件
-   ============================================================ */
 .prism-container {
   padding: 30rpx 30rpx 40rpx;
 }
-
 .prism-bottom-placeholder {
   height: calc(120rpx + env(safe-area-inset-bottom));
 }
-
-/* ============================================================
-   文字颜色（语义化）
-   ============================================================ */
 .prism-text-primary {
   color: var(--prism-text-primary);
 }
-
 .prism-text-regular {
   color: var(--prism-text-regular);
 }
-
 .prism-text-secondary {
   color: var(--prism-text-secondary);
 }
-
 .prism-text-placeholder {
   color: var(--prism-text-placeholder);
 }
-
 .prism-text-white {
   color: #FFFFFF;
 }
-
 .prism-text-success {
   color: var(--prism-success-color);
 }
-
 .prism-text-warning {
   color: var(--prism-warning-color);
 }
-
 .prism-text-danger {
   color: var(--prism-danger-color);
 }
-
-/* ============================================================
-   安全区域
-   ============================================================ */
 .prism-safe-area-bottom {
   padding-bottom: env(safe-area-inset-bottom);
 }
-
 .prism-safe-area-top {
   padding-top: env(safe-area-inset-top);
 }
-
-/* ============================================================
-   链接文字
-   ============================================================ */
 .prism-link {
   color: var(--prism-primary-color);
   font-weight: 500;
 }
-
-/* ============================================================
-   快捷功能网格
-   ============================================================ */
 .prism-quick-actions {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -7756,11 +6860,6 @@ textarea::placeholder {
 .dark-mode .prism-quick-actions .quick-item .quick-text {
   color: var(--prism-text-primary, #E5E6EB);
 }
-
-/* ============================================================
-   代码展示
-   ============================================================ */
-/* 代码提示标签 - 用于行内展示类名、代码片段等 */
 .prism-code-hint {
   display: inline-block;
   font-size: 22rpx;