@epxing/dashboard 0.0.0-stage → 5.3.0-beta.1

package/dist/style.css

@@ -0,0 +1,1009 @@
+@charset "UTF-8";
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.header[data-v-370a2887] {
+  margin-bottom: 10px;
+}
+.header-inner[data-v-370a2887] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: var(--epx-bg-card);
+  width: 100%;
+  height: 50px;
+  padding: 0 16px;
+  box-sizing: border-box;
+}
+.header-inner .title[data-v-370a2887] {
+  font-size: var(--epx-font-size-l);
+  color: #333333;
+}
+.header-inner .title i[data-v-370a2887] {
+  font-size: 22px;
+  position: relative;
+  top: 2px;
+  cursor: pointer;
+  vertical-align: baseline;
+}
+.header-inner .tabs[data-v-370a2887] {
+  display: flex;
+  flex: 1;
+  padding-left: 20px;
+}
+.header-inner .tab-item[data-v-370a2887] {
+  cursor: pointer;
+  font-size: var(--epx-font-size-l);
+  line-height: 1;
+  color: #666;
+  padding: 0 12px;
+  border-right: 1px solid #ccc;
+}
+.header-inner .tab-item.active[data-v-370a2887] {
+  color: rgba(var(--color-primary), 1);
+}
+.header-inner .tab-item.active[data-v-370a2887]:hover {
+  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
+}
+.header-inner .tab-item[data-v-370a2887]:last-child {
+  border: 0;
+}
+.header-inner .opera[data-v-370a2887] .el-button {
+  padding: 8px 16px;
+}
+.header-inner .opera .more[data-v-370a2887] {
+  font-size: var(--epx-font-size-xl);
+  padding: 5px 14px;
+}
+.header-inner .opera .opera-text[data-v-370a2887] {
+  border: 1px solid #999;
+  padding: 0 12px;
+  font-size: var(--epx-font-size-xl);
+  color: #8395a7;
+  line-height: 1;
+  cursor: pointer;
+}
+.header-inner .opera .opera-text i[data-v-370a2887] {
+  margin-right: 4px;
+}
+.header-inner .opera .opera-text[data-v-370a2887] {
+  margin-left: 24px;
+}
+.opera-item[data-v-370a2887] {
+  color: #444;
+  margin: 0;
+}
+.epx-header[data-v-370a2887] {
+  margin-bottom: 10px;
+  padding: 6px 12px;
+  display: flex;
+}
+.mobile-header[data-v-370a2887] {
+  background: var(--epx-bg-card);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  font-size: var(--epx-font-size-l);
+  color: #333;
+  border-bottom: 1px solid #e3e3e3;
+}
+.mobile-header .title[data-v-370a2887] {
+  line-height: 20px;
+}
+.mobile-header .title i[data-v-370a2887] {
+  font-size: var(--epx-font-size-xl);
+  margin: 0;
+}
+.mobile-header i[data-v-370a2887] {
+  font-size: 18px;
+  color: #666;
+  margin-left: 8px;
+}
+.setting-list li[data-v-370a2887] {
+  padding: 6px 8px;
+  border-bottom: 1px solid #e3e3e3;
+}
+.setting-list li i[data-v-370a2887] {
+  margin-right: 6px;
+}
+.setting-list li[data-v-370a2887]:last-child {
+  border: 0;
+}
+.help-dialog[data-v-370a2887] .el-dialog__header {
+  padding: 15px 20px;
+  font-size: var(--epx-font-size-l);
+  line-height: 20px;
+}
+.help-dialog[data-v-370a2887] .el-dialog__headerbtn {
+  top: 14px;
+}
+.help-dialog[data-v-370a2887] .el-dialog__body {
+  position: relative;
+  max-height: 70vh;
+  overflow: auto;
+  padding: 10px;
+}
+.help-dialog[data-v-370a2887] .is-fullscreen .el-dialog__body {
+  box-sizing: border-box;
+  height: calc(100% - 52px);
+  max-height: none;
+}
+.full-btn[data-v-370a2887] {
+  float: right;
+  font-size: var(--epx-font-size-base);
+  margin-right: 30px;
+  margin-top: 2px;
+  color: #999;
+  cursor: pointer;
+}
+@media screen and (max-width: 992px) {
+.mobile-header[data-v-370a2887] {
+    margin: 10px !important;
+    margin-bottom: 0 !important;
+}
+.epx-header[data-v-370a2887] {
+    margin-bottom: 0;
+    position: relative;
+}
+.epx-header[data-v-370a2887]::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 1px;
+    background: #e3e3e3;
+    transform: scaleY(0.5);
+}
+.epx-header[data-v-370a2887] .el-page-header__title {
+    display: none;
+}
+.epx-header[data-v-370a2887] .el-page-header__left {
+    margin-right: 0;
+}
+.epx-header[data-v-370a2887] .el-page-header__left::after {
+    display: none;
+}
+.epx-header[data-v-370a2887] .el-page-header__content {
+    flex: 1;
+    text-align: center;
+    font-size: var(--epx-font-size-l);
+}
+}
+.menu-container[data-v-370a2887] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.menu-container .menu[data-v-370a2887] {
+  flex: 1;
+}
+.menu-container .to-index[data-v-370a2887] {
+  flex-shrink: 0;
+  width: 100%;
+  height: 44px;
+  border-top: 1px solid #e3e3e3;
+  font-size: var(--epx-font-size-base);
+  color: rgba(var(--color-primary), 1);
+}
+.menu-container .to-index[data-v-370a2887]:hover {
+  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
+}
+.menu-container .to-index[data-v-370a2887] {
+  text-align: center;
+  line-height: 44px;
+}
+.menu-container .to-index i[data-v-370a2887] {
+  color: rgba(var(--color-primary), 1);
+}
+.menu-container .to-index i[data-v-370a2887]:hover {
+  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
+}
+.menu-container .to-index i[data-v-370a2887] {
+  position: relative;
+  top: 1px;
+  margin-right: 4px;
+}
+.allow-click[data-v-370a2887] {
+  cursor: pointer;
+}
+.allow-click[data-v-370a2887]:hover {
+  color: rgba(var(--color-primary), 1);
+}
+.allow-click[data-v-370a2887]:hover:hover {
+  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
+}
+.mobile-operate-btn[data-v-370a2887] {
+  color: rgba(var(--color-primary), 1);
+}
+.mobile-operate-btn[data-v-370a2887]:hover {
+  color: color-mix(in srgb, rgb(var(--color-primary)) 80%, #fff);
+}
+.mobile-operate-btn[data-v-370a2887] {
+  font-size: var(--epx-font-size-base);
+}
+.seach-flag[data-v-370a2887] .el-switch__label.is-active {
+  color: #333;
+}
+.search-fields[data-v-370a2887] {
+  border-top: 1px solid #F2F3F7;
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.epx-dashboard-grid {
+  position: relative;
+  width: 100%;
+}
+.epx-dashboard-grid__item {
+  position: absolute;
+  box-sizing: border-box;
+}
+.epx-dashboard-grid__item .epx-chart {
+  height: 100% !important;
+  min-height: 0 !important;
+  max-height: 100% !important;
+  overflow: hidden !important;
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.epx-dashboard {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.epx-dashboard--hidden-scroll-bar .epx-dashboard__container::-webkit-scrollbar-thumb {
+  background: none;
+}
+.epx-dashboard--hidden-scroll-bar .epx-dashboard__container::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(95, 95, 95, 0.3);
+}
+.epx-dashboard__container {
+  width: 100%;
+  flex: 1;
+  overflow: auto;
+}
+.epx-dashboard__component-container {
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.epx-dashboard__component {
+  height: 100%;
+  overflow: auto;
+}
+.epx-dashboard .epx-card-num__title {
+  color: inher;
+}
+@media only screen and (max-width: 992px) {
+.epx-dashboard .epx-card-num {
+    padding: 12px;
+}
+.epx-dashboard .epx-card-num__title {
+    font-size: 13px;
+}
+.epx-dashboard .epx-card-num__num > font {
+    font-size: 22px;
+}
+.epx-dashboard .epx-chart__title {
+    font-size: 14px;
+}
+.epx-dashboard .epx-chart__header {
+    padding: 0 8px;
+}
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.epx-dashboard-design-grid {
+  position: relative;
+  min-height: 60px;
+  user-select: none;
+}
+.epx-dashboard-design-grid--root {
+  isolation: isolate;
+}
+.epx-dashboard-design-grid__stack {
+  min-height: var(--epx-design-grid-min-height, 60px);
+}
+.epx-dashboard-design-grid > .epx-dashboard-design-grid__float {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 500;
+  pointer-events: none;
+}
+.epx-dashboard-design-grid > .epx-dashboard-design-grid__float > .grid-stack-item {
+  pointer-events: auto;
+}
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item > .grid-stack-item-content::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border: 1px dashed transparent;
+  pointer-events: none;
+  z-index: 601;
+}
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item:hover > .grid-stack-item-content::after, .epx-dashboard-design-grid .grid-stack > .grid-stack-item.epx-dashboard-design-grid__item--selected > .grid-stack-item-content::after {
+  border-color: rgba(var(--color-primary), 1);
+}
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item:has(.grid-stack-item:hover, .grid-stack-item.epx-dashboard-design-grid__item--selected) > .grid-stack-item-content::after {
+  border-color: transparent !important;
+}
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item:has(.grid-stack-item:hover, .grid-stack-item.epx-dashboard-design-grid__item--selected) > .grid-stack-item-content > .epx-dashboard-design-item > .epx-dashboard-design-item__handle,
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item:has(.grid-stack-item:hover, .grid-stack-item.epx-dashboard-design-grid__item--selected) > .grid-stack-item-content > .epx-dashboard-design-item > .epx-dashboard-design-item__operates {
+  display: none !important;
+}
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item.epx-dashboard-design-grid__item--selected {
+  z-index: 600 !important;
+}
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item.ui-draggable-dragging,
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item.ui-resizable-resizing {
+  z-index: 10000 !important;
+}
+.epx-dashboard-design-grid--dragging .epx-dashboard-design-grid__float > .grid-stack-item {
+  pointer-events: none;
+}
+.epx-dashboard-design-grid--dragging .grid-stack > .grid-stack-item > .grid-stack-item-content::after {
+  border-color: transparent !important;
+}
+.epx-dashboard-design-grid--dragging .epx-dashboard-design-item__handle,
+.epx-dashboard-design-grid--dragging .epx-dashboard-design-item__operates {
+  display: none !important;
+}
+.epx-dashboard-design-grid .grid-stack > .grid-stack-item > .grid-stack-item-content {
+  overflow: visible;
+}
+.epx-dashboard-design-grid .grid-stack-item-content > .epx-dashboard-design-item > .epx-dashboard-design-item__body {
+  height: 100%;
+  overflow: hidden;
+}
+.epx-dashboard-design-grid .grid-stack-item-content > .epx-dashboard-design-item .drag-component,
+.epx-dashboard-design-grid .grid-stack-item-content > .epx-dashboard-design-item .epx-chart {
+  height: 100% !important;
+  min-height: 0 !important;
+  max-height: 100% !important;
+  overflow: hidden !important;
+}
+.epx-dashboard-design-grid .grid-stack-item-content > .dashboard-component {
+  height: 100% !important;
+  overflow: hidden !important;
+}
+.epx-dashboard-design-grid .grid-stack-item-content > .dashboard-component .epx-chart {
+  height: 100% !important;
+  min-height: 0 !important;
+  max-height: 100% !important;
+  overflow: hidden !important;
+}
+.epx-dashboard-design-grid .grid-stack-item.ui-draggable-dragging,
+.epx-dashboard-design-grid .grid-stack-item.ui-draggable-dragging * {
+  pointer-events: none !important;
+}
+.epx-dashboard-design-grid .grid-stack-placeholder {
+  pointer-events: none;
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.epx-dashboard-design-item {
+  position: relative;
+  height: 100%;
+  box-sizing: border-box;
+}
+.epx-dashboard-design-item:hover > .epx-dashboard-design-item__handle, .epx-dashboard-design-item.epx-dashboard-design-item--active > .epx-dashboard-design-item__handle {
+  display: block;
+}
+.epx-dashboard-design-item:hover > .epx-dashboard-design-item__operates, .epx-dashboard-design-item.epx-dashboard-design-item--active > .epx-dashboard-design-item__operates {
+  display: flex;
+}
+.epx-dashboard-design-item__body {
+  height: 100%;
+}
+.epx-dashboard-design-item__handle {
+  position: absolute;
+  display: none;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  pointer-events: none;
+  z-index: 2;
+  background-color: rgba(var(--color-primary), 1);
+}
+.epx-dashboard-design-item__float {
+  display: block;
+  width: 20px;
+  font-size: var(--epx-font-size-base);
+  line-height: 20px;
+  text-align: center;
+  color: #fff;
+  cursor: pointer;
+  border-radius: 2px;
+}
+.epx-dashboard-design-item__float.is-on {
+  color: #0874E7;
+  background: #fff;
+}
+.epx-dashboard-design-item__operates {
+  position: absolute;
+  top: 24px;
+  right: 12px;
+  display: none;
+  align-items: center;
+  gap: 4px;
+  padding: 0 4px;
+  background: #0874E7;
+  border-radius: 4px;
+  z-index: 200;
+}
+.epx-dashboard-design-item__handle--n {
+  top: -3px;
+  left: 50%;
+  margin-left: -3px;
+}
+.epx-dashboard-design-item__handle--s {
+  bottom: -3px;
+  left: 50%;
+  margin-left: -3px;
+}
+.epx-dashboard-design-item__handle--e {
+  right: -3px;
+  top: 50%;
+  margin-top: -3px;
+}
+.epx-dashboard-design-item__handle--w {
+  left: -3px;
+  top: 50%;
+  margin-top: -3px;
+}
+.epx-dashboard-design-item__handle--ne {
+  top: -3px;
+  right: -3px;
+}
+.epx-dashboard-design-item__handle--nw {
+  top: -3px;
+  left: -3px;
+}
+.epx-dashboard-design-item__handle--se {
+  bottom: -3px;
+  right: -3px;
+}
+.epx-dashboard-design-item__handle--sw {
+  bottom: -3px;
+  left: -3px;
+}
+.epx-dashboard-design-grid .grid-stack-item > .ui-resizable-handle {
+  background-image: none;
+  transform: none;
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+div.container[data-v-668cf4f9] {
+  height: 100%;
+  pointer-events: all !important;
+}
+div.container.is-design[data-v-668cf4f9] {
+  display: flex;
+  flex-direction: column;
+}
+div.container.is-design > .epx-chart__header[data-v-668cf4f9] {
+  flex: none;
+}
+.epx-dashboard-div__design-body[data-v-668cf4f9] {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+.epx-dashboard-div__grid[data-v-668cf4f9] {
+  min-height: 100%;
+}
+.drag-component[data-v-668cf4f9] {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+.is-design .drag-component[data-v-668cf4f9] > * {
+  pointer-events: none;
+}
+.component-operate__item[data-v-668cf4f9] {
+  display: block;
+  font-size: var(--epx-font-size-base);
+  color: #fff;
+  line-height: 20px;
+  text-align: center;
+  cursor: pointer;
+  margin: 2px 0;
+}
+.componnet-dropdown .component-operate__item[data-v-668cf4f9] {
+  width: 20px;
+  margin-top: 0;
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.epx-dashboard-div {
+  background: var(--epx-bg-card);
+}
+.epx-dashboard-div--dark {
+  background: rgba(255, 255, 255, 0.1);
+}
+.epx-dashboard-div--dark .epx-dashboard-div__title {
+  color: rgba(255, 255, 255, 0.8);
+}
+.epx-dashboard-div--dark .epx-dashboard-div__num {
+  color: #fff;
+}
+.epx-dashboard-div--dark .epx-dashboard-div__num > font {
+  color: #fff;
+}
+.epx-dashboard-div--technology {
+  background: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(4px);
+  position: relative;
+}
+.epx-dashboard-div--technology.is-design {
+  backdrop-filter: none;
+}
+.epx-dashboard-div--technology::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  display: block;
+  width: 100%;
+  height: 1px;
+  background: linear-gradient(90deg, rgba(45, 164, 247, 0) 0%, #2DA4F7 50%, rgba(45, 164, 247, 0) 100%);
+  opacity: 0.5;
+}
+.epx-dashboard-div--technology .epx-chart__header-icon {
+  width: 40px;
+  background: url("data:image/png;base64,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") no-repeat center;
+  background-size: 100% 100%;
+}
+.epx-dashboard-div--technology .epx-chart__header-icon::after {
+  display: none;
+}
+.vgl-layout.epx-dashboard-grid-compat { position: relative; width: 100%;
+}
+/* 旧库的 grid-item 自带 box-sizing: border-box，复刻模板给 grid-item 加 border / padding 时盒子不撑大 */
+.vgl-layout.epx-dashboard-grid-compat .vgl-item { box-sizing: border-box;
+}
+
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+div.container[data-v-503fe9af] {
+  height: 100%;
+  pointer-events: all !important;
+}
+.tabs[data-v-503fe9af] {
+  height: 100%;
+}
+.tabs[data-v-503fe9af] .el-tabs__content {
+  height: calc(100% - 58px);
+}
+.tabs[data-v-503fe9af] .el-tab-pane {
+  height: 100%;
+  overflow: auto;
+}
+.tabs[data-v-503fe9af] .el-tabs__item {
+  color: inherit;
+}
+.drag-element[data-v-503fe9af] .el-tab-pane {
+  border: 1px dashed;
+  border-color: rgba(var(--color-primary), 1);
+}
+.epx-dashboard-tabs__grid[data-v-503fe9af] {
+  min-height: 100%;
+}
+.drag-component[data-v-503fe9af] {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+.is-design .drag-component[data-v-503fe9af] > * {
+  pointer-events: none;
+}
+.component-operate__item[data-v-503fe9af] {
+  display: block;
+  font-size: var(--epx-font-size-base);
+  color: #fff;
+  line-height: 20px;
+  text-align: center;
+  cursor: pointer;
+  margin: 2px 0;
+}
+.componnet-dropdown .component-operate__item[data-v-503fe9af] {
+  width: 20px;
+  margin-top: 0;
+}
+.edit-tab__input[data-v-503fe9af] {
+  border: none;
+  outline: none;
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.epx-dashboard-title {
+  height: 100%;
+  vertical-align: middle;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  text-align: center;
+}
+.epx-dashboard-title i {
+  margin-right: 4px;
+}
+.epx-dashboard-title__sub-title {
+  margin: 4px 0 0;
+  font-size: 12px;
+  color: var(--color-text-assistant);
+}
+.epx-dashboard-title--dark {
+  color: rgba(255, 255, 255, 0.8);
+}
+.epx-dashboard-title--dark .epx-dashboard-title__sub-title {
+  color: rgba(255, 255, 255, 0.5);
+}
+.epx-dashboard-title--technology {
+  color: rgba(255, 255, 255, 0.8);
+}
+.epx-dashboard-title--technology .epx-dashboard-title__sub-title {
+  color: rgba(255, 255, 255, 0.5);
+}
+@media only screen and (max-width: 992px) {
+.epx-dashboard-title h1 {
+    font-size: 1.5em;
+}
+.epx-dashboard-title h2 {
+    font-size: 1.25em;
+}
+.epx-dashboard-title h3 {
+    font-size: 1em;
+}
+}
+/* BEM support Func
+ -------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* 链接颜色
+-------------------------- */
+/* Border
+-------------------------- */
+/*****BEM*********/
+/* 主题色 mixin —— 已塌缩为 CSS 变量单条规则
+   原实现每个 mixin 经 @each 展开 12 套 [data-theme=x] 规则，346 个调用点 ≈4500 条规则，
+   是组件库 CSS 体积大头。现依赖上方每套主题的 --color-primary（RGB 三元组）：
+   透明度走 rgba(var(--color-primary), a)；混合色走原生 color-mix（同 EP tokens 先例，
+   平台 Chrome 支持）。签名不变，346 个调用点零改动。
+ -------------------------- */
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.dashboard[data-v-d068f7d2] {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.dashboard .base-page[data-v-d068f7d2] {
+  position: static;
+  overflow-x: hidden;
+  padding: 0;
+}
+.dashboard--hidden-scroll-bar .dashboard-container[data-v-d068f7d2]::-webkit-scrollbar-thumb {
+  background: none;
+}
+.dashboard--hidden-scroll-bar .dashboard-container[data-v-d068f7d2]::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(95, 95, 95, 0.3);
+}
+.dashboard-container[data-v-d068f7d2] {
+  width: 100%;
+  flex: 1;
+  overflow: auto;
+}
+.dashboard-component[data-v-d068f7d2] {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+.dashboard--dark .dashboard-container[data-v-d068f7d2] {
+  background: #151C3D;
+}
+.dashboard--technology .dashboard-container[data-v-d068f7d2] {
+  background: url("./assets/technology_bg-oWIS2awO.jpg") no-repeat center;
+  background-size: cover;
+}