/* ======== 平台样式规范 ======== */
:root {
  /* 文字大小 */
  --apaas-font-size-small: 12px;
  --apaas-font-size-normal: 14px;
  --apaas-font-size-big: 16px;
  --apaas-font-size-large: 18px;
  --apaas-font-size-larger: 20px;
  /* 边框圆角 */
  --apaas-border-radius-tiny: 2px;
  --apaas-border-radius-smaller: 3px;
  --apaas-border-radius-small: 4px;
  --apaas-border-radius-normal: 5px;
  --apaas-border-radius-big: 8px;
  --apaas-border-radius-large: 10px;
  --apaas-border-radius-larger: 12px;
  /* 元素阴影模糊距离 */
  --apaas-box-shadow-blur-small: 3px;
  --apaas-box-shadow-blur-normal: 5px;
  --apaas-box-shadow-blur-big: 10px;
  --apaas-box-shadow-blur-large: 15px;
  /* 元素阴影大小 */
  --apaas-box-shadow-spread-small: 3px;
  --apaas-box-shadow-spread-normal: 5px;
  --apaas-box-shadow-spread-big: 10px;
  --apaas-box-shadow-spread-large: 15px;
  /* 动画时长 */
  --apaas-transition-duration-short: 0.1s;
  --apaas-transition-duration-normal: 0.2s;
  --apaas-transition-duration-long: 0.3s;
  /* 弹窗幕布颜色 */
  --apaas-curtain-color: rgba(0, 0, 0, 0.45);
  /* 状态色 */
  --apaas-status-color-success: #55d187;
  --apaas-status-color-warning: #efbd47;
  --apaas-status-color-error: #f01c1c;
  --apaas-status-color-disabled: #a3a3a3;
  /* 内容主体块间距 */
  --apaas-content-piece-spacing: 16px;
  /**
   * 模式部分主要控制页面整体色调
   * light 白天模式
   * dark 黑夜模式
   */
  /* body背景色 */
  --apaas-body-background-color-light: #ffffff;
  --apaas-body-background-color-dark: #000000;
  /* 文字颜色 */
  --apaas-font-color-light: #333333;
  --apaas-font-color-dark: #c9d1d9;
  /* 文字选中颜色 */
  --apaas-font-active-color-light: rgba(0, 0, 0, 1);
  --apaas-font-active-color-dark: #ffffff;
  /* 面包屑文字颜色 */
  --apaas-crumb-font-color-light: #999999;
  --apaas-crumb-font-color-dark: rgba(255, 255, 255, 0.6);
  /* 面包屑文字选中颜色 */
  --apaas-crumb-font-active-color-light: rgba(0, 0, 0, 0.65);
  --apaas-crumb-font-active-color-dark: rgba(255, 255, 255, 0.8);
  /* router-view背景色 */
  --apaas-router-view-background-color-light: #f4f7f9;
  --apaas-router-view-background-color-dark: #000000;
  /* 边框颜色 */
  --apaas-border-color-light: #f0f0f0;
  --apaas-border-color-dark: #303030;
  /* 输入框边框颜色 */
  --apaas-input-border-color-light: #eeeeee;
  --apaas-input-border-color-dark: #303030;
  /* 主界面侧边菜单颜色 */
  --apaas-main-menu-background-color-light: #ffffff;
  --apaas-main-menu-background-color-dark: #212121;
  /* 主界面侧边菜单子菜单颜色 */
  --apaas-main-menu-child-background-color-light: #ffffff;
  --apaas-main-menu-child-background-color-dark: #2d2d2d;
  /* 主界面头部背景色 */
  --apaas-main-header-background-color-light: #ffffff;
  --apaas-main-header-background-color-dark: #151515;
  /* 菜单图标按钮颜色 */
  --apaas-menu-icon-button-color-light: rgba(0, 0, 0, 0.45);
  --apaas-menu-icon-button-color-dark: #8b949e;
  /* 菜单图标按钮选中颜色 */
  --apaas-menu-icon-button-active-color-light: rgba(0, 0, 0, 0.85);
  --apaas-menu-icon-button-active-color-dark: #c9d1d9;
  /* 内容主体背景色 */
  --apaas-content-piece-background-color-light: #ffffff;
  --apaas-content-piece-background-color-dark: #151515;
  /* 表格头部栏背景色 */
  --apaas-table--thead-background-color-light: #fafafa;
  --apaas-table--thead-background-color-dark: #1d1d1d;
  /* 表格主体背景色 */
  --apaas-table--tbody-background-color-light: #ffffff;
  --apaas-table--tbody-background-color-dark: #151515;
  /* 元素阴影颜色 */
  --apaas-content-piece-shadow-color-light: #cccccc;
  --apaas-content-piece-shadow-color-dark: #666666;
  /* 元素选中阴影颜色 */
  --apaas-content-piece-active-shadow-color-light: #999999;
  --apaas-content-piece-active-shadow-color-dark: #999999;
  /**
   * 主题部分主要控制组件颜色
   */
  /* apaas框架默认主题 */
  --apaas-theme-color: #0161ff;
  --el-color-primary: #0161ff;
  --el-color-primary-light-1: rgb(26, 113, 255);
  --el-color-primary-light-2: rgb(52, 129, 255);
  --el-color-primary-light-3: rgb(77, 144, 255);
  --el-color-primary-light-4: rgb(103, 160, 255);
  --el-color-primary-light-5: rgb(128, 176, 255);
  --el-color-primary-light-6: rgb(153, 192, 255);
  --el-color-primary-light-7: rgb(179, 208, 255);
  --el-color-primary-light-8: rgb(204, 223, 255);
  --el-color-primary-light-9: rgb(230, 239, 255);
  --el-color-primary-dark-1: rgb(1, 87, 230);
  --el-color-primary-dark-2: rgb(1, 78, 204);
  --el-color-primary-dark-3: rgb(1, 68, 179);
  --el-color-primary-dark-4: rgb(1, 58, 153);
  --el-color-primary-dark-5: rgb(1, 49, 128);
  --el-color-primary-dark-6: rgb(0, 39, 102);
  --el-color-primary-dark-7: rgb(0, 29, 77);
  --el-color-primary-dark-8: rgb(0, 19, 51);
  --el-color-primary-dark-9: rgb(0, 10, 26);
  --apaas-theme-color-opacity-1: rgba(1, 97, 255, 0.1);
  --apaas-theme-color-opacity-2: rgba(1, 97, 255, 0.2);
  --apaas-theme-color-opacity-3: rgba(1, 97, 255, 0.3);
  --apaas-theme-color-opacity-4: rgba(1, 97, 255, 0.4);
  --apaas-theme-color-opacity-5: rgba(1, 97, 255, 0.5);
  --apaas-theme-color-opacity-6: rgba(1, 97, 255, 0.6);
  --apaas-theme-color-opacity-7: rgba(1, 97, 255, 0.7);
  --apaas-theme-color-opacity-8: rgba(1, 97, 255, 0.8);
  --apaas-theme-color-opacity-9: rgba(1, 97, 255, 0.9);
  /* dark-blue 深蓝 默认主题 */
  --apaas-theme-dark-blue: #0960bd;
  /* light-blue 浅蓝 */
  --apaas-theme-light-blue: #409eff;
  /* dark-red 深红 */
  --apaas-theme-dark-red: #ff6669;
  /* light-red 浅红 */
  --apaas-theme-light-red: #ff5c93;
  /* dark-green 深绿 */
  --apaas-theme-dark-green: #1eb4ac;
  /* light-green 浅绿 */
  --apaas-theme-light-green: #87cf49;
  /* purple 紫色 */
  --apaas-theme-purple: #bc40d1;
  /* yellow 黄色 */
  --apaas-theme-yellow: #f1b868;
}

