:root {
  --app-base-px: 8px;
  --app-layout-bg-color: #f5f6f7;
  --app-text-color-secondary: #646a73;
  --app-text-color-disable: #bbbfc4;
  --app-input-color-placeholder: #8f959e;
  --app-view-padding: 24px;
  --app-view-bg-color: #ffffff;
  --app-border-color-dark: #bbbfc4;
  --app-border-radius-small: 6px;
  --app-border-radius-base: 8px;
  --app-border-radius-large: 16px;
  --md-bk-hover-color: var(--el-border-color-hover);
  /** header 组件 */
  --app-header-height: 56px;
  --app-header-padding: 0 20px;

  --app-header-bg-color: linear-gradient(90deg, #f4fff8 10%, #e7fffb 48%, #fff5ea 92%);
  --app-logo-color: linear-gradient(180deg, #14b8a6 0%, #f97316 100%);
  --app-avatar-gradient-color: linear-gradient(270deg, #f97316 0%, #14b8a6 100%);

  /* 计算高度 */
  --app-main-height: calc(100vh - var(--app-header-height) - var(--app-view-padding) * 2 - 40px);

  /** sidebar 组件 */
  --sidebar-width: 240px;
  /** tag */
  --tag-default-bg: rgba(51, 112, 255, 0.2);
  --tag-default-color: #2b5fd9;
  --tag-success-bg: rgba(52, 199, 36, 0.2);
  --tag-success-color: #2ca91f;
  --tag-warning-bg: rgba(255, 136, 0, 0.2);
  --tag-warning-color: #d97400;
  --tag-danger-bg: rgba(245, 74, 69, 0.2);

  /** card */
  --card-width: 330px;
  --card-min-height: 166px;
  --card-min-width: 220px;

  /** ai-chat */
  --dialog-bg-gradient-color:
    linear-gradient(188deg, rgba(20, 184, 166, 0.16) 28%, rgba(249, 115, 22, 0.16) 92%), #f6f7f8;

  /** 资源授权 */
  --setting-left-width: 280px;
}
