/* 
JquanUI.xingzouweb.cn
version:3.0
*/
/*插件导入*/
/* 组件 */  
@import url("JquanUIex@3.0.css");
/* 基础图标 */
@import url("../lib/boxicons-3.0/fonts/basic/boxicons.min.css");
/*Logo图标*/
@import url("../lib/boxicons-3.0/fonts/brands/boxicons-brands.min.css");
/*图标动效*/
@import url("../lib/boxicons-3.0/fonts/animations.min.css");
/*图标上色*/
@import url("../lib/boxicons-3.0/fonts/transformations.min.css");
/*悬浮效果*/
@import url("../lib/hover-2.3.2/hover.css");

:root {
  --font: "阿里妈妈灵动体 VF Thin";

  /*间距*/
  --sp-0: 0;
  --sp-px: 1px;
  --sp-0-5: 0.125rem;
  --sp-1: 0.25rem;
  --sp-1-5: 0.375rem;
  --sp-2: 0.5rem;
  --sp-2-5: 0.625rem;
  --sp-3: 0.75rem;
  --sp-3-5: 0.875rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-7: 1.75rem;
  --sp-8: 2rem;
  --sp-9: 2.25rem;
  --sp-10: 2.5rem;
  --sp-11: 2.75rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  /*颜色*/
  /*红*/
  --red-50: 254 242 242;
  --red-100: 254 226 226;
  --red-200: 254 202 202;
  --red-300: 252 165 165;
  --red-400: 248 113 113;
  --red-500: 239 68 68;
  --red-600: 220 38 38;
  --red-700: 185 28 28;
  --red-800: 153 27 27;
  --red-900: 127 29 29;
  /*橙*/
  --orange-50: 255 247 237;
  --orange-100: 255 237 213;
  --orange-200: 254 215 170;
  --orange-300: 253 186 116;
  --orange-400: 251 146 60;
  --orange-500: 249 115 22;
  --orange-600: 234 88 12;
  --orange-700: 194 65 12;
  --orange-800: 154 52 18;
  --orange-900: 124 45 18;
  /*琥珀*/
  --amber-50: 255 251 235;
  --amber-100: 254 243 199;
  --amber-200: 253 230 138;
  --amber-300: 252 211 77;
  --amber-400: 251 191 36;
  --amber-500: 245 158 11;
  --amber-600: 217 119 6;
  --amber-700: 180 83 9;
  --amber-800: 146 64 14;
  --amber-900: 120 53 15;
  /*黄*/
  --yellow-50: 254 252 232;
  --yellow-100: 254 249 195;
  --yellow-200: 254 240 138;
  --yellow-300: 253 224 71;
  --yellow-400: 250 204 21;
  --yellow-500: 234 179 8;
  --yellow-600: 202 138 4;
  --yellow-700: 161 98 7;
  --yellow-800: 133 77 14;
  --yellow-900: 113 63 18;
  /*石青*/
  --lime-50: 247 254 231;
  --lime-100: 236 252 203;
  --lime-200: 225 249 157;
  --lime-300: 217 242 100;
  --lime-400: 163 230 53;
  --lime-500: 132 204 22;
  --lime-600: 101 163 13;
  --lime-700: 77 124 15;
  --lime-800: 63 98 18;
  --lime-900: 54 83 20;
  /*绿*/
  --green-50: 240 253 244;
  --green-100: 220 252 231;
  --green-200: 187 247 208;
  --green-300: 134 239 172;
  --green-400: 74 222 128;
  --green-500: 34 197 94;
  --green-600: 22 163 74;
  --green-700: 21 128 61;
  --green-800: 22 101 52;
  --green-900: 20 83 45;
  /*绿宝石*/
  --emerald-50: 236 253 245;
  --emerald-100: 209 250 229;
  --emerald-200: 167 243 208;
  --emerald-300: 110 231 183;
  --emerald-400: 52 211 153;
  --emerald-500: 16 185 129;
  --emerald-600: 5 150 105;
  --emerald-700: 4 120 87;
  --emerald-800: 6 95 70;
  --emerald-900: 6 78 59;
  /*水鸭*/
  --teal-50: 240 253 250;
  --teal-100: 204 251 241;
  --teal-200: 153 246 228;
  --teal-300: 94 234 212;
  --teal-400: 45 212 191;
  --teal-500: 20 184 166;
  --teal-600: 13 148 136;
  --teal-700: 15 118 110;
  --teal-800: 17 94 89;
  --teal-900: 19 78 74;
  /*青*/
  --cyan-50: 236 254 255;
  --cyan-100: 207 250 254;
  --cyan-200: 165 243 252;
  --cyan-300: 103 232 249;
  --cyan-400: 34 211 238;
  --cyan-500: 6 182 212;
  --cyan-600: 8 145 178;
  --cyan-700: 14 116 144;
  --cyan-800: 21 94 117;
  --cyan-900: 22 78 99;
  /*天青*/
  --sky-50: 240 249 255;
  --sky-100: 224 242 254;
  --sky-200: 186 230 253;
  --sky-300: 125 211 252;
  --sky-400: 56 189 248;
  --sky-500: 14 165 233;
  --sky-600: 2 132 199;
  --sky-700: 3 105 161;
  --sky-800: 7 89 133;
  --sky-900: 12 74 110;
  /*蓝*/
  --blue-50: 239 246 255;
  --blue-100: 219 234 254;
  --blue-200: 191 219 254;
  --blue-300: 147 197 253;
  --blue-400: 96 165 250;
  --blue-500: 59 130 246;
  --blue-600: 37 99 235;
  --blue-700: 29 78 216;
  --blue-800: 30 64 175;
  --blue-900: 30 58 138;
  /*靛蓝*/
  --indigo-50: 238 242 255;
  --indigo-100: 224 231 255;
  --indigo-200: 199 210 254;
  --indigo-300: 165 180 252;
  --indigo-400: 129 140 248;
  --indigo-500: 99 102 241;
  --indigo-600: 79 70 229;
  --indigo-700: 67 56 202;
  --indigo-800: 55 48 163;
  --indigo-900: 49 46 129;
  /*浅紫*/
  --violet-50: 245 243 255;
  --violet-100: 237 233 254;
  --violet-200: 221 214 254;
  --violet-300: 196 181 253;
  --violet-400: 167 139 250;
  --violet-500: 139 92 246;
  --violet-600: 124 58 237;
  --violet-700: 109 40 217;
  --violet-800: 91 33 182;
  --violet-900: 76 29 149;
  /*紫色*/
  --purple-50: 250 245 255;
  --purple-100: 243 232 255;
  --purple-200: 233 213 255;
  --purple-300: 216 180 254;
  --purple-400: 192 132 252;
  --purple-500: 168 85 247;
  --purple-600: 147 51 234;
  --purple-700: 126 34 206;
  --purple-800: 107 33 168;
  --purple-900: 88 28 135;
  /*紫红*/
  --fuchsia-50: 253 244 255;
  --fuchsia-100: 250 232 255;
  --fuchsia-200: 245 208 254;
  --fuchsia-300: 240 171 252;
  --fuchsia-400: 232 121 249;
  --fuchsia-500: 217 70 239;
  --fuchsia-600: 192 38 211;
  --fuchsia-700: 162 28 175;
  --fuchsia-800: 134 25 143;
  --fuchsia-900: 112 26 117;
  /*粉*/
  --pink-50: 253 242 248;
  --pink-100: 252 231 243;
  --pink-200: 251 207 232;
  --pink-300: 249 168 212;
  --pink-400: 244 114 182;
  --pink-500: 236 72 153;
  --pink-600: 219 39 119;
  --pink-700: 190 24 93;
  --pink-800: 157 23 77;
  --pink-900: 131 24 67;
  /*玫红*/
  --rose-50: 255 241 242;
  --rose-100: 255 228 230;
  --rose-200: 254 205 211;
  --rose-300: 253 164 175;
  --rose-400: 251 113 133;
  --rose-500: 244 63 94;
  --rose-600: 225 29 72;
  --rose-700: 190 18 60;
  --rose-800: 159 18 57;
  --rose-900: 136 19 55;
  /*石板*/
  --slate-50: 248 250 252;
  --slate-100: 241 245 249;
  --slate-200: 226 232 240;
  --slate-300: 203 213 225;
  --slate-400: 148 163 184;
  --slate-500: 100 116 139;
  --slate-600: 71 85 105;
  --slate-700: 51 65 85;
  --slate-800: 30 41 59;
  --slate-900: 15 23 42;
  /*灰*/
  --gray-50: 249 250 251;
  --gray-100: 243 244 246;
  --gray-200: 229 231 235;
  --gray-300: 209 213 219;
  --gray-400: 156 163 175;
  --gray-500: 107 114 128;
  --gray-600: 75 85 99;
  --gray-700: 55 65 81;
  --gray-800: 31 41 55;
  --gray-900: 17 24 39;
  /*锌*/
  --zinc-50: 250 250 250;
  --zinc-100: 244 244 245;
  --zinc-200: 228 228 231;
  --zinc-300: 212 212 216;
  --zinc-400: 161 161 170;
  --zinc-500: 113 113 122;
  --zinc-600: 82 82 91;
  --zinc-700: 63 63 70;
  --zinc-800: 39 39 42;
  --zinc-900: 24 24 27;
  /*黑*/
  --black: 0 0 0;
  /*白*/
  --white: 255 255 255;
  /* 在根节点定义所有断点对应的容器宽度，一目了然 */
  --container-padding: 1rem; /* 统一管理内边距 */
  --container-sm: 540px;
  --container-md: 720px;
  --container-lg: 960px;
  --container-xl: 1140px;
  --container-2xl: 1320px;
  --container-sm-min: 540px;
  --container-sm-max: 640px;

  --border-width-0: 0px;
    --border-width-1: 1px;
    --border-width-2: 2px;
    --border-width-4: 4px;
    --border-width-8: 8px;
}

