<template>
  <router-view />
</template>

<style>
:root {
  --el-color-primary: #1890ff;
  --el-color-primary-light-3: #40a9ff;
  --el-color-primary-light-5: #69c0ff;
  --el-color-primary-light-7: #91d5ff;
  --el-color-primary-light-8: #bae7ff;
  --el-color-primary-light-9: #e6f7ff;
  --el-color-primary-dark-2: #096dd9;
  --el-color-success: #52c41a;
  --el-color-warning: #faad14;
  --el-color-danger: #ff4d4f;
  --el-color-info: #909399;
}
.el-button--primary { --el-button-bg-color: #1890ff; --el-button-border-color: #1890ff; --el-button-hover-bg-color: #40a9ff; --el-button-hover-border-color: #40a9ff; --el-button-active-bg-color: #096dd9; --el-button-active-border-color: #096dd9; }
.el-tag--primary { --el-tag-bg-color: #e6f7ff; --el-tag-border-color: #91d5ff; --el-tag-text-color: #1890ff; }
a { color: #1890ff; }

.el-table { width: 100%; }
.el-table__body-wrapper { overflow-x: auto; }

@media (max-width: 768px) {
  .el-dialog { width: calc(100% - 20px) !important; max-width: 100% !important; }
  .el-dialog__body { padding: 16px !important; }
  .el-form-item { margin-bottom: 14px !important; }
  .el-card__body { padding: 16px !important; }
  .el-tabs__content { padding: 0 !important; }
  .el-table { font-size: 12px; }
  .el-table .cell { padding-left: 6px !important; padding-right: 6px !important; }
  .el-empty { padding: 20px 0 !important; }
  [class*="el-col-"] { margin-bottom: 12px; }
  .el-row--flex { flex-wrap: wrap; }
}
</style>
