/* stylelint-disable comment-empty-line-before */

/* #ifndef APP-NVUE */
/* 默认主题 */
:root {
  /* 行为相关颜色 */
  --k-color-primary: #064c8a;
  --k-color-success: #09be4f;
  --k-color-warning: #ffb703;
  --k-color-danger: #ff2b2b;
  --k-color-purple: #6831ff;

  /* 文字基本颜色、其他辅助色 */
  /* 用于重量级文字信息、标题 */
  --k-color-title: #181818;
  /* 用于普通级段落信息、引导词 */
  --k-color-section: #333;
  /* 用于次要标题内容 */
  --k-color-subtitle: #7f7f7f;
  /* 用于底部标签、描述、次要文字信息 */
  --k-color-label: #b2b2b2;
  /* 用于辅助、次要信息、禁用文字等。如：待输入状态描述文字，已点击按钮文字 */
  --k-color-minor: #ccc;
  --k-color-white: #fff;
  /* 链接颜色 */
  --k-color-link: #465cff;
  /* 背景颜色 */
  --k-bg-color: #fff;
  /* 页面背景底色 */
  --k-bg-color-grey: #f1f4fa;
  /* 内容模块底色 */
  --k-bg-color-content: #f8f8f8;
  --k-bg-color-red: rgba(255, 43, 43, 0.05);
  --k-bg-color-yellow: rgba(255, 183, 3, 0.1);
  --k-bg-color-purple: rgba(104, 49, 255, 0.05);
  --k-bg-color-green: rgba(9, 190, 79, 0.05);

  --k-bg-color-brown: rgba(92, 92, 92, 1);
  --k-bg-color-deep-brown: rgba(51, 51, 51, 1);
  --k-bg-color-hollow-brown: rgba(230, 237, 244, 1);
  --k-bg-color-blue: rgba(56, 112, 162, 1);
  --k-bg-color-deep-blue: rgba(6, 76, 138, 1);
  --k-bg-color-hollow-blue: rgba(230, 237, 244, 1);
  --k-bg-color-orange: rgba(211, 141, 94, 1);
  --k-bg-color-deep-orange: rgba(200, 112, 53, 1);
  --k-bg-color-hollow-orange: rgba(250, 241, 235, 1);
  --k-bg-color-purple: rgba(131, 111, 148, 1);
  --k-bg-color-deep-purple: rgba(100, 74, 121, 1);
  --k-bg-color-hollow-purple: rgba(240, 237, 242, 1);

  /* 点击背景色 */
  --k-bg-color-hover: rgba(0, 0, 0, 0.2);
  /* 遮罩颜色 */
  --k-bg-color-mask: rgba(0, 0, 0, 0.6);

  /* 边框颜色 */
  --k-color-border: #eee;

  /* 阴影颜色 */
  --k-color-shadow: rgba(2, 4, 38, 0.05);

  /* 按钮按压状态颜色 */
  --k-color-primary-active: #6a94b9;

  /* 按钮禁用状态颜色 */
  --k-color-primary-disabled: #cedce8;

  /* 禁用态的透明度 */
  --k-opacity-disabled: 0.5;

  /* 图标尺寸 */
  --k-img-size-sm: 48rpx;
  --k-img-size-base: 56rpx;
  --k-img-size-middle: 64rpx;
  --k-img-size-lg: 96rpx;

  /* 图片尺寸 */
  --k-img-sm: 60rpx;
  --k-img-base: 120rpx;
  --k-img-lg: 240rpx;

  /* Border Radius */
  --k-border-radius-sm: 16rpx;
  --k-border-radius-base: 24rpx;
  --k-border-radius-lg: 48rpx;
  --k-border-radius-circle: 50%;

  /* 水平间距 */
  --k-spacing-row-sm: 16rpx;
  --k-spacing-row-base: 24rpx;
  --k-spacing-row-lg: 32rpx;

  /* 垂直间距 */
  --k-spacing-col-sm: 8rpx;
  --k-spacing-col-base: 16rpx;
  --k-spacing-col-lg: 24rpx;

  /* 主题色（临时名字，后面统一改） */
  --k-color-primary-01: #064c8a; /* 对应色值表第一行 */
  --k-color-primary-02: #3971a2; /* 对应色值表第二行 */
  --k-color-primary-03: #6a94b9; /* 对应色值表第三行 */
  --k-color-primary-04: #9bb7d0; /* 对应色值表第四行 */
  --k-color-primary-05: #cedce8; /* 对应色值表第五行 */
  --k-color-primary-06: #e6edf4; /* 对应色值表第六行 */
  /* 中性色，不区分业态（临时名字，后面统一改） */
  --k-color-neutral-01: #333;
  --k-color-neutral-02: #666;
  --k-color-neutral-03: #999;
  --k-color-neutral-04: #f4f7ff;
  --k-color-neutral-05: #fbfcff;
  --k-color-neutral-06: #fff;
}

/* 定制主题 */
.theme-office {
  --k-color-primary: #064c8a; /* 对应色值表第一行 */
  --k-color-primary-active: #6a94b9; /* 对应色值表第三行 */
  --k-color-primary-disabled: #cedce8; /* 对应色值表第五行 */
  --k-color-primary-01: #064c8a; /* 对应色值表第一行 */
  --k-color-primary-02: #3971a2; /* 对应色值表第二行 */
  --k-color-primary-03: #6a94b9; /* 对应色值表第三行 */
  --k-color-primary-04: #9bb7d0; /* 对应色值表第四行 */
  --k-color-primary-05: #cedce8; /* 对应色值表第五行 */
  --k-color-primary-06: #e6edf4; /* 对应色值表第六行 */
}

.theme-apartment {
  --k-color-primary: #c87035;
  --k-color-primary-active: #deaa86;
  --k-color-primary-disabled: #f4e3d7;
  --k-color-primary-01: #c87035; /* 对应色值表第一行 */
  --k-color-primary-02: #d48e5f; /* 对应色值表第二行 */
  --k-color-primary-03: #deaa86; /* 对应色值表第三行 */
  --k-color-primary-04: #e9c6ae; /* 对应色值表第四行 */
  --k-color-primary-05: #f4e3d7; /* 对应色值表第五行 */
  --k-color-primary-06: #faf1eb; /* 对应色值表第六行 */
}

.theme-mall {
  --k-color-primary: #644a79;
  --k-color-primary-active: #a293af;
  --k-color-primary-disabled: #e0dbe5;
  --k-color-primary-01: #644a79; /* 对应色值表第一行 */
  --k-color-primary-02: #846f95; /* 对应色值表第二行 */
  --k-color-primary-03: #a293af; /* 对应色值表第三行 */
  --k-color-primary-04: #c1b6c9; /* 对应色值表第四行 */
  --k-color-primary-05: #e0dbe5; /* 对应色值表第五行 */
  --k-color-primary-06: #f0eff2; /* 对应色值表第六行 */
}
/* #endif */

.kui-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