/*初始化*/
/* 字体 */
@font-face {
  font-family: "MiSans";
  src: url("../fonts/MiSans/woff2/MiSans-Regular.woff2") format("woff2"),
    url("../fonts/MiSans/woff/MiSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-display: optional;
}

@font-face {
  font-family: "MiSans Light";
  src: url("../fonts/MiSans/woff2/MiSans-Light.woff2") format("woff2"),
    url("../fonts/MiSans/woff/MiSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-display: optional
}

@font-face {
  font-family: "MiSans Title";
  src: url("../fonts/MiSans/woff2/MiSans-Semibold.woff2") format("woff2"),
    url("../fonts/MiSans/woff/MiSans-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-display: optional
}

@font-face {
    font-family: "MiSans VF";
    src: url("../fonts/MiSans/MiSansVF.ttf") format("truetype");
    font-variation-settings: "wght" 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: "阿里妈妈灵动体 VF Thin";src: url("../fonts/阿里妈妈灵动体/AlimamaAgileVF-Thin.woff2") format("woff2"),
  url("../fonts/阿里妈妈灵动体/AlimamaAgileVF-Thin.woff") format("woff"),url("../fonts/阿里妈妈灵动体/AlimamaAgileVF-Thin.ttf") format("truetype");
  font-variation-settings: "SRIF" 0, "slnt" 0, "wdth" 100, "wght" 400;
  font-display: swap;
}

/* 特殊文字 */
@font-face {
  font-family: 'Monoton';
  font-display: optional;
  font-style: normal;
  font-weight: 400;
  src: local('Monoton'), local('Monoton-Regular'), url(../fonts/AKI-lyzyNHXByGHeOcds_w.woff) format('woff');
}

@font-face {
  font-family: 'Iceland';
  font-display: optional;
  font-style: normal;
  font-weight: 400;
  src: local('Iceland'), local('Iceland-Regular'), url(../fonts/F6LYTZLHrG9BNYXRjU7RSw.woff) format('woff');
}

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(../fonts/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
  font-family: 'PressStart';
  font-display: optional;
  font-style: normal;
  font-weight: 400;
  src: local('Press Start 2P'), local('PressStart2P-Regular'), url(../fonts/8Lg6LX8-ntOHUQnvQ0E7o3dD2UuwsmbX3BOp4SL_VwM.woff) format('woff');
}

@font-face {
  font-family: 'Audiowide';
  font-display: optional;
  font-style: normal;
  font-weight: 400;
  src: local('Audiowide'), local('Audiowide-Regular'), url(../fonts/8XtYtNKEyyZh481XVWfVOj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Vampiro One';
  font-style: normal;
  font-display: optional;
  font-weight: 400;
  src: local('Vampiro One'), local('VampiroOne-Regular'), url(../fonts/Ho2Xld8UbQyBA8XLxF1_NYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/* 基础样式 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font);
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Element Reset */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ul,
ol,
th,
td,
button,
figure,
figcaption,
input,
textarea,
blockquote,
fieldset,
legend,
hr,
pre,
form {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

/* Typography Elements */
a,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
button,
option,
textarea,
optgroup {
  font-family: inheit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;
  outline: none;
  letter-spacing: 1px;
  /* Anti-aliasing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 水平线变体 */
hr {
  overflow: visible;
  margin-block: 1.25rem;
  /* 20px in rem equivalent */
  border: 0;
  border-top: 1px solid rgb(var(--gray-300));
  height: 0;
  box-sizing: content-box;
}

hr.theme-hr {
  border-top: 1px solid;
  border-color: rgb(var(--color));
}


hr.gradient-hr {
  border-image-source: linear-gradient(to right,var(--tw-gradient-stops));
  border-image-slice: 1;
  border-top: 1px solid;
}

hr.dashed {
  border-top: 1px dashed rgb(var(--gray-300)) !important;
}

hr.double {
  border-top: 3px double rgb(var(--gray-300)) !important;
}

hr.dotted {
  border-top: 1px dotted rgb(var(--gray-300)) !important;
}

pre {
  font-family: var(--font);
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: var(--font);
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

/* Forms*/
button,
input,
optgroup,
select,
textarea {
  margin: 0;                 /* 清除浏览器默认的外边距 */
  font-family: "MiSans Light";      /* 继承父级字体 */
  font-size: 14px;           /* 统一字体大小 */
  line-height: 1.15;         /* 统一的行高 */
  color: rgb(var(--gray-400));            /* 继承父级颜色 */
  background: transparent;   /* 透明背景，不覆盖外部设置 */
  border: 1px solid rgb(var(--gray-200));                 /* 清除浏览器默认边框 */
  border-radius: 4px;          /* 重置圆角 */
  padding: 5px 6px;                /* 清除内边距 */
  outline: none;             /* 去掉默认 outline（如需保留可改为 outline-color: transparent） */
  -webkit-appearance: none;  /* 移除 iOS/Mac 上部分表单元素的系统样式 */
  appearance: none;
}

/* 可选：让可聚焦元素获得统一的可视化焦点样式 */
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 1px solid rgb(var(--gray-400));
}


button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

cite {
  border-left: solid 3px;
  border-color: rgb(var(--color));
  color: var(--gray-500);
  border-radius: 0px 4px 4px 0px;
  background-color: #EEEEEE;
  padding: 4px 8px;
  font-style: inherit;
}

cite.gradient {
  border-image-source: var(--color);
  border-image-slice: 1;
  border-left: solid 3px;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  /* 3 */
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/*折叠面板*/
details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Links */
a {
  color: var(--dark-color);
  text-decoration: none;
  transition: .4s cubic-bezier(.175, .885, .32, 1);
  transition-property: color, background, transform, opacity, left, top, right, bottom, -webkit-transform, -o-transform;
}

a:hover {
  color: var(--main-color);
}

/* Lists */
ol,
ul {
  margin: 0;
  padding-left: 0;
}

.list-disc,
ul.list-disc,
ol.list-disc,
ul.list-decimal,
ol.list-decimal,
ul.list-square,
ol.list-square {
  padding-left: 1rem;
}

.list-none,
ul.list-none li,
ol.list-none li {
  list-style: none;
}

ul.list-disc li,
ol.list-disc li {
  list-style: disc;
}

ul.list-decimal li,
ol.list-decimal li {
  list-style: decimal;
}

ul.list-square li,
ol.list-square li {
  list-style: square;
}
.divide-y-1 > *:not(:first-child) {
  border-top-width: var(--border-width-1);
  border-top-style: solid; /* 别忘了 style，默认可能无 */
  border-top-color: rgb(var(--gray-200)); /* 或指定颜色，如 var(--border-color) */
}
.divide-y-reverse-1 {
  border-bottom-width: var(--border-width-1);
  border-top-width: var(--border-width-1);
}

/* Media Elements */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
}
table .tr{
  display: table-row;
}
table th,
table td {
  display: table-cell;
}
/* ============排版========== */
/* 字号 */
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm,
h6,
p {
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.25rem;
  /* 20px */
}

.text-base,
h5 {
  font-size: 1rem;
  /* 16px */
  line-height: 1.5rem;
  /* 24px */
}

.text-lg,
h4 {
  font-size: 1.125rem;
  /* 18px */
  line-height: 1.75rem;
  /* 28px */
}

.text-xl,
h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl,
h2 {
  font-size: 1.5rem;
  /* 24px */
  line-height: 2rem;
  /* 32px */
}

.text-3xl,
h1 {
  font-size: 1.875rem;
  /* 30px */
  line-height: 2.25rem;
  /* 36px */
}

.text-4xl {
  font-size: 2.25rem;
  /* 36px */
  line-height: 2.5rem;
  /* 40px */
}

.text-5xl {
  font-size: 3rem;
  /* 48px */
  line-height: 1.1;
  /* 改进自 1 */
}

.text-6xl {
  font-size: 3.75rem;
  /* 60px */
  line-height: 1.1;
  /* 改进自 1 */
}

.text-7xl {
  font-size: 4.5rem;
  /* 72px */
  line-height: 1.1;
  /* 改进自 1 */
}

.text-8xl {
  font-size: 6rem;
  /* 96px */
  line-height: 1.1;
  /* 改进自 1 */
}

.text-9xl {
  font-size: 8rem;
  /* 128px */
  line-height: 1.1;
  /* 改进自 1 */
}

.text-sn {
  font-size: var(--font-size, 1.25rem);
  /* 默认值 */
}

/* 响应式字体大小 */
@media (max-width: 768px) {
  .text-5xl {
    font-size: 2.5rem;
  }

  .text-6xl {
    font-size: 3rem;
  }

  .text-7xl {
    font-size: 3.5rem;
  }

  .text-8xl {
    font-size: 4rem;
  }

  .text-9xl {
    font-size: 5rem;
  }
}

/* 字重 */
.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

/* 字体行高 */
/* 绝对行高 */
.leading-3 {
  line-height: 0.75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-10 {
  line-height: 2.5rem;
}

/* 相对行高 */
.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

/* 自定义行高 */
.leading-sn {
  line-height: var(--line-height, 1.25);
  /* 默认值 */
}

/* 行数限制 */
.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5,
.line-clamp-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
}

.line-clamp-6 {
  -webkit-line-clamp: 6;
}

.line-clamp-sn {
  -webkit-line-clamp: var(--line-clamp, 1);
}

/*换行*/
.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

/* 文本左对齐 */
.text-left {
  text-align: left;
}

/* 文本右对齐 */
.text-right {
  text-align: right;
}

/* 文本两端对齐 */
.text-justify {
  text-align: justify;
}

/* 文本缩进 */
.text-indent {
  text-indent: 2rem;
}

/* 文本水平居中对齐 */
.text-center {
  text-align: center;
}

/* 文本垂直居中对齐 */
.align-middle {
  vertical-align: middle;
}

/* 文本顶部对齐 */
.align-top {
  vertical-align: top;
}

/* 文本底部对齐 */
.align-bottom {
  vertical-align: bottom;
}

/* 文本下标对齐 */
.align-sub {
  vertical-align: sub;
}

/* 文本上标对齐 */
.align-super {
  vertical-align: super;
}

/* 文本基线对齐 */
.align-baseline {
  vertical-align: baseline;
}

/*排版尺寸*/
/* 固定值 */
.w-0 {
  width: 0
}

.w-px {
  width: 1px
}

.w-0\.5 {
  width: .125rem
}

.w-1 {
  width: .25rem
}

.w-1\.5 {
  width: .375rem
}

.w-2 {
  width: .5rem
}

.w-2\.5 {
  width: .625rem
}

.w-3 {
  width: .75rem
}

.w-3\.5 {
  width: .875rem
}

.w-4 {
  width: 1rem
}

.w-5 {
  width: 1.25rem
}

.w-6 {
  width: 1.5rem
}

.w-7 {
  width: 1.75rem
}

.w-8 {
  width: 2rem
}

.w-9 {
  width: 2.25rem
}

.w-10 {
  width: 2.5rem
}

.w-11 {
  width: 2.75rem
}

.w-12 {
  width: 3rem
}

.w-14 {
  width: 3.5rem
}

.w-16 {
  width: 4rem
}

.w-20 {
  width: 5rem
}

.w-24 {
  width: 6rem
}

.w-28 {
  width: 7rem
}

.w-32 {
  width: 8rem
}

.w-36 {
  width: 9rem
}

.w-40 {
  width: 10rem
}

.w-44 {
  width: 11rem
}

.w-48 {
  width: 12rem
}

.w-52 {
  width: 13rem
}

.w-56 {
  width: 14rem
}

.w-60 {
  width: 15rem
}

.w-64 {
  width: 16rem
}

.w-72 {
  width: 18rem
}

.w-80 {
  width: 20rem
}

.w-96 {
  width: 24rem
}

.w-sn {
  width: var(--width, 1rem);
}

/*百分比*/
.w-1\/2,
.w-2\/4,
.w-3\/6 {
  width: 50%
}

.w-1\/3,
.w-2\/6 {
  width: 33.333333%
}

.w-2\/3,
.w-4\/6 {
  width: 66.666667%
}

.w-1\/4 {
  width: 25%
}

.w-3\/4 {
  width: 75%
}

.w-1\/5 {
  width: 20%
}

.w-2\/5 {
  width: 40%
}

.w-3\/5 {
  width: 60%
}

.w-4\/5 {
  width: 80%
}

.w-1\/6 {
  width: 16.666667%
}

.w-5\/6 {
  width: 83.333333%
}

/*特殊宽度*/
.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.w-screen {
  width: 100vw
}

.w-min {
  width: -moz-min-content;
  width: min-content
}

.w-max {
  width: -moz-max-content;
  width: max-content
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content
}

.min-w-0 {
  min-width: 0
}
.min-w-none {
  min-width: none
}

.min-w-full {
  min-width: 100%
}

.min-w-min {
  min-width: -moz-min-content;
  min-width: min-content
}

.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content
}

.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content
}

.max-w-0 {
  max-width: 0
}

.max-w-none {
  max-width: none
}

.max-w-full {
  max-width: 100%
}

.max-w-min {
  max-width: -moz-min-content;
  max-width: min-content
}

.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content
}

.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content
}

/*高度*/
.h-0 {
  height: 0
}

.h-px {
  height: 1px
}

.h-0\.5 {
  height: .125rem
}

.h-1 {
  height: .25rem
}

.h-1\.5 {
  height: .375rem
}

.h-2 {
  height: .5rem
}

.h-2\.5 {
  height: .625rem
}

.h-3 {
  height: .75rem
}

.h-3\.5 {
  height: .875rem
}

.h-4 {
  height: 1rem
}

.h-5 {
  height: 1.25rem
}

.h-6 {
  height: 1.5rem
}

.h-7 {
  height: 1.75rem
}

.h-8 {
  height: 2rem
}

.h-9 {
  height: 2.25rem
}

.h-10 {
  height: 2.5rem
}

.h-11 {
  height: 2.75rem
}

.h-12 {
  height: 3rem
}

.h-14 {
  height: 3.5rem
}

.h-16 {
  height: 4rem
}

.h-20 {
  height: 5rem
}

.h-24 {
  height: 6rem
}

.h-28 {
  height: 7rem
}

.h-32 {
  height: 8rem
}

.h-36 {
  height: 9rem
}

.h-40 {
  height: 10rem
}

.h-44 {
  height: 11rem
}

.h-48 {
  height: 12rem
}

.h-52 {
  height: 13rem
}

.h-56 {
  height: 14rem
}

.h-60 {
  height: 15rem
}

.h-64 {
  height: 16rem
}

.h-72 {
  height: 18rem
}

.h-80 {
  height: 20rem
}

.h-96 {
  height: 24rem
}

.h-sn {
  width: var(--height, 1rem);
}

/*百分比*/
.h-1\/2,
.h-2\/4,
.h-3\/6 {
  height: 50%
}

.h-1\/3,
.h-2\/6 {
  height: 33.333333%
}

.h-2\/3,
.h-4\/6 {
  height: 66.666667%
}

.h-1\/4 {
  height: 25%
}

.h-3\/4 {
  height: 75%
}

.h-1\/5 {
  height: 20%
}

.h-2\/5 {
  height: 40%
}

.h-3\/5 {
  height: 60%
}

.h-4\/5 {
  height: 80%
}

.h-1\/6 {
  height: 16.666667%
}

.h-5\/6 {
  height: 83.333333%
}

/*特殊高度*/
.h-auto {
  height: auto
}

.h-full {
  height: 100%
}

.h-screen {
  height: 100vh
}

.h-min {
  height: -moz-min-content;
  height: min-content
}

.h-max {
  height: -moz-max-content;
  height: max-content
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content
}

.min-h-0 {
  min-height: 0
}
.min-h-none {
  min-height: none
}
.min-h-full {
  min-height: 100%
}

.min-h-min {
  min-height: -moz-min-content;
  min-height: min-content
}

.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content
}

.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content
}

.max-h-0 {
  max-height: 0
}

.max-h-px {
  max-height: 1px
}

.max-h-none {
  max-height: none
}

.max-h-full {
  max-height: 100%
}

.max-h-min {
  max-height: -moz-min-content;
  max-height: min-content
}

.max-h-screen {
  max-height: 100vh
}

.max-h-max {
  max-height: -moz-max-content;
  max-height: max-content
}

.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content
}

/* 宽高比 */
.aspect-auto {
    aspect-ratio: auto
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

/*色彩系统*/
/*红*/
.bg-red-50,
.text-red-50,
hr.theme-hr-50 {
  --color: var(--red-50);
}

.bg-red-100,
.text-red-100,
hr.theme-hr-100 {
  --color: var(--red-100);
}

.bg-red-200,
.text-red-200,
hr.theme-hr-200,
.theme-red .btn.bg-theme-secondary:hover,
.theme-red .btn.text-theme-secondary:hover {
  --color: var(--red-200);
}

.bg-red-300,
.text-red-300,
hr.theme-hr-300,
.tips-red:after,
.theme-red .bg-theme-secondary,
.theme-red .text-theme-secondary {
  --color: var(--red-300);
}

.bg-red-400,
.text-red-400,
hr.theme-hr-400,
.btn-red:hover,
.btn-danger:hover,
.theme-red .btn.bg-theme-primary:hover,
.theme-red .btn.text-theme-primary:hover {
  --color: var(--red-400);
}

.bg-red-500,
.text-red-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-red .bg-theme-primary,
.theme-red .text-theme-primary,
.text-red,
.text-danger,
.bg-red,
.bg-danger,
.border-danger,
.border-red,
.danger,
.red,
.btn-red,
.btn-danger,
.theme-red cite {
  --color: var(--red-500);
}

.bg-red-600,
.text-red-600,
hr.theme-hr-600 {
  --color: var(--red-600);
}

.bg-red-700,
.text-red-700,
hr.theme-hr-700 {
  --color: var(--red-700);
}

.bg-red-800,
.text-red-800,
hr.theme-hr-800 {
  --color: var(--red-800);
}

.bg-red-900,
.text-red-900,
hr.theme-hr-900 {
  --color: var(--red-900);
}

/*橙*/
.bg-orange-50,
.text-orange-50,
hr.theme-hr-50 {
  --color: var(--orange-50);
}

.bg-orange-100,
.text-orange-100,
hr.theme-hr-100 {
  --color: var(--orange-100);
}

.bg-orange-200,
hr.theme-hr-200,
.text-orange-200.theme-orange .btn.bg-theme-secondary:hover,
.theme-orange .btn.text-theme-secondary:hover {
  --color: var(--orange-200);
}

.bg-orange-300,
.text-orange-300,
hr.theme-hr-300,
.tips-orange:after,
.theme-orange .bg-theme-secondary,
.theme-orange .text-theme-secondary {
  --color: var(--orange-300);
}

.bg-orange-400,
.text-orange-400,
hr.theme-hr-400,
.btn-orange:hover,
.theme-orange .btn.bg-theme-primary:hover,
.theme-orange .btn.text-theme-primary:hover {
  --color: var(--orange-400);
}

.bg-orange-500,
.text-orange-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-orange .bg-theme-primary,
.theme-orange .text-theme-primary,
.text-orange,
.bg-orange,
.border-orange,
.orange,
.btn-orange,
.theme-orange cite,
.to-orange-500 {
  --color: var(--orange-500);
}

.bg-orange-600,
.text-orange-600,
hr.theme-hr-600 {
  --color: var(--orange-600);
}

.bg-orange-700,
.text-orange-700,
hr.theme-hr-700 {
  --color: var(--orange-700);
}

.bg-orange-800,
.text-orange-800,
hr.theme-hr-800 {
  --color: var(--orange-800);
}

.bg-orange-900,
.text-orange-900,
hr.theme-hr-900 {
  --color: var(--orange-900);
}

/*琥珀*/
.bg-amber-50,
.text-amber-50,
hr.theme-hr-50 {
  --color: var(--amber-50);
}

.bg-amber-100,
.text-amber-100,
hr.theme-hr-100 {
  --color: var(--amber-100);
}

.bg-amber-200,
.text-amber-200,
hr.theme-hr-200,
.theme-amber .btn.bg-theme-secondary:hover,
.theme-amber .btn.text-theme-secondary:hover {
  --color: var(--amber-200);
}

.bg-amber-300,
.text-amber-300,
hr.theme-hr-300,
.tips-orange:after,
.theme-amber .bg-theme-secondary,
.theme-amber .text-theme-secondary {
  --color: var(--amber-300);
}

.bg-amber-400,
.text-amber-400,
hr.theme-hr-400,
.btn-warning:hover,
.btn-amber:hover,
.theme-amber .btn.bg-theme-primary:hover,
.theme-amber .btn.text-theme-primary:hover {
  --color: var(--amber-400);
}

.bg-amber-500,
.text-amber-500,
hr.theme-hr-500,
.theme-amber .bg-theme-primary,
.theme-amber .text-theme-primary,
.bg-amber,
.text-amber,
.text-warning,
.btn-warning,
.btn-amber,
.bg-warning,
.border-warning,
.border-amber,
.warning,
.amber,
.theme-amber cite {
  --color: var(--amber-500);
}

.bg-amber-600,
.text-amber-600,
hr.theme-hr-600 {
  --color: var(--amber-600);
}

.bg-amber-700,
.text-amber-700,
hr.theme-hr-700 {
  --color: var(--amber-700);
}

.bg-amber-800,
.text-amber-800,
hr.theme-hr-800 {
  --color: var(--amber-800);
}

.bg-amber-900,
.text-amber-900,
hr.theme-hr-900 {
  --color: var(--amber-900);
}

/*黄*/
.bg-yellow-50,
.text-yellow-50,
hr.theme-hr-50 {
  --color: var(--yellow-50);
}

.bg-yellow-100,
.text-yellow-100,
hr.theme-hr-100 {
  --color: var(--yellow-100);
}

.bg-yellow-200,
.text-yellow-200,
hr.theme-hr-200,
.theme-yellow .btn.bg-theme-secondary:hover,
.theme-yellow .btn.text-theme-secondary:hover {
  --color: var(--yellow-200);
}

.bg-yellow-300,
.text-yellow-300,
hr.theme-hr-300,
.tips-yellow:after,
.theme-yellow .bg-theme-secondary,
.theme-yellow .text-theme-secondary {
  --color: var(--yellow-300);
}

.bg-yellow-400,
.text-yellow-400,
hr.theme-hr-400,
.btn-yellow:hover,
.theme-yellow .btn.bg-theme-primary:hover,
.theme-yellow .btn.text-theme-primary:hover {
  --color: var(--yellow-400);
}

.bg-yellow-500,
.text-yellow-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-yellow .bg-theme-primary,
.theme-yellow .text-theme-primary,
.text-yellow,
.bg-yellow,
.btn-yellow,
.border-yellow,
.yellow,
.theme-yellow cite {
  --color: var(--yellow-500);
}

.bg-yellow-600,
.text-yellow-600,
hr.theme-hr-600 {
  --color: var(--yellow-600);
}

.bg-yellow-700,
.text-yellow-700,
hr.theme-hr-700 {
  --color: var(--yellow-700);
}

.bg-yellow-800,
.text-yellow-800,
hr.theme-hr-800 {
  --color: var(--yellow-800);
}

.bg-yellow-900,
.text-yellow-900,
hr.theme-hr-900 {
  --color: var(--yellow-900);
}

/*石灰*/
.bg-lime-50,
.text-lime-50,
hr.theme-hr-50 {
  --color: var(--lime-50);
}

.bg-lime-100,
.text-lime-100,
hr.theme-hr-100 {
  --color: var(--lime-100);
}

.bg-lime-200,
.text-lime-200,
hr.theme-hr-200
.theme-lime .btn.bg-theme-secondary:hover,
.theme-lime .btn.text-theme-secondary:hover {
  --color: var(--lime-200);
}

.bg-lime-300,
.text-lime-300,
hr.theme-hr-300,
.tips-lime:after,
.theme-lime .bg-theme-secondary,
.theme-lime .text-theme-secondary {
  --color: var(--lime-300);
}

.bg-lime-400,
.text-lime-400,
hr.theme-hr-400,
.btn-lime:hover,
.theme-lime .btn.bg-theme-primary:hover,
.theme-lime .btn.text-theme-primary:hover {
  --color: var(--lime-400);
}

.bg-lime-500,
.text-lime-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-lime .bg-theme-primary,
.theme-lime .text-theme-primary,
.text-lime,
.bg-lime,
.btn-lime,
.border-lime,
.border-secondary,
.lime,
.theme-lime cite {
  --color: var(--lime-500);
}

.bg-lime-600,
.text-lime-600,
hr.theme-hr-600 {
  --color: var(--lime-600);
}

.bg-lime-700,
.text-lime-700,
hr.theme-hr-700 {
  --color: var(--lime-700);
}

.bg-lime-800,
.text-lime-800,
hr.theme-hr-800 {
  --color: var(--lime-800);
}

.bg-lime-900,
.text-lime-900,
hr.theme-hr-900 {
  --color: var(--lime-900);
}

/*绿*/
.bg-green-50,
.text-green-50,
hr.theme-hr-50 {
  --color: var(--green-50);
}

.bg-green-100,
.text-green-100,
hr.theme-hr-100 {
  --color: var(--green-100);
}

.bg-green-200,
.text-green-200,
hr.theme-hr-200,
.theme-green .btn.bg-theme-secondary:hover,
.theme-green .btn.text-theme-secondary:hover {
  --color: var(--green-200);
}

.bg-green-300,
.text-green-300,
hr.theme-hr-300,
.tips-green:after,
.theme-green .bg-theme-secondary,
.theme-green .text-theme-secondary {
  --color: var(--green-300);
}

.bg-green-400,
.text-green-400,
hr.theme-hr-400,
.btn-green:hover,
.btn-success:hover,
.theme-green .btn.bg-theme-primary:hover,
.theme-green .btn.text-theme-primary:hover {
  --color: var(--green-400);
}

.bg-green-500,
.text-green-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-green .bg-theme-primary,
.theme-green .text-theme-primary,
.bg-green,
.text-green,
.text-success,
.bg-success,
.btn-success,
.btn-green,
.border-green,
.border-success,
.success,
.green,
.theme-green cite {
  --color: var(--green-500);
}

.bg-green-600,
.text-green-600,
hr.theme-hr-600 {
  --color: var(--green-600);
}

.bg-green-700,
.text-green-700,
hr.theme-hr-700 {
  --color: var(--green-700);
}

.bg-green-800,
.text-green-800,
hr.theme-hr-800 {
  --color: var(--green-800);
}

.bg-green-900,
.text-green-900,
hr.theme-hr-900 {
  --color: var(--green-900);
}

/*绿宝石*/
.bg-emerald-50,
.text-emerald-50,
hr.theme-hr-50 {
  --color: var(--emerald-50);
}

.bg-emerald-100,
.text-emerald-100,
hr.theme-hr-100 {
  --color: var(--emerald-100);
}

.bg-emerald-200,
.text-emerald-200,
hr.theme-hr-200,
.theme-emerald .btn.bg-theme-secondary:hover,
.theme-emerald .btn.text-theme-secondary:hover {
  --color: var(--emerald-200);
}

.bg-emerald-300,
.text-emerald-300,
hr.theme-hr-300,
.tips-emerald:after,
.theme-emerald .bg-theme-secondary,
.theme-emerald .text-theme-secondary {
  --color: var(--emerald-300);
}

.bg-emerald-400,
.text-emerald-400,
hr.theme-hr-400,
.btn-emerald:hover,
.theme-emerald .btn.bg-theme-primary:hover,
.theme-emerald .btn.text-theme-primary:hover {
  --color: var(--emerald-400);
}

.bg-emerald-500,
.text-emerald-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-emerald .bg-theme-primary,
.theme-emerald .text-theme-primary,
.bg-emerald,
.btn-emerald,
.border-emerald,
.text-emerald,
.emerald,
.theme-emerald cite {
  --color: var(--emerald-500);
}

.bg-emerald-600,
.text-emerald-600,
hr.theme-hr-600 {
  --color: var(--emerald-600);
}

.bg-emerald-700,
.text-emerald-700,
hr.theme-hr-700 {
  --color: var(--emerald-700);
}

.bg-emerald-800,
.text-emerald-800,
hr.theme-hr-800 {
  --color: var(--emerald-800);
}

.bg-emerald-900,
.text-emerald-900,
hr.theme-hr-900 {
  --color: var(--emerald-900);
}

/*水鸭*/
.bg-teal-50,
.text-teal-50,
hr.theme-hr-50 {
  --color: var(--teal-50);
}

.bg-teal-100,
.text-teal-100,
hr.theme-hr-100 {
  --color: var(--teal-100);
}

.bg-teal-200,
.text-teal-200,
hr.theme-hr-200,
.theme-teal .btn.bg-theme-secondary:hover,
.theme-teal .btn.text-theme-secondary:hover {
  --color: var(--teal-200);
}

.bg-teal-300,
.text-teal-300,
hr.theme-hr-300,
.tips-teal:after,
.theme-teal .bg-theme-secondary,
.theme-teal .text-theme-secondary {
  --color: var(--teal-300);
}

.bg-teal-400,
.text-teal-400,
hr.theme-hr-400,
.btn-teal:hover,
.theme-teal .btn.bg-theme-primary:hover,
.theme-teal .btn.text-theme-primary:hover {
  --color: var(--teal-400);
}

.bg-teal-500,
.text-teal-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-teal .bg-theme-primary,
.theme-teal .text-theme-primary,
.text-teal,
.bg-teal,
.btn-teal,
.border-teal,
.teal,
.theme-teal cite {
  --color: var(--teal-500);
}

.bg-teal-600,
.text-teal-600,
hr.theme-hr-600 {
  --color: var(--teal-600);
}

.bg-teal-700,
.text-teal-700,
hr.theme-hr-700 {
  --color: var(--teal-700);
}

.bg-teal-800,
.text-teal-800,
hr.theme-hr-800 {
  --color: var(--teal-800);
}

.bg-teal-900,
.text-teal-900,
hr.theme-hr-900 {
  --color: var(--teal-900);
}

/*青*/
.bg-cyan-50,
.text-cyan-50,
hr.theme-hr-50 {
  --color: var(--cyan-50);
}

.bg-cyan-100,
.text-cyan-100,
hr.theme-hr-100 {
  --color: var(--cyan-100);
}

.bg-cyan-200,
.text-cyan-200,
hr.theme-hr-200,
.theme-cyan .btn.bg-theme-secondary:hover,
.theme-cyan .btn.text-theme-secondary:hover {
  --color: var(--cyan-200);
}

.bg-cyan-300,
.text-cyan-300,
hr.theme-hr-300,
.tips-cyan:after,
.theme-cyan .bg-theme-secondary,
.theme-cyan .text-theme-secondary {
  --color: var(--cyan-300);
}

.bg-cyan-400,
.text-cyan-400,
hr.theme-hr-400,
.btn-cyan:hover,
.theme-cyan .btn.bg-theme-primary:hover,
.theme-cyan .btn.text-theme-primary:hover {
  --color: var(--cyan-400);
}

.bg-cyan-500,
.text-cyan-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-cyan .bg-theme-primary,
.theme-cyan .text-theme-primary,
.bg-cyan,
.btn-cyan,
.border-cyan,
.text-cyan,
.cyan,
.theme-cyan cite {
  --color: var(--cyan-500);
}

.bg-cyan-600,
.text-cyan-600,
hr.theme-hr-600 {
  --color: var(--cyan-600);
}

.bg-cyan-700,
.text-cyan-700 ,
hr.theme-hr-700{
  --color: var(--cyan-700);
}

.bg-cyan-800,
.text-cyan-800,
hr.theme-hr-800 {
  --color: var(--cyan-800);
}

.bg-cyan-900,
.text-cyan-900,
hr.theme-hr-900 {
  --color: var(--cyan-900);
}

/*天青*/
.bg-sky-50,
.text-sky-50,
hr.theme-hr-50 {
  --color: var(--sky-50);
}

.bg-sky-100,
.text-sky-100,
hr.theme-hr-100 {
  --color: var(--sky-100);
}

.bg-sky-200,
.text-sky-200,
hr.theme-hr-200,
.theme-sky .btn.bg-theme-secondary:hover,
.theme-sky .btn.text-theme-secondary:hover {
  --color: var(--sky-200);
}

.bg-sky-300,
.text-sky-300,
hr.theme-hr-300,
.tips-sky:after,
.theme-sky .bg-theme-secondary,
.theme-sky .text-theme-secondary {
  --color: var(--sky-300);
}

.bg-sky-400,
.text-sky-400,
hr.theme-hr-400,
.btn-sky:hover,
.theme-sky .btn.bg-theme-primary:hover,
.theme-sky .btn.text-theme-primary:hover {
  --color: var(--sky-400);
}

.bg-sky-500,
.text-sky-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-sky .bg-theme-primary,
.theme-sky .text-theme-primary,
.text-sky,
.bg-sky,
.btn-sky,
.border-sky,
.text-sky,
.bg-sky,
.bg-secondary,
.secondary,
.sky,
.theme-sky cite {
  --color: var(--sky-500);
}

.bg-sky-600,
.text-sky-600,
hr.theme-hr-600 {
  --color: var(--sky-600);
}

.bg-sky-700,
.text-sky-700,
hr.theme-hr-700 {
  --color: var(--sky-700);
}

.bg-sky-800,
.text-sky-800,
hr.theme-hr-800 {
  --color: var(--sky-800);
}

.bg-sky-900,
.text-sky-900,
hr.theme-hr-900 {
  --color: var(--sky-900);
}

/*蓝*/
.bg-blue-50,
.text-blue-50,
hr.theme-hr-50 {
  --color: var(--blue-50);
}

.bg-blue-100,
.text-blue-100,
hr.theme-hr-100 {
  --color: var(--blue-100);
}

.bg-blue-200,
.text-blue-200,
hr.theme-hr-200,
.theme-blue .btn.bg-theme-secondary:hover,
.theme-blue .btn.text-theme-secondary:hover {
  --color: var(--blue-200);
}

.bg-blue-300,
.text-blue-300,
hr.theme-hr-300,
.tips-blue:after,
.theme-blue .bg-theme-secondary,
.theme-blue .text-theme-secondary,
.text-secondary {
  --color: var(--blue-300);
}

.bg-blue-400,
.text-blue-400,
hr.theme-hr-400,
.btn-blue:hover,
.btn-primary:hover,
.theme-blue .btn.bg-theme-primary:hover,
.theme-blue .btn.text-theme-primary:hover {
  --color: var(--blue-400);
}

.bg-blue-500,
.text-blue-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-blue .bg-theme-primary,
.theme-blue .text-theme-primary,
.theme-blue .active,
.theme-blue.active:hover,
.text-blue,
.text-primary,
.bg-blue,
.btn-blue,
.btn-primary,
.bg-primary,
.border-blue,
.border-primary,
.primary,
.blue,
.theme-blue cite {
  --color: var(--blue-500);
}

.bg-blue-600,
.text-blue-600,
hr.theme-hr-600 {
  --color: var(--blue-600);
}

.bg-blue-700,
.text-blue-700,
hr.theme-hr-700 {
  --color: var(--blue-700);
}

.bg-blue-800,
.text-blue-800,
hr.theme-hr-800 {
  --color: var(--blue-800);
}

.bg-blue-900,
.text-blue-900,
hr.theme-hr-900 {
  --color: var(--blue-900);
}

/*靛蓝*/
.bg-indigo-50,
.text-indigo-50,
hr.theme-hr-50 {
  --color: var(--indigo-50);
}

.bg-indigo-100,
.text-indigo-100,
hr.theme-hr-100 {
  --color: var(--indigo-100);
}

.bg-indigo-200,
.text-indigo-200,
hr.theme-hr-200,
.theme-indigo .btn.bg-theme-secondary:hover,
.theme-indigo .btn.text-theme-secondary:hover {
  --color: var(--indigo-200);
}

.bg-indigo-300,
.text-indigo-300,
hr.theme-hr-300,
.tips-indigo:after,
.theme-indigo .bg-theme-secondary,
.theme-indigo .text-theme-secondary {
  --color: var(--indigo-300);
}

.bg-indigo-400,
.text-indigo-400,
hr.theme-hr-400,
.btn-indigo:hover,
.theme-indigo .btn.bg-theme-primary:hover,
.theme-indigo .btn.text-theme-primary:hover {
  --color: var(--indigo-400);
}

.bg-indigo-500,
.text-indigo-500,
.theme-indigo .bg-theme-primary,
.theme-indigo .text-theme-primary,
.theme-indigo .active,
.theme-indigo .active:hover,
hr.theme-hr-500,
hr.theme-hr,
.text-indigo,
.bg-indigo,
.btn-indigo,
.border-indigo,
.indigo,
.theme-indigo cite {
  --color: var(--indigo-500);
}

.bg-indigo-600,
.text-indigo-600,
hr.theme-hr-600 {
  --color: var(--indigo-600);
}

.bg-indigo-700,
.text-indigo-700,
hr.theme-hr-700 {
  --color: var(--indigo-700);
}

.bg-indigo-800,
.text-indigo-800,
hr.theme-hr-800{
  --color: var(--indigo-800);
}

.bg-indigo-900,
.text-indigo-900,
hr.theme-hr-900 {
  --color: var(--indigo-900);
}

/*紫罗兰*/
.bg-violet-50,
.text-violet-50,
hr.theme-hr-50 {
  --color: var(--violet-50);
}

.bg-violet-100,
.text-violet-100,
hr.theme-hr-100 {
  --color: var(--violet-100);
}

.bg-violet-200,
.text-violet-200,
hr.theme-hr-200,
.theme-violet .btn.bg-theme-secondary:hover,
.theme-violet .btn.text-theme-secondary:hover {
  --color: var(--violet-200);
}

.bg-violet-300,
.text-violet-300,
hr.theme-hr-300,
.tips-violet:after,
.theme-violet .bg-theme-secondary,
.theme-violet .text-theme-secondary {
  --color: var(--violet-300);
}

.bg-violet-400,
.text-violet-400,
hr.theme-hr-400,
.btn-violet:hover,
.theme-violet .btn.bg-theme-primary:hover,
.theme-violet .btn.text-theme-primary:hover {
  --color: var(--violet-400);
}

.bg-violet-500,
.text-violet-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-violet .bg-theme-primary,
.theme-violet .text-theme-primary,
.text-violet,
.bg-violet,
.btn-violet,
.border-violet,
.violet,
.theme-violet cite {
  --color: var(--violet-500);
}

.bg-violet-600,
.text-violet-600,
hr.theme-hr-600 {
  --color: var(--violet-600);
}

.bg-violet-700,
.text-violet-700,
hr.theme-hr-700 {
  --color: var(--violet-700);
}

.bg-violet-800,
.text-violet-800,
hr.theme-hr-800 {
  --color: var(--violet-800);
}

.bg-violet-900,
.text-violet-900,
hr.theme-hr-900 {
  --color: var(--violet-900);
}

/*紫*/
.bg-purple-50,
.text-purple-50,
hr.theme-hr-50 {
  --color: var(--purple-50);
}

.bg-purple-100,
.text-purple-100,
hr.theme-hr-100 {
  --color: var(--purple-100);
}

.bg-purple-200,
.text-purple-200,
hr.theme-hr-200,
.theme-purple .btn.bg-theme-secondary:hover,
.theme-purple .btn.text-theme-secondary:hover {
  --color: var(--purple-200);
}

.bg-purple-300,
.text-purple-300,
hr.theme-hr-300,
.tips-purple:after,
.theme-purple .bg-theme-secondary,
.theme-purple .text-theme-secondary {
  --color: var(--purple-300);
}

.bg-purple-400,
.text-purple-400,
hr.theme-hr-400,
.btn-purple:hover,
.theme-purple .btn.bg-theme-primary:hover,
.theme-purple .btn.text-theme-primary:hover {
  --color: var(--purple-400);
}

.bg-purple-500,
.text-purple-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-purple .bg-theme-primary,
.theme-purple .text-theme-primary,
.text-special,
.text-purple,
.bg-purple,
.btn-purple,
.border-special,
.border-purple,
.special,
.bg-special,
.purple,
.theme-purple cite {
  --color: var(--purple-500);
}

.bg-purple-600,
.text-purple-600,
hr.theme-hr-600 {
  --color: var(--purple-600);
}

.bg-purple-700,
.text-purple-700,
hr.theme-hr-700 {
  --color: var(--purple-700);
}

.bg-purple-800,
.text-purple-800,
hr.theme-hr-800 {
  --color: var(--purple-800);
}

.bg-purple-900,
.text-purple-900,
hr.theme-hr-900 {
  --color: var(--purple-900);
}

/*紫红*/
.bg-fuchsia-50,
.text-fuchsia-50,
hr.theme-hr-50 {
  --color: var(--fuchsia-50);
}

.bg-fuchsia-100,
.text-fuchsia-100,
hr.theme-hr-100 {
  --color: var(--fuchsia-100);
}

.bg-fuchsia-200,
.text-fuchsia-200,
hr.theme-hr-200,
.theme-fuchsia .btn.bg-theme-secondary:hover,
.theme-fuchsia .btn.text-theme-secondary:hover {
  --color: var(--fuchsia-200);
}

.bg-fuchsia-300,
.text-fuchsia-300,
hr.theme-hr-300,
.tips-fuchsia:after,
.theme-fuchsia .bg-theme-secondary,
.theme-fuchsia .text-theme-secondary {
  --color: var(--fuchsia-300);
}

.bg-fuchsia-400,
.text-fuchsia-400,
hr.theme-hr-400,
.btn-fuchsia:hover,
.theme-fuchsia .btn.bg-theme-primary:hover,
.theme-fuchsia .btn.text-theme-primary:hover {
  --color: var(--fuchsia-400);
}

.bg-fuchsia-500,
.text-fuchsia-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-fuchsia .bg-theme-primary,
.theme-fuchsia .text-theme-primary,
.text-fuchsia,
.bg-fuchsia,
.btn-fuchsia,
.border-fuchsia,
.fuchsia,
.theme-fuchsia cite {
  --color: var(--fuchsia-500);
}

.bg-fuchsia-600,
.text-fuchsia-600,
hr.theme-hr-600 {
  --color: var(--fuchsia-600);
}

.bg-fuchsia-700,
.text-fuchsia-700,
hr.theme-hr-700 {
  --color: var(--fuchsia-700);
}

.bg-fuchsia-800,
.text-fuchsia-800,
hr.theme-hr-800 {
  --color: var(--fuchsia-800);
}

.bg-fuchsia-900,
.text-fuchsia-900,
hr.theme-hr-900 {
  --color: var(--fuchsia-900);
}

/*粉*/
.bg-pink-50,
.text-pink-50,
hr.theme-hr-50 {
  --color: var(--pink-50);
}

.bg-pink-100,
.text-pink-100,
hr.theme-hr-100 {
  --color: var(--pink-100);
}

.bg-pink-200,
.text-pink-200,
hr.theme-hr-200,
.theme-pink .btn.bg-theme-secondary:hover,
.theme-pink .btn.text-theme-secondary:hover {
  --color: var(--pink-200);
}

.bg-pink-300,
.text-pink-300,
hr.theme-hr-300,
.tips-pink:after,
.theme-pink .bg-theme-secondary,
.theme-pink .text-theme-secondary {
  --color: var(--pink-300);
}

.bg-pink-400,
.text-pink-400,
hr.theme-hr-400,
.btn-pink:hover,
.theme-pink .btn.bg-theme-primary:hover,
.theme-pink .btn.text-theme-primary:hover {
  --color: var(--pink-400);
}

.bg-pink-500,
.text-pink-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-pink .bg-theme-primary,
.theme-pink .text-theme-primary,
.text-pink,
.text-important,
.bg-pink,
.btn-pink,
.bg-important,
.border-pink,
.border-important,
.important,
.pink,
.theme-important cite {
  --color: var(--pink-500);
}

.bg-pink-600,
.text-pink-600,
hr.theme-hr-600 {
  --color: var(--pink-600);
}

.bg-pink-700,
.text-pink-700,
hr.theme-hr-700 {
  --color: var(--pink-700);
}

.bg-pink-800,
.text-pink-800,
hr.theme-hr-800 {
  --color: var(--pink-800);
}

.bg-pink-900,
.text-pink-900,
hr.theme-hr-900 {
  --color: var(--pink-900);
}

/*玫红*/
.bg-rose-50,
.text-rose-50,
hr.theme-hr-50 {
  --color: var(--rose-50);
}

.bg-rose-100,
.text-rose-100,
hr.theme-hr-100 {
  --color: var(--rose-100);
}

.bg-rose-200,
.text-rose-200,
hr.theme-hr-200,
.theme-rose .btn.bg-theme-secondary:hover,
.theme-rose .btn.text-theme-secondary:hover {
  --color: var(--rose-200);
}

.bg-rose-300,
.text-rose-300,
hr.theme-hr-300,
.tips-rose:after,
.theme-rose .bg-theme-secondary,
.theme-rose .text-theme-secondary {
  --color: var(--rose-300);
}

.bg-rose-400,
.text-rose-400,
hr.theme-hr-400,
.btn-rose:hover,
.theme-rose .btn.bg-theme-primary:hover,
.theme-rose .btn.text-theme-primary:hover {
  --color: var(--rose-400);
}

.bg-rose-500,
.text-rose-500,
hr.theme-hr-500,
hr.theme-hr,
.theme-rose .bg-theme-primary,
.theme-rose .text-theme-primary,
.text-rose,
.bg-rose,
.btn-rose,
.border-rose,
.rose,
.theme-rose cite {
  --color: var(--rose-500);
}

.bg-rose-600,
.text-rose-600,
hr.theme-hr-600 {
  --color: var(--rose-600);
}

.bg-rose-700,
.text-rose-700,
hr.theme-hr-700 {
  --color: var(--rose-700);
}

.bg-rose-800,
.text-rose-800,
hr.theme-hr-800 {
  --color: var(--rose-800);
}

.bg-rose-900,
.text-rose-900,
hr.theme-hr-900 {
  --color: var(--rose-900);
}

/*石板*/
.bg-slate-50,
.text-slate-50,
hr.theme-hr-50 {
  --color: var(--slate-50);
}

.bg-slate-100,
.text-slate-100,
hr.theme-hr-100 {
  --color: var(--slate-100);
}

.bg-slate-200,
.text-slate-200,
hr.theme-hr-200 {
  --color: var(--slate-200);
}

.bg-slate-300,
.text-slate-300,
.tips-slate:after,
hr.theme-hr-300 {
  --color: var(--slate-300);
}

.bg-slate-400,
.text-slate-400,
.btn-slate:hover,
hr.theme-hr-400 {
  --color: var(--slate-400);
}

.bg-slate-500,
.text-slate-500,
.text-slate,
.bg-slate,
.border-slate,
.slate,
.btn-slate,
hr.theme-hr-500 {
  --color: var(--slate-500);
}

.bg-slate-600,
.text-slate-600,
hr.theme-hr-600 {
  --color: var(--slate-600);
}

.bg-slate-700,
.text-slate-700,
hr.theme-hr-700 {
  --color: var(--slate-700);
}

.bg-slate-800,
.text-slate-800,
hr.theme-hr-800 {
  --color: var(--slate-800);
}

.bg-slate-900,
.text-slate-900,
hr.theme-hr-900 {
  --color: var(--slate-900);
}

/*灰色*/
.bg-gray-50,
.text-gray-50,
.border-gray-50 {
  --color: var(--gray-50);
}

.bg-gray-100,
.text-gray-100,
.border-light,
.btn-info:hover,
.border-gray-100 {
  --color: var(--gray-100);
}

.bg-gray-200,
.text-gray-200,
.border-gray-200,
.btn-info,
*::before,
*::after {
  --color: var(--gray-200);
}

.bg-gray-300,
.text-gray-300,
.border-gray-300,
.tips-gray:after,
.tips-gray-300,
.border-strong {
  --color: var(--gray-300);
}


.bg-gray-400,
.text-gray-400,
.border-gray-400,
.btn-gray:hover,
.gray-400 {
  --color: var(--gray-400);
}

.bg-gray-500,
.text-gray-500,
.border-gray-500,
.gray-500,
.text-gray,
.btn-gray:hover,
.bg-gray,
.border-gray,
.gray {
  --color: var(--gray-500);
}

.bg-gray-600,
.text-gray-600,
.border-gray-600,
.gray-600 {
  --color: var(--gray-600);
}

.bg-gray-700,
.text-gray-700,
.border-gray-700,
.gray-700 {
  --color: var(--gray-700);
}

.bg-gray-800,
.text-gray-800,
.border-gray-800,
.gray-800 {
  --color: var(--gray-800);
}

.bg-gray-900,
.text-gray-900,
.border-gray-900,
.gray-900 {
  --color: var(--gray-900);
}

/*锌*/
.bg-zinc-50,
.text-zinc-50 {
  --color: var(--zinc-50);
}

.bg-zinc-100,
.text-zinc-100 {
  --color: var(--zinc-100);
}

.bg-zinc-200,
.text-zinc-200 {
  --color: var(--zinc-200);
}

.bg-zinc-300,
.text-zinc-300,
.tips-zinc:after {
  --color: var(--zinc-300);
}

.bg-zinc-400,
.btn-zinc:hover,
.text-zinc-400 {
  --color: var(--zinc-400);
}

.bg-zinc-500,
.text-zinc-500,
.theme-night .bg-theme-secondary,
.theme-night.text-theme-secondary,
.text-zinc,
.btn-zinc:hover,
.border-zinc,
.bg-zinc {
  --color: var(--zinc-500);
}

.bg-zinc-600,
.text-zinc-600 {
  --color: var(--zinc-600);
}

.bg-zinc-700,
.text-zinc-700,
.theme-night .bg-theme-primary,
.theme-night .text-theme-primary,
.zinc {
  --color: var(--zinc-700);
}

.bg-zinc-800,
.text-zinc-800 {
  --color: var(--zinc-800);
}

.bg-zinc-900,
.text-zinc-900 {
  --color: var(--zinc-900);
}

[class*="bg-red-"],
[class*="bg-orange-"],
[class*="bg-amber-"],
[class*="bg-yellow-"],
[class*="bg-lime-"],
[class*="bg-green-"],
[class*="bg-emerald-"],
[class*="bg-teal-"],
[class*="bg-cyan-"],
[class*="bg-sky-"],
[class*="bg-blue-"],
[class*="bg-indigo-"],
[class*="bg-violet-"],
[class*="bg-purple-"],
[class*="bg-fuchsia-"],
[class*="bg-pink-"],
[class*="bg-rose-"],
[class*="bg-slate-"],
[class*="bg-gray-"],
[class*="bg-zinc-"],
[class*="theme-"] .bg-theme-primary,
[class*="theme-"] .bg-theme-secondary,
[class*="theme-"] .btn.bg-theme-primary:hover,
[class*="theme-"].btn.bg-theme-secondary:hover,
.primary,
.secondary,
.success,
.warning,
.danger,
.important,
.special,
.gray-400,
.gray,
.gray-500,
.gray-600,
.gray-700,
.gray-800,
.gray-900,
.bg-gray,
.bg-danger,
.bg-red,
.bg-orange,
.bg-amber,
.bg-yellow,
.bg-lime,
.bg-green,
.bg-success,
.bg-emerald,
.bg-warning,
.bg-teal,
.bg-cyan,
.bg-sky,
.bg-primary,
.bg-secondary,
.bg-blue,
.bg-indigo,
.bg-violet,
.bg-purple,
.bg-fuchsia,
.bg-pink,
.bg-rose,
.bg-slate,
.bg-zinc,
.bg-special,
.bg-important,
.btn-red,
.btn-red:hover,
.btn-danger,
.btn-danger:hover,
.btn-orange,
.btn-orange:hover,
.btn-amber,
.btn-amber:hover,
.btn-warning,
.btn-warning:hover,
.btn-yellow,
.btn-yellow:hover,
.btn-lime,
.btn-lime:hover,
.btn-green,
.btn-green:hover,
.btn-success,
.btn-success:hover,
.btn-emerald,
.btn-emerald:hover,
.btn-teal,
.btn-teal:hover,
.btn-cyan,
.btn-cyan:hover,
.btn-sky,
.btn-sky:hover,
.btn-blue,
.btn-blue:hover,
.btn-primary,
.btn-primary:hover,
.btn-indigo,
.btn-indigo:hover,
.btn-violet,
.btn-violet:hover,
.btn-purple,
.btn-purple:hover,
.btn-fuchsia,
.btn-fuchsia:hover,
.btn-pink,
.btn-pink:hover,
.btn-rose,
.btn-rose:hover,
.btn-slate,
.btn-slate:hover,
.btn-gray,
.btn-gray:hover,
.btn-info,
.btn-info:hover,
.btn-zinc,
.btn-zinc:hover,
.btn-special,
.btn-special:hover,
.btn-important,
.btn-important:hover {
  --bg-opacity: 1;
  background-color: rgb(var(--color) / var(--bg-opacity)) !important;
}

.btn-red,
.btn-red:hover,
.btn-danger,
.btn-danger:hover,
.btn-orange,
.btn-orange:hover,
.btn-amber,
.btn-amber:hover,
.btn-warning,
.btn-warning:hover,
.btn-yellow,
.btn-yellow:hover,
.btn-lime,
.btn-lime:hover,
.btn-green,
.btn-green:hover,
.btn-success,
.btn-success:hover,
.btn-emerald,
.btn-emerald:hover,
.btn-teal,
.btn-teal:hover,
.btn-cyan,
.btn-cyan:hover,
.btn-sky,
.btn-sky:hover,
.btn-blue,
.btn-blue:hover,
.btn-primary,
.btn-primary:hover,
.btn-indigo,
.btn-indigo:hover,
.btn-violet,
.btn-violet:hover,
.btn-purple,
.btn-purple:hover,
.btn-fuchsia,
.btn-fuchsia:hover,
.btn-pink,
.btn-pink:hover,
.btn-rose,
.btn-rose:hover,
.btn-slate,
.btn-slate:hover,
.btn-gray,
.btn-gray:hover,
.btn-zinc,
.btn-zinc:hover,
.btn-special,
.btn-special:hover,
.btn-important,
.btn-important:hover {
  color: rgb(var(--white));
  border-color:transparent;
}

.btn-info,
.btn-info:hover {
  border-color: transparent;
}

[class*="text-red-"],
[class*="text-orange-"],
[class*="text-amber-"],
[class*="text-yellow-"],
[class*="text-lime-"],
[class*="text-green-"],
[class*="text-emerald-"],
[class*="text-teal-"],
[class*="text-cyan-"],
[class*="text-sky-"],
[class*="text-blue-"],
[class*="text-indigo-"],
[class*="text-violet-"],
[class*="text-purple-"],
[class*="text-fuchsia-"],
[class*="text-pink-"],
[class*="text-rose-"],
[class*="text-slate-"],
[class*="text-gray-"],
[class*="text-zinc-"],
[class*="theme-"] .text-theme-primary,
[class*="theme-"] .text-theme-secondary,
[class*="theme-"] .btn.text-theme-primary:hover,
[class*="theme-"].btn.text-theme-secondary:hover,
.text-red,
.text-danger,
.text-orange,
.text-amber,
.text-warning,
.text-yellow,
.text-lime,
.text-green,
.text-success,
.text-emerald,
.text-teal,
.text-cyan,
.text-sky,
.text-secondary,
.text-indigo,
.text-violet,
.text-purple,
.text-special,
.text-fuchsia,
.text-pink,
.text-important,
.text-rose,
.text-slate,
.text-gray,
.text-zinc,
.text-blue,
.text-primary {
  color: rgb(var(--color));
}

.tips-red[data-tips]:after,
.tips-red[data-badge]:after,
.tips-orange[data-tips]:after,
.tips-orange[data-badge]:after,
.tips-amber[data-tips]:after,
.tips-amber[data-badge]:after,
.tips-yellow[data-tips]:after,
.tips-yellow[data-badge]:after,
.tips-lime[data-tips]:after,
.tips-lime[data-badge]:after,
.tips-green[data-tips]:after,
.tips-green[data-badge]:after,
.tips-emerald[data-tips]:after,
.tips-emerald[data-badge]:after,
.tips-teal[data-tips]:after,
.tips-teal[data-badge]:after,
.tips-cyan[data-tips]:after,
.tips-cyan[data-badge]:after,
.tips-sky[data-tips]:after,
.tips-sky[data-badge]:after,
.tips-blue[data-tips]:after,
.tips-blue[data-badge]:after,
.tips-indigo[data-tips]:after,
.tips-indigo[data-badge]:after,
.tips-violet[data-tips]:after,
.tips-violet[data-badge]:after,
.tips-purple[data-tips]:after,
.tips-purple[data-badge]:after,
.tips-fuchsia[data-tips]:after,
.tips-fuchsia[data-badge]:after,
.tips-pink[data-tips]:after,
.tips-pink[data-badge]:after,
.tips-rose[data-tips]:after,
.tips-rose[data-badge]:after,
.tips-slate[data-tips]:after,
.tips-slate[data-badge]:after,
.tips-gray[data-tips]:after,
.tips-gray[data-badge]:after,
.tips-gray-300[data-tips]:after,
.tips-gray-300[data-badge]:after,
.tips-zinc[data-tips]:after,
.tips-zinc[data-badge]:after{
  background-color: rgb(var(--color) / var(--bg-opacity)) !important;
}


/*黑*/
.bg-black,
.black {
  --bg-opacity: 1;
  background-color: rgb(var(--black) / var(--bg-opacity));
}

.text-black {
  color: rgb(var(--black));
}

/*白*/
.bg-white,
.white {
  --bg-opacity: 1;
  background-color: rgb(var(--white) / var(--bg-opacity));
}

.text-white {
  color: rgb(var(--white));
}

/*实心*/
.primary,
.secondary,
.success,
.warning,
.danger,
.important,
.special,
.gray-400,
.gray,
.gray-500,
.gray-600,
.gray-700,
.gray-800,
.gray-900,
.blank,
[class*="theme-"] .bg-theme-primary,
.btn-hover-white:hover {
  color: #fff;
}

.gray-50,
.gray-100,
.gray-200,
.gray-300,
[class*="theme-"] .bg-theme-secondary,
[class*="theme-"] .btn.bg-theme-secondary:hover,
.white {
  color: #1e293b;
}

/*透明度*/
.opacity-0 {
  --bg-opacity: 0;
}

.opacity-5 {
  --bg-opacity: 0.05;
}

.opacity-10 {
  --bg-opacity: 0.1;
}

.opacity-20 {
  --bg-opacity: 0.2;
}

.opacity-25 {
  --bg-opacity: 0.25;
}

.opacity-30 {
  --bg-opacity: 0.3;
}

.opacity-40 {
  --bg-opacity: 0.4;
}

.opacity-50 {
  --bg-opacity: 0.5;
}

.opacity-60 {
  --bg-opacity: 0.6;
}

.opacity-70 {
  --bg-opacity: 0.7;
}

.opacity-75 {
  --bg-opacity: 0.75;
}

.opacity-80 {
  --bg-opacity: 0.8;
}

.opacity-90 {
  --bg-opacity: 0.9;
}

.opacity-95 {
  --bg-opacity: 0.95;
}

.opacity-100 {
  --bg-opacity: 1;
}
/*Tailwind渐变色*/
.bg-gradient-to-t {
  background-image: linear-gradient(to top,var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right,var(--tw-gradient-stops))
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right,var(--tw-gradient-stops))
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right,var(--tw-gradient-stops))
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom,var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left,var(--tw-gradient-stops))
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left,var(--tw-gradient-stops))
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left,var(--tw-gradient-stops))
}