/* 主题颜色全局变量 */
.apaas-theme-dark-blue {
  --apaas-theme-color: #0161ff;
  --el-color-primary: #0161ff;
  --el-color-primary-light-1: rgb(26, 113, 255);
  --el-color-primary-light-2: rgb(52, 129, 255);
  --el-color-primary-light-3: rgb(77, 144, 255);
  --el-color-primary-light-4: rgb(103, 160, 255);
  --el-color-primary-light-5: rgb(128, 176, 255);
  --el-color-primary-light-6: rgb(153, 192, 255);
  --el-color-primary-light-7: rgb(179, 208, 255);
  --el-color-primary-light-8: rgb(204, 223, 255);
  --el-color-primary-light-9: rgb(230, 239, 255);
  --el-color-primary-dark-1: rgb(1, 87, 230);
  --el-color-primary-dark-2: rgb(1, 78, 204);
  --el-color-primary-dark-3: rgb(1, 68, 179);
  --el-color-primary-dark-4: rgb(1, 58, 153);
  --el-color-primary-dark-5: rgb(1, 49, 128);
  --el-color-primary-dark-6: rgb(0, 39, 102);
  --el-color-primary-dark-7: rgb(0, 29, 77);
  --el-color-primary-dark-8: rgb(0, 19, 51);
  --el-color-primary-dark-9: rgb(0, 10, 26);
  --apaas-theme-color-opacity-1: rgba(1, 97, 255, 0.1);
  --apaas-theme-color-opacity-2: rgba(1, 97, 255, 0.2);
  --apaas-theme-color-opacity-3: rgba(1, 97, 255, 0.3);
  --apaas-theme-color-opacity-4: rgba(1, 97, 255, 0.4);
  --apaas-theme-color-opacity-5: rgba(1, 97, 255, 0.5);
  --apaas-theme-color-opacity-6: rgba(1, 97, 255, 0.6);
  --apaas-theme-color-opacity-7: rgba(1, 97, 255, 0.7);
  --apaas-theme-color-opacity-8: rgba(1, 97, 255, 0.8);
  --apaas-theme-color-opacity-9: rgba(1, 97, 255, 0.9);
}
.apaas-theme-original-dark-blue {
  --apaas-theme-color: #0960bd;
  --el-color-primary: #0960bd;
  --el-color-primary-light-1: rgb(34, 112, 196);
  --el-color-primary-light-2: rgb(58, 128, 202);
  --el-color-primary-light-3: rgb(83, 144, 209);
  --el-color-primary-light-4: rgb(107, 160, 215);
  --el-color-primary-light-5: rgb(132, 176, 222);
  --el-color-primary-light-6: rgb(157, 191, 229);
  --el-color-primary-light-7: rgb(181, 207, 235);
  --el-color-primary-light-8: rgb(206, 223, 242);
  --el-color-primary-light-9: rgb(230, 239, 248);
  --el-color-primary-dark-1: rgb(8, 86, 170);
  --el-color-primary-dark-2: rgb(7, 77, 151);
  --el-color-primary-dark-3: rgb(6, 67, 132);
  --el-color-primary-dark-4: rgb(5, 58, 113);
  --el-color-primary-dark-5: rgb(5, 48, 95);
  --el-color-primary-dark-6: rgb(4, 38, 76);
  --el-color-primary-dark-7: rgb(3, 29, 57);
  --el-color-primary-dark-8: rgb(2, 19, 38);
  --el-color-primary-dark-9: rgb(1, 10, 19);
  --apaas-theme-color-opacity-1: rgba(9, 96, 189, 0.1);
  --apaas-theme-color-opacity-2: rgba(9, 96, 189, 0.2);
  --apaas-theme-color-opacity-3: rgba(9, 96, 189, 0.3);
  --apaas-theme-color-opacity-4: rgba(9, 96, 189, 0.4);
  --apaas-theme-color-opacity-5: rgba(9, 96, 189, 0.5);
  --apaas-theme-color-opacity-6: rgba(9, 96, 189, 0.6);
  --apaas-theme-color-opacity-7: rgba(9, 96, 189, 0.7);
  --apaas-theme-color-opacity-8: rgba(9, 96, 189, 0.8);
  --apaas-theme-color-opacity-9: rgba(9, 96, 189, 0.9);
}
.apaas-theme-light-blue {
  --apaas-theme-color: #409eff;
  --el-color-primary: #409eff;
  --el-color-primary-light-1: rgb(83, 168, 255);
  --el-color-primary-light-2: rgb(102, 177, 255);
  --el-color-primary-light-3: rgb(121, 187, 255);
  --el-color-primary-light-4: rgb(140, 197, 255);
  --el-color-primary-light-5: rgb(160, 207, 255);
  --el-color-primary-light-6: rgb(179, 216, 255);
  --el-color-primary-light-7: rgb(198, 226, 255);
  --el-color-primary-light-8: rgb(217, 236, 255);
  --el-color-primary-light-9: rgb(236, 245, 255);
  --el-color-primary-dark-1: rgb(58, 142, 230);
  --el-color-primary-dark-2: rgb(51, 126, 204);
  --el-color-primary-dark-3: rgb(45, 111, 179);
  --el-color-primary-dark-4: rgb(38, 95, 153);
  --el-color-primary-dark-5: rgb(32, 79, 128);
  --el-color-primary-dark-6: rgb(26, 63, 102);
  --el-color-primary-dark-7: rgb(19, 47, 77);
  --el-color-primary-dark-8: rgb(13, 32, 51);
  --el-color-primary-dark-9: rgb(6, 16, 26);
  --apaas-theme-color-opacity-1: rgba(64, 158, 255, 0.1);
  --apaas-theme-color-opacity-2: rgba(64, 158, 255, 0.2);
  --apaas-theme-color-opacity-3: rgba(64, 158, 255, 0.3);
  --apaas-theme-color-opacity-4: rgba(64, 158, 255, 0.4);
  --apaas-theme-color-opacity-5: rgba(64, 158, 255, 0.5);
  --apaas-theme-color-opacity-6: rgba(64, 158, 255, 0.6);
  --apaas-theme-color-opacity-7: rgba(64, 158, 255, 0.7);
  --apaas-theme-color-opacity-8: rgba(64, 158, 255, 0.8);
  --apaas-theme-color-opacity-9: rgba(64, 158, 255, 0.9);
}
.apaas-theme-dark-red {
  --apaas-theme-color: #ff6669;
  --el-color-primary: #ff6669;
  --el-color-primary-light-1: rgb(255, 117, 120);
  --el-color-primary-light-2: rgb(255, 133, 135);
  --el-color-primary-light-3: rgb(255, 148, 150);
  --el-color-primary-light-4: rgb(255, 163, 165);
  --el-color-primary-light-5: rgb(255, 179, 180);
  --el-color-primary-light-6: rgb(255, 194, 195);
  --el-color-primary-light-7: rgb(255, 209, 210);
  --el-color-primary-light-8: rgb(255, 224, 225);
  --el-color-primary-light-9: rgb(255, 240, 240);
  --el-color-primary-dark-1: rgb(230, 92, 95);
  --el-color-primary-dark-2: rgb(204, 82, 84);
  --el-color-primary-dark-3: rgb(179, 71, 74);
  --el-color-primary-dark-4: rgb(153, 61, 63);
  --el-color-primary-dark-5: rgb(128, 51, 53);
  --el-color-primary-dark-6: rgb(102, 41, 42);
  --el-color-primary-dark-7: rgb(77, 31, 32);
  --el-color-primary-dark-8: rgb(51, 20, 21);
  --el-color-primary-dark-9: rgb(26, 10, 11);
  --apaas-theme-color-opacity-1: rgba(255, 102, 105, 0.1);
  --apaas-theme-color-opacity-2: rgba(255, 102, 105, 0.2);
  --apaas-theme-color-opacity-3: rgba(255, 102, 105, 0.3);
  --apaas-theme-color-opacity-4: rgba(255, 102, 105, 0.4);
  --apaas-theme-color-opacity-5: rgba(255, 102, 105, 0.5);
  --apaas-theme-color-opacity-6: rgba(255, 102, 105, 0.6);
  --apaas-theme-color-opacity-7: rgba(255, 102, 105, 0.7);
  --apaas-theme-color-opacity-8: rgba(255, 102, 105, 0.8);
  --apaas-theme-color-opacity-9: rgba(255, 102, 105, 0.9);
}
.apaas-theme-light-red {
  --apaas-theme-color: #ff5c93;
  --el-color-primary: #ff5c93;
  --el-color-primary-light-1: rgb(255, 108, 158);
  --el-color-primary-light-2: rgb(255, 125, 169);
  --el-color-primary-light-3: rgb(255, 141, 179);
  --el-color-primary-light-4: rgb(255, 157, 190);
  --el-color-primary-light-5: rgb(255, 174, 201);
  --el-color-primary-light-6: rgb(255, 190, 212);
  --el-color-primary-light-7: rgb(255, 206, 223);
  --el-color-primary-light-8: rgb(255, 222, 233);
  --el-color-primary-light-9: rgb(255, 239, 244);
  --el-color-primary-dark-1: rgb(230, 83, 132);
  --el-color-primary-dark-2: rgb(204, 74, 118);
  --el-color-primary-dark-3: rgb(179, 64, 103);
  --el-color-primary-dark-4: rgb(153, 55, 88);
  --el-color-primary-dark-5: rgb(128, 46, 74);
  --el-color-primary-dark-6: rgb(102, 37, 59);
  --el-color-primary-dark-7: rgb(77, 28, 44);
  --el-color-primary-dark-8: rgb(51, 18, 29);
  --el-color-primary-dark-9: rgb(26, 9, 15);
  --apaas-theme-color-opacity-1: rgba(255, 92, 147, 0.1);
  --apaas-theme-color-opacity-2: rgba(255, 92, 147, 0.2);
  --apaas-theme-color-opacity-3: rgba(255, 92, 147, 0.3);
  --apaas-theme-color-opacity-4: rgba(255, 92, 147, 0.4);
  --apaas-theme-color-opacity-5: rgba(255, 92, 147, 0.5);
  --apaas-theme-color-opacity-6: rgba(255, 92, 147, 0.6);
  --apaas-theme-color-opacity-7: rgba(255, 92, 147, 0.7);
  --apaas-theme-color-opacity-8: rgba(255, 92, 147, 0.8);
  --apaas-theme-color-opacity-9: rgba(255, 92, 147, 0.9);
}
.apaas-theme-dark-green {
  --apaas-theme-color: #1eb4ac;
  --el-color-primary: #1eb4ac;
  --el-color-primary-light-1: rgb(53, 188, 180);
  --el-color-primary-light-2: rgb(75, 195, 189);
  --el-color-primary-light-3: rgb(98, 203, 197);
  --el-color-primary-light-4: rgb(120, 210, 205);
  --el-color-primary-light-5: rgb(143, 218, 214);
  --el-color-primary-light-6: rgb(165, 225, 222);
  --el-color-primary-light-7: rgb(188, 233, 230);
  --el-color-primary-light-8: rgb(210, 240, 238);
  --el-color-primary-light-9: rgb(233, 248, 247);
  --el-color-primary-dark-1: rgb(27, 162, 155);
  --el-color-primary-dark-2: rgb(24, 144, 138);
  --el-color-primary-dark-3: rgb(21, 126, 120);
  --el-color-primary-dark-4: rgb(18, 108, 103);
  --el-color-primary-dark-5: rgb(15, 90, 86);
  --el-color-primary-dark-6: rgb(12, 72, 69);
  --el-color-primary-dark-7: rgb(9, 54, 52);
  --el-color-primary-dark-8: rgb(6, 36, 34);
  --el-color-primary-dark-9: rgb(3, 18, 17);
  --apaas-theme-color-opacity-1: rgba(30, 180, 172, 0.1);
  --apaas-theme-color-opacity-2: rgba(30, 180, 172, 0.2);
  --apaas-theme-color-opacity-3: rgba(30, 180, 172, 0.3);
  --apaas-theme-color-opacity-4: rgba(30, 180, 172, 0.4);
  --apaas-theme-color-opacity-5: rgba(30, 180, 172, 0.5);
  --apaas-theme-color-opacity-6: rgba(30, 180, 172, 0.6);
  --apaas-theme-color-opacity-7: rgba(30, 180, 172, 0.7);
  --apaas-theme-color-opacity-8: rgba(30, 180, 172, 0.8);
  --apaas-theme-color-opacity-9: rgba(30, 180, 172, 0.9);
}
.apaas-theme-light-green {
  --apaas-theme-color: #87cf49;
  --el-color-primary: #87cf49;
  --el-color-primary-light-1: rgb(147, 212, 91);
  --el-color-primary-light-2: rgb(159, 217, 109);
  --el-color-primary-light-3: rgb(171, 221, 128);
  --el-color-primary-light-4: rgb(183, 226, 146);
  --el-color-primary-light-5: rgb(195, 231, 164);
  --el-color-primary-light-6: rgb(207, 236, 182);
  --el-color-primary-light-7: rgb(219, 241, 200);
  --el-color-primary-light-8: rgb(231, 245, 219);
  --el-color-primary-light-9: rgb(243, 250, 237);
  --el-color-primary-dark-1: rgb(122, 186, 66);
  --el-color-primary-dark-2: rgb(108, 166, 58);
  --el-color-primary-dark-3: rgb(95, 145, 51);
  --el-color-primary-dark-4: rgb(81, 124, 44);
  --el-color-primary-dark-5: rgb(68, 104, 37);
  --el-color-primary-dark-6: rgb(54, 83, 29);
  --el-color-primary-dark-7: rgb(41, 62, 22);
  --el-color-primary-dark-8: rgb(27, 41, 15);
  --el-color-primary-dark-9: rgb(14, 21, 7);
  --apaas-theme-color-opacity-1: rgba(135, 207, 73, 0.1);
  --apaas-theme-color-opacity-2: rgba(135, 207, 73, 0.2);
  --apaas-theme-color-opacity-3: rgba(135, 207, 73, 0.3);
  --apaas-theme-color-opacity-4: rgba(135, 207, 73, 0.4);
  --apaas-theme-color-opacity-5: rgba(135, 207, 73, 0.5);
  --apaas-theme-color-opacity-6: rgba(135, 207, 73, 0.6);
  --apaas-theme-color-opacity-7: rgba(135, 207, 73, 0.7);
  --apaas-theme-color-opacity-8: rgba(135, 207, 73, 0.8);
  --apaas-theme-color-opacity-9: rgba(135, 207, 73, 0.9);
}
.apaas-theme-purple {
  --apaas-theme-color: #bc40d1;
  --el-color-primary: #bc40d1;
  --el-color-primary-light-1: rgb(195, 83, 214);
  --el-color-primary-light-2: rgb(201, 102, 218);
  --el-color-primary-light-3: rgb(208, 121, 223);
  --el-color-primary-light-4: rgb(215, 140, 227);
  --el-color-primary-light-5: rgb(222, 160, 232);
  --el-color-primary-light-6: rgb(228, 179, 237);
  --el-color-primary-light-7: rgb(235, 198, 241);
  --el-color-primary-light-8: rgb(242, 217, 246);
  --el-color-primary-light-9: rgb(248, 236, 250);
  --el-color-primary-dark-1: rgb(169, 58, 188);
  --el-color-primary-dark-2: rgb(150, 51, 167);
  --el-color-primary-dark-3: rgb(132, 45, 146);
  --el-color-primary-dark-4: rgb(113, 38, 125);
  --el-color-primary-dark-5: rgb(94, 32, 105);
  --el-color-primary-dark-6: rgb(75, 26, 84);
  --el-color-primary-dark-7: rgb(56, 19, 63);
  --el-color-primary-dark-8: rgb(38, 13, 42);
  --el-color-primary-dark-9: rgb(19, 6, 21);
  --apaas-theme-color-opacity-1: rgba(188, 64, 209, 0.1);
  --apaas-theme-color-opacity-2: rgba(188, 64, 209, 0.2);
  --apaas-theme-color-opacity-3: rgba(188, 64, 209, 0.3);
  --apaas-theme-color-opacity-4: rgba(188, 64, 209, 0.4);
  --apaas-theme-color-opacity-5: rgba(188, 64, 209, 0.5);
  --apaas-theme-color-opacity-6: rgba(188, 64, 209, 0.6);
  --apaas-theme-color-opacity-7: rgba(188, 64, 209, 0.7);
  --apaas-theme-color-opacity-8: rgba(188, 64, 209, 0.8);
  --apaas-theme-color-opacity-9: rgba(188, 64, 209, 0.9);
}
.apaas-theme-yellow {
  --apaas-theme-color: #f1b868;
  --el-color-primary: #f1b868;
  --el-color-primary-light-1: rgb(242, 191, 119);
  --el-color-primary-light-2: rgb(244, 198, 134);
  --el-color-primary-light-3: rgb(245, 205, 149);
  --el-color-primary-light-4: rgb(247, 212, 164);
  --el-color-primary-light-5: rgb(248, 220, 180);
  --el-color-primary-light-6: rgb(249, 227, 195);
  --el-color-primary-light-7: rgb(251, 234, 210);
  --el-color-primary-light-8: rgb(252, 241, 225);
  --el-color-primary-light-9: rgb(254, 248, 240);
  --el-color-primary-dark-1: rgb(217, 166, 94);
  --el-color-primary-dark-2: rgb(193, 147, 83);
  --el-color-primary-dark-3: rgb(169, 129, 73);
  --el-color-primary-dark-4: rgb(145, 110, 62);
  --el-color-primary-dark-5: rgb(121, 92, 52);
  --el-color-primary-dark-6: rgb(96, 74, 42);
  --el-color-primary-dark-7: rgb(72, 55, 31);
  --el-color-primary-dark-8: rgb(48, 37, 21);
  --el-color-primary-dark-9: rgb(24, 18, 10);
  --apaas-theme-color-opacity-1: rgba(241, 184, 104, 0.1);
  --apaas-theme-color-opacity-2: rgba(241, 184, 104, 0.2);
  --apaas-theme-color-opacity-3: rgba(241, 184, 104, 0.3);
  --apaas-theme-color-opacity-4: rgba(241, 184, 104, 0.4);
  --apaas-theme-color-opacity-5: rgba(241, 184, 104, 0.5);
  --apaas-theme-color-opacity-6: rgba(241, 184, 104, 0.6);
  --apaas-theme-color-opacity-7: rgba(241, 184, 104, 0.7);
  --apaas-theme-color-opacity-8: rgba(241, 184, 104, 0.8);
  --apaas-theme-color-opacity-9: rgba(241, 184, 104, 0.9);
}

.apaas-button-primary {
  background-color: var(--el-color-primary);
  border-radius: var(--apaas-border-radius-tiny);
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition-duration: var(--apaas-transition-duration-normal);
}
.apaas-button-primary:hover {
  background-color: var(--el-color-primary-light-3);
}
.apaas-button-primary:active {
  background-color: var(--el-color-primary-dark-2);
}