:root {
    --all-colors: --active-button-hover, --attention1-1, --attention1-2, --blue-1, --brand-1-0, --brand-1-1, --brand-1-23, --brand-1-25, --brand-1-25-2, --brand-1-4, --brand-1-8, --brand-1-9, --brand-2-1, --brand-2-23, --brand1-0, --brand1-1, --brand1-23, --brand1-25, --brand1-4, --brand1-8, --brand1-9, --brandgradient1-1, --btn-bg, --danger-1, --danger1-1, --danger2-25, --danger3-1, --darger-1, --error1-1, --error1-2, --error4-1, --gold1-9, --gold5-1, --grey-0, --grey-0_2, --grey-0_45, --grey-0_6, --grey-1, --grey-1-b, --grey-1-d, --grey-1m, --grey-1m-b, --grey-2, --grey-2-a, --grey-2-b, --grey-25-b, --grey-2_3, --grey-2_5, --grey-3, --grey-3-b, --grey-4, --grey-4-b, --grey-4_5, --grey-5, --grey-5_5, --grey-6, --grey-7, --histogram-1, --histogram-2, --icon-primary, --line-1, --line-2, --line-3, --line-4, --line-5, --line-color, --miaobi1-1, --miaobi1-23, --miaobi1-25, --miaobi1-4, --miaobi1-5, --miaobi1-8, --miaobi1-9, --pop-bg, --pop-bg-2, --primary-color, --red-1-0, --red-1-1, --red-1-23, --red-1-25, --red-1-4, --red-1-8, --red-1-9, --red1-0, --red1-1, --red1-23, --red1-25, --red1-4, --red1-8, --red1-9, --safe-1, --scrim-m, --scrim-pc, --shadow-down4, --shadow-down6, --shadow-down8, --status-bg, --success-4, --success1-1, --success1-2, --success4, --tag, --warning1-1, --warning1-2, --warning1-25, --warning2-1, --warning2-25, --warning2-30, --warning4, --warning4-1;
    --themes: skingreen, skinblue, skinyellow, skinpink, skinbrown, skincyan, skingrey;
}
:root,[data-theme-mode="light"] {
    --active-button-hover: #D4DEED;
    --attention1-1: rgba(30, 113, 239, 1);
    --attention1-2: rgba(228, 238, 253, 1);
    --blue-1: rgba(30, 113, 239, 0.8);
    --brand-1-0: #0562F0;
    --brand-1-1: #1E71EF;
    --brand-1-23: rgba(30, 113, 239, 0.08);
    --brand-1-25: rgba(30, 113, 239, 0.2);
    --brand-1-25-2: rgba(30, 113, 239, 0.12);
    --brand-1-4: rgba(30, 113, 239, 0.4);
    --brand-1-8: rgba(30, 113, 239, 0.8);
    --brand-1-9: rgba(30, 113, 239, 0.9);
    --brand-2-1: rgba(247, 132, 130, 1);
    --brand-2-23: rgba(30, 113, 239, 0.08);
    --brand1-0: rgba(5, 98, 240, 1);
    --brand1-1: rgba(30, 113, 239, 1);
    --brand1-23: rgba(30, 113, 239, 0.08);
    --brand1-25: rgba(30, 113, 239, 0.12);
    --brand1-4: rgba(30, 113, 239, 0.4);
    --brand1-8: rgba(30, 113, 239, 0.8);
    --brand1-9: rgba(30, 113, 239, 0.9);
    --brandgradient1-1: linear-gradient(90deg, rgba(92, 158, 240, 1) 0%, rgba(0, 103, 229, 1) 100%);
    --btn-bg: rgba(255, 255, 255, 0.64);
    --danger-1: rgba(247, 132, 130, 0.64);
    --danger1-1: rgba(244, 100, 66, 1);
    --danger2-25: rgba(244, 100, 66, 0.2);
    --danger3-1: rgba(217, 78, 21, 1);
    --darger-1: rgba(247, 132, 130, 0.64);
    --error1-1: rgba(234, 52, 71, 1);
    --error1-2: rgba(253, 235, 237, 1);
    --error4-1: rgba(204, 44, 41, 1);
    --gold1-9: linear-gradient(
    90deg,
    rgba(231, 206, 138, 1) 0%,
    rgba(255, 239, 196, 1) 100%
  );
    --gold5-1: rgba(89, 56, 25, 1);
    --grey-0: rgba(255, 255, 255, 0.92);
    --grey-0_2: rgba(255, 255, 255, 0.64);
    --grey-0_45: rgba(20, 30, 41, 0.49);
    --grey-0_6: rgba(20, 30, 41, 0.92);
    --grey-1: rgba(255, 255, 255, 1);
    --grey-1-b: rgba(249, 249, 250, 1);
    --grey-1-d: #fff;
    --grey-1m: rgba(255, 255, 255, 1);
    --grey-1m-b: rgba(245, 248, 252, 1);
    --grey-2: rgba(20, 30, 41, 0.04);
    --grey-2-a: rgba(255, 255, 255, 0.3);
    --grey-2-b: rgba(245, 245, 247, 1);
    --grey-25-b: rgba(235, 235, 236, 1);
    --grey-2_3: rgba(20, 30, 41, 0.08);
    --grey-2_5: rgba(20, 30, 41, 0.12);
    --grey-3: rgba(20, 30, 41, 0.18);
    --grey-3-b: #C9CDD4;
    --grey-4: rgba(20, 30, 41, 0.34);
    --grey-4-b: #FFFFFF;
    --grey-4_5: rgba(20, 30, 41, 0.49);
    --grey-5: rgba(20, 30, 41, 0.64);
    --grey-5_5: rgba(20, 30, 41, 0.76);
    --grey-6: rgba(20, 30, 41, 0.92);
    --grey-7: rgba(20, 30, 41, 1);
    --histogram-1: rgba(30, 113, 239, 0.12);
    --histogram-2: rgba(247, 132, 130, 0.14);
    --icon-primary: #1E71EF;
    --line-1: rgba(0, 103, 229, 1);
    --line-2: rgba(255, 195, 0, 1);
    --line-3: rgba(255, 148, 61, 1);
    --line-4: rgba(247, 132, 130, 1);
    --line-5: rgba(123, 97, 255, 1);
    --line-color: #ABAFB3;
    --miaobi1-1: linear-gradient(251deg, #5BF 1.54%, #A041FF 100%);
    --miaobi1-23: linear-gradient(252deg, rgba(85, 187, 255, 0.08) 3.23%, rgba(160, 65, 255, 0.08) 100%);
    --miaobi1-25: linear-gradient(252deg, rgba(85, 187, 255, 0.20) 1.68%, rgba(160, 65, 255, 0.20) 100%);
    --miaobi1-4: linear-gradient(252deg, rgba(85, 187, 255, 0.40) 2.26%, rgba(160, 65, 255, 0.40) 100%);
    --miaobi1-5: linear-gradient(252deg, rgba(85, 187, 255, 0.60) 2.73%, rgba(160, 65, 255, 0.60) 100%);
    --miaobi1-8: linear-gradient(251deg, rgba(85, 187, 255, 0.80) 1.54%, rgba(160, 65, 255, 0.80) 100%);
    --miaobi1-9: linear-gradient(251deg, rgba(85, 187, 255, 0.90) 1.54%, rgba(160, 65, 255, 0.90) 100%);
    --pop-bg: rgba(255, 255, 255, .5);
    --pop-bg-2: rgba(255, 255, 255, 1);
    --primary-color: #1E71EF;
    --red-1-0: #D82631;
    --red-1-1: #EA3447;
    --red-1-23: rgba(234, 52, 71, 0.08);
    --red-1-25: rgba(234, 52, 71, 0.12);
    --red-1-4: rgba(234, 52, 71, 0.4);
    --red-1-8: rgba(234, 52, 71, 0.8);
    --red-1-9: rgba(234, 52, 71, 0.9);
    --red1-0: rgba(216, 38, 49, 1);
    --red1-1: rgba(234, 52, 71, 1);
    --red1-23: rgba(234, 52, 71, 0.08);
    --red1-25: rgba(234, 52, 71, 0.12);
    --red1-4: rgba(234, 52, 71, 0.4);
    --red1-8: rgba(234, 52, 71, 0.8);
    --red1-9: rgba(234, 52, 71, 0.9);
    --safe-1: rgba(71, 204, 107, 0.64);
    --scrim-m: rgba(0, 0, 0, 0.64);
    --scrim-pc: rgba(0, 0, 0, 0.36);
    --shadow-down4: rgba(0, 0, 0, 0.04);
    --shadow-down6: rgba(0, 0, 0, 0.14);
    --shadow-down8: rgba(0, 0, 0, 0.24);
    --status-bg: rgba(228, 233, 239, 1);
    --success-4: rgba(50, 166, 85, 1);
    --success1-1: rgba(48, 193, 87, 1);
    --success1-2: rgba(227, 247, 233, 1);
    --success4: #32A655;
    --tag: rgba(242, 158, 61, 0.9);
    --warning1-1: rgba(244, 187, 0, 1);
    --warning1-2: rgba(255, 244, 206, 1);
    --warning1-25: rgba(255, 195, 0, 0.2);
    --warning2-1: rgba(255, 148, 61, 1);
    --warning2-25: rgba(255, 148, 61, 0.2);
    --warning2-30: rgba(255, 234, 216, 1);
    --warning4: rgba(217, 159, 0, 1);
    --warning4-1: rgba(229, 111, 0, 1);
    color-scheme: light;
}
[data-theme-mode="dark"],[data-theme-mode="dark"][data-theme-namespace="default"] {
    --active-button-hover: #1A4167;
    --attention1-1: rgba(38, 117, 214, 1);
    --attention1-2: rgba(6, 49, 90, 1);
    --blue-1: rgba(30, 113, 239, 0.8);
    --brand-1-0: #5B93FF;
    --brand-1-1: #4E8AFE;
    --brand-1-23: rgba(30, 113, 239, 0.12);
    --brand-1-25: rgba(38, 117, 214, 0.28);
    --brand-1-25-2: rgba(38, 117, 214, 0.5);
    --brand-1-4: rgba(38, 117, 214, 0.4);
    --brand-1-8: rgba(38, 117, 214, 0.8);
    --brand-1-9: rgba(78, 138, 254, 0.9);
    --brand-2-1: rgba(247, 132, 130, 1);
    --brand-2-23: rgba(38, 117, 214, 0.12);
    --brand1-0: rgba(91, 147, 255, 1);
    --brand1-1: rgba(78, 138, 254, 1);
    --brand1-23: rgba(78, 138, 254, 0.12);
    --brand1-25: rgba(30, 113, 239, 0.28);
    --brand1-4: rgba(78, 138, 254, 0.4);
    --brand1-8: rgba(78, 138, 254, 0.8);
    --brand1-9: rgba(78, 138, 254, 0.9);
    --brandgradient1-1: linear-gradient(90deg, rgba(92, 158, 240, 1) 0%, rgba(0, 103, 229, 1) 100%);
    --btn-bg: rgba(255, 255, 255, 0.06);
    --darger-1: rgba(247, 132, 130, 0.64);
    --error1-1: rgba(199, 53, 81, 1);
    --error1-2: rgba(86, 43, 42, 1);
    --error4-1: rgba(255, 179, 173, 1);
    --gold1-9: linear-gradient(
    90deg,
    rgba(240, 215, 144, 1) 0%,
    rgba(255, 240, 196, 1) 100%
  );
    --gold5-1: rgba(163, 121, 62, 1);
    --grey-0: rgba(255, 255, 255, 0.92);
    --grey-0_2: rgba(255, 255, 255, 0.64);
    --grey-0_45: rgba(20, 30, 41, 0.49);
    --grey-0_6: rgba(20, 30, 41, 0.92);
    --grey-1: rgba(54, 54, 54, 1);
    --grey-1-b: rgba(48, 48, 48, 1);
    --grey-1-d: #4f4f4f;
    --grey-1m: rgba(28, 28, 28, 1);
    --grey-1m-b: rgba(15, 15, 15, 1);
    --grey-2: rgba(255, 255, 255, 0.04);
    --grey-2-a: rgba(255, 255, 255, 0.08);
    --grey-2-b: rgba(41, 41, 41, 1);
    --grey-25-b: rgba(30, 30, 30, 1);
    --grey-2_3: rgba(255, 255, 255, 0.12);
    --grey-2_5: rgba(255, 255, 255, 0.16);
    --grey-3: rgba(255, 255, 255, 0.2);
    --grey-3-b: #474747;
    --grey-4: rgba(255, 255, 255, 0.34);
    --grey-4-b: #666666;
    --grey-4_5: rgba(255, 255, 255, 0.49);
    --grey-5: rgba(255, 255, 255, 0.64);
    --grey-5_5: rgba(255, 255, 255, 0.76);
    --grey-6: rgba(255, 255, 255, 0.92);
    --grey-7: rgba(255, 255, 255, 1);
    --histogram-1: rgba(30, 113, 239, 0.12);
    --histogram-2: rgba(247, 132, 130, 0.14);
    --icon-primary: #4E8AFE;
    --line-1: #0067E6;
    --line-2: #FFC300;
    --line-3: #FF943D;
    --line-4: #F78482;
    --line-5: #7B61FF;
    --line-color: #767676;
    --miaobi1-1: linear-gradient(251deg, #5BF 1.54%, #A041FF 100%);
    --miaobi1-23: linear-gradient(252deg, rgba(85, 187, 255, 0.08) 3.23%, rgba(160, 65, 255, 0.08) 100%);
    --miaobi1-25: linear-gradient(252deg, rgba(85, 187, 255, 0.20) 1.68%, rgba(160, 65, 255, 0.20) 100%);
    --miaobi1-4: linear-gradient(252deg, rgba(85, 187, 255, 0.40) 2.26%, rgba(160, 65, 255, 0.40) 100%);
    --miaobi1-5: linear-gradient(252deg, rgba(85, 187, 255, 0.55) 2.73%, rgba(160, 65, 255, 0.55) 100%);
    --miaobi1-8: linear-gradient(251deg, rgba(85, 187, 255, 0.70) 1.54%, rgba(160, 65, 255, 0.70) 100%);
    --miaobi1-9: linear-gradient(251deg, rgba(85, 187, 255, 0.85) 1.54%, rgba(160, 65, 255, 0.85) 100%);
    --pop-bg: #292929;
    --pop-bg-2: #292929;
    --primary-color: #4E8AFE;
    --red-1-0: #F45868;
    --red-1-1: #C73551;
    --red-1-23: rgba(226, 66, 83, 0.08);
    --red-1-25: rgba(226, 66, 83, 0.12);
    --red-1-4: rgba(226, 66, 83, 0.4);
    --red-1-8: rgba(226, 66, 83, 0.8);
    --red-1-9: rgba(226, 66, 83, 0.9);
    --red1-0: rgba(244, 88, 104, 1);
    --red1-1: rgba(226, 66, 83, 1);
    --red1-23: rgba(226, 66, 83, 0.16);
    --red1-25: rgba(226, 66, 83, 0.24);
    --red1-4: rgba(226, 66, 83, 0.4);
    --red1-8: rgba(226, 66, 83, 0.8);
    --red1-9: rgba(226, 66, 83, 0.9);
    --safe-1: rgba(71, 204, 107, 0.64);
    --scrim-m: rgba(0, 0, 0, 0.64);
    --scrim-pc: rgba(0, 0, 0, 0.36);
    --shadow-down4: rgba(0, 0, 0, 0.14);
    --shadow-down6: rgba(0, 0, 0, 0.24);
    --shadow-down8: rgba(0, 0, 0, 0.34);
    --status-bg: rgba(30, 30, 30, 1);
    --success1-1: rgba(108, 203, 95, 1);
    --success1-2: rgba(68, 79, 46, 1);
    --success4: rgba(50, 166, 85, 1);
    --tag: rgba(242, 158, 61, 0.9);
    --warning1-1: rgba(255, 195, 0, 1);
    --warning1-2: rgba(85, 75, 41, 1);
    --warning1-25: rgba(255, 195, 0, 0.2);
    --warning2-1: rgba(255, 148, 61, 1);
    --warning2-25: rgba(255, 148, 61, 0.2);
    --warning2-30: rgba(83, 59, 37, 1);
    --warning4: rgba(217, 159, 0, 1);
    --warning4-1: rgba(255, 182, 137, 1);
    color-scheme: dark;
}
[data-theme-namespace="skingreen"] {
    --grey-1: rgba(216, 233, 216, 1);
    --grey-1-b: rgba(207, 229, 207, 1);
    --grey-2-a: rgba(255, 255, 255, 0.3);
    --grey-2-b: rgba(199, 224, 199, 1);
    --grey-25-b: rgba(189, 215, 189, 1);
    --status-bg: rgba(189, 215, 189, 1);
}
[data-theme-namespace="skinyellow"] {
    --grey-1: rgba(237, 228, 209, 1);
    --grey-1-b: rgba(233, 222, 200, 1);
    --grey-2-a: rgba(255, 255, 255, 0.3);
    --grey-2-b: rgba(229, 216, 190, 1);
    --grey-25-b: rgba(220, 207, 183, 1);
    --status-bg: rgba(220, 207, 183, 1);
}
[data-theme-namespace="skinpink"] {
    --grey-1: rgba(244, 231, 234, 1);
    --grey-1-b: rgba(242, 226, 229, 1);
    --grey-2-a: rgba(255, 255, 255, 0.3);
    --grey-2-b: rgba(240, 221, 225, 1);
    --grey-25-b: rgba(231, 212, 216, 1);
    --status-bg: rgba(231, 212, 216, 1);
}
[data-theme-namespace="skinblue"] {
    --grey-1: rgba(224, 232, 241, 1);
    --grey-1-b: rgba(218, 227, 238, 1);
    --grey-2-a: rgba(255, 255, 255, 0.3);
    --grey-2-b: rgba(211, 222, 235, 1);
    --grey-25-b: rgba(203, 213, 226, 1);
    --status-bg: rgba(203, 213, 226, 1);
}
[data-theme-mode="dark"][data-theme-namespace="skingrey"] {
    --grey-1: rgba(96, 102, 110, 1);
    --grey-1-b: rgba(87, 94, 102, 1);
    --grey-2-a: rgba(255, 255, 255, 0.08);
    --grey-2-b: rgba(78, 85, 94, 1);
    --grey-25-b: rgba(62, 68, 75, 1);
    --status-bg: rgba(62, 68, 75, 1);
}
[data-theme-mode="dark"][data-theme-namespace="skincyan"] {
    --grey-1: rgba(53, 67, 89, 1);
    --grey-1-b: rgba(42, 56, 80, 1);
    --grey-2-a: rgba(255, 255, 255, 0.08);
    --grey-2-b: rgba(31, 46, 71, 1);
    --grey-25-b: rgba(25, 37, 57, 1);
    --status-bg: rgba(25, 37, 57, 1);
}
[data-theme-mode="dark"][data-theme-namespace="skinbrown"] {
    --grey-1: rgba(78, 64, 37, 1);
    --grey-1-b: rgba(68, 54, 25, 1);
    --grey-2-a: rgba(255, 255, 255, 0.08);
    --grey-2-b: rgba(58, 43, 13, 1);
    --grey-25-b: rgba(46, 34, 10, 1);
    --status-bg: rgba(46, 34, 10, 1);
}
:root {
    --bg-overlay: transparent;
    --shadow-dark-opacity: 0;
}
[data-theme-mode="dark"] {
    --shadow-dark-opacity: 0.1;
}
.\@font-HYKaiTiS {
    font-family: HYKaiTiS;
}
.\@font-HYQiHei {
    font-family: HYQiHei;
}
.\@font-Lato {
    font-family: Lato;
}
.\@font-SYZhongS {
    font-family: SYZhongS;
}
.\@font-YuewenFont {
    font-family: Yuewen Font, YuewenFont;
}
.\@font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Droid Sans Fallback, Droid Sans, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}
.\@font-bold {
    font-weight: 600;
}
.\@font-medium {
    font-weight: 500;
}
.\@font-regular {
    font-weight: 400;
}
.\@underline {
    text-decoration-line: underline;
}
.\@line-through {
    text-decoration-line: line-through;
}
.\@background-active-button-hover {
    background: var(--active-button-hover,#D4DEED);
}
.\@background-attention1-1 {
    background: var(--attention1-1,rgba(30,113,239,1));
}
.\@background-attention1-2 {
    background: var(--attention1-2,rgba(228,238,253,1));
}
.\@background-blue-1 {
    background: var(--blue-1,rgba(30,113,239,0.8));
}
.\@background-brand-1-0 {
    background: var(--brand-1-0,#0562F0);
}
.\@background-brand-1-1 {
    background: var(--brand-1-1,#1E71EF);
}
.\@background-brand-1-23 {
    background: var(--brand-1-23,rgba(30,113,239,0.08));
}
.\@background-brand-1-25 {
    background: var(--brand-1-25,rgba(30,113,239,0.2));
}
.\@background-brand-1-25-2 {
    background: var(--brand-1-25-2,rgba(30,113,239,0.12));
}
.\@background-brand-1-4 {
    background: var(--brand-1-4,rgba(30,113,239,0.4));
}
.\@background-brand-1-8 {
    background: var(--brand-1-8,rgba(30,113,239,0.8));
}
.\@background-brand-1-9 {
    background: var(--brand-1-9,rgba(30,113,239,0.9));
}
.\@background-brand-2-1 {
    background: var(--brand-2-1,rgba(247,132,130,1));
}
.\@background-brand-2-23 {
    background: var(--brand-2-23,rgba(30,113,239,0.08));
}
.\@background-brand1-0 {
    background: var(--brand1-0,rgba(5,98,240,1));
}
.\@background-brand1-1 {
    background: var(--brand1-1,rgba(30,113,239,1));
}
.\@background-brand1-23 {
    background: var(--brand1-23,rgba(30,113,239,0.08));
}
.\@background-brand1-25 {
    background: var(--brand1-25,rgba(30,113,239,0.12));
}
.\@background-brand1-4 {
    background: var(--brand1-4,rgba(30,113,239,0.4));
}
.\@background-brand1-8 {
    background: var(--brand1-8,rgba(30,113,239,0.8));
}
.\@background-brand1-9 {
    background: var(--brand1-9,rgba(30,113,239,0.9));
}
.\@background-brandgradient1-1 {
    background: var(--brandgradient1-1,linear-gradient(90deg,rgba(92,158,240,1) 0%,rgba(0,103,229,1) 100%));
}
.\@background-btn-bg {
    background: var(--btn-bg,rgba(255,255,255,0.64));
}
.\@background-danger-1 {
    background: var(--danger-1,rgba(247,132,130,0.64));
}
.\@background-danger1-1 {
    background: var(--danger1-1,rgba(244,100,66,1));
}
.\@background-danger2-25 {
    background: var(--danger2-25,rgba(244,100,66,0.2));
}
.\@background-danger3-1 {
    background: var(--danger3-1,rgba(217,78,21,1));
}
.\@background-darger-1 {
    background: var(--darger-1,rgba(247,132,130,0.64));
}
.\@background-error1-1 {
    background: var(--error1-1,rgba(234,52,71,1));
}
.\@background-error1-2 {
    background: var(--error1-2,rgba(253,235,237,1));
}
.\@background-error4-1 {
    background: var(--error4-1,rgba(204,44,41,1));
}
.\@background-gold1-9 {
    background: var(--gold1-9,linear-gradient(
    90deg,rgba(231,206,138,1) 0%,rgba(255,239,196,1) 100%
  ));
}
.\@background-gold5-1 {
    background: var(--gold5-1,rgba(89,56,25,1));
}
.\@background-grey-0 {
    background: var(--grey-0,rgba(255,255,255,0.92));
}
.\@background-grey-0_2 {
    background: var(--grey-0_2,rgba(255,255,255,0.64));
}
.\@background-grey-0_45 {
    background: var(--grey-0_45,rgba(20,30,41,0.49));
}
.\@background-grey-0_6 {
    background: var(--grey-0_6,rgba(20,30,41,0.92));
}
.\@background-grey-1 {
    background: var(--grey-1,rgba(255,255,255,1));
}
.\@background-grey-1-b {
    background: var(--grey-1-b,rgba(249,249,250,1));
}
.\@background-grey-1-d {
    background: var(--grey-1-d,#fff);
}
.\@background-grey-1m {
    background: var(--grey-1m,rgba(255,255,255,1));
}
.\@background-grey-1m-b {
    background: var(--grey-1m-b,rgba(245,248,252,1));
}
.\@background-grey-2 {
    background: var(--grey-2,rgba(20,30,41,0.04));
}
.\@background-grey-2-a {
    background: var(--grey-2-a,rgba(255,255,255,0.3));
}
.\@background-grey-2-b {
    background: var(--grey-2-b,rgba(245,245,247,1));
}
.\@background-grey-25-b {
    background: var(--grey-25-b,rgba(235,235,236,1));
}
.\@background-grey-2_3 {
    background: var(--grey-2_3,rgba(20,30,41,0.08));
}
.\@background-grey-2_5 {
    background: var(--grey-2_5,rgba(20,30,41,0.12));
}
.\@background-grey-3 {
    background: var(--grey-3,rgba(20,30,41,0.18));
}
.\@background-grey-3-b {
    background: var(--grey-3-b,#C9CDD4);
}
.\@background-grey-4 {
    background: var(--grey-4,rgba(20,30,41,0.34));
}
.\@background-grey-4-b {
    background: var(--grey-4-b,#FFFFFF);
}
.\@background-grey-4_5 {
    background: var(--grey-4_5,rgba(20,30,41,0.49));
}
.\@background-grey-5 {
    background: var(--grey-5,rgba(20,30,41,0.64));
}
.\@background-grey-5_5 {
    background: var(--grey-5_5,rgba(20,30,41,0.76));
}
.\@background-grey-6 {
    background: var(--grey-6,rgba(20,30,41,0.92));
}
.\@background-grey-7 {
    background: var(--grey-7,rgba(20,30,41,1));
}
.\@background-histogram-1 {
    background: var(--histogram-1,rgba(30,113,239,0.12));
}
.\@background-histogram-2 {
    background: var(--histogram-2,rgba(247,132,130,0.14));
}
.\@background-icon-primary {
    background: var(--icon-primary,#1E71EF);
}
.\@background-line-1 {
    background: var(--line-1,rgba(0,103,229,1));
}
.\@background-line-2 {
    background: var(--line-2,rgba(255,195,0,1));
}
.\@background-line-3 {
    background: var(--line-3,rgba(255,148,61,1));
}
.\@background-line-4 {
    background: var(--line-4,rgba(247,132,130,1));
}
.\@background-line-5 {
    background: var(--line-5,rgba(123,97,255,1));
}
.\@background-line-color {
    background: var(--line-color,#ABAFB3);
}
.\@background-miaobi1-1 {
    background: var(--miaobi1-1,linear-gradient(251deg,#5BF 1.54%,#A041FF 100%));
}
.\@background-miaobi1-23 {
    background: var(--miaobi1-23,linear-gradient(252deg,rgba(85,187,255,0.08) 3.23%,rgba(160,65,255,0.08) 100%));
}
.\@background-miaobi1-25 {
    background: var(--miaobi1-25,linear-gradient(252deg,rgba(85,187,255,0.20) 1.68%,rgba(160,65,255,0.20) 100%));
}
.\@background-miaobi1-4 {
    background: var(--miaobi1-4,linear-gradient(252deg,rgba(85,187,255,0.40) 2.26%,rgba(160,65,255,0.40) 100%));
}
.\@background-miaobi1-5 {
    background: var(--miaobi1-5,linear-gradient(252deg,rgba(85,187,255,0.60) 2.73%,rgba(160,65,255,0.60) 100%));
}
.\@background-miaobi1-8 {
    background: var(--miaobi1-8,linear-gradient(251deg,rgba(85,187,255,0.80) 1.54%,rgba(160,65,255,0.80) 100%));
}
.\@background-miaobi1-9 {
    background: var(--miaobi1-9,linear-gradient(251deg,rgba(85,187,255,0.90) 1.54%,rgba(160,65,255,0.90) 100%));
}
.\@background-pop-bg {
    background: var(--pop-bg,rgba(255,255,255,.5));
}
.\@background-pop-bg-2 {
    background: var(--pop-bg-2,rgba(255,255,255,1));
}
.\@background-primary-color {
    background: var(--primary-color,#1E71EF);
}
.\@background-red-1-0 {
    background: var(--red-1-0,#D82631);
}
.\@background-red-1-1 {
    background: var(--red-1-1,#EA3447);
}
.\@background-red-1-23 {
    background: var(--red-1-23,rgba(234,52,71,0.08));
}
.\@background-red-1-25 {
    background: var(--red-1-25,rgba(234,52,71,0.12));
}
.\@background-red-1-4 {
    background: var(--red-1-4,rgba(234,52,71,0.4));
}
.\@background-red-1-8 {
    background: var(--red-1-8,rgba(234,52,71,0.8));
}
.\@background-red-1-9 {
    background: var(--red-1-9,rgba(234,52,71,0.9));
}
.\@background-red1-0 {
    background: var(--red1-0,rgba(216,38,49,1));
}
.\@background-red1-1 {
    background: var(--red1-1,rgba(234,52,71,1));
}
.\@background-red1-23 {
    background: var(--red1-23,rgba(234,52,71,0.08));
}
.\@background-red1-25 {
    background: var(--red1-25,rgba(234,52,71,0.12));
}
.\@background-red1-4 {
    background: var(--red1-4,rgba(234,52,71,0.4));
}
.\@background-red1-8 {
    background: var(--red1-8,rgba(234,52,71,0.8));
}
.\@background-red1-9 {
    background: var(--red1-9,rgba(234,52,71,0.9));
}
.\@background-safe-1 {
    background: var(--safe-1,rgba(71,204,107,0.64));
}
.\@background-scrim-m {
    background: var(--scrim-m,rgba(0,0,0,0.64));
}
.\@background-scrim-pc {
    background: var(--scrim-pc,rgba(0,0,0,0.36));
}
.\@background-shadow-down4 {
    background: var(--shadow-down4,rgba(0,0,0,0.04));
}
.\@background-shadow-down6 {
    background: var(--shadow-down6,rgba(0,0,0,0.14));
}
.\@background-shadow-down8 {
    background: var(--shadow-down8,rgba(0,0,0,0.24));
}
.\@background-status-bg {
    background: var(--status-bg,rgba(228,233,239,1));
}
.\@background-success-4 {
    background: var(--success-4,rgba(50,166,85,1));
}
.\@background-success1-1 {
    background: var(--success1-1,rgba(48,193,87,1));
}
.\@background-success1-2 {
    background: var(--success1-2,rgba(227,247,233,1));
}
.\@background-success4 {
    background: var(--success4,#32A655);
}
.\@background-tag {
    background: var(--tag,rgba(242,158,61,0.9));
}
.\@background-transparent {
    background: transparent;
}
.\@background-warning1-1 {
    background: var(--warning1-1,rgba(244,187,0,1));
}
.\@background-warning1-2 {
    background: var(--warning1-2,rgba(255,244,206,1));
}
.\@background-warning1-25 {
    background: var(--warning1-25,rgba(255,195,0,0.2));
}
.\@background-warning2-1 {
    background: var(--warning2-1,rgba(255,148,61,1));
}
.\@background-warning2-25 {
    background: var(--warning2-25,rgba(255,148,61,0.2));
}
.\@background-warning2-30 {
    background: var(--warning2-30,rgba(255,234,216,1));
}
.\@background-warning4 {
    background: var(--warning4,rgba(217,159,0,1));
}
.\@background-warning4-1 {
    background: var(--warning4-1,rgba(229,111,0,1));
}
.\@blur-shadow-b12 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, calc(0.04 + var(--shadow-dark-opacity, 0)));
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
}
.\@blur-shadow-b26 {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, calc(0.14 + var(--shadow-dark-opacity, 0)));
    -webkit-backdrop-filter: blur(13px);
            backdrop-filter: blur(13px);
}
.\@blur-shadow-b40 {
    box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, calc(0.24 + var(--shadow-dark-opacity, 0)));
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}
.\@shadow-down4 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, calc(0.04 + var(--shadow-dark-opacity, 0)));
}
.\@shadow-down6 {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, calc(0.14 + var(--shadow-dark-opacity, 0)));
}
.\@shadow-down8 {
    box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, calc(0.24 + var(--shadow-dark-opacity, 0)));
}
.\@shadow-left4 {
    box-shadow: -4px 0px 10px 0px rgba(0, 0, 0, calc(0.04 + var(--shadow-dark-opacity, 0)));
}
.\@shadow-right4 {
    box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, calc(0.04 + var(--shadow-dark-opacity, 0)));
}
.\@shadow-up12 {
    box-shadow: 0px -12px 22px 0px rgba(0, 0, 0, calc(0.24 + var(--shadow-dark-opacity, 0)));
}
.\@shadow-up4 {
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, calc(0.04 + var(--shadow-dark-opacity, 0)));
}
.\@shadow-up8 {
    box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, calc(0.14 + var(--shadow-dark-opacity, 0)));
}
.\@text-addition {
    line-height: 14px;
    font-size: 10px;
}
.\@text-b1 {
    line-height: 19px;
    font-size: 13px;
}
.\@text-b2 {
    line-height: 20px;
    font-size: 14px;
}
.\@text-body-h1 {
    line-height: 22px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 12px;
}
.\@text-body-h2 {
    line-height: 25px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 14px;
}
.\@text-body-h3 {
    line-height: 29px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 16px;
}
.\@text-body-h4 {
    line-height: 32px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 18px;
}
.\@text-body-h5 {
    line-height: 36px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 20px;
}
.\@text-body-h6 {
    line-height: 40px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 22px;
}
.\@text-body-h7 {
    line-height: 43px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 24px;
}
.\@text-body-h8 {
    line-height: 47px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 26px;
}
.\@text-body-h9 {
    line-height: 50px;
    font-weight: 600;
    font-family: HYQiHei;
    font-size: 28px;
}
.\@text-body-p1 {
    line-height: 22px;
    font-family: HYQiHei;
    font-size: 12px;
}
.\@text-body-p2 {
    line-height: 25px;
    font-family: HYQiHei;
    font-size: 14px;
}
.\@text-body-p3 {
    line-height: 29px;
    font-family: HYQiHei;
    font-size: 16px;
}
.\@text-body-p4 {
    line-height: 32px;
    font-family: HYQiHei;
    font-size: 18px;
}
.\@text-body-p5 {
    line-height: 36px;
    font-family: HYQiHei;
    font-size: 20px;
}
.\@text-body-p6 {
    line-height: 40px;
    font-family: HYQiHei;
    font-size: 22px;
}
.\@text-body-p7 {
    line-height: 43px;
    font-family: HYQiHei;
    font-size: 24px;
}
.\@text-caption {
    line-height: 18px;
    font-size: 12px;
}
.\@text-h1 {
    line-height: 26px;
    font-size: 18px;
}
.\@text-h2 {
    line-height: 30px;
    font-size: 20px;
}
.\@text-h3 {
    line-height: 32px;
    font-size: 22px;
}
.\@text-h4 {
    line-height: 36px;
    font-size: 24px;
}
.\@text-h5 {
    line-height: 38px;
    font-size: 26px;
}
.\@text-h6 {
    line-height: 42px;
    font-size: 28px;
}
.\@text-h7 {
    line-height: 44px;
    font-size: 30px;
}
.\@text-h8 {
    line-height: 48px;
    font-size: 32px;
}
.\@text-num10 {
    line-height: 15px;
    font-family: Yuewen Font;
    font-size: 10px;
}
.\@text-num12 {
    line-height: 18px;
    font-family: Yuewen Font;
    font-size: 12px;
}
.\@text-num14 {
    line-height: 20px;
    font-family: Yuewen Font;
    font-size: 14px;
}
.\@text-num16 {
    line-height: 24px;
    font-family: Yuewen Font;
    font-size: 16px;
}
.\@text-num18 {
    line-height: 26px;
    font-family: Yuewen Font;
    font-size: 18px;
}
.\@text-num20 {
    line-height: 28px;
    font-family: Yuewen Font;
    font-size: 20px;
}
.\@text-num22 {
    line-height: 32px;
    font-family: Yuewen Font;
    font-size: 22px;
}
.\@text-num24 {
    line-height: 36px;
    font-family: Yuewen Font;
    font-size: 24px;
}
.\@text-num26 {
    line-height: 38px;
    font-family: Yuewen Font;
    font-size: 26px;
}
.\@text-num28 {
    line-height: 42px;
    font-family: Yuewen Font;
    font-size: 28px;
}
.\@text-num30 {
    line-height: 44px;
    font-family: Yuewen Font;
    font-size: 30px;
}
.\@text-num32 {
    line-height: 48px;
    font-family: Yuewen Font;
    font-size: 32px;
}
.\@text-support-h1 {
    line-height: 22px;
    font-weight: 600;
    font-size: 12px;
}
.\@text-support-h2 {
    line-height: 25px;
    font-weight: 600;
    font-size: 14px;
}
.\@text-support-h3 {
    line-height: 29px;
    font-weight: 600;
    font-size: 16px;
}
.\@text-support-h4 {
    line-height: 32px;
    font-weight: 600;
    font-size: 18px;
}
.\@text-support-h5 {
    line-height: 36px;
    font-weight: 600;
    font-size: 20px;
}
.\@text-support-h6 {
    line-height: 40px;
    font-weight: 600;
    font-size: 22px;
}
.\@text-support-h7 {
    line-height: 43px;
    font-weight: 600;
    font-size: 24px;
}
.\@text-support-p1 {
    line-height: 22px;
    font-size: 12px;
}
.\@text-support-p2 {
    line-height: 25px;
    font-size: 14px;
}
.\@text-support-p3 {
    line-height: 29px;
    font-size: 16px;
}
.\@text-support-p4 {
    line-height: 32px;
    font-size: 18px;
}
.\@text-support-p5 {
    line-height: 36px;
    font-size: 20px;
}
.\@text-support-p6 {
    line-height: 40px;
    font-size: 22px;
}
.\@text-support-p7 {
    line-height: 43px;
    font-size: 24px;
}
.\@text-t1 {
    line-height: 20px;
    font-size: 14px;
}
.\@text-t2 {
    line-height: 24px;
    font-size: 16px;
}
/**
 * When I didn't add this line,
 * output css rules will miss the trailing semicolon.
 * Like:
 * ```
 * .\@bg-grey-1-d {
 *   background-color: var(--grey-1-d, #fff) <--- missing semicolon
 * }
 * ```
 * And `less` preprocessor will throw an error.
 * So I have to add this **FUCKING** line to fix it.
 * https://stackoverflow.com/questions/45013351/expected-a-trailing-semicolon-declaration-block-trailing-semicolon
 */
#_DO_NOT_MODIFY_IT_OR_YOU_WILL_BE_FIRED_ {
    color: red;
}