.from-slate-50 {
  --tw-gradient-from: #f8fafc;
  --tw-gradient-to: rgb(248 250 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-100 {
  --tw-gradient-from: #f1f5f9;
  --tw-gradient-to: rgb(241 245 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-200 {
  --tw-gradient-from: #e2e8f0;
  --tw-gradient-to: rgb(226 232 240 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-300 {
  --tw-gradient-from: #cbd5e1;
  --tw-gradient-to: rgb(203 213 225 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-400 {
  --tw-gradient-from: #94a3b8;
  --tw-gradient-to: rgb(148 163 184 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-500 {
  --tw-gradient-from: #64748b;
  --tw-gradient-to: rgb(100 116 139 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-600 {
  --tw-gradient-from: #475569;
  --tw-gradient-to: rgb(71 85 105 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-700 {
  --tw-gradient-from: #334155;
  --tw-gradient-to: rgb(51 65 85 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-800 {
  --tw-gradient-from: #1e293b;
  --tw-gradient-to: rgb(30 41 59 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-slate-900 {
  --tw-gradient-from: #0f172a;
  --tw-gradient-to: rgb(15 23 42 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-50 {
  --tw-gradient-from: #f9fafb;
  --tw-gradient-to: rgb(249 250 251 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-100 {
  --tw-gradient-from: #f3f4f6;
  --tw-gradient-to: rgb(243 244 246 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-200 {
  --tw-gradient-from: #e5e7eb;
  --tw-gradient-to: rgb(229 231 235 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-300 {
  --tw-gradient-from: #d1d5db;
  --tw-gradient-to: rgb(209 213 219 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-400 {
  --tw-gradient-from: #9ca3af;
  --tw-gradient-to: rgb(156 163 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-500 {
  --tw-gradient-from: #6b7280;
  --tw-gradient-to: rgb(107 114 128 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-600 {
  --tw-gradient-from: #4b5563;
  --tw-gradient-to: rgb(75 85 99 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700 {
  --tw-gradient-from: #374151;
  --tw-gradient-to: rgb(55 65 81 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-800 {
  --tw-gradient-from: #1f2937;
  --tw-gradient-to: rgb(31 41 55 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-900 {
  --tw-gradient-from: #111827;
  --tw-gradient-to: rgb(17 24 39 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-50 {
  --tw-gradient-from: #fafafa;
  --tw-gradient-to: rgb(250 250 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-100 {
  --tw-gradient-from: #f4f4f5;
  --tw-gradient-to: rgb(244 244 245 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-200 {
  --tw-gradient-from: #e4e4e7;
  --tw-gradient-to: rgb(228 228 231 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-300 {
  --tw-gradient-from: #d4d4d8;
  --tw-gradient-to: rgb(212 212 216 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-400 {
  --tw-gradient-from: #a1a1aa;
  --tw-gradient-to: rgb(161 161 170 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-500 {
  --tw-gradient-from: #71717a;
  --tw-gradient-to: rgb(113 113 122 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-600 {
  --tw-gradient-from: #52525b;
  --tw-gradient-to: rgb(82 82 91 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-700 {
  --tw-gradient-from: #3f3f46;
  --tw-gradient-to: rgb(63 63 70 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-800 {
  --tw-gradient-from: #27272a;
  --tw-gradient-to: rgb(39 39 42 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-900 {
  --tw-gradient-from: #18181b;
  --tw-gradient-to: rgb(24 24 27 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-50 {
  --tw-gradient-from: #fafafa;
  --tw-gradient-to: rgb(250 250 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-100 {
  --tw-gradient-from: #f5f5f5;
  --tw-gradient-to: rgb(245 245 245 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-200 {
  --tw-gradient-from: #e5e5e5;
  --tw-gradient-to: rgb(229 229 229 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-300 {
  --tw-gradient-from: #d4d4d4;
  --tw-gradient-to: rgb(212 212 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-400 {
  --tw-gradient-from: #a3a3a3;
  --tw-gradient-to: rgb(163 163 163 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-500 {
  --tw-gradient-from: #737373;
  --tw-gradient-to: rgb(115 115 115 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-600 {
  --tw-gradient-from: #525252;
  --tw-gradient-to: rgb(82 82 82 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-700 {
  --tw-gradient-from: #404040;
  --tw-gradient-to: rgb(64 64 64 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-800 {
  --tw-gradient-from: #262626;
  --tw-gradient-to: rgb(38 38 38 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-900 {
  --tw-gradient-from: #171717;
  --tw-gradient-to: rgb(23 23 23 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-50 {
  --tw-gradient-from: #fafaf9;
  --tw-gradient-to: rgb(250 250 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-100 {
  --tw-gradient-from: #f5f5f4;
  --tw-gradient-to: rgb(245 245 244 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-200 {
  --tw-gradient-from: #e7e5e4;
  --tw-gradient-to: rgb(231 229 228 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-300 {
  --tw-gradient-from: #d6d3d1;
  --tw-gradient-to: rgb(214 211 209 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-400 {
  --tw-gradient-from: #a8a29e;
  --tw-gradient-to: rgb(168 162 158 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-500 {
  --tw-gradient-from: #78716c;
  --tw-gradient-to: rgb(120 113 108 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-600 {
  --tw-gradient-from: #57534e;
  --tw-gradient-to: rgb(87 83 78 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-700 {
  --tw-gradient-from: #44403c;
  --tw-gradient-to: rgb(68 64 60 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-800 {
  --tw-gradient-from: #292524;
  --tw-gradient-to: rgb(41 37 36 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-stone-900 {
  --tw-gradient-from: #1c1917;
  --tw-gradient-to: rgb(28 25 23 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-50 {
  --tw-gradient-from: #fef2f2;
  --tw-gradient-to: rgb(254 242 242 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-100 {
  --tw-gradient-from: #fee2e2;
  --tw-gradient-to: rgb(254 226 226 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-200 {
  --tw-gradient-from: #fecaca;
  --tw-gradient-to: rgb(254 202 202 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-300 {
  --tw-gradient-from: #fca5a5;
  --tw-gradient-to: rgb(252 165 165 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-400 {
  --tw-gradient-from: #f87171;
  --tw-gradient-to: rgb(248 113 113 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500 {
  --tw-gradient-from: #ef4444;
  --tw-gradient-to: rgb(239 68 68 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-600 {
  --tw-gradient-from: #dc2626;
  --tw-gradient-to: rgb(220 38 38 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-700 {
  --tw-gradient-from: #b91c1c;
  --tw-gradient-to: rgb(185 28 28 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-800 {
  --tw-gradient-from: #991b1b;
  --tw-gradient-to: rgb(153 27 27 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-900 {
  --tw-gradient-from: #7f1d1d;
  --tw-gradient-to: rgb(127 29 29 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-50 {
  --tw-gradient-from: #fff7ed;
  --tw-gradient-to: rgb(255 247 237 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-100 {
  --tw-gradient-from: #ffedd5;
  --tw-gradient-to: rgb(255 237 213 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-200 {
  --tw-gradient-from: #fed7aa;
  --tw-gradient-to: rgb(254 215 170 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-300 {
  --tw-gradient-from: #fdba74;
  --tw-gradient-to: rgb(253 186 116 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-400 {
  --tw-gradient-from: #fb923c;
  --tw-gradient-to: rgb(251 146 60 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500 {
  --tw-gradient-from: #f97316;
  --tw-gradient-to: rgb(249 115 22 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-600 {
  --tw-gradient-from: #ea580c;
  --tw-gradient-to: rgb(234 88 12 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-700 {
  --tw-gradient-from: #c2410c;
  --tw-gradient-to: rgb(194 65 12 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-800 {
  --tw-gradient-from: #9a3412;
  --tw-gradient-to: rgb(154 52 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-900 {
  --tw-gradient-from: #7c2d12;
  --tw-gradient-to: rgb(124 45 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-50 {
  --tw-gradient-from: #fffbeb;
  --tw-gradient-to: rgb(255 251 235 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-100 {
  --tw-gradient-from: #fef3c7;
  --tw-gradient-to: rgb(254 243 199 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-200 {
  --tw-gradient-from: #fde68a;
  --tw-gradient-to: rgb(253 230 138 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-300 {
  --tw-gradient-from: #fcd34d;
  --tw-gradient-to: rgb(252 211 77 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-400 {
  --tw-gradient-from: #fbbf24;
  --tw-gradient-to: rgb(251 191 36 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-500 {
  --tw-gradient-from: #f59e0b;
  --tw-gradient-to: rgb(245 158 11 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-600 {
  --tw-gradient-from: #d97706;
  --tw-gradient-to: rgb(217 119 6 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-700 {
  --tw-gradient-from: #b45309;
  --tw-gradient-to: rgb(180 83 9 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-800 {
  --tw-gradient-from: #92400e;
  --tw-gradient-to: rgb(146 64 14 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-900 {
  --tw-gradient-from: #78350f;
  --tw-gradient-to: rgb(120 53 15 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-50 {
  --tw-gradient-from: #fefce8;
  --tw-gradient-to: rgb(254 252 232 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-100 {
  --tw-gradient-from: #fef9c3;
  --tw-gradient-to: rgb(254 249 195 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-200 {
  --tw-gradient-from: #fef08a;
  --tw-gradient-to: rgb(254 240 138 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-300 {
  --tw-gradient-from: #fde047;
  --tw-gradient-to: rgb(253 224 71 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-400 {
  --tw-gradient-from: #facc15;
  --tw-gradient-to: rgb(250 204 21 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-500 {
  --tw-gradient-from: #eab308;
  --tw-gradient-to: rgb(234 179 8 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-600 {
  --tw-gradient-from: #ca8a04;
  --tw-gradient-to: rgb(202 138 4 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-700 {
  --tw-gradient-from: #a16207;
  --tw-gradient-to: rgb(161 98 7 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-800 {
  --tw-gradient-from: #854d0e;
  --tw-gradient-to: rgb(133 77 14 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-900 {
  --tw-gradient-from: #713f12;
  --tw-gradient-to: rgb(113 63 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-50 {
  --tw-gradient-from: #f7fee7;
  --tw-gradient-to: rgb(247 254 231 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-100 {
  --tw-gradient-from: #ecfccb;
  --tw-gradient-to: rgb(236 252 203 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-200 {
  --tw-gradient-from: #d9f99d;
  --tw-gradient-to: rgb(217 249 157 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-300 {
  --tw-gradient-from: #bef264;
  --tw-gradient-to: rgb(190 242 100 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-400 {
  --tw-gradient-from: #a3e635;
  --tw-gradient-to: rgb(163 230 53 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-500 {
  --tw-gradient-from: #84cc16;
  --tw-gradient-to: rgb(132 204 22 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-600 {
  --tw-gradient-from: #65a30d;
  --tw-gradient-to: rgb(101 163 13 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-700 {
  --tw-gradient-from: #4d7c0f;
  --tw-gradient-to: rgb(77 124 15 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-800 {
  --tw-gradient-from: #3f6212;
  --tw-gradient-to: rgb(63 98 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-900 {
  --tw-gradient-from: #365314;
  --tw-gradient-to: rgb(54 83 20 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-50 {
  --tw-gradient-from: #f0fdf4;
  --tw-gradient-to: rgb(240 253 244 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-100 {
  --tw-gradient-from: #dcfce7;
  --tw-gradient-to: rgb(220 252 231 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-200 {
  --tw-gradient-from: #bbf7d0;
  --tw-gradient-to: rgb(187 247 208 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-300 {
  --tw-gradient-from: #86efac;
  --tw-gradient-to: rgb(134 239 172 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-400 {
  --tw-gradient-from: #4ade80;
  --tw-gradient-to: rgb(74 222 128 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500 {
  --tw-gradient-from: #22c55e;
  --tw-gradient-to: rgb(34 197 94 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-600 {
  --tw-gradient-from: #16a34a;
  --tw-gradient-to: rgb(22 163 74 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700 {
  --tw-gradient-from: #15803d;
  --tw-gradient-to: rgb(21 128 61 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-800 {
  --tw-gradient-from: #166534;
  --tw-gradient-to: rgb(22 101 52 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-900 {
  --tw-gradient-from: #14532d;
  --tw-gradient-to: rgb(20 83 45 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-50 {
  --tw-gradient-from: #ecfdf5;
  --tw-gradient-to: rgb(236 253 245 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-100 {
  --tw-gradient-from: #d1fae5;
  --tw-gradient-to: rgb(209 250 229 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-200 {
  --tw-gradient-from: #a7f3d0;
  --tw-gradient-to: rgb(167 243 208 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-300 {
  --tw-gradient-from: #6ee7b7;
  --tw-gradient-to: rgb(110 231 183 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-400 {
  --tw-gradient-from: #34d399;
  --tw-gradient-to: rgb(52 211 153 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-500 {
  --tw-gradient-from: #10b981;
  --tw-gradient-to: rgb(16 185 129 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-600 {
  --tw-gradient-from: #059669;
  --tw-gradient-to: rgb(5 150 105 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-700 {
  --tw-gradient-from: #047857;
  --tw-gradient-to: rgb(4 120 87 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-800 {
  --tw-gradient-from: #065f46;
  --tw-gradient-to: rgb(6 95 70 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-emerald-900 {
  --tw-gradient-from: #064e3b;
  --tw-gradient-to: rgb(6 78 59 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-50 {
  --tw-gradient-from: #f0fdfa;
  --tw-gradient-to: rgb(240 253 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-100 {
  --tw-gradient-from: #ccfbf1;
  --tw-gradient-to: rgb(204 251 241 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-200 {
  --tw-gradient-from: #99f6e4;
  --tw-gradient-to: rgb(153 246 228 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-300 {
  --tw-gradient-from: #5eead4;
  --tw-gradient-to: rgb(94 234 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-400 {
  --tw-gradient-from: #2dd4bf;
  --tw-gradient-to: rgb(45 212 191 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-500 {
  --tw-gradient-from: #14b8a6;
  --tw-gradient-to: rgb(20 184 166 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-600 {
  --tw-gradient-from: #0d9488;
  --tw-gradient-to: rgb(13 148 136 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-700 {
  --tw-gradient-from: #0f766e;
  --tw-gradient-to: rgb(15 118 110 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-800 {
  --tw-gradient-from: #115e59;
  --tw-gradient-to: rgb(17 94 89 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-900 {
  --tw-gradient-from: #134e4a;
  --tw-gradient-to: rgb(19 78 74 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-50 {
  --tw-gradient-from: #ecfeff;
  --tw-gradient-to: rgb(236 254 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-100 {
  --tw-gradient-from: #cffafe;
  --tw-gradient-to: rgb(207 250 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-200 {
  --tw-gradient-from: #a5f3fc;
  --tw-gradient-to: rgb(165 243 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-300 {
  --tw-gradient-from: #67e8f9;
  --tw-gradient-to: rgb(103 232 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-400 {
  --tw-gradient-from: #22d3ee;
  --tw-gradient-to: rgb(34 211 238 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-500 {
  --tw-gradient-from: #06b6d4;
  --tw-gradient-to: rgb(6 182 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-600 {
  --tw-gradient-from: #0891b2;
  --tw-gradient-to: rgb(8 145 178 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-700 {
  --tw-gradient-from: #0e7490;
  --tw-gradient-to: rgb(14 116 144 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-800 {
  --tw-gradient-from: #155e75;
  --tw-gradient-to: rgb(21 94 117 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-900 {
  --tw-gradient-from: #164e63;
  --tw-gradient-to: rgb(22 78 99 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-50 {
  --tw-gradient-from: #f0f9ff;
  --tw-gradient-to: rgb(240 249 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-100 {
  --tw-gradient-from: #e0f2fe;
  --tw-gradient-to: rgb(224 242 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-200 {
  --tw-gradient-from: #bae6fd;
  --tw-gradient-to: rgb(186 230 253 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-300 {
  --tw-gradient-from: #7dd3fc;
  --tw-gradient-to: rgb(125 211 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-400 {
  --tw-gradient-from: #38bdf8;
  --tw-gradient-to: rgb(56 189 248 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-500 {
  --tw-gradient-from: #0ea5e9;
  --tw-gradient-to: rgb(14 165 233 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-600 {
  --tw-gradient-from: #0284c7;
  --tw-gradient-to: rgb(2 132 199 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-700 {
  --tw-gradient-from: #0369a1;
  --tw-gradient-to: rgb(3 105 161 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-800 {
  --tw-gradient-from: #075985;
  --tw-gradient-to: rgb(7 89 133 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-900 {
  --tw-gradient-from: #0c4a6e;
  --tw-gradient-to: rgb(12 74 110 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff;
  --tw-gradient-to: rgb(239 246 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-100 {
  --tw-gradient-from: #dbeafe;
  --tw-gradient-to: rgb(219 234 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-200 {
  --tw-gradient-from: #bfdbfe;
  --tw-gradient-to: rgb(191 219 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-300 {
  --tw-gradient-from: #93c5fd;
  --tw-gradient-to: rgb(147 197 253 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-400 {
  --tw-gradient-from: #60a5fa;
  --tw-gradient-to: rgb(96 165 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6;
  --tw-gradient-to: rgb(59 130 246 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600 {
  --tw-gradient-from: #2563eb;
  --tw-gradient-to: rgb(37 99 235 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-700 {
  --tw-gradient-from: #1d4ed8;
  --tw-gradient-to: rgb(29 78 216 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-800 {
  --tw-gradient-from: #1e40af;
  --tw-gradient-to: rgb(30 64 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-900 {
  --tw-gradient-from: #1e3a8a;
  --tw-gradient-to: rgb(30 58 138 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-50 {
  --tw-gradient-from: #eef2ff;
  --tw-gradient-to: rgb(238 242 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-100 {
  --tw-gradient-from: #e0e7ff;
  --tw-gradient-to: rgb(224 231 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-200 {
  --tw-gradient-from: #c7d2fe;
  --tw-gradient-to: rgb(199 210 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-300 {
  --tw-gradient-from: #a5b4fc;
  --tw-gradient-to: rgb(165 180 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-400 {
  --tw-gradient-from: #818cf8;
  --tw-gradient-to: rgb(129 140 248 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-500 {
  --tw-gradient-from: #6366f1;
  --tw-gradient-to: rgb(99 102 241 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-600 {
  --tw-gradient-from: #4f46e5;
  --tw-gradient-to: rgb(79 70 229 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-700 {
  --tw-gradient-from: #4338ca;
  --tw-gradient-to: rgb(67 56 202 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-800 {
  --tw-gradient-from: #3730a3;
  --tw-gradient-to: rgb(55 48 163 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-900 {
  --tw-gradient-from: #312e81;
  --tw-gradient-to: rgb(49 46 129 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-50 {
  --tw-gradient-from: #f5f3ff;
  --tw-gradient-to: rgb(245 243 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-100 {
  --tw-gradient-from: #ede9fe;
  --tw-gradient-to: rgb(237 233 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-200 {
  --tw-gradient-from: #ddd6fe;
  --tw-gradient-to: rgb(221 214 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-300 {
  --tw-gradient-from: #c4b5fd;
  --tw-gradient-to: rgb(196 181 253 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-400 {
  --tw-gradient-from: #a78bfa;
  --tw-gradient-to: rgb(167 139 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-500 {
  --tw-gradient-from: #8b5cf6;
  --tw-gradient-to: rgb(139 92 246 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-600 {
  --tw-gradient-from: #7c3aed;
  --tw-gradient-to: rgb(124 58 237 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-700 {
  --tw-gradient-from: #6d28d9;
  --tw-gradient-to: rgb(109 40 217 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-800 {
  --tw-gradient-from: #5b21b6;
  --tw-gradient-to: rgb(91 33 182 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-900 {
  --tw-gradient-from: #4c1d95;
  --tw-gradient-to: rgb(76 29 149 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-50 {
  --tw-gradient-from: #faf5ff;
  --tw-gradient-to: rgb(250 245 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-100 {
  --tw-gradient-from: #f3e8ff;
  --tw-gradient-to: rgb(243 232 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-200 {
  --tw-gradient-from: #e9d5ff;
  --tw-gradient-to: rgb(233 213 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-300 {
  --tw-gradient-from: #d8b4fe;
  --tw-gradient-to: rgb(216 180 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-400 {
  --tw-gradient-from: #c084fc;
  --tw-gradient-to: rgb(192 132 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500 {
  --tw-gradient-from: #a855f7;
  --tw-gradient-to: rgb(168 85 247 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-600 {
  --tw-gradient-from: #9333ea;
  --tw-gradient-to: rgb(147 51 234 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-700 {
  --tw-gradient-from: #7e22ce;
  --tw-gradient-to: rgb(126 34 206 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-800 {
  --tw-gradient-from: #6b21a8;
  --tw-gradient-to: rgb(107 33 168 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-900 {
  --tw-gradient-from: #581c87;
  --tw-gradient-to: rgb(88 28 135 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-50 {
  --tw-gradient-from: #fdf4ff;
  --tw-gradient-to: rgb(253 244 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-100 {
  --tw-gradient-from: #fae8ff;
  --tw-gradient-to: rgb(250 232 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-200 {
  --tw-gradient-from: #f5d0fe;
  --tw-gradient-to: rgb(245 208 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-300 {
  --tw-gradient-from: #f0abfc;
  --tw-gradient-to: rgb(240 171 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-400 {
  --tw-gradient-from: #e879f9;
  --tw-gradient-to: rgb(232 121 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-500 {
  --tw-gradient-from: #d946ef;
  --tw-gradient-to: rgb(217 70 239 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-600 {
  --tw-gradient-from: #c026d3;
  --tw-gradient-to: rgb(192 38 211 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-700 {
  --tw-gradient-from: #a21caf;
  --tw-gradient-to: rgb(162 28 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-800 {
  --tw-gradient-from: #86198f;
  --tw-gradient-to: rgb(134 25 143 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-900 {
  --tw-gradient-from: #701a75;
  --tw-gradient-to: rgb(112 26 117 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-50 {
  --tw-gradient-from: #fdf2f8;
  --tw-gradient-to: rgb(253 242 248 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-100 {
  --tw-gradient-from: #fce7f3;
  --tw-gradient-to: rgb(252 231 243 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-200 {
  --tw-gradient-from: #fbcfe8;
  --tw-gradient-to: rgb(251 207 232 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-300 {
  --tw-gradient-from: #f9a8d4;
  --tw-gradient-to: rgb(249 168 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-400 {
  --tw-gradient-from: #f472b6;
  --tw-gradient-to: rgb(244 114 182 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500 {
  --tw-gradient-from: #ec4899;
  --tw-gradient-to: rgb(236 72 153 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-600 {
  --tw-gradient-from: #db2777;
  --tw-gradient-to: rgb(219 39 119 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-700 {
  --tw-gradient-from: #be185d;
  --tw-gradient-to: rgb(190 24 93 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-800 {
  --tw-gradient-from: #9d174d;
  --tw-gradient-to: rgb(157 23 77 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-900 {
  --tw-gradient-from: #831843;
  --tw-gradient-to: rgb(131 24 67 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-50 {
  --tw-gradient-from: #fff1f2;
  --tw-gradient-to: rgb(255 241 242 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-100 {
  --tw-gradient-from: #ffe4e6;
  --tw-gradient-to: rgb(255 228 230 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-200 {
  --tw-gradient-from: #fecdd3;
  --tw-gradient-to: rgb(254 205 211 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-300 {
  --tw-gradient-from: #fda4af;
  --tw-gradient-to: rgb(253 164 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-400 {
  --tw-gradient-from: #fb7185;
  --tw-gradient-to: rgb(251 113 133 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-500 {
  --tw-gradient-from: #f43f5e;
  --tw-gradient-to: rgb(244 63 94 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-600 {
  --tw-gradient-from: #e11d48;
  --tw-gradient-to: rgb(225 29 72 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-700 {
  --tw-gradient-from: #be123c;
  --tw-gradient-to: rgb(190 18 60 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-800 {
  --tw-gradient-from: #9f1239;
  --tw-gradient-to: rgb(159 18 57 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-900 {
  --tw-gradient-from: #881337;
  --tw-gradient-to: rgb(136 19 55 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-slate-50 {
  --tw-gradient-to: rgb(248 250 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f8fafc, var(--tw-gradient-to)
}

.via-slate-100 {
  --tw-gradient-to: rgb(241 245 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f1f5f9, var(--tw-gradient-to)
}

.via-slate-200 {
  --tw-gradient-to: rgb(226 232 240 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e2e8f0, var(--tw-gradient-to)
}

.via-slate-300 {
  --tw-gradient-to: rgb(203 213 225 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #cbd5e1, var(--tw-gradient-to)
}

.via-slate-400 {
  --tw-gradient-to: rgb(148 163 184 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #94a3b8, var(--tw-gradient-to)
}

.via-slate-500 {
  --tw-gradient-to: rgb(100 116 139 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #64748b, var(--tw-gradient-to)
}

.via-slate-600 {
  --tw-gradient-to: rgb(71 85 105 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #475569, var(--tw-gradient-to)
}

.via-slate-700 {
  --tw-gradient-to: rgb(51 65 85 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #334155, var(--tw-gradient-to)
}

.via-slate-800 {
  --tw-gradient-to: rgb(30 41 59 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b, var(--tw-gradient-to)
}

.via-slate-900 {
  --tw-gradient-to: rgb(15 23 42 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0f172a, var(--tw-gradient-to)
}

.via-gray-50 {
  --tw-gradient-to: rgb(249 250 251 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb, var(--tw-gradient-to)
}

.via-gray-100 {
  --tw-gradient-to: rgb(243 244 246 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f3f4f6, var(--tw-gradient-to)
}

.via-gray-200 {
  --tw-gradient-to: rgb(229 231 235 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e5e7eb, var(--tw-gradient-to)
}

.via-gray-300 {
  --tw-gradient-to: rgb(209 213 219 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db, var(--tw-gradient-to)
}

.via-gray-400 {
  --tw-gradient-to: rgb(156 163 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #9ca3af, var(--tw-gradient-to)
}

.via-gray-500 {
  --tw-gradient-to: rgb(107 114 128 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #6b7280, var(--tw-gradient-to)
}

.via-gray-600 {
  --tw-gradient-to: rgb(75 85 99 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #4b5563, var(--tw-gradient-to)
}

.via-gray-700 {
  --tw-gradient-to: rgb(55 65 81 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #374151, var(--tw-gradient-to)
}

.via-gray-800 {
  --tw-gradient-to: rgb(31 41 55 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to)
}

.via-gray-900 {
  --tw-gradient-to: rgb(17 24 39 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #111827, var(--tw-gradient-to)
}

.via-zinc-50 {
  --tw-gradient-to: rgb(250 250 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fafafa, var(--tw-gradient-to)
}

.via-zinc-100 {
  --tw-gradient-to: rgb(244 244 245 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f4f4f5, var(--tw-gradient-to)
}

.via-zinc-200 {
  --tw-gradient-to: rgb(228 228 231 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e4e4e7, var(--tw-gradient-to)
}

.via-zinc-300 {
  --tw-gradient-to: rgb(212 212 216 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d4d4d8, var(--tw-gradient-to)
}

.via-zinc-400 {
  --tw-gradient-to: rgb(161 161 170 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a1a1aa, var(--tw-gradient-to)
}

.via-zinc-500 {
  --tw-gradient-to: rgb(113 113 122 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #71717a, var(--tw-gradient-to)
}

.via-zinc-600 {
  --tw-gradient-to: rgb(82 82 91 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #52525b, var(--tw-gradient-to)
}

.via-zinc-700 {
  --tw-gradient-to: rgb(63 63 70 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #3f3f46, var(--tw-gradient-to)
}

.via-zinc-800 {
  --tw-gradient-to: rgb(39 39 42 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #27272a, var(--tw-gradient-to)
}

.via-zinc-900 {
  --tw-gradient-to: rgb(24 24 27 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #18181b, var(--tw-gradient-to)
}

.via-neutral-50 {
  --tw-gradient-to: rgb(250 250 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fafafa, var(--tw-gradient-to)
}

.via-neutral-100 {
  --tw-gradient-to: rgb(245 245 245 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f5f5, var(--tw-gradient-to)
}

.via-neutral-200 {
  --tw-gradient-to: rgb(229 229 229 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e5e5e5, var(--tw-gradient-to)
}

.via-neutral-300 {
  --tw-gradient-to: rgb(212 212 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d4d4d4, var(--tw-gradient-to)
}

.via-neutral-400 {
  --tw-gradient-to: rgb(163 163 163 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a3a3a3, var(--tw-gradient-to)
}

.via-neutral-500 {
  --tw-gradient-to: rgb(115 115 115 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #737373, var(--tw-gradient-to)
}

.via-neutral-600 {
  --tw-gradient-to: rgb(82 82 82 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #525252, var(--tw-gradient-to)
}

.via-neutral-700 {
  --tw-gradient-to: rgb(64 64 64 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #404040, var(--tw-gradient-to)
}

.via-neutral-800 {
  --tw-gradient-to: rgb(38 38 38 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #262626, var(--tw-gradient-to)
}

.via-neutral-900 {
  --tw-gradient-to: rgb(23 23 23 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #171717, var(--tw-gradient-to)
}

.via-stone-50 {
  --tw-gradient-to: rgb(250 250 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fafaf9, var(--tw-gradient-to)
}

.via-stone-100 {
  --tw-gradient-to: rgb(245 245 244 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f5f4, var(--tw-gradient-to)
}

.via-stone-200 {
  --tw-gradient-to: rgb(231 229 228 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e7e5e4, var(--tw-gradient-to)
}

.via-stone-300 {
  --tw-gradient-to: rgb(214 211 209 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d6d3d1, var(--tw-gradient-to)
}

.via-stone-400 {
  --tw-gradient-to: rgb(168 162 158 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a8a29e, var(--tw-gradient-to)
}

.via-stone-500 {
  --tw-gradient-to: rgb(120 113 108 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #78716c, var(--tw-gradient-to)
}

.via-stone-600 {
  --tw-gradient-to: rgb(87 83 78 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #57534e, var(--tw-gradient-to)
}

.via-stone-700 {
  --tw-gradient-to: rgb(68 64 60 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #44403c, var(--tw-gradient-to)
}

.via-stone-800 {
  --tw-gradient-to: rgb(41 37 36 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #292524, var(--tw-gradient-to)
}

.via-stone-900 {
  --tw-gradient-to: rgb(28 25 23 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #1c1917, var(--tw-gradient-to)
}

.via-red-50 {
  --tw-gradient-to: rgb(254 242 242 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fef2f2, var(--tw-gradient-to)
}

.via-red-100 {
  --tw-gradient-to: rgb(254 226 226 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fee2e2, var(--tw-gradient-to)
}

.via-red-200 {
  --tw-gradient-to: rgb(254 202 202 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fecaca, var(--tw-gradient-to)
}

.via-red-300 {
  --tw-gradient-to: rgb(252 165 165 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to)
}

.via-red-400 {
  --tw-gradient-to: rgb(248 113 113 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f87171, var(--tw-gradient-to)
}

.via-red-500 {
  --tw-gradient-to: rgb(239 68 68 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to)
}

.via-red-600 {
  --tw-gradient-to: rgb(220 38 38 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #dc2626, var(--tw-gradient-to)
}

.via-red-700 {
  --tw-gradient-to: rgb(185 28 28 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #b91c1c, var(--tw-gradient-to)
}

.via-red-800 {
  --tw-gradient-to: rgb(153 27 27 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #991b1b, var(--tw-gradient-to)
}

.via-red-900 {
  --tw-gradient-to: rgb(127 29 29 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #7f1d1d, var(--tw-gradient-to)
}

.via-orange-50 {
  --tw-gradient-to: rgb(255 247 237 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fff7ed, var(--tw-gradient-to)
}

.via-orange-100 {
  --tw-gradient-to: rgb(255 237 213 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ffedd5, var(--tw-gradient-to)
}

.via-orange-200 {
  --tw-gradient-to: rgb(254 215 170 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fed7aa, var(--tw-gradient-to)
}

.via-orange-300 {
  --tw-gradient-to: rgb(253 186 116 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fdba74, var(--tw-gradient-to)
}

.via-orange-400 {
  --tw-gradient-to: rgb(251 146 60 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fb923c, var(--tw-gradient-to)
}

.via-orange-500 {
  --tw-gradient-to: rgb(249 115 22 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f97316, var(--tw-gradient-to)
}

.via-orange-600 {
  --tw-gradient-to: rgb(234 88 12 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ea580c, var(--tw-gradient-to)
}

.via-orange-700 {
  --tw-gradient-to: rgb(194 65 12 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #c2410c, var(--tw-gradient-to)
}

.via-orange-800 {
  --tw-gradient-to: rgb(154 52 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #9a3412, var(--tw-gradient-to)
}

.via-orange-900 {
  --tw-gradient-to: rgb(124 45 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #7c2d12, var(--tw-gradient-to)
}

.via-amber-50 {
  --tw-gradient-to: rgb(255 251 235 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to)
}

.via-amber-100 {
  --tw-gradient-to: rgb(254 243 199 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to)
}

.via-amber-200 {
  --tw-gradient-to: rgb(253 230 138 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to)
}

.via-amber-300 {
  --tw-gradient-to: rgb(252 211 77 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to)
}

.via-amber-400 {
  --tw-gradient-to: rgb(251 191 36 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to)
}

.via-amber-500 {
  --tw-gradient-to: rgb(245 158 11 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to)
}

.via-amber-600 {
  --tw-gradient-to: rgb(217 119 6 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to)
}

.via-amber-700 {
  --tw-gradient-to: rgb(180 83 9 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to)
}

.via-amber-800 {
  --tw-gradient-to: rgb(146 64 14 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to)
}

.via-amber-900 {
  --tw-gradient-to: rgb(120 53 15 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to)
}

.via-yellow-50 {
  --tw-gradient-to: rgb(254 252 232 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fefce8, var(--tw-gradient-to)
}

.via-yellow-100 {
  --tw-gradient-to: rgb(254 249 195 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fef9c3, var(--tw-gradient-to)
}

.via-yellow-200 {
  --tw-gradient-to: rgb(254 240 138 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fef08a, var(--tw-gradient-to)
}

.via-yellow-300 {
  --tw-gradient-to: rgb(253 224 71 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fde047, var(--tw-gradient-to)
}

.via-yellow-400 {
  --tw-gradient-to: rgb(250 204 21 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #facc15, var(--tw-gradient-to)
}

.via-yellow-500 {
  --tw-gradient-to: rgb(234 179 8 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #eab308, var(--tw-gradient-to)
}

.via-yellow-600 {
  --tw-gradient-to: rgb(202 138 4 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ca8a04, var(--tw-gradient-to)
}

.via-yellow-700 {
  --tw-gradient-to: rgb(161 98 7 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a16207, var(--tw-gradient-to)
}

.via-yellow-800 {
  --tw-gradient-to: rgb(133 77 14 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #854d0e, var(--tw-gradient-to)
}

.via-yellow-900 {
  --tw-gradient-to: rgb(113 63 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #713f12, var(--tw-gradient-to)
}

.via-lime-50 {
  --tw-gradient-to: rgb(247 254 231 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f7fee7, var(--tw-gradient-to)
}

.via-lime-100 {
  --tw-gradient-to: rgb(236 252 203 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ecfccb, var(--tw-gradient-to)
}

.via-lime-200 {
  --tw-gradient-to: rgb(217 249 157 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d9f99d, var(--tw-gradient-to)
}

.via-lime-300 {
  --tw-gradient-to: rgb(190 242 100 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #bef264, var(--tw-gradient-to)
}

.via-lime-400 {
  --tw-gradient-to: rgb(163 230 53 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a3e635, var(--tw-gradient-to)
}

.via-lime-500 {
  --tw-gradient-to: rgb(132 204 22 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #84cc16, var(--tw-gradient-to)
}

.via-lime-600 {
  --tw-gradient-to: rgb(101 163 13 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #65a30d, var(--tw-gradient-to)
}

.via-lime-700 {
  --tw-gradient-to: rgb(77 124 15 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #4d7c0f, var(--tw-gradient-to)
}

.via-lime-800 {
  --tw-gradient-to: rgb(63 98 18 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #3f6212, var(--tw-gradient-to)
}

.via-lime-900 {
  --tw-gradient-to: rgb(54 83 20 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #365314, var(--tw-gradient-to)
}

.via-green-50 {
  --tw-gradient-to: rgb(240 253 244 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f0fdf4, var(--tw-gradient-to)
}

.via-green-100 {
  --tw-gradient-to: rgb(220 252 231 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #dcfce7, var(--tw-gradient-to)
}

.via-green-200 {
  --tw-gradient-to: rgb(187 247 208 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #bbf7d0, var(--tw-gradient-to)
}

.via-green-300 {
  --tw-gradient-to: rgb(134 239 172 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #86efac, var(--tw-gradient-to)
}

.via-green-400 {
  --tw-gradient-to: rgb(74 222 128 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #4ade80, var(--tw-gradient-to)
}

.via-green-500 {
  --tw-gradient-to: rgb(34 197 94 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #22c55e, var(--tw-gradient-to)
}

.via-green-600 {
  --tw-gradient-to: rgb(22 163 74 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #16a34a, var(--tw-gradient-to)
}

.via-green-700 {
  --tw-gradient-to: rgb(21 128 61 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #15803d, var(--tw-gradient-to)
}

.via-green-800 {
  --tw-gradient-to: rgb(22 101 52 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #166534, var(--tw-gradient-to)
}

.via-green-900 {
  --tw-gradient-to: rgb(20 83 45 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #14532d, var(--tw-gradient-to)
}

.via-emerald-50 {
  --tw-gradient-to: rgb(236 253 245 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ecfdf5, var(--tw-gradient-to)
}

.via-emerald-100 {
  --tw-gradient-to: rgb(209 250 229 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d1fae5, var(--tw-gradient-to)
}

.via-emerald-200 {
  --tw-gradient-to: rgb(167 243 208 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a7f3d0, var(--tw-gradient-to)
}

.via-emerald-300 {
  --tw-gradient-to: rgb(110 231 183 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #6ee7b7, var(--tw-gradient-to)
}

.via-emerald-400 {
  --tw-gradient-to: rgb(52 211 153 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #34d399, var(--tw-gradient-to)
}

.via-emerald-500 {
  --tw-gradient-to: rgb(16 185 129 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #10b981, var(--tw-gradient-to)
}

.via-emerald-600 {
  --tw-gradient-to: rgb(5 150 105 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #059669, var(--tw-gradient-to)
}

.via-emerald-700 {
  --tw-gradient-to: rgb(4 120 87 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #047857, var(--tw-gradient-to)
}

.via-emerald-800 {
  --tw-gradient-to: rgb(6 95 70 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #065f46, var(--tw-gradient-to)
}

.via-emerald-900 {
  --tw-gradient-to: rgb(6 78 59 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #064e3b, var(--tw-gradient-to)
}

.via-teal-50 {
  --tw-gradient-to: rgb(240 253 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f0fdfa, var(--tw-gradient-to)
}

.via-teal-100 {
  --tw-gradient-to: rgb(204 251 241 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ccfbf1, var(--tw-gradient-to)
}

.via-teal-200 {
  --tw-gradient-to: rgb(153 246 228 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #99f6e4, var(--tw-gradient-to)
}

.via-teal-300 {
  --tw-gradient-to: rgb(94 234 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #5eead4, var(--tw-gradient-to)
}

.via-teal-400 {
  --tw-gradient-to: rgb(45 212 191 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #2dd4bf, var(--tw-gradient-to)
}

.via-teal-500 {
  --tw-gradient-to: rgb(20 184 166 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #14b8a6, var(--tw-gradient-to)
}

.via-teal-600 {
  --tw-gradient-to: rgb(13 148 136 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0d9488, var(--tw-gradient-to)
}

.via-teal-700 {
  --tw-gradient-to: rgb(15 118 110 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0f766e, var(--tw-gradient-to)
}

.via-teal-800 {
  --tw-gradient-to: rgb(17 94 89 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #115e59, var(--tw-gradient-to)
}

.via-teal-900 {
  --tw-gradient-to: rgb(19 78 74 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #134e4a, var(--tw-gradient-to)
}

.via-cyan-50 {
  --tw-gradient-to: rgb(236 254 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ecfeff, var(--tw-gradient-to)
}

.via-cyan-100 {
  --tw-gradient-to: rgb(207 250 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #cffafe, var(--tw-gradient-to)
}

.via-cyan-200 {
  --tw-gradient-to: rgb(165 243 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a5f3fc, var(--tw-gradient-to)
}

.via-cyan-300 {
  --tw-gradient-to: rgb(103 232 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #67e8f9, var(--tw-gradient-to)
}

.via-cyan-400 {
  --tw-gradient-to: rgb(34 211 238 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #22d3ee, var(--tw-gradient-to)
}

.via-cyan-500 {
  --tw-gradient-to: rgb(6 182 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #06b6d4, var(--tw-gradient-to)
}

.via-cyan-600 {
  --tw-gradient-to: rgb(8 145 178 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0891b2, var(--tw-gradient-to)
}

.via-cyan-700 {
  --tw-gradient-to: rgb(14 116 144 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0e7490, var(--tw-gradient-to)
}

.via-cyan-800 {
  --tw-gradient-to: rgb(21 94 117 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #155e75, var(--tw-gradient-to)
}

.via-cyan-900 {
  --tw-gradient-to: rgb(22 78 99 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #164e63, var(--tw-gradient-to)
}

.via-sky-50 {
  --tw-gradient-to: rgb(240 249 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f0f9ff, var(--tw-gradient-to)
}

.via-sky-100 {
  --tw-gradient-to: rgb(224 242 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e0f2fe, var(--tw-gradient-to)
}

.via-sky-200 {
  --tw-gradient-to: rgb(186 230 253 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #bae6fd, var(--tw-gradient-to)
}

.via-sky-300 {
  --tw-gradient-to: rgb(125 211 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #7dd3fc, var(--tw-gradient-to)
}

.via-sky-400 {
  --tw-gradient-to: rgb(56 189 248 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #38bdf8, var(--tw-gradient-to)
}

.via-sky-500 {
  --tw-gradient-to: rgb(14 165 233 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0ea5e9, var(--tw-gradient-to)
}

.via-sky-600 {
  --tw-gradient-to: rgb(2 132 199 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0284c7, var(--tw-gradient-to)
}

.via-sky-700 {
  --tw-gradient-to: rgb(3 105 161 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0369a1, var(--tw-gradient-to)
}

.via-sky-800 {
  --tw-gradient-to: rgb(7 89 133 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #075985, var(--tw-gradient-to)
}

.via-sky-900 {
  --tw-gradient-to: rgb(12 74 110 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #0c4a6e, var(--tw-gradient-to)
}

.via-blue-50 {
  --tw-gradient-to: rgb(239 246 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff, var(--tw-gradient-to)
}

.via-blue-100 {
  --tw-gradient-to: rgb(219 234 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #dbeafe, var(--tw-gradient-to)
}

.via-blue-200 {
  --tw-gradient-to: rgb(191 219 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #bfdbfe, var(--tw-gradient-to)
}

.via-blue-300 {
  --tw-gradient-to: rgb(147 197 253 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #93c5fd, var(--tw-gradient-to)
}

.via-blue-400 {
  --tw-gradient-to: rgb(96 165 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #60a5fa, var(--tw-gradient-to)
}

.via-blue-500 {
  --tw-gradient-to: rgb(59 130 246 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to)
}

.via-blue-600 {
  --tw-gradient-to: rgb(37 99 235 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #2563eb, var(--tw-gradient-to)
}

.via-blue-700 {
  --tw-gradient-to: rgb(29 78 216 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #1d4ed8, var(--tw-gradient-to)
}

.via-blue-800 {
  --tw-gradient-to: rgb(30 64 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #1e40af, var(--tw-gradient-to)
}

.via-blue-900 {
  --tw-gradient-to: rgb(30 58 138 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to)
}

.via-indigo-50 {
  --tw-gradient-to: rgb(238 242 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to)
}

.via-indigo-100 {
  --tw-gradient-to: rgb(224 231 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff, var(--tw-gradient-to)
}

.via-indigo-200 {
  --tw-gradient-to: rgb(199 210 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #c7d2fe, var(--tw-gradient-to)
}

.via-indigo-300 {
  --tw-gradient-to: rgb(165 180 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a5b4fc, var(--tw-gradient-to)
}

.via-indigo-400 {
  --tw-gradient-to: rgb(129 140 248 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #818cf8, var(--tw-gradient-to)
}

.via-indigo-500 {
  --tw-gradient-to: rgb(99 102 241 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to)
}

.via-indigo-600 {
  --tw-gradient-to: rgb(79 70 229 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to)
}

.via-indigo-700 {
  --tw-gradient-to: rgb(67 56 202 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #4338ca, var(--tw-gradient-to)
}

.via-indigo-800 {
  --tw-gradient-to: rgb(55 48 163 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #3730a3, var(--tw-gradient-to)
}

.via-indigo-900 {
  --tw-gradient-to: rgb(49 46 129 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #312e81, var(--tw-gradient-to)
}

.via-violet-50 {
  --tw-gradient-to: rgb(245 243 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f3ff, var(--tw-gradient-to)
}

.via-violet-100 {
  --tw-gradient-to: rgb(237 233 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ede9fe, var(--tw-gradient-to)
}

.via-violet-200 {
  --tw-gradient-to: rgb(221 214 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to)
}

.via-violet-300 {
  --tw-gradient-to: rgb(196 181 253 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #c4b5fd, var(--tw-gradient-to)
}

.via-violet-400 {
  --tw-gradient-to: rgb(167 139 250 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a78bfa, var(--tw-gradient-to)
}

.via-violet-500 {
  --tw-gradient-to: rgb(139 92 246 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6, var(--tw-gradient-to)
}

.via-violet-600 {
  --tw-gradient-to: rgb(124 58 237 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed, var(--tw-gradient-to)
}

.via-violet-700 {
  --tw-gradient-to: rgb(109 40 217 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #6d28d9, var(--tw-gradient-to)
}

.via-violet-800 {
  --tw-gradient-to: rgb(91 33 182 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #5b21b6, var(--tw-gradient-to)
}

.via-violet-900 {
  --tw-gradient-to: rgb(76 29 149 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #4c1d95, var(--tw-gradient-to)
}

.via-purple-50 {
  --tw-gradient-to: rgb(250 245 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #faf5ff, var(--tw-gradient-to)
}

.via-purple-100 {
  --tw-gradient-to: rgb(243 232 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f3e8ff, var(--tw-gradient-to)
}

.via-purple-200 {
  --tw-gradient-to: rgb(233 213 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff, var(--tw-gradient-to)
}

.via-purple-300 {
  --tw-gradient-to: rgb(216 180 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe, var(--tw-gradient-to)
}

.via-purple-400 {
  --tw-gradient-to: rgb(192 132 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #c084fc, var(--tw-gradient-to)
}

.via-purple-500 {
  --tw-gradient-to: rgb(168 85 247 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7, var(--tw-gradient-to)
}

.via-purple-600 {
  --tw-gradient-to: rgb(147 51 234 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #9333ea, var(--tw-gradient-to)
}

.via-purple-700 {
  --tw-gradient-to: rgb(126 34 206 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #7e22ce, var(--tw-gradient-to)
}

.via-purple-800 {
  --tw-gradient-to: rgb(107 33 168 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #6b21a8, var(--tw-gradient-to)
}

.via-purple-900 {
  --tw-gradient-to: rgb(88 28 135 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #581c87, var(--tw-gradient-to)
}

.via-fuchsia-50 {
  --tw-gradient-to: rgb(253 244 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fdf4ff, var(--tw-gradient-to)
}

.via-fuchsia-100 {
  --tw-gradient-to: rgb(250 232 255 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fae8ff, var(--tw-gradient-to)
}

.via-fuchsia-200 {
  --tw-gradient-to: rgb(245 208 254 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f5d0fe, var(--tw-gradient-to)
}

.via-fuchsia-300 {
  --tw-gradient-to: rgb(240 171 252 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f0abfc, var(--tw-gradient-to)
}

.via-fuchsia-400 {
  --tw-gradient-to: rgb(232 121 249 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e879f9, var(--tw-gradient-to)
}

.via-fuchsia-500 {
  --tw-gradient-to: rgb(217 70 239 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #d946ef, var(--tw-gradient-to)
}

.via-fuchsia-600 {
  --tw-gradient-to: rgb(192 38 211 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #c026d3, var(--tw-gradient-to)
}

.via-fuchsia-700 {
  --tw-gradient-to: rgb(162 28 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #a21caf, var(--tw-gradient-to)
}

.via-fuchsia-800 {
  --tw-gradient-to: rgb(134 25 143 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #86198f, var(--tw-gradient-to)
}

.via-fuchsia-900 {
  --tw-gradient-to: rgb(112 26 117 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #701a75, var(--tw-gradient-to)
}

.via-pink-50 {
  --tw-gradient-to: rgb(253 242 248 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fdf2f8, var(--tw-gradient-to)
}

.via-pink-100 {
  --tw-gradient-to: rgb(252 231 243 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fce7f3, var(--tw-gradient-to)
}

.via-pink-200 {
  --tw-gradient-to: rgb(251 207 232 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fbcfe8, var(--tw-gradient-to)
}

.via-pink-300 {
  --tw-gradient-to: rgb(249 168 212 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4, var(--tw-gradient-to)
}

.via-pink-400 {
  --tw-gradient-to: rgb(244 114 182 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f472b6, var(--tw-gradient-to)
}

.via-pink-500 {
  --tw-gradient-to: rgb(236 72 153 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899, var(--tw-gradient-to)
}

.via-pink-600 {
  --tw-gradient-to: rgb(219 39 119 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #db2777, var(--tw-gradient-to)
}

.via-pink-700 {
  --tw-gradient-to: rgb(190 24 93 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #be185d, var(--tw-gradient-to)
}

.via-pink-800 {
  --tw-gradient-to: rgb(157 23 77 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #9d174d, var(--tw-gradient-to)
}

.via-pink-900 {
  --tw-gradient-to: rgb(131 24 67 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to)
}

.via-rose-50 {
  --tw-gradient-to: rgb(255 241 242 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fff1f2, var(--tw-gradient-to)
}

.via-rose-100 {
  --tw-gradient-to: rgb(255 228 230 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #ffe4e6, var(--tw-gradient-to)
}

.via-rose-200 {
  --tw-gradient-to: rgb(254 205 211 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fecdd3, var(--tw-gradient-to)
}

.via-rose-300 {
  --tw-gradient-to: rgb(253 164 175 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fda4af, var(--tw-gradient-to)
}

.via-rose-400 {
  --tw-gradient-to: rgb(251 113 133 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #fb7185, var(--tw-gradient-to)
}

.via-rose-500 {
  --tw-gradient-to: rgb(244 63 94 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #f43f5e, var(--tw-gradient-to)
}

.via-rose-600 {
  --tw-gradient-to: rgb(225 29 72 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #e11d48, var(--tw-gradient-to)
}

.via-rose-700 {
  --tw-gradient-to: rgb(190 18 60 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #be123c, var(--tw-gradient-to)
}

.via-rose-800 {
  --tw-gradient-to: rgb(159 18 57 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #9f1239, var(--tw-gradient-to)
}

.via-rose-900 {
  --tw-gradient-to: rgb(136 19 55 / 0);
  --tw-gradient-stops: var(--tw-gradient-from), #881337, var(--tw-gradient-to)
}

.to-slate-50 {
  --tw-gradient-to: #f8fafc
}

.to-slate-100 {
  --tw-gradient-to: #f1f5f9
}

.to-slate-200 {
  --tw-gradient-to: #e2e8f0
}

.to-slate-300 {
  --tw-gradient-to: #cbd5e1
}

.to-slate-400 {
  --tw-gradient-to: #94a3b8
}

.to-slate-500 {
  --tw-gradient-to: #64748b
}

.to-slate-600 {
  --tw-gradient-to: #475569
}

.to-slate-700 {
  --tw-gradient-to: #334155
}

.to-slate-800 {
  --tw-gradient-to: #1e293b
}

.to-slate-900 {
  --tw-gradient-to: #0f172a
}

.to-gray-50 {
  --tw-gradient-to: #f9fafb
}

.to-gray-100 {
  --tw-gradient-to: #f3f4f6
}

.to-gray-200 {
  --tw-gradient-to: #e5e7eb
}

.to-gray-300 {
  --tw-gradient-to: #d1d5db
}

.to-gray-400 {
  --tw-gradient-to: #9ca3af
}

.to-gray-500 {
  --tw-gradient-to: #6b7280
}

.to-gray-600 {
  --tw-gradient-to: #4b5563
}

.to-gray-700 {
  --tw-gradient-to: #374151
}

.to-gray-800 {
  --tw-gradient-to: #1f2937
}

.to-gray-900 {
  --tw-gradient-to: #111827
}

.to-zinc-50 {
  --tw-gradient-to: #fafafa
}

.to-zinc-100 {
  --tw-gradient-to: #f4f4f5
}

.to-zinc-200 {
  --tw-gradient-to: #e4e4e7
}

.to-zinc-300 {
  --tw-gradient-to: #d4d4d8
}

.to-zinc-400 {
  --tw-gradient-to: #a1a1aa
}

.to-zinc-500 {
  --tw-gradient-to: #71717a
}

.to-zinc-600 {
  --tw-gradient-to: #52525b
}

.to-zinc-700 {
  --tw-gradient-to: #3f3f46
}

.to-zinc-800 {
  --tw-gradient-to: #27272a
}

.to-zinc-900 {
  --tw-gradient-to: #18181b
}

.to-neutral-50 {
  --tw-gradient-to: #fafafa
}

.to-neutral-100 {
  --tw-gradient-to: #f5f5f5
}

.to-neutral-200 {
  --tw-gradient-to: #e5e5e5
}

.to-neutral-300 {
  --tw-gradient-to: #d4d4d4
}

.to-neutral-400 {
  --tw-gradient-to: #a3a3a3
}

.to-neutral-500 {
  --tw-gradient-to: #737373
}

.to-neutral-600 {
  --tw-gradient-to: #525252
}

.to-neutral-700 {
  --tw-gradient-to: #404040
}

.to-neutral-800 {
  --tw-gradient-to: #262626
}

.to-neutral-900 {
  --tw-gradient-to: #171717
}

.to-stone-50 {
  --tw-gradient-to: #fafaf9
}

.to-stone-100 {
  --tw-gradient-to: #f5f5f4
}

.to-stone-200 {
  --tw-gradient-to: #e7e5e4
}

.to-stone-300 {
  --tw-gradient-to: #d6d3d1
}

.to-stone-400 {
  --tw-gradient-to: #a8a29e
}

.to-stone-500 {
  --tw-gradient-to: #78716c
}

.to-stone-600 {
  --tw-gradient-to: #57534e
}

.to-stone-700 {
  --tw-gradient-to: #44403c
}

.to-stone-800 {
  --tw-gradient-to: #292524
}

.to-stone-900 {
  --tw-gradient-to: #1c1917
}

.to-red-50 {
  --tw-gradient-to: #fef2f2
}

.to-red-100 {
  --tw-gradient-to: #fee2e2
}

.to-red-200 {
  --tw-gradient-to: #fecaca
}

.to-red-300 {
  --tw-gradient-to: #fca5a5
}

.to-red-400 {
  --tw-gradient-to: #f87171
}

.to-red-500 {
  --tw-gradient-to: #ef4444
}

.to-red-600 {
  --tw-gradient-to: #dc2626
}

.to-red-700 {
  --tw-gradient-to: #b91c1c
}

.to-red-800 {
  --tw-gradient-to: #991b1b
}

.to-red-900 {
  --tw-gradient-to: #7f1d1d
}

.to-orange-50 {
  --tw-gradient-to: #fff7ed
}

.to-orange-100 {
  --tw-gradient-to: #ffedd5
}

.to-orange-200 {
  --tw-gradient-to: #fed7aa
}

.to-orange-300 {
  --tw-gradient-to: #fdba74
}

.to-orange-400 {
  --tw-gradient-to: #fb923c
}

.to-orange-500 {
  --tw-gradient-to: #f97316
}

.to-orange-600 {
  --tw-gradient-to: #ea580c
}

.to-orange-700 {
  --tw-gradient-to: #c2410c
}

.to-orange-800 {
  --tw-gradient-to: #9a3412
}

.to-orange-900 {
  --tw-gradient-to: #7c2d12
}

.to-amber-50 {
  --tw-gradient-to: #fffbeb
}

.to-amber-100 {
  --tw-gradient-to: #fef3c7
}

.to-amber-200 {
  --tw-gradient-to: #fde68a
}

.to-amber-300 {
  --tw-gradient-to: #fcd34d
}

.to-amber-400 {
  --tw-gradient-to: #fbbf24
}

.to-amber-500 {
  --tw-gradient-to: #f59e0b
}

.to-amber-600 {
  --tw-gradient-to: #d97706
}

.to-amber-700 {
  --tw-gradient-to: #b45309
}

.to-amber-800 {
  --tw-gradient-to: #92400e
}

.to-amber-900 {
  --tw-gradient-to: #78350f
}

.to-yellow-50 {
  --tw-gradient-to: #fefce8
}

.to-yellow-100 {
  --tw-gradient-to: #fef9c3
}

.to-yellow-200 {
  --tw-gradient-to: #fef08a
}

.to-yellow-300 {
  --tw-gradient-to: #fde047
}

.to-yellow-400 {
  --tw-gradient-to: #facc15
}

.to-yellow-500 {
  --tw-gradient-to: #eab308
}

.to-yellow-600 {
  --tw-gradient-to: #ca8a04
}

.to-yellow-700 {
  --tw-gradient-to: #a16207
}

.to-yellow-800 {
  --tw-gradient-to: #854d0e
}

.to-yellow-900 {
  --tw-gradient-to: #713f12
}

.to-lime-50 {
  --tw-gradient-to: #f7fee7
}

.to-lime-100 {
  --tw-gradient-to: #ecfccb
}

.to-lime-200 {
  --tw-gradient-to: #d9f99d
}

.to-lime-300 {
  --tw-gradient-to: #bef264
}

.to-lime-400 {
  --tw-gradient-to: #a3e635
}

.to-lime-500 {
  --tw-gradient-to: #84cc16
}

.to-lime-600 {
  --tw-gradient-to: #65a30d
}

.to-lime-700 {
  --tw-gradient-to: #4d7c0f
}

.to-lime-800 {
  --tw-gradient-to: #3f6212
}

.to-lime-900 {
  --tw-gradient-to: #365314
}

.to-green-50 {
  --tw-gradient-to: #f0fdf4
}

.to-green-100 {
  --tw-gradient-to: #dcfce7
}

.to-green-200 {
  --tw-gradient-to: #bbf7d0
}

.to-green-300 {
  --tw-gradient-to: #86efac
}

.to-green-400 {
  --tw-gradient-to: #4ade80
}

.to-green-500 {
  --tw-gradient-to: #22c55e
}

.to-green-600 {
  --tw-gradient-to: #16a34a
}

.to-green-700 {
  --tw-gradient-to: #15803d
}

.to-green-800 {
  --tw-gradient-to: #166534
}

.to-green-900 {
  --tw-gradient-to: #14532d
}

.to-emerald-50 {
  --tw-gradient-to: #ecfdf5
}

.to-emerald-100 {
  --tw-gradient-to: #d1fae5
}

.to-emerald-200 {
  --tw-gradient-to: #a7f3d0
}

.to-emerald-300 {
  --tw-gradient-to: #6ee7b7
}

.to-emerald-400 {
  --tw-gradient-to: #34d399
}

.to-emerald-500 {
  --tw-gradient-to: #10b981
}

.to-emerald-600 {
  --tw-gradient-to: #059669
}

.to-emerald-700 {
  --tw-gradient-to: #047857
}

.to-emerald-800 {
  --tw-gradient-to: #065f46
}

.to-emerald-900 {
  --tw-gradient-to: #064e3b
}

.to-teal-50 {
  --tw-gradient-to: #f0fdfa
}

.to-teal-100 {
  --tw-gradient-to: #ccfbf1
}

.to-teal-200 {
  --tw-gradient-to: #99f6e4
}

.to-teal-300 {
  --tw-gradient-to: #5eead4
}

.to-teal-400 {
  --tw-gradient-to: #2dd4bf
}

.to-teal-500 {
  --tw-gradient-to: #14b8a6
}

.to-teal-600 {
  --tw-gradient-to: #0d9488
}

.to-teal-700 {
  --tw-gradient-to: #0f766e
}

.to-teal-800 {
  --tw-gradient-to: #115e59
}

.to-teal-900 {
  --tw-gradient-to: #134e4a
}

.to-cyan-50 {
  --tw-gradient-to: #ecfeff
}

.to-cyan-100 {
  --tw-gradient-to: #cffafe
}

.to-cyan-200 {
  --tw-gradient-to: #a5f3fc
}

.to-cyan-300 {
  --tw-gradient-to: #67e8f9
}

.to-cyan-400 {
  --tw-gradient-to: #22d3ee
}

.to-cyan-500 {
  --tw-gradient-to: #06b6d4
}

.to-cyan-600 {
  --tw-gradient-to: #0891b2
}

.to-cyan-700 {
  --tw-gradient-to: #0e7490
}

.to-cyan-800 {
  --tw-gradient-to: #155e75
}

.to-cyan-900 {
  --tw-gradient-to: #164e63
}

.to-sky-50 {
  --tw-gradient-to: #f0f9ff
}

.to-sky-100 {
  --tw-gradient-to: #e0f2fe
}

.to-sky-200 {
  --tw-gradient-to: #bae6fd
}

.to-sky-300 {
  --tw-gradient-to: #7dd3fc
}

.to-sky-400 {
  --tw-gradient-to: #38bdf8
}

.to-sky-500 {
  --tw-gradient-to: #0ea5e9
}

.to-sky-600 {
  --tw-gradient-to: #0284c7
}

.to-sky-700 {
  --tw-gradient-to: #0369a1
}

.to-sky-800 {
  --tw-gradient-to: #075985
}

.to-sky-900 {
  --tw-gradient-to: #0c4a6e
}

.to-blue-50 {
  --tw-gradient-to: #eff6ff
}

.to-blue-100 {
  --tw-gradient-to: #dbeafe
}

.to-blue-200 {
  --tw-gradient-to: #bfdbfe
}

.to-blue-300 {
  --tw-gradient-to: #93c5fd
}

.to-blue-400 {
  --tw-gradient-to: #60a5fa
}

.to-blue-500 {
  --tw-gradient-to: #3b82f6
}

.to-blue-600 {
  --tw-gradient-to: #2563eb
}

.to-blue-700 {
  --tw-gradient-to: #1d4ed8
}

.to-blue-800 {
  --tw-gradient-to: #1e40af
}

.to-blue-900 {
  --tw-gradient-to: #1e3a8a
}

.to-indigo-50 {
  --tw-gradient-to: #eef2ff
}

.to-indigo-100 {
  --tw-gradient-to: #e0e7ff
}

.to-indigo-200 {
  --tw-gradient-to: #c7d2fe
}

.to-indigo-300 {
  --tw-gradient-to: #a5b4fc
}

.to-indigo-400 {
  --tw-gradient-to: #818cf8
}

.to-indigo-500 {
  --tw-gradient-to: #6366f1
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5
}

.to-indigo-700 {
  --tw-gradient-to: #4338ca
}

.to-indigo-800 {
  --tw-gradient-to: #3730a3
}

.to-indigo-900 {
  --tw-gradient-to: #312e81
}

.to-violet-50 {
  --tw-gradient-to: #f5f3ff
}

.to-violet-100 {
  --tw-gradient-to: #ede9fe
}

.to-violet-200 {
  --tw-gradient-to: #ddd6fe
}

.to-violet-300 {
  --tw-gradient-to: #c4b5fd
}

.to-violet-400 {
  --tw-gradient-to: #a78bfa
}

.to-violet-500 {
  --tw-gradient-to: #8b5cf6
}

.to-violet-600 {
  --tw-gradient-to: #7c3aed
}

.to-violet-700 {
  --tw-gradient-to: #6d28d9
}

.to-violet-800 {
  --tw-gradient-to: #5b21b6
}

.to-violet-900 {
  --tw-gradient-to: #4c1d95
}

.to-purple-50 {
  --tw-gradient-to: #faf5ff
}

.to-purple-100 {
  --tw-gradient-to: #f3e8ff
}

.to-purple-200 {
  --tw-gradient-to: #e9d5ff
}

.to-purple-300 {
  --tw-gradient-to: #d8b4fe
}

.to-purple-400 {
  --tw-gradient-to: #c084fc
}

.to-purple-500 {
  --tw-gradient-to: #a855f7
}

.to-purple-600 {
  --tw-gradient-to: #9333ea
}

.to-purple-700 {
  --tw-gradient-to: #7e22ce
}

.to-purple-800 {
  --tw-gradient-to: #6b21a8
}

.to-purple-900 {
  --tw-gradient-to: #581c87
}

.to-fuchsia-50 {
  --tw-gradient-to: #fdf4ff
}

.to-fuchsia-100 {
  --tw-gradient-to: #fae8ff
}

.to-fuchsia-200 {
  --tw-gradient-to: #f5d0fe
}

.to-fuchsia-300 {
  --tw-gradient-to: #f0abfc
}

.to-fuchsia-400 {
  --tw-gradient-to: #e879f9
}

.to-fuchsia-500 {
  --tw-gradient-to: #d946ef
}

.to-fuchsia-600 {
  --tw-gradient-to: #c026d3
}

.to-fuchsia-700 {
  --tw-gradient-to: #a21caf
}

.to-fuchsia-800 {
  --tw-gradient-to: #86198f
}

.to-fuchsia-900 {
  --tw-gradient-to: #701a75
}

.to-pink-50 {
  --tw-gradient-to: #fdf2f8
}

.to-pink-100 {
  --tw-gradient-to: #fce7f3
}

.to-pink-200 {
  --tw-gradient-to: #fbcfe8
}

.to-pink-300 {
  --tw-gradient-to: #f9a8d4
}

.to-pink-400 {
  --tw-gradient-to: #f472b6
}

.to-pink-500 {
  --tw-gradient-to: #ec4899
}

.to-pink-600 {
  --tw-gradient-to: #db2777
}

.to-pink-700 {
  --tw-gradient-to: #be185d
}

.to-pink-800 {
  --tw-gradient-to: #9d174d
}

.to-pink-900 {
  --tw-gradient-to: #831843
}

.to-rose-50 {
  --tw-gradient-to: #fff1f2
}

.to-rose-100 {
  --tw-gradient-to: #ffe4e6
}

.to-rose-200 {
  --tw-gradient-to: #fecdd3
}

.to-rose-300 {
  --tw-gradient-to: #fda4af
}

.to-rose-400 {
  --tw-gradient-to: #fb7185
}

.to-rose-500 {
  --tw-gradient-to: #f43f5e
}

.to-rose-600 {
  --tw-gradient-to: #e11d48
}

.to-rose-700 {
  --tw-gradient-to: #be123c
}

.to-rose-800 {
  --tw-gradient-to: #9f1239
}

.to-rose-900 {
  --tw-gradient-to: #881337
}

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text
}

.fill-current {
  fill: currentColor
}
/* v1.3渐变定义 */
.bg-gradient.seasalt {
  background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
}

.bg-gradient.taurine {
  background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
}

.bg-gradient.blueberry {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
}

.bg-gradient.strawberry {
  background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
}

.bg-gradient.cranberry {
  background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
}

.bg-gradient.lemon {
  background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
}

.bg-gradient.violetblue {
  background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
}

.bg-gradient.basalt {
  background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
}

.bg-gradient.iceblue {
  background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
}

.bg-gradient.straw {
  background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #FBB03B);
}

.bg-gradient.fireunicorn {
  background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
}

/* 发光效果 */
.bg-gradient.seasalt.glowing {
  box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}

.bg-gradient.taurine.glowing {
  box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.bg-gradient.blueberry.glowing {
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}

.bg-gradient.strawberry.glowing {
  box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

.bg-gradient.cranberry.glowing {
  box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}

.bg-gradient.lemon.glowing {
  box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

.bg-gradient.violetblue.glowing {
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}

.bg-gradient.basalt.glowing {
  box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.bg-gradient.iceblue.glowing {
  box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.bg-gradient.straw.glowing {
  box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}

.bg-gradient.fireunicorn.glowing {
  box-shadow: 0 4px 15px 0 rgba(242, 97, 103, 0.4);
}

/* 渐变动画效果 */
.bg.bg-gradient,
.btn.bg-gradient,
.tags.bg-gradient {
  background-size: 300% 100%;
  cursor: pointer;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.bg.bg-gradient:hover,
.btn.bg-gradient:hover,
.tags.bg-gradient:hover {
  background-position: 100% 0;
}

.bg-gradient:focus {
  outline: none;
}





/*布局*/
/*容器*/
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
/*自动响应式*/
/* 基础容器 */
.auto-grid {
  display: grid;
  gap: 1rem;
  width: 100%;
}
/* 自动填充 - 根据容器宽度自动确定列数 */
.auto-grid-fill {

  grid-template-columns: repeat(auto-fill, minmax(var(--min-column-width, 250px), 1fr));
}

/* 自动适应 - 让现有列拉伸填充空间 */
.auto-grid-fit {
  grid-template-columns: repeat(auto-fit, minmax(var(--min-column-width, 250px), 1fr));
}

/* 预设列宽变体 */
.auto-grid-xs {
  --min-column-width: 120px;
}

.auto-grid-sm {
  --min-column-width: 200px;
}

.auto-grid-md {
  --min-column-width: 250px;
}

.auto-grid-lg {
  --min-column-width: 300px;
}

.auto-grid-xl {
  --min-column-width: 380px;
}

.auto-grid-2xl {
  --min-column-width: 480px;
}
/* 响应式容器大小 */
@media (min-width: 640px) {
  .container {
    max-width: var(--container-sm);
    width: clamp(var(--container-sm-min), 90vw, var(--container-sm-max));
  }
}

@media (min-width: 768px) {
  .container {
    max-width: var(--container-md);
    width: auto; /* 在下一个 clamp 生效前，重置 width */
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: var(--container-lg);
    width: auto; /* 在下一个 clamp 生效前，重置 width */
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: var(--container-xl);
    width: auto; /* 在下一个 clamp 生效前，重置 width */
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: var(--container-2xl);
    width: auto; /* 在下一个 clamp 生效前，重置 width */
  }
}

/* 始终流体的容器（100%宽度） */
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/*grid 栅格*/
/* 行 */
.row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

/* 没有内边距的行 */
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row-no-gutters>[class^="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* 基础列样式 */
[class^="col-"] {
  position: relative;
  width: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

/* 所有断点的列宽度 */
.center, .col {
    display: flex;
    flex-direction: column;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

/* 根据断点生成列类 */
/* xs (默认，没有媒体查询) */
.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* 列排序 */
.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

/* 列偏移 */
.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

/* sm断点（≥640px） */
@media (min-width: 640px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

/* md断点（≥768px） */
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

/* lg断点（≥1024px） */
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

/* xl断点（≥1280px） */
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

/* 2xl断点（≥1536px） */
@media (min-width: 1536px) {
  .col-2xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-2xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-2xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-2xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-2xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-2xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-2xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-2xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-2xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-2xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-2xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-2xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-2xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-2xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-2xl-first {
    order: -1;
  }

  .order-2xl-last {
    order: 13;
  }

  .order-2xl-0 {
    order: 0;
  }

  .order-2xl-1 {
    order: 1;
  }

  .order-2xl-2 {
    order: 2;
  }

  .order-2xl-3 {
    order: 3;
  }

  .order-2xl-4 {
    order: 4;
  }

  .order-2xl-5 {
    order: 5;
  }

  .order-2xl-6 {
    order: 6;
  }

  .order-2xl-7 {
    order: 7;
  }

  .order-2xl-8 {
    order: 8;
  }

  .order-2xl-9 {
    order: 9;
  }

  .order-2xl-10 {
    order: 10;
  }

  .order-2xl-11 {
    order: 11;
  }

  .order-2xl-12 {
    order: 12;
  }

  .offset-2xl-0 {
    margin-left: 0;
  }

  .offset-2xl-1 {
    margin-left: 8.333333%;
  }

  .offset-2xl-2 {
    margin-left: 16.666667%;
  }

  .offset-2xl-3 {
    margin-left: 25%;
  }

  .offset-2xl-4 {
    margin-left: 33.333333%;
  }

  .offset-2xl-5 {
    margin-left: 41.666667%;
  }

  .offset-2xl-6 {
    margin-left: 50%;
  }

  .offset-2xl-7 {
    margin-left: 58.333333%;
  }

  .offset-2xl-8 {
    margin-left: 66.666667%;
  }

  .offset-2xl-9 {
    margin-left: 75%;
  }

  .offset-2xl-10 {
    margin-left: 83.333333%;
  }

  .offset-2xl-11 {
    margin-left: 91.666667%;
  }
}

/* 网格系统辅助类 */
.g-0 {
  margin-right: 0;
  margin-left: 0;
}

.g-0>[class^="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.g-1 {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.g-1>[class^="col-"] {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.g-2 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.g-2>[class^="col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.g-3 {
  margin-right: -1rem;
  margin-left: -1rem;
}

.g-3>[class^="col-"] {
  padding-right: 1rem;
  padding-left: 1rem;
}

.g-4 {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.g-4>[class^="col-"] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.g-5 {
  margin-right: -3rem;
  margin-left: -3rem;
}

.g-5>[class^="col-"] {
  padding-right: 3rem;
  padding-left: 3rem;
}

* 嵌套栅格专用类 */ .nested-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

/* 双飞翼 */
.nested-fix {
  margin-right: 0;
  margin-left: 0;
}

.nested-fix>[class*="col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

/* 嵌套栅格间距变体 */
.nested-grid-gap-0 {
  margin-right: 0;
  margin-left: 0;
}

.nested-grid-gap-0>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.nested-grid-gap-1 {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.nested-grid-gap-1>[class*="col-"] {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.nested-grid-gap-2 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.nested-grid-gap-2>[class*="col-"] {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.nested-grid-gap-3 {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.nested-grid-gap-3>[class*="col-"] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

/* 为嵌套栅格的容器提供清除浮动和全宽容器 */
.nested-container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

/* 嵌套栅格等高行 */
.nested-grid-equal-height {
  display: flex;
  flex-wrap: wrap;
}

.nested-grid-equal-height>[class*="col-"] {
  display: flex;
  flex-direction: column;
}

/* 嵌套栅格对齐类 */
.nested-grid-align-top {
  align-items: flex-start;
}

.nested-grid-align-center {
  align-items: center;
}

.nested-grid-align-bottom {
  align-items: flex-end;
}

/* 嵌套栅格内容布局类 */
.nested-content-stretch {
  height: 100%;
}

/* 辅助类：嵌套容器内的全宽元素 */
.nested-full-width {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: calc(100% + 1rem);
}

/* 嵌套栅格的响应式工具类 */
@media (min-width: 768px) {
  .md\:nested-reset {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:nested-expand {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

/* 响应式可见性类 */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl,
.visible-2xl,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-2xl-block,
.visible-2xl-inline,
.visible-2xl-inline-block {
  display: none !important;
}
@media ( max-width: 640px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .hidden-xs {
    display: none !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media ( min-width: 640px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
 
@media ( min-width: 768px) and (max-width: 1023px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .hidden-md {
    display: none !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
 
@media ( min-width: 1024px) and (max-width: 1279px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .hidden-lg {
    display: none !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media ( min-width: 1280px) and (max-width: 1535px) {
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl,
  td.visible-xl {
    display: table-cell !important;
  }
  .hidden-xl {
    display: none !important;
  }
  .visible-xl-block {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
}
@media ( min-width: 1536px) {
  .visible-2xl {
    display: block !important;
  }
  table.visible-2xl {
    display: table
  }
  tr.visible-2xl {
    display: table-row !important;
  }
  th.visible-2xl,
  td.visible-2xl {
    display: table-cell !important;
  }
  .hidden-2xl {
    display: none !important;
  }
  .visible-2xl-block {
    display: block !important;
  }
  .visible-2xl-inline {
    display: inline !important;
  }
  .visible-2xl-inline-block {
    display: inline-block !important;
  }
}

/* 显示类型 */
/* 可见性实用类 */
.none,
.hidden {
  display: none !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.block {
  display: block !important;
}

.flex {
  display: flex !important;
}
.inline-flex {
    display: inline-flex
}
.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}
.grid {
  display: grid !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));

}
.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-clip {
    overflow-x: clip
}

.overflow-y-clip {
    overflow-y: clip
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overflow-overlay {
    overflow: overlay
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}
.inset-0 {
    bottom: var(--sp-0);left: var(--sp-0);right: var(--sp-0);top: var(--sp-0);
}

.inset-auto {
    bottom: auto;
    left: auto;
    right: auto;
    top: auto
}

.inset-x-0 {
    left: var(--sp-0);
    right: var(--sp-0)
}

.inset-y-0 {
    bottom: var(--sp-0);
    top: var(--sp-0)
}

.top-0 {
    top: var(--sp-0)
}

.right-0 {
    right: var(--sp-0)
}

.bottom-0 {
    bottom: var(--sp-0)
}

.left-0 {
    left: var(--sp-0)
}

.top-full {
    top: 100%
}

.right-full {
    right: 100%
}

.bottom-full {
    bottom: 100%
}

.left-full {
    left: 100%
}
.top-auto {
    top: auto
}

.right-auto {
    right: auto
}

.bottom-auto {
    bottom: auto
}

.left-auto {
    left: auto
}

.top-px {
    top: var(--sp-px)
}

.right-px {
    right: var(--sp-px)
}

.bottom-px {
    bottom: var(--sp-px)
}

.left-px {
    left: var(--sp-px)
}

.top-0\.5 {
    top: var(--sp-0-5)
}

.right-0\.5 {
    right: var(--sp-0-5)
}

.bottom-0\.5 {
    bottom: var(--sp-0-5)
}

.left-0\.5 {
    left: var(--sp-0-5)
}

.top-1 {
    top: var(--sp-1)
}

.right-1 {
    right: var(--sp-1)
}

.bottom-1 {
    bottom: var(--sp-1)
}

.left-1 {
    left: var(--sp-1)
}

.top-1\.5 {
    top: var(--sp-1-5)
}

.right-1\.5 {
    right: var(--sp-1-5)
}

.bottom-1\.5 {
    bottom: var(--sp-1-5)
}

.left-1\.5 {
    left: var(--sp-1-5)
}

.top-2 {
    top: var(--sp-2)
}

.right-2 {
    right: var(--sp-2)
}

.bottom-2 {
    bottom: var(--sp-2)
}

.left-2 {
    left: var(--sp-2)
}

.top-2\.5 {
    top: var(--sp-2-5)
}

.right-2\.5 {
    right: var(--sp-2-5)
}

.bottom-2\.5 {
    bottom: var(--sp-2-5)
}

.left-2\.5 {
    left: var(--sp-2-5)
}

.top-3 {
    top: var(--sp-3)
}

.right-3 {
    right: var(--sp-3)
}

.bottom-3 {
    bottom: var(--sp-3)
}

.left-3 {
    left: var(--sp-3)
}

.top-3\.5 {
    top: var(--sp-3-5)
}

.right-3\.5 {
    right: var(--sp-3-5)
}

.bottom-3\.5 {
    bottom: var(--sp-3-5)
}

.left-3\.5 {
    left: var(--sp-3-5)
}

.top-4 {
    top: var(--sp-4)
}

.right-4 {
    right: var(--sp-4)
}

.bottom-4 {
    bottom: var(--sp-4)
}

.left-4 {
    left: var(--sp-4)
}

.top-5 {
    top: 1var(--sp-5)
}

.right-5 {
    right: var(--sp-5)
}

.bottom-5 {
    bottom: var(--sp-5)
}

.left-5 {
    left: var(--sp-5)
}

.top-6 {
    top: var(--sp-6)
}

.right-6 {
    right: var(--sp-6)
}

.bottom-6 {
    bottom: var(--sp-6)
}

.left-6 {
    left: var(--sp-6)
}

.top-7 {
    top: var(--sp-7)
}

.right-7 {
    right: var(--sp-7)
}

.bottom-7 {
    bottom: var(--sp-7)
}

.left-7 {
    left: var(--sp-7)
}

.top-8 {
    top: var(--sp-8)
}

.right-8 {
    right: var(--sp-8)
}

.bottom-8 {
    bottom: var(--sp-8)
}

.left-8 {
    left: var(--sp-8)
}
.top-9 {
    top: var(--sp-9)
}

.right-9 {
    right: var(--sp-9)
}

.bottom-9 {
    bottom: var(--sp-9)
}

.left-9 {
    left: var(--sp-9)
}
.top-10 {
    top: var(--sp-10)
}

.right-10 {
    right: var(--sp-10)
}

.bottom-10 {
    bottom: var(--sp-10)
}

.left-10 {
    left: var(--sp-10)
}
.top-11 {
    top: var(--sp-11)
}

.right-11 {
    right: var(--sp-11)
}

.bottom-11 {
    bottom: var(--sp-11)
}

.left-11 {
    left: var(--sp-11)
}
.top-12 {
    top: var(--sp-12)
}

.right-12 {
    right: var(--sp-12)
}

.bottom-12 {
    bottom: var(--sp-12)
}

.left-12 {
    left: var(--sp-12)
}


.left-1\/2 { left: 50%; }
.right-1\/2 { right: 50%; }
.top-1\/2 { top: 50%; }
.bottom-1\/2 { bottom: 50%; }

.translate-x-1\/2 { transform: translateX(-50%); }
.translate-y-1\/2 { transform: translateY(-50%); }

/* 响应式显示实用类 */
@media (min-width: 640px) {

  .none-sm,
  .hidden-sm {
    display: none !important;
  }

  .inline-sm {
    display: inline !important;
  }

  .inline-block-sm {
    display: inline-block !important;
  }

  .block-sm {
    display: block !important;
  }

  .flex-sm {
    display: flex !important;
  }

  .grid-sm {
    display: grid !important;
  }
}

@media (min-width: 768px) {

  .none-md,
  .hidden-md {
    display: none !important;
  }

  .inline-md {
    display: inline !important;
  }

  .inline-block-md {
    display: inline-block !important;
  }

  .block-md {
    display: block !important;
  }

  .flex-md {
    display: flex !important;
  }

  .grid-md {
    display: grid !important;
  }
}

@media (min-width: 1024px) {

  .none-lg,
  .hidden-lg {
    display: none !important;
  }

  .inline-lg {
    display: inline !important;
  }

  .inline-block-lg {
    display: inline-block !important;
  }

  .block-lg {
    display: block !important;
  }

  .flex-lg {
    display: flex !important;
  }

  .grid-lg {
    display: grid !important;
  }
}

@media (min-width: 1280px) {  

  .none-xl,
  .hidden-xl {
    display: none !important;
  }

  .inline-xl {
    display: inline !important;
  }

  .inline-block-xl {
    display: inline-block !important;
  }

  .block-xl {
    display: block !important;
  }

  .flex-xl {
    display: flex !important;
  }

  .grid-xl {
    display: grid !important;
  }
}

@media (min-width: 1536px) {

  .none-2xl,
  .hidden-2xl {
    display: none !important;
  }

  .inline-2xl {
    display: inline !important;
  }

  .inline-block-2xl {
    display: inline-block !important;
  }

  .block-2xl {
    display: block !important;
  }

  .flex-2xl {
    display: flex !important;
  }

  .grid-2xl {
    display: grid !important;
  }
}

/*等分*/
[class*="equal-"] {
  display: flex;
  flex-wrap: wrap;
}

/* 基础样式 - 所有等分组件中的列表项 */
[class*="equal-"]>li {
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* 定义1-12等分 */
.equal-1>li {
  width: 100%;
}

.equal-2>li {
  width: calc(100% / 2);
}

.equal-3>li {
  width: calc(100% / 3);
}

.equal-4>li {
  width: calc(100% / 4);
}

.equal-5>li {
  width: calc(100% / 5);
}

.equal-6>li {
  width: calc(100% / 6);
}

.equal-7>li {
  width: calc(100% / 7);
}

.equal-8>li {
  width: calc(100% / 8);
}

.equal-9>li {
  width: calc(100% / 9);
}

.equal-10>li {
  width: calc(100% / 10);
}

.equal-11>li {
  width: calc(100% / 11);
}

.equal-12>li {
  width: calc(100% / 12);
}

/* 响应式设计 - 中等屏幕 */
@media (max-width: 992px) {

  .equal-4>li,
  .equal-5>li,
  .equal-6>li,
  .equal-7>li,
  .equal-8>li {
    width: calc(100% / 3);
  }

  .equal-9>li,
  .equal-10>li,
  .equal-11>li,
  .equal-12>li {
    width: calc(100% / 4);
  }
}

/* 响应式设计 - 小屏幕 */
@media (max-width: 768px) {

  .equal-3>li,
  .equal-4>li,
  .equal-5>li,
  .equal-6>li {
    width: calc(100% / 2);
  }

  .equal-7>li,
  .equal-8>li,
  .equal-9>li,
  .equal-10>li,
  .equal-11>li,
  .equal-12>li {
    width: calc(100% / 3);
  }
}

/* 响应式设计 - 超小屏幕 */
@media (max-width: 576px) {
  [class^="equal-"]>li {
    width: 100%;
  }
}


/* 浮动 */
.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

/* 清理浮动 */
.clearfix::after {
  content: "";
  display: block;
  clear: both !important;
}

.clearfix {
  zoom: 1 !important;
  /* For IE6/7 compatibility */
  clear: both;
}

/* 默认隐藏所有打印相关显示类 */
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block {
  display: none !important;
}
/* 打印样式 */
@media print {
  .visible-print,
  .visible-print-block {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }


  .visible-print-inline {
    display: inline !important;
  }

  .visible-print-inline-block {
    display: inline-block !important;
  }

  .hidden-print {
    display: none !important;
  }
}

/* 层级 */
.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-5 {
    z-index: 5
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-auto {
    z-index: auto
}

.z-base {
    z-index: 1100
}

.z-above {
    z-index: 50
}

.z-below {
    z-index: -50
}

.z-dropdown {
    z-index: 1200
}

.z-sticky {
    z-index: 1300
}

.z-fixed {
    z-index: 1400
}

.z-modal {
    z-index: 1500
}

.z-overlay {
    z-index: 1600
}

.z-popover {
    z-index: 1700
}

.z-tooltip {
    z-index: 1800
}

.z-messager {
    z-index: 1900
}

/*盒子*/

.m-auto { margin: auto}
.m-0  { margin: var(--sp-0) !important; }
.m-px { margin: var(--sp-px) !important; }
.m-0.\5 { margin: var(--sp-0-5) !important; }
.m-1  { margin: var(--sp-1) !important; }
.m-1.\5 { margin: var(--sp-1-5) !important; }
.m-2  { margin: var(--sp-2) !important; }
.m-2.\5 { margin: var(--sp-2-5) !important; }
.m-3  { margin: var(--sp-3) !important; }
.m-3.\5 { margin: var(--sp-3-5) !important; }
.m-4  { margin: var(--sp-4) !important; }
.m-5  { margin: var(--sp-5) !important; }
.m-6  { margin: var(--sp-6) !important; }
.m-7  { margin: var(--sp-7) !important; }
.m-8  { margin: var(--sp-8) !important; }
.m-9  { margin: var(--sp-9) !important; }
.m-10 { margin: var(--sp-10) !important; }
.m-11 { margin: var(--sp-11) !important; }
.m-12 { margin: var(--sp-12) !important; }

.p-auto{ padding: auto}
.p-0  { padding: var(--sp-0) !important; }
.p-px { padding: var(--sp-px) !important; }
.p-0.\5{ padding: var(--sp-0-5) !important; }
.p-1  { padding: var(--sp-1) !important; }
.p-1.\5{ padding: var(--sp-1-5) !important; }
.p-2  { padding: var(--sp-2) !important; }
.p-2.\5{ padding: var(--sp-2-5) !important; }
.p-3  { padding: var(--sp-3) !important; }
.p-3.\5{ padding: var(--sp-3-5) !important; }
.p-4 { padding: var(--sp-4) !important; }
.p-5 { padding: var(--sp-5) !important; }
.p-6 { padding: var(--sp-6) !important; }
.p-7 { padding: var(--sp-7) !important; }
.p-8 { padding: var(--sp-8) !important; }
.p-9 { padding: var(--sp-9) !important; }
.p-10 { padding: var(--sp-10) !important; }
.p-11 { padding: var(--sp-11) !important; }
.p-12 { padding: var(--sp-12) !important; }

/* 水平方向 */
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.mx-0  { margin-left: var(--sp-0) !important; margin-right: var(--sp-0) !important; }
.mx-px { margin-left: var(--sp-px) !important; margin-right: var(--sp-px) !important; }
.mx-1  { margin-left: var(--sp-1) !important; margin-right: var(--sp-1) !important; }
.mx-2  { margin-left: var(--sp-2) !important; margin-right: var(--sp-2) !important; }
.mx-3  { margin-left: var(--sp-3) !important; margin-right: var(--sp-3) !important; }
.mx-4  { margin-left: var(--sp-4) !important; margin-right: var(--sp-4) !important; }
.mx-5  { margin-left: var(--sp-5) !important; margin-right: var(--sp-5) !important; }
.mx-6  { margin-left: var(--sp-6) !important; margin-right: var(--sp-6) !important; }
.mx-7  { margin-left: var(--sp-7) !important; margin-right: var(--sp-7) !important; }
.mx-8  { margin-left: var(--sp-8) !important; margin-right: var(--sp-8) !important; }
.mx-9  { margin-left: var(--sp-9) !important; margin-right: var(--sp-9) !important; }
.mx-10 { margin-left: var(--sp-10) !important; margin-right: var(--sp-10) !important; }
.mx-11 { margin-left: var(--sp-11) !important; margin-right: var(--sp-11) !important; }
.mx-12 { margin-left: var(--sp-12) !important; margin-right: var(--sp-12) !important; }
.mx-16 { margin-left: var(--sp-16) !important; margin-right: var(--sp-16) !important; }

.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.my-0  { margin-top: var(--sp-0) !important; margin-bottom: var(--sp-0) !important; }
.my-px { margin-top: var(--sp-px) !important; margin-bottom: var(--sp-px) !important; }
.my-1  { margin-top: var(--sp-1) !important; margin-bottom: var(--sp-1) !important; }
.my-2  { margin-top: var(--sp-2) !important; margin-bottom: var(--sp-2) !important; }
.my-3  { margin-top: var(--sp-3) !important; margin-bottom: var(--sp-3) !important; }
.my-4  { margin-top: var(--sp-4) !important; margin-bottom: var(--sp-4) !important; }
.my-5  { margin-top: var(--sp-5) !important; margin-bottom: var(--sp-5) !important; }
.my-6  { margin-top: var(--sp-6) !important; margin-bottom: var(--sp-6) !important; }
.my-7  { margin-top: var(--sp-7) !important; margin-bottom: var(--sp-7) !important; }
.my-8  { margin-top: var(--sp-8) !important; margin-bottom: var(--sp-8) !important; }
.my-9  { margin-top: var(--sp-9) !important; margin-bottom: var(--sp-9) !important; }
.my-10 { margin-top: var(--sp-10) !important; margin-bottom: var(--sp-10) !important; }
.my-11 { margin-top: var(--sp-11) !important; margin-bottom: var(--sp-11) !important; }
.my-12 { margin-top: var(--sp-12) !important; margin-bottom: var(--sp-12) !important; }
.my-16 { margin-top: var(--sp-16) !important; margin-bottom: var(--sp-16) !important; }

.px-0 { padding-left: var(--sp-0) !important; padding-right: var(--sp-0) !important; }
.px-px { padding-left: var(--sp-px) !important; padding-right: var(--sp-px) !important; }
.px-1 { padding-left: var(--sp-1) !important; padding-right: var(--sp-1) !important; }
.px-2 { padding-left: var(--sp-2) !important; padding-right: var(--sp-2) !important; }
.px-3 { padding-left: var(--sp-3) !important; padding-right: var(--sp-3) !important; }
.px-4 { padding-left: var(--sp-4) !important; padding-right: var(--sp-4) !important; }
.px-5 { padding-left: var(--sp-5) !important; padding-right: var(--sp-5) !important; }
.px-6 { padding-left: var(--sp-6) !important; padding-right: var(--sp-6) !important; }
.px-7 { padding-left: var(--sp-7) !important; padding-right: var(--sp-7) !important; }
.px-8 { padding-left: var(--sp-8) !important; padding-right: var(--sp-8) !important; }
.px-9 { padding-left: var(--sp-9) !important; padding-right: var(--sp-9) !important; }
.px-10 { padding-left: var(--sp-10) !important; padding-right: var(--sp-10) !important; }
.px-11 { padding-left: var(--sp-11) !important; padding-right: var(--sp-11) !important; }
.px-12 { padding-left: var(--sp-12) !important; padding-right: var(--sp-12) !important; }
.px-16 { padding-left: var(--sp-16) !important; padding-right: var(--sp-16) !important; }

.py-0 { padding-top: var(--sp-0) !important; padding-bottom: var(--sp-0) !important; }
.py-px { padding-top: var(--sp-px) !important; padding-bottom: var(--sp-px) !important; }
.py-1 { padding-top: var(--sp-1) !important; padding-bottom: var(--sp-1) !important; }
.py-2 { padding-top: var(--sp-2) !important; padding-bottom: var(--sp-2) !important; }
.py-3 { padding-top: var(--sp-3) !important; padding-bottom: var(--sp-3) !important; }
.py-4 { padding-top: var(--sp-4) !important; padding-bottom: var(--sp-4) !important; }
.py-5 { padding-top: var(--sp-5) !important; padding-bottom: var(--sp-5) !important; }
.py-6 { padding-top: var(--sp-6) !important; padding-bottom: var(--sp-6) !important; }
.py-7 { padding-top: var(--sp-7) !important; padding-bottom: var(--sp-7) !important; }
.py-8 { padding-top: var(--sp-8) !important; padding-bottom: var(--sp-8) !important; }
.py-9 { padding-top: var(--sp-9) !important; padding-bottom: var(--sp-9) !important; }
.py-10 { padding-top: var(--sp-10) !important; padding-bottom: var(--sp-10) !important; }
.py-11 { padding-top: var(--sp-11) !important; padding-bottom: var(--sp-11) !important; }
.py-12 { padding-top: var(--sp-12) !important; padding-bottom: var(--sp-12) !important; }
.py-16 { padding-top: var(--sp-16) !important; padding-bottom: var(--sp-16) !important; }

.mt-auto{ margin-top: auto !important; }
.mr-auto{ margin-right: auto !important; }
.mb-auto{ margin-bottom: auto !important; }
.ml-auto{ margin-left: auto !important; }

.mt-0  { margin-top: var(--sp-0) !important; }
.mr-0  { margin-right: var(--sp-0) !important; }
.mb-0  { margin-bottom: var(--sp-0) !important; }
.ml-0  { margin-left: var(--sp-0) !important; }

.mt-px { margin-top: var(--sp-px) !important; }
.mr-px { margin-right: var(--sp-px) !important; }
.mb-px { margin-bottom: var(--sp-px) !important; }
.ml-px { margin-left: var(--sp-px) !important; }

.mt-1  { margin-top: var(--sp-1) !important; }
.mr-1  { margin-right: var(--sp-1) !important; }
.mb-1  { margin-bottom: var(--sp-1) !important; }
.ml-1  { margin-left: var(--sp-1) !important; }

.mt-px { margin-top: var(--sp-px) !important; }
.mr-px { margin-right: var(--sp-px) !important; }
.mb-px { margin-bottom: var(--sp-px) !important; }
.ml-px { margin-left: var(--sp-px) !important; }


.mt-1.\5 { margin-top: var(--sp-1-5) !important; }
.mr-1.\5 { margin-right: var(--sp-1-5) !important; }
.mb-1.\5 { margin-bottom: var(--sp-1-5) !important; }
.ml-1.\5 { margin-left: var(--sp-1-5) !important; }

.mt-2 { margin-top: var(--sp-2) !important; }
.mr-2 { margin-right: var(--sp-2) !important; }
.mb-2 { margin-bottom: var(--sp-2) !important; }
.ml-2 { margin-left: var(--sp-2) !important; }

.mt-2.\5 { margin-top: var(--sp-2-5) !important; }
.mr-2.\5 { margin-right: var(--sp-2-5) !important; }
.mb-2.\5 { margin-bottom: var(--sp-2-5) !important; }
.ml-2.\5 { margin-left: var(--sp-2-5) !important; }

.mt-3 { margin-top: var(--sp-3) !important; }
.mr-3 { margin-right: var(--sp-3) !important; }
.mb-3 { margin-bottom: var(--sp-3) !important; }
.ml-3 { margin-left: var(--sp-3) !important; }

.mt-3.\5 { margin-top: var(--sp-3-5) !important; }
.mr-3.\5 { margin-right: var(--sp-3-5) !important; }
.mb-3.\5 { margin-bottom: var(--sp-3-5) !important; }
.ml-3.\5 { margin-left: var(--sp-3-5) !important; }

.mt-4 { margin-top: var(--sp-4) !important; }
.mr-4 { margin-right: var(--sp-4) !important; }
.mb-4 { margin-bottom: var(--sp-4) !important; }
.ml-4 { margin-left: var(--sp-4) !important; }

.mt-5 { margin-top: var(--sp-5) !important; }
.mr-5 { margin-right: var(--sp-5) !important; }
.mb-5 { margin-bottom: var(--sp-5) !important; }
.ml-5 { margin-left: var(--sp-5) !important; }

.mt-6 { margin-top: var(--sp-6) !important; }
.mr-6 { margin-right: var(--sp-6) !important; }
.mb-6 { margin-bottom: var(--sp-6) !important; }
.ml-6 { margin-left: var(--sp-6) !important; }

.mt-7 { margin-top: var(--sp-7) !important; }
.mr-7 { margin-right: var(--sp-7) !important; }
.mb-7 { margin-bottom: var(--sp-7) !important; }
.ml-7 { margin-left: var(--sp-7) !important; }

.mt-8 { margin-top: var(--sp-8) !important; }
.mr-8 { margin-right: var(--sp-8) !important; }
.mb-8 { margin-bottom: var(--sp-8) !important; }
.ml-8 { margin-left: var(--sp-8) !important; }

.mt-9 { margin-top: var(--sp-9) !important; }
.mr-9 { margin-right: var(--sp-9) !important; }
.mb-9 { margin-bottom: var(--sp-9) !important; }
.ml-9 { margin-left: var(--sp-9) !important; }

.mt-10 { margin-top: var(--sp-10) !important; }
.mr-10 { margin-right: var(--sp-10) !important; }
.mb-10 { margin-bottom: var(--sp-10) !important; }
.ml-10 { margin-left: var(--sp-10) !important; }

.mt-11 { margin-top: var(--sp-11) !important; }
.mr-11 { margin-right: var(--sp-11) !important; }
.mb-11 { margin-bottom: var(--sp-11) !important; }
.ml-11 { margin-left: var(--sp-11) !important; }

.mt-12 { margin-top: var(--sp-12) !important; }
.mr-12 { margin-right: var(--sp-12) !important; }
.mb-12 { margin-bottom: var(--sp-12) !important; }
.ml-12 { margin-left: var(--sp-12) !important; }

.pt-auto{ padding-top: auto !important; }
.pr-auto{ padding-right: auto !important; }
.pb-auto{ padding-bottom: auto !important; }
.pl-auto{ padding-left: auto !important; }

.pt-0 { padding-top: var(--sp-0) !important; }
.pr-0 { padding-right: var(--sp-0) !important; }
.pb-0 { padding-bottom: var(--sp-0) !important; }
.pl-0 { padding-left: var(--sp-0) !important; }

.pt-px { padding-top: var(--sp-px) !important; }
.pr-px { padding-right: var(--sp-px) !important; }
.pb-px { padding-bottom: var(--sp-px) !important; }
.pl-px { padding-left: var(--sp-px) !important; }

.pt-1 { padding-top: var(--sp-1) !important; }
.pr-1 { padding-right: var(--sp-1) !important; }
.pb-1 { padding-bottom: var(--sp-1) !important; }
.pl-1 { padding-left: var(--sp-1) !important; }

.pt-1.\5 { padding-top: var(--sp-1-5) !important; }
.pr-1.\5 { padding-right: var(--sp-1-5) !important; }
.pb-1.\5 { padding-bottom: var(--sp-1-5) !important; }
.pl-1.\5 { padding-left: var(--sp-1-5) !important; }

.pt-2 { padding-top: var(--sp-2) !important; }
.pr-2 { padding-right: var(--sp-2) !important; }    
.pb-2 { padding-bottom: var(--sp-2) !important; }
.pl-2 { padding-left: var(--sp-2) !important; }

.pt-2.\5 { padding-top: var(--sp-2-5) !important; }
.pr-2.\5 { padding-right: var(--sp-2-5) !important; }
.pb-2.\5 { padding-bottom: var(--sp-2-5) !important; }
.pl-2.\5 { padding-left: var(--sp-2-5) !important; }

.pt-3 { padding-top: var(--sp-3) !important; }
.pr-3 { padding-right: var(--sp-3) !important; }
.pb-3 { padding-bottom: var(--sp-3) !important; }
.pl-3 { padding-left: var(--sp-3) !important; }

.pt-3.\5 { padding-top: var(--sp-3-5) !important; }
.pr-3.\5 { padding-right: var(--sp-3-5) !important; }
.pb-3.\5 { padding-bottom: var(--sp-3-5) !important; }
.pl-3.\5 { padding-left: var(--sp-3-5) !important; }

.pt-4 { padding-top: var(--sp-4) !important; }  
.pr-4 { padding-right: var(--sp-4) !important; }
.pb-4 { padding-bottom: var(--sp-4) !important; }
.pl-4 { padding-left: var(--sp-4) !important; }

.pt-5 { padding-top: var(--sp-5) !important; }
.pr-5 { padding-right: var(--sp-5) !important; }
.pb-5 { padding-bottom: var(--sp-5) !important; }
.pl-5 { padding-left: var(--sp-5) !important; }

.pt-6 { padding-top: var(--sp-6) !important; }
.pr-6 { padding-right: var(--sp-6) !important; }
.pb-6 { padding-bottom: var(--sp-6) !important; }
.pl-6 { padding-left: var(--sp-6) !important; }

.pt-7 { padding-top: var(--sp-7) !important; }
.pr-7 { padding-right: var(--sp-7) !important; }
.pb-7 { padding-bottom: var(--sp-7) !important; }
.pl-7 { padding-left: var(--sp-7) !important; }

.pt-8 { padding-top: var(--sp-8) !important; }
.pr-8 { padding-right: var(--sp-8) !important; }
.pb-8 { padding-bottom: var(--sp-8) !important; }
.pl-8 { padding-left: var(--sp-8) !important; }

.pt-9 { padding-top: var(--sp-9) !important; }
.pr-9 { padding-right: var(--sp-9) !important; }
.pb-9 { padding-bottom: var(--sp-9) !important; }
.pl-9 { padding-left: var(--sp-9) !important; }

.pt-10 { padding-top: var(--sp-10) !important; }
.pr-10 { padding-right: var(--sp-10) !important; }
.pb-10 { padding-bottom: var(--sp-10) !important; }
.pl-10 { padding-left: var(--sp-10) !important; }

.pt-11 { padding-top: var(--sp-11) !important; }
.pr-11 { padding-right: var(--sp-11) !important; }
.pb-11 { padding-bottom: var(--sp-11) !important; }
.pl-11 { padding-left: var(--sp-11) !important; }

.pt-12 { padding-top: var(--sp-12) !important; }
.pr-12 { padding-right: var(--sp-12) !important; }
.pb-12 { padding-bottom: var(--sp-12) !important; }
.pl-12 { padding-left: var(--sp-12) !important; }

.ms-0  { margin-inline-start: var(--sp-0) !important; }
.me-0  { margin-inline-end: var(--sp-0) !important; }
.ms-px { margin-inline-start: var(--sp-px) !important; }
.me-px { margin-inline-end: var(--sp-px) !important; }
.ms-1  { margin-inline-start: var(--sp-1) !important; }
.me-1  { margin-inline-end: var(--sp-1) !important; }
.ms-1.\5{ margin-inline-start: var(--sp-1-5) !important; }
.me-1.\5{ margin-inline-end: var(--sp-1-5) !important; }
.ms-2  { margin-inline-start: var(--sp-2) !important; }
.me-2  { margin-inline-end: var(--sp-2) !important; }
.ms-2.\5{ margin-inline-start: var(--sp-2-5) !important; }
.me-2.\5{ margin-inline-end: var(--sp-2-5) !important; }
.ms-3  { margin-inline-start: var(--sp-3) !important; }
.me-3  { margin-inline-end: var(--sp-3) !important; }
.ms-3.\5{ margin-inline-start: var(--sp-3-5) !important; }
.me-3.\5{ margin-inline-end: var(--sp-3-5) !important; }
.ms-4  { margin-inline-start: var(--sp-4) !important; }
.me-4  { margin-inline-end: var(--sp-4) !important; }
.ms-5  { margin-inline-start: var(--sp-5) !important; }
.me-5  { margin-inline-end: var(--sp-5) !important; }
.ms-6  { margin-inline-start: var(--sp-6) !important; }
.me-6  { margin-inline-end: var(--sp-6) !important; }
.ms-7  { margin-inline-start: var(--sp-7) !important; }
.me-7  { margin-inline-end: var(--sp-7) !important; }
.ms-8  { margin-inline-start: var(--sp-8) !important; }
.me-8  { margin-inline-end: var(--sp-8) !important; }
.ms-9  { margin-inline-start: var(--sp-9) !important; }
.me-9  { margin-inline-end: var(--sp-9) !important; }
.ms-10 { margin-inline-start: var(--sp-10) !important; }
.me-10 { margin-inline-end: var(--sp-10) !important; }
.ms-11 { margin-inline-start: var(--sp-11) !important; }
.me-11 { margin-inline-end: var(--sp-11) !important; }
.ms-12 { margin-inline-start: var(--sp-12) !important; }
.me-12 { margin-inline-end: var(--sp-12) !important; }

.ps-0  { padding-inline-start: var(--sp-0) !important; }
.pe-0  { padding-inline-end: var(--sp-0) !important; }
.ps-px { padding-inline-start: var(--sp-px) !important; }
.pe-px { padding-inline-end: var(--sp-px) !important; }
.ps-1  { padding-inline-start: var(--sp-1) !important; }
.pe-1  { padding-inline-end: var(--sp-1) !important; }
.ps-1.\5{ padding-inline-start: var(--sp-1-5) !important; }
.pe-1.\5{ padding-inline-end: var(--sp-1-5) !important; }
.ps-2  { padding-inline-start: var(--sp-2) !important; }
.pe-2  { padding-inline-end: var(--sp-2) !important; }
.ps-2.\5{ padding-inline-start: var(--sp-2-5) !important; }
.pe-2.\5{ padding-inline-end: var(--sp-2-5) !important; }
.ps-3  { padding-inline-start: var(--sp-3) !important; }
.pe-3  { padding-inline-end: var(--sp-3) !important; }
.ps-3.\5{ padding-inline-start: var(--sp-3-5) !important; }
.pe-3.\5{ padding-inline-end: var(--sp-3-5) !important; }
.ps-4  { padding-inline-start: var(--sp-4) !important; }
.pe-4  { padding-inline-end: var(--sp-4) !important; }
.ps-5  { padding-inline-start: var(--sp-5) !important; }
.pe-5  { padding-inline-end: var(--sp-5) !important; }
.ps-6  { padding-inline-start: var(--sp-6) !important; }
.pe-6  { padding-inline-end: var(--sp-6) !important; }
.ps-7  { padding-inline-start: var(--sp-7) !important; }
.pe-7  { padding-inline-end: var(--sp-7) !important; }
.ps-8  { padding-inline-start: var(--sp-8) !important; }
.pe-8  { padding-inline-end: var(--sp-8) !important; }
.ps-9  { padding-inline-start: var(--sp-9) !important; }
.pe-9  { padding-inline-end: var(--sp-9) !important; }
.ps-10 { padding-inline-start: var(--sp-10) !important; }
.pe-10 { padding-inline-end: var(--sp-10) !important; }
.ps-11 { padding-inline-start: var(--sp-11) !important; }
.pe-11 { padding-inline-end: var(--sp-11) !important; }
.ps-12 { padding-inline-start: var(--sp-12) !important; }
.pe-12 { padding-inline-end: var(--sp-12) !important; }

.-m-px { margin: calc(var(--sp-px) * -1) !important; }
.-m-1  { margin: calc(var(--sp-1) * -1) !important; }
.-m-2  { margin: calc(var(--sp-2) * -1) !important; }
.-m-3  { margin: calc(var(--sp-3) * -1) !important; }
.-m-4  { margin: calc(var(--sp-4) * -1) !important; }
.-m-5  { margin: calc(var(--sp-5) * -1) !important; }
.-m-6  { margin: calc(var(--sp-6) * -1) !important; }
.-m-8  { margin: calc(var(--sp-8) * -1) !important; }
.-m-10 { margin: calc(var(--sp-10) * -1) !important; }

.-mt-px { margin-top: calc(var(--sp-px) * -1) !important; }
.-mr-px { margin-right: calc(var(--sp-px) * -1) !important; }
.-mb-px { margin-bottom: calc(var(--sp-px) * -1) !important; }
.-ml-px { margin-left: calc(var(--sp-px) * -1) !important; }

.-mt-1  { margin-top: calc(var(--sp-1) * -1) !important; }
.-mr-1  { margin-right: calc(var(--sp-1) * -1) !important; }
.-mb-1  { margin-bottom: calc(var(--sp-1) * -1) !important; }
.-ml-1  { margin-left: calc(var(--sp-1) * -1) !important; }

.-mt-2 { margin-top: calc(var(--sp-2) * -1) !important; }
.-mr-2 { margin-right: calc(var(--sp-2) * -1) !important; }
.-mb-2 { margin-bottom: calc(var(--sp-2) * -1) !important; }
.-ml-2 { margin-left: calc(var(--sp-2) * -1) !important; }

.-mt-3 { margin-top: calc(var(--sp-3) * -1) !important; }
.-mr-3 { margin-right: calc(var(--sp-3) * -1) !important; }
.-mb-3 { margin-bottom: calc(var(--sp-3) * -1) !important; }
.-ml-3 { margin-left: calc(var(--sp-3) * -1) !important; }

.-mt-4 { margin-top: calc(var(--sp-4) * -1) !important; } 
.-mr-4 { margin-right: calc(var(--sp-4) * -1) !important; }
.-mb-4 { margin-bottom: calc(var(--sp-4) * -1) !important; }
.-ml-4 { margin-left: calc(var(--sp-4) * -1) !important; }

.-mt-5 { margin-top: calc(var(--sp-5) * -1) !important; }
.-mr-5 { margin-right: calc(var(--sp-5) * -1) !important; } 
.-mb-5 { margin-bottom: calc(var(--sp-5) * -1) !important; }
.-ml-5 { margin-left: calc(var(--sp-5) * -1) !important; }





/*子元素*/
.space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px*var(--tw-space-y-reverse));
    margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
}

.space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.125rem*var(--tw-space-x-reverse))
}

.space-y-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.125rem*var(--tw-space-y-reverse));
    margin-top: calc(.125rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.375rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.375rem*var(--tw-space-x-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
    margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.625rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.625rem*var(--tw-space-x-reverse))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
    margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-3\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.875rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.875rem*var(--tw-space-x-reverse))
}

.space-y-3\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.875rem*var(--tw-space-y-reverse));
    margin-top: calc(.875rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-7>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.75rem*var(--tw-space-x-reverse))
}

.space-y-7>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.75rem*var(--tw-space-y-reverse));
    margin-top: calc(1.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2rem*var(--tw-space-x-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-9>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2.25rem*var(--tw-space-x-reverse))
}

.space-y-9>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.25rem*var(--tw-space-y-reverse));
    margin-top: calc(2.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-10>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2.5rem*var(--tw-space-x-reverse))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1px*var(--tw-space-x-reverse))
}

.space-y-px>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1px*var(--tw-space-y-reverse));
    margin-top: calc(1px*(1 - var(--tw-space-y-reverse)))
}
/*内容适配*/
.object-contain{
  object-fit: contain;
}
.object-cover{
  object-fit: cover;
}
.object-fill{
  object-fit: fill;
}
.object-none{
  object-fit: none;
}
.object-scale-down{
  object-fit: scale-down;
}

/* flex */
/*align-content*/
.content-center {
    align-content: center
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.content-evenly {
    align-content: space-evenly
}
/*align-items*/
.items-center {
    align-items: center
}
.items-start {
    align-items: flex-start
}
.items-end {
    align-items: flex-end
}
.items-baseline {
    align-items: baseline
}
.items-stretch {
    align-items: stretch
}
/*align-self*/
.self-center {
    align-self: center
}
.self-start {
    align-self: flex-start
}
.self-end {
    align-self: flex-end
}
.self-baseline {
    align-self: baseline
}
.self-stretch {
    align-self: stretch
}
.self-auto {
    align-self: auto
}

/*basis*/
.basis-0 {
    flex-basis: 0px
}

.basis-1 {
    flex-basis: 0.25rem
}

.basis-2 {
    flex-basis: 0.5rem
}

.basis-3 {
    flex-basis: 0.75rem
}

.basis-4 {
    flex-basis: 1rem
}

.basis-5 {
    flex-basis: 1.25rem
}

.basis-6 {
    flex-basis: 1.5rem
}

.basis-7 {
    flex-basis: 1.75rem
}

.basis-8 {
    flex-basis: 2rem
}

.basis-9 {
    flex-basis: 2.25rem
}

.basis-10 {
    flex-basis: 2.5rem
}

.basis-11 {
    flex-basis: 2.75rem
}

.basis-12 {
    flex-basis: 3rem
}

.basis-14 {
    flex-basis: 3.5rem
}

.basis-16 {
    flex-basis: 4rem
}

.basis-20 {
    flex-basis: 5rem
}

.basis-24 {
    flex-basis: 6rem
}

.basis-28 {
    flex-basis: 7rem
}

.basis-32 {
    flex-basis: 8rem
}

.basis-36 {
    flex-basis: 9rem
}

.basis-40 {
    flex-basis: 10rem
}

.basis-44 {
    flex-basis: 11rem
}

.basis-48 {
    flex-basis: 12rem
}

.basis-52 {
    flex-basis: 13rem
}

.basis-56 {
    flex-basis: 14rem
}

.basis-60 {
    flex-basis: 15rem
}

.basis-64 {
    flex-basis: 16rem
}

.basis-72 {
    flex-basis: 18rem
}

.basis-80 {
    flex-basis: 20rem
}

.basis-96 {
    flex-basis: 24rem
}

.basis-auto {
    flex-basis: auto
}

.basis-px {
    flex-basis: 1px
}

.basis-0\.5 {
    flex-basis: 0.125rem
}

.basis-1\.5 {
    flex-basis: 0.375rem
}

.basis-2\.5 {
    flex-basis: 0.625rem
}

.basis-3\.5 {
    flex-basis: 0.875rem
}

.basis-1\/2 {
    flex-basis: 50%
}

.basis-1\/3 {
    flex-basis: 33.333333%
}

.basis-2\/3 {
    flex-basis: 66.666667%
}

.basis-1\/4 {
    flex-basis: 25%
}

.basis-2\/4 {
    flex-basis: 50%
}

.basis-3\/4 {
    flex-basis: 75%
}

.basis-1\/5 {
    flex-basis: 20%
}

.basis-2\/5 {
    flex-basis: 40%
}

.basis-3\/5 {
    flex-basis: 60%
}

.basis-4\/5 {
    flex-basis: 80%
}

.basis-1\/6 {
    flex-basis: 16.666667%
}

.basis-2\/6 {
    flex-basis: 33.333333%
}

.basis-3\/6 {
    flex-basis: 50%
}

.basis-4\/6 {
    flex-basis: 66.666667%
}

.basis-5\/6 {
    flex-basis: 83.333333%
}

.basis-1\/12 {
    flex-basis: 8.333333%
}

.basis-2\/12 {
    flex-basis: 16.666667%
}

.basis-3\/12 {
    flex-basis: 25%
}

.basis-4\/12 {
    flex-basis: 33.333333%
}

.basis-5\/12 {
    flex-basis: 41.666667%
}

.basis-6\/12 {
    flex-basis: 50%
}

.basis-7\/12 {
    flex-basis: 58.333333%
}

.basis-8\/12 {
    flex-basis: 66.666667%
}

.basis-9\/12 {
    flex-basis: 75%
}

.basis-10\/12 {
    flex-basis: 83.333333%
}

.basis-11\/12 {
    flex-basis: 91.666667%
}

.basis-full {
    flex-basis: 100%
}

/*direction*/
.center,.center-row {
    align-items: center;
    justify-content: center
}

.center-row {
    display: flex;
    flex-direction: row
}

.center-x,.center-y {
    align-items: center;
    display: flex
}

.center-y {
    flex-direction: column
}

.row-reverse {
    display: flex;
    flex-direction: row-reverse
}

.col-reverse {
    display: flex;
    flex-direction: column-reverse
}
/* flex */


.flex-auto {
    flex: 1 1 auto
}
.flex-1 {
    flex: 1 1 0%
}
.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}
/* gap */
.gap-0 {
    gap: 0
}

.gap-x-0 {
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-y-0 {
    row-gap: 0
}

.gap-px {
    gap: 1px
}

.gap-x-px {
    -moz-column-gap: 1px;
    column-gap: 1px
}

.gap-y-px {
    row-gap: 1px
}

.gap-0\.5 {
    gap: .125rem
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem;
    column-gap: .125rem
}

.gap-y-0\.5 {
    row-gap: .125rem
}

.gap-3px {
    gap: 3px
}

.gap-1 {
    gap: .25rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-y-2\.5 {
    row-gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-3\.5 {
    gap: .875rem
}

.gap-x-3\.5 {
    -moz-column-gap: .875rem;
    column-gap: .875rem
}

.gap-y-3\.5 {
    row-gap: .875rem
}

.gap-4 {
    gap: 1rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-x-7 {
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem
}

.gap-y-7 {
    row-gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-8 {
    row-gap: 2rem
}
/* grow */
.grow {
    flex-grow: 1!important
}

.grow-0 {
    flex-grow: 0!important
}
/* justify-content */
.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}
/* order */
.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.order-none {
    order: 0
}
/* shrink */
.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}
/* wrap */
.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

/*按钮*/

/* 边框 */
.border {
    border-width: 1px
}
.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-t {
    border-top-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-r-0 {
    border-right-width: 0
}

.border-b-0 {
    border-bottom-width: 0
}

.border-l-0 {
    border-left-width: 0
}

.border-t-2 {
    border-top-width: 2px
}

.border-l-2 {
    border-left-width: 2px
}

.border-r-2 {
    border-right-width: 2px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-t-4 {
    border-top-width: 4px
}

.border-l-4 {
    border-left-width: 4px
}

.border-r-4 {
    border-right-width: 4px
}

.border-b-4 {
    border-bottom-width: 4px
}
.border-primary,
.border-secondary,
.border-success,
.border-warning,
.border-danger,
.border-important,
.border-special,
.border-gray-50,
.border-gray-100,
.border-gray-200,
.border-gray-300,
.border-gray-400,
.border-gray-500,
.border-gray-600,
.border-gray-700,
.border-gray-800,
.border-gray-900,
.border-light,
.border-strong {
    --bg-opacity: 1;
    border-color: rgba(var(--color) / var(--bg-opacity))
}

.border-gray-300,
.border-strong {
  --border-opacity: 1;
  border-color: rgba(var(--gray-300) / var(--border-opacity));
}

.border-white{
    --bg-opacity: 1;
    border-color: rgba(var(--white) / var(--bg-opacity))
}
.border-black{
    --bg-opacity: 1;
    border-color: rgba(var(--black) / var(--bg-opacity))
}
.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-double {
    border-style: double
}

.border-hidden {
    border-style: hidden
}

.border-none {
    border-style: none
}
.border-opacity-0 {
    --bg-opacity: 0
}
.border-opacity-5 {
    --bg-opacity: .5
}
.border-opacity-10 {
    --bg-opacity: .1
}
.border-opacity-20 {
    --bg-opacity: .2
}
.border-opacity-30 {
    --bg-opacity: .3
}
.border-opacity-40 {
    --bg-opacity: .4
}
.border-opacity-50 {
    --bg-opacity: .5
}
.border-opacity-60 {
    --bg-opacity: .6
}
.border-opacity-70 {
    --bg-opacity: .7
}
.border-opacity-80 {
    --bg-opacity: .8
}
.border-opacity-90 {
    --bg-opacity: .9
}
.border-opacity-100 {
    --bg-opacity: 1
}
/* Box Sizing Reset */
*,
*::before,
*::after {
  border-color: rgb(var(--color));
  border-style: solid;
  border-width: 0;
  box-sizing: border-box
}
/* 圆角 */
.rounded-none {
    border-radius: 0px;
}

.rounded-sm {
    border-radius: 0.125rem;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.circle,.rounded-full {
    border-radius: 9999px;
}
input.rounded-full {
    border-radius: 9999px;
    box-sizing: border-box !important;
    border-radius: 9999px !important;
}
.rounded-l-none {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px
}

.rounded-t-none {
    border-top-left-radius: 0px
}

.rounded-r-none,.rounded-t-none {
    border-top-right-radius: 0px
}

.rounded-b-none,.rounded-r-none {
    border-bottom-right-radius: 0px
}

.rounded-b-none {
    border-bottom-left-radius: 0px
}

.rounded-br-none {
    border-bottom-right-radius: 0px
}

.rounded-bl-none {
    border-bottom-left-radius: 0px
}

.rounded-tr-none {
    border-top-right-radius: 0px
}

.rounded-tl-none {
    border-top-left-radius: 0px
}
/*主题按钮*/
.btn.bg-theme-primary,
.btn.bg-theme-secondary {
  color: #fff;
}
/*互动*/
/* 光标 */
.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-help {
  cursor: help;
}

.cursor-not-allowed {
  cursor: not-allowed;
}


/*效果*/
/* 阴影 */

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1), 0 0 2px -1px rgba(0, 0, 0, .05);
}
.shadow {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15), 0 1px 2px -1px rgba(0, 0, 0, .1);
}
.shadow-md {
    box-shadow: 0 2px 6px -1px rgba(0, 0, 0, .2), 0 1px 4px -2px rgba(0, 0, 0, .15);
}
.shadow-lg {
    box-shadow: 0 5px 15px -3px rgba(0, 0, 0, .2), 0 2px 6px -4px rgba(0, 0, 0, .15);
}
.shadow-xl {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .2), 0 4px 10px -6px rgba(0, 0, 0, .15);
}
.shadow-2xl {
    box-shadow: 0 10px 50px -10px rgba(0, 0, 0, .4), 0 8px 20px -10px rgba(0, 0, 0, .3);
}
.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);
}
.shadow-none {
    box-shadow: none;
}

/*过渡效果*/
.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-shadow {
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.transition-none {
    transition-property: none
}

/**
 * 特殊背景
 */
/* 左斜杠 */
.bgimg-leftslash {
    background-image: repeating-linear-gradient(135deg, rgba(189,189,189,0.1) 0px, rgba(189,189,189,0.1) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}

/*文字特效*/
.text-neonglow{
  color: #ffffff;
  text-shadow: 
    0 0 5px #00ffff,
    0 0 10px #00ffff,
    0 0 20px #00ffff,
    0 0 30px #00ffff;
  animation: neonFlicker 1.5s ease-in-out infinite alternate;
}
@keyframes neonFlicker {
  0% { text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff; }
  100% { text-shadow: 0 0 2px #00ffff, 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 15px #00ffff; }
}

.text-3Dlayers{
  color: #1e293b;
  text-shadow: 
    1px 1px 0 #94a3b8,
    2px 2px 0 #64748b,
    3px 3px 0 #475569,
    4px 4px 0 #334155,
    5px 5px 0 #1e293b,
    6px 6px 0 #0f172a,
    7px 7px 15px rgba(0, 0, 0, 0.3);
}

.text-fireeffect {
  color: #ff4500;
  text-shadow: 
    0 0 5px #ff6500,
    0 -2px 10px #ff8500,
    0 -4px 15px #ffa500,
    0 -6px 20px #ffbf00,
    0 -8px 25px #ffdf00,
    0 -10px 30px #ffff00;
  animation: fireFlicker 0.2s ease-in-out infinite;
}

@keyframes fireFlicker {
  0%, 100% { 
    text-shadow: 
      0 0 5px #ff6500,
      0 -2px 10px #ff8500,
      0 -4px 15px #ffa500,
      0 -6px 20px #ffbf00,
      0 -8px 25px #ffdf00,
      0 -10px 30px #ffff00;
  }
  50% { 
    text-shadow: 
      0 0 8px #ff6500,
      -1px -3px 12px #ff8500,
      1px -5px 18px #ffa500,
      -1px -7px 22px #ffbf00,
      1px -9px 28px #ffdf00,
      0 -12px 35px #ffff00;
  }
}
.text-chromatic {
  color: #1e293b;
  text-shadow: 
    -3px 0 0 #ef4444,
    3px 0 0 #06b6d4;
}
.text-retrogaming{
  color: #10b981;
  text-shadow: 
    3px 0 0 #1e293b,
    0 3px 0 #1e293b,
    -3px 0 0 #1e293b,
    0 -3px 0 #1e293b,
    6px 6px 0 #ef4444,
    6px 6px 8px rgba(0, 0, 0, 0.3);
  font-family: monospace;
  font-weight: 900;
}
.text-letterpress {
  color: #334155;
  text-shadow: 
    2px 2px 0 rgba(255, 255, 255, 1),
    -1px -1px 0 rgba(0, 0, 0, 0.4),
    1px 1px 4px rgba(0, 0, 0, 0.2);
}
.text-multicolour{
  color: #ffffff;
  text-shadow: 
    1px 1px 0 #ff0066,
    2px 2px 0 #ff3300,
    3px 3px 0 #ff9900,
    4px 4px 0 #ffcc00,
    5px 5px 0 #66ff00,
    6px 6px 0 #00ff66,
    7px 7px 0 #00ccff,
    8px 8px 0 #0066ff,
    9px 9px 0 #6600ff,
    10px 10px 20px rgba(0, 0, 0, 0.4);
}
.text-digitalerror{
  color: #1e293b;
  text-shadow: 
    2px 0 0 #ef4444,
    -2px 0 0 #06b6d4;
  animation: glitchJump 0.3s infinite;
}
@keyframes glitchJump {
  0%, 14%, 15%, 49%, 50%, 99%, 100% {
    text-shadow: 2px 0 0 #ef4444, -2px 0 0 #06b6d4;
    transform: translate(0);
  }
  1%, 48%, 51%, 98% {
    text-shadow: 4px 0 0 #ef4444, -4px 0 0 #06b6d4;
    transform: translate(-1px, 1px);
  }
}
.text-longshadow{
  color: #f59e0b;
  text-shadow: 
    2px 2px 0 #d97706,
    4px 4px 0 #b45309,
    6px 6px 0 #92400e,
    8px 8px 0 #78350f,
    10px 10px 0 #451a03,
    15px 15px 0 #1c0a00,
    20px 20px 30px rgba(0, 0, 0, 0.4);
}
.text-outline{
  color: #fbbf24;
  text-shadow: 
    -2px -2px 0 #1e293b,
    2px -2px 0 #1e293b,
    -2px 2px 0 #1e293b,
    2px 2px 0 #1e293b;
}
.text-holographic{
  color: transparent;
  background: linear-gradient(45deg, #06b6d4, #8b5cf6, #ec4899, #f59e0b, #06b6d4);
  background-size: 300% 300%;
  background-clip: text;
  -webkit-background-clip: text;
  text-shadow: 
    0 0 10px rgba(6, 182, 212, 0.4),
    0 0 20px rgba(139, 92, 246, 0.3),
    0 0 30px rgba(236, 72, 153, 0.2);
  animation: holographicShift 4s ease-in-out infinite;
}
@keyframes holographicShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.text-softblur{
  color: #1e293b;
  text-shadow: 
    0 0 20px #8b5cf6,
    0 0 40px #8b5cf6,
    0 0 60px rgba(139, 92, 246, 0.4);
}
.text-radiance{
  background: url(../images/rainbow-gif-tumblr-6.gif);
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  color: transparent;
}
.text-icecream{
  letter-spacing: 5px;
  color: #78452e;
  text-shadow: -1px 0 0 #3c261c, -4px 0 0 #d0b4a7, -6px 0 0 #78452e, -8px 0 0 #3c261c;
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
}
.text-hamburger{
  letter-spacing: 5px;
  transition: all 0.5s ease-in-out;
  color: #e1b38e;
  text-shadow: -1px 1px 0 #9a653b, -2px 2px 0 #9a653b, -6px 1px 0 #690, 2px 4px 0 #a10, -3px 3px 0 #e1b38e, -4px 4px 0 #9a653b, -5px 5px 0 #9a653b;
}
.text-neon{
  text-shadow: 0 -1px 0 #f00, 0 2px 0 #f00, 0 4px 0 #60f, -2px -2px 15px #f06, 2px -2px 15px #f06, -2px 2px 15px #f06, 2px 2px 15px #f06;
}
.text-disco {
    letter-spacing: 10px;
    text-shadow: -2px 2px 0 #292322, -4px 4px 0 #f60, -6px 6px 0 #292322, -8px 8px 0 #fc0;
    text-transform: uppercase;
}
.text-bevel {
    letter-spacing: 6px;
    text-shadow: 0 -3px 0 #ddd, 0 3px 0 #111, -3px 0 #666, 3px 0 #666, -3px -3px 0 #999, 3px -3px 0 #999, 3px 3px 0 #333, -3px 3px 0 #333;
    text-transform: uppercase;
}

/* 特殊文字字体 */
.text-monoton{
  font-family: Monoton;
}
.text-iceland{
  font-family: Iceland;
}
.text-pacifico{
  font-family: Pacifico;
}
.text-pressstart{
  font-family: PressStart;
}
.text-audiowide{
  font-family: Audiowide;
}
.text-vampiroone{
  font-family: 'Vampiro One';
}
.text-fredokaone{
  font-family: 'Fredoka One';
}
.text-dawning{
  font-family: 'Dawning of a New Day'
}
.text-sniglet{
  font-family: 'Sniglet';
}