* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  font-size: 16px;
  --white: #fff;
  --black: #3f3f3f;
  --bg: #f5f6f7;
  --grey: #ebebeb;
  --gray: #999;
  --dark: #1a1a1a;
  --light: #f4f4f4;
  --blue: #6388fb;
  --red: #f74c31;
  --light-blue: #9eb9fd;
  --window-height: 700px;
  --pop-top: 10%;
  --font-size: 13px;
  --primary-red: #f56c6c;
  --primary-blue: #1677ff;
  --text-dark: #001e2f;
  --text-gray: #50607a;
  --border-color: #dcdfe6;
  --bg-light: #f5f6fa;
  --font-family: PingFang SC, Inter, sans-serif;
  --font-sm: 12px;
  --font-md: 14px;
  --font-lg: 16px;
  
      --primary-color: #409eff;
        --border-color: #ebeef5;
        --text-color: #303133;
        --text-color-secondary: #606266;
        --background-color: #f5f7fa;
        --spacing-sm: 8px;
        --spacing-md: 12px;
        --spacing-lg: 16px;
        --chat-spacing: 12px;
        --input-padding: 8px 12px;
        --item-border: 1px solid #ebeef5;
}
body {
  background-color: #f5f6fa;
}
.fastim-ins {
  text-decoration: none;
}
.fastim-modal {
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 999991;*/
    /*z-index: 9999;*/
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("https://testapi.chushixuanhao.com/assets/addons/fastim/img/message-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.fastim-window {
  width: calc((1440 / 1920) * 100vw);
  height: calc((860 / 1920) * 100vw);
  background-color: #f5f6fa;
  border-radius: calc((20 / 1920) * 100vw);
  overflow: hidden;
  display: flex;
  align-content: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transform: scale(0.9);
}
/* aside 侧边栏 */
.fastim-window-middle {
  width: calc((360 / 1920) * 100vw);
  height: calc((860 / 1920) * 100vw);
  background: #fff;
  cursor: pointer;
}
.ad-container {
  position: relative;
  bottom: 0;
  width: calc(360 / 1920 * 100vw);
  height: calc(128 / 1920 * 100vw);
  position: relative;
  /*transform: scale;*/
  padding: calc(12 / 1920 * 100vw);
  /*background:red;*/
}
.ad-container img {
  /*position: absolute;*/
  width: calc(336 / 1920 * 100vw);
  height: auto;
  object-fit: cover;
  border: calc(8 / 1920 * 100vw);
  overflow: hidden;
  /*bottom: 10px;*/
}
.ad-carousel-inner {
  position: relative;
}
a {
  text-decoration: none;
}
/* aside 侧边栏顶部 */
.fastin-window-top {
  width: 100%;
  height: calc((120 / 1920) * 100vw);
  padding: 0 calc((16 / 1920) * 100vw); /* 左右 16px → 0.8333vw */
  display: flex;
  align-items: center;
  background: #283362;
  background-image: url("https://testapi.chushixuanhao.com/assets/img/chattop@2x.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
}
.fastin-window-top-info {
  display: flex;
  align-items: center;
  gap: calc((16 / 1920) * 100vw);
}
.avater {
  width: calc((64 / 1920) * 100vw);
  height: auto; /* 替换原固定高度 */
  aspect-ratio: 1/1; /* 强制宽高比为1:1 */
  background: linear-gradient(180deg, #f0f9ff 0%, #d3e6f3 100%);
  border-radius: 50%;
  overflow: hidden;
}
.avater img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.username {
  height: 22px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: calc((24 / 1920) * 100vw);
  color: #ffffff;
  line-height: 22px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.notification-switch {
  position: absolute;
  top: calc(8 / 1920 * 100vw);
  right: calc(8 / 1920 * 100vw);
  width: calc(76 / 1920 * 100vw);
  height: calc(24 / 1920 * 100vw);
  background: #4bb2fe;
  border-radius: calc(13 / 1920 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(4 / 1920 * 100vw);
}
.notification-text {
  height: calc(16 / 1920 * 100vw);
  font-size: calc(12 / 1920 * 100vw);
  line-height: calc(16 / 1920 * 100vw);
  color: #ffffff;
}
.notification-icon {
  height: calc(16 / 1920 * 100vw);
  width: calc(16 / 1920 * 100vw);
  /*background: #ffffff;*/
}
/* aside header search 搜索框 */
.fastim-window-search {
  width: calc((360 / 1920) * 100vw);
  height: calc((64 / 1920) * 100vw);
  background: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 calc((16 / 1920) * 100vw); /* 1rem → 16px → 0.8333vw */
}
.im-window-search-left {
  display: flex;
  align-items: center;
  gap: calc((8 / 1920) * 100vw);
  width: 100%;
  height: calc((44 / 1080) * 100vh);
  background: #f5f7f8;
  border-radius: calc((22 / 1920) * 100vw); /* 22px → 1.1458vw */
  padding: 0 calc((16 / 1920) * 100vw); /* 1rem → 16px → 0.8333vw */
}
.im-window-search-left img {
  width: calc((24 / 1920) * 100vw);
  height: calc((24 / 1920) * 100vw);
  object-fit: cover;
}
.fastim-search-input {
  height: calc((24 / 1920) * 100vw);
  line-height: calc((24 / 1920) * 100vw);
  font-size: calc((16 / 1920) * 100vw);
  width: 100%;
  border: none;
  background: transparent;
}
.fastim-search-input:focus {
  outline: none;
}

/* 会话侧边栏 */
.fastim-session-list {
  width: 100%;
  /*height: calc(100% - (178 / 1080) * 100vh);*/
  height: calc(548 / 1920 * 100vw);
  /* background-color: #283362; */
}
/* 会话list容器 */
.fastim-session-ul {
  height: calc((84 * 6 + 44) / 1920 * 100vw);
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none; /* 替换原来的thin，Firefox隐藏滚动条 */
  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
  user-select: none;
}

/* Webkit内核浏览器隐藏滚动条 */
.fastim-session-ul::-webkit-scrollbar {
  display: none;
  width: 0;
  background: transparent;
}
/* li 激活 hover */
.fastim-session-li:hover,
.fastim-session-li:focus,
.fastim-session-li.active,
.search-res-item:hover,
.search-res-item.active {
  background: #f2f3f5 !important;
}
.fastim-session-li,
.search-res-item {
  height: calc(84 / 1920 * 100vw);
  padding: calc((12 / 1920) * 100vw) calc((14 / 1920) * 100vw);
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  gap: calc((16 / 1920) * 100vw);
}
.fastim-window .session-avatar {
  width: calc((56 / 1920) * 100vw);
  height: auto; /* 替换原固定高度 */
  aspect-ratio: 1/1; /* 新增比例约束 */
  border-radius: 50%;
  overflow: hidden;
}
.fastim-window .session-info-right {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.fastim-window .session-info-item {
  width: 100%;
  font-size: calc((14 / 1920) * 100vw);
  display: flex;
  height: calc((24 / 1080) * 100vh);
  line-height: calc((24 / 1080) * 100vh);
  justify-content: space-between;
}

.fastim-window .session-info-name {
  font-size: calc((14 / 1920) * 100vw);
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  color: #001e2f;
  line-height: calc((24 / 1080) * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.fastim-color-gray {
  height: calc((16 / 1080) * 100vh);
  font-weight: 400;
  font-size: calc((12 / 1920) * 100vw);
  color: #7c889c;
  line-height: calc((16 / 1080) * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.fastim-window .session-last-message {
  color: #7c889c;
  height: calc((20 / 1080) * 100vh);
  font-weight: 400;
  font-size: calc((14 / 1920) * 100vw);
  display: inline-block;
  line-height: calc((20 / 1080) * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  text-overflow: ellipsis;
}

/* 会话窗口 */
.fastim-window-right {
  width: 100%;
  height: 100%;
  /* background: #f5f6f7 url('https://cdn.chushihao.xyz/assets/addons/fastim/img/im-bg.png') no-repeat center / contain; 改为 contain 保持完整比例
      object-fit: cover; */
}
.session-window {
  height: 100%;
  overflow: hidden;
}
.fastim-hidden {
  display: none;
}
/* 游客身份登录 */
.fastim-window-right .fake-tourist {
  height: 100%;
}

.fastim-window-right .fake-tourist a {
  /*text-decoration: none;*/
}
.fastim-window-right .fake-tourist div {
  height: 100%;
  font-size: calc((15 / 1920) * 100vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 游客身份登录窗口end */

/* 服务号 */
.fastim-window-right .service-window {
  height: 100%;
  background: #f5f6f7;
}

.chat-window-header {
  height: calc((64 / 1920) * 100vw);
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f5f6f7;
  background: #fff;
  padding: 0 calc((12 / 1920) * 100vw);
}
.chat-window-title {
  height: calc((64 / 1920) * 100vw);
  display: flex;
  align-items: center;
  line-height: calc((64 / 1920) * 100vw);
}
.chat-nickname {
  font-size: calc((14 / 1920) * 100vw);
  font-weight: bold;
  color: #1a1a1a;
  vertical-align: middle;
}
.chat-blacklist {
  width: calc(24 / 1920 * 100vw);
  height: calc(24 / 1920 * 100vw);
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-blacklist img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fastim-window-right .service-message {
  width: 100%;
  height: calc(100% - (64 / 1080) * 100vh);
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  scrollbar-width: thin;
}
/* 服务号end */

/* 对话窗口 */
.message-window-container {
  display: flex;
  align-items: center;
}
.message-window {
  width: 100%;
  height: 100%;
  /* background-color: #1677ff; */
}
.chat-view {
  /*width: 100%;*/
  height: calc((860 / 1920) * 100vw);
}

.chat-window-avater {
  /* margin-left: 12px; */
  width: calc((36 / 1920) * 100vw);
  height: calc((36 / 1920) * 100vw);
  display: flex;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f5f6fa;
  cursor: pointer;
}
.chat-window-avater img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.message-window-nickname {
  cursor: pointer;
}
.chat-nickname {
  margin-left: calc((10 / 1920) * 100vw);
  height: calc((24 / 1080) * 100vh);
  line-height: calc((24 / 1080) * 100vh);
  font-size: calc((14 / 1920) * 100vw);
  font-weight: bold;
  color: var(--dark);
  vertical-align: middle;
}
.add-friends {
  margin-left: calc((10 / 1920) * 100vw);
  height: calc((24 / 1080) * 100vh);
  line-height: calc((24 / 1080) * 100vh);
  font-size: calc((14 / 1920) * 100vw);
  font-weight: bold;
  color: var(--dark);
  vertical-align: middle;
  cursor: pointer;
}
.shield {
  margin-left: calc((10 / 1920) * 100vw);
  height: calc((24 / 1080) * 100vh);
  line-height: calc((24 / 1080) * 100vh);
  font-size: calc((14 / 1920) * 100vw);
  font-weight: bold;
  color: var(--dark);
  vertical-align: middle;
  cursor: pointer;
}

/*.chatHistory {*/
/*  display: none;*/
/*  position: absolute;*/
/*  margin-left: 5%;*/
/*  bottom: 60px;*/
/*  width: 60%;*/
/*  height: 50%;*/
/*  background: #fff;*/
/*  box-shadow: 0 0 10px rgb(0 0 0 / 10%);*/
/*  z-index: 1000;*/
/*}*/

/* 聊天记录list */
.chat-window-record {
  position: relative;
  display: flex;
  height: calc(100% - (264 / 1920) * 100vw);
  overflow: hidden;
  box-sizing: border-box;
  justify-content: flex-end;
  flex-direction: column;
  /*background: red;*/
  overflow: hidden;
  /* background: #fff; */
}
.chat-records {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  /*滚动条样式*/
  scrollbar-width: thin;
}
.chat-window-input {
  width: 100%;
  /*width: calc((1440 - 360 - 360) / 1920 * 100vw);*/
  height: calc((200 / 1920) * 100vw);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.toolbar-group {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin-right: 14px;
}
.chat-window-toolbar {
  padding-top: calc((12 / 1920) * 100vw);
  padding-left: calc((12 / 1920) * 100vw);
  height: calc((36 / 1920) * 100vw);
  display: flex;
  /*background: red;*/
}

.chat-window-input-bottom {
  width: 100%;
  height: calc((60 / 1080) * 100vh);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 calc(14 / 1920 * 100vw);
  /*margin-bottom: calc((20 / 1920) * 100vw);*/
}
/*.marquee-container {*/
/*  width: calc(420 / 1920 * 100vw);*/
/*  height: calc((32 / 1080) * 100vh);*/
/*  line-height: calc((32 / 1080) * 100vh);*/
/*  background: #fff3d4;*/
/*  border: calc((1 / 1920) * 100vw) solid #ffc963;*/
/*  margin-right: calc((11 / 1920) * 100vw);*/
/*  font-size: calc((12 / 1920) * 100vw);*/
  /*padding: 0 calc((15 / 1920) * 100vw);*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/
/*.marquee-content {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    width: 20000px;*/
/*    display: flex;*/
/*}*/
/*}*/
/*.marquee-content span {*/
/*     display: inline-block;*/
/*    margin-left: 50px;*/
/*}*/
.marquee-container {
    width: calc(420 / 1920 * 100vw);
    height: calc(32 / 1080 * 100vh);
    line-height: calc(32 / 1080 * 100vh);
    background: #fff3d4;
    border: calc(1 / 1920 * 100vw) solid #ffc963;
    margin-right: calc(11 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    position: relative;
    overflow: hidden; /* 隐藏超出部分 */
}

.marquee-content {
    position: absolute;
    white-space: nowrap; /* 禁止换行 */
    display: inline-block; /* 让内容水平排列 */
    animation: marquee 60s linear infinite; /* 动画：20秒循环 */
}
.marquee-content:hover{
    animation-play-state: paused;
}

.marquee-content span {
    margin-left: 60px; /* 每个 span 之间的间距 */
    display: inline-block; /* 确保 span 宽度可计算 */
}

@keyframes marquee {
    0% {
        transform: translateX(0); /* 初始位置 */
    }
    100% {
        transform: translateX(-100%); /* 向左移动整个内容宽度 */
    }
}
.im-button {
  width: calc((106 / 1920) * 100vw);
  height: calc((32 / 1920) * 100vw);
  background: #1677ff;
  border-radius: calc((4 / 1920) * 100vw);
  cursor: pointer;
  color: var(--white);
  border: none;
  margin-right: calc((16 / 1920) * 100vw);
  font-size: calc((14 / 1920) * 100vw);
}
.toolbar-group {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((24 / 1920) * 100vw);
  height: calc((24 / 1920) * 100vw);
  cursor: pointer;
  margin-right: calc((16 / 1920) * 100vw);
  /*background: #1a1a1a;*/
}
.toolbar-icon {
  display: inline-block;
  width: calc((24 / 1920) * 100vw);
  height: calc((24 / 1920) * 100vw);
  vertical-align: middle;
}
.toolbar-group:hover,
.toolbar-group:focus,
.select-file:hover,
.select-file:focus {
  background: var(--grey);
}
.select-file {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((26 / 1920) * 100vw);
  height: calc((26 / 1920) * 100vw);
  vertical-align: middle;
  position: relative;
  margin-right: calc((16 / 1920) * 100vw);
  cursor: pointer;
  /*background-color: #1a1a1a;*/
}
.select-file input {
  filter: alpha(opacity=0);
  opacity: 0;
  width: calc((26 / 1920) * 100vw);
  height: calc((26 / 1920) * 100vw);
  display: inline-block;
  position: absolute;
  z-index: 2;
  text-indent: -9999px;
  cursor: pointer;
}
.select-file .attach {
  position: absolute;
  z-index: 1;
}
#fastim-message {
  display: block;
  font-size: calc((14 / 1920) * 100vw);
  width: 100%;
  /*max-width: calc(100% - 360 / 1920 * 100vw);*/
  height: calc((124 / 1080) * 100vh);
  line-height: calc((20 / 1080) * 100vh);
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  white-space: pre-wrap;
  color: var(--dark);
  outline: none;
  background-color: transparent;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  word-break: break-all;
  word-wrap: break-word;
  scrollbar-width: thin;
  /*background: blue;*/
  /* background: #50607a; */
  /* background: #1677ff; */
  padding: 0 calc((12 / 1920) * 100vw);
  /*background: red;*/
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
#fastim-message::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
#fastim-message .record-img {
  max-width: calc(300 / 1920 * 100vw);
}
/* 聊天记录 listend */

/* 订单侧边栏 */
.order {
  width: calc((360 / 1920) * 100vw);
  height: calc((860 / 1920) * 100vw);
  /* background-color: #1a1a1a; */
}
.fastin-window-order {
}

.order-top-header-tabs {
  width: 100%;
  height: calc((64 / 1920) * 100vw);
  border: calc((2 / 1080) * 100vh) solid #e4e7ed;
  background: #ffffff;
}
.tab-nav {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.tab-nav li {
  flex: 1;
  font-size: calc(14 / 1920 * 100vw);
  list-style: none;
  text-align: center;
  line-height: calc(64 / 1920 * 100vw);
  border-bottom: calc((2 / 1080) * 100vh) solid transparent;
  cursor: pointer;
  text-decoration: none;
}

.tab-nav li.active {
  font-family: Inter, Inter;
  font-weight: bold;
  font-size: calc((14 / 1920) * 100vw);
  color: #1677ff;
  text-align: center;
  font-style: normal;
  text-transform: none;
  border-bottom-color: #1677ff;
  line-height: calc(60 / 1920 * 100vw);
}
.order-top-content {
  height: calc((860 - 64) / 1920 * 100vw);
  display: none;
  overflow: auto;
  background: #f5f6fa;
  /*background: red;*/
}
/* tab content 控制 */
.visible {
  display: block;
}
/* 搜索筛选 */
.order-top-tab {
}
.order-top-tab-input {
  height: calc((32 / 1920) * 100vw);
  background: #ffffff;
  border-radius: calc((4 / 1920) * 100vw);
  border: calc((1 / 1920) * 100vw) solid #e4e7ed;
  margin: calc((16 / 1920) * 100vw);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 calc((8 / 1920) * 100vw);
}
.order-goods-container {
  width: 100%;
  height: calc(66 / 1080 * 100vh);
  display: flex;
  justify-content: space-between;
  position: relative;
}
.goods-image {
  width: calc(48 / 1920 * 100vw);
  height: calc(48 / 1920 * 100vw);
  border-radius: calc(4 / 1920 * 100vw);
  overflow: hidden;
  background-color: #409eff;
}
.goods-image img {
  width: calc(48 / 1920 * 100vw);
  height: calc(48 / 1920 * 100vw);
}
.goods-details {
  flex: 1;
  margin-left: calc(12 / 1920 * 100vw);
}
.goods-title {
  flex: 1;
  height: calc(20 / 1080 * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(12 / 1920 * 100vw);
  color: #001e2f;
  line-height: calc(20 / 1080 * 100vh);
  font-style: normal;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(200 / 1920 * 100vw);
}

.goods-subtitle {
  width: 100%;
  margin-top: calc(6 / 1080 * 100vh);
  height: calc(20 / 1080 * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(12 / 1920 * 100vw);
  color: #001e2f;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* 改价样式 */
.price-adjust-container {
  width: 100%;
}
.price-discount {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(12 / 1080 * 100vh);
}
.price-discount span:nth-child(1) {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(12 / 1920 * 100vwvw);
  color: #001e2f;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.price-discount span:nth-child(2) {
  height: calc(20 / 1080 * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(12 / 1920 * 100vwvw);
  color: #001e2f;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.actual-price {
  display: flex;
  justify-content: space-between;
  margin: calc(12 / 1080 * 100vh) 0;
}
.actual-price span:nth-child(1) {
  width: calc(29 / 1920 * 100vw);
  height: calc(20 / 1080 * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(14 / 1920 * 100vw);
  color: #001e2f;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.actual-price span:nth-child(2) {
  height: calc(20 / 1080 * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: calc(16 / 1920 * 100vw);
  color: #f56c6c;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
/* .order-input  */
.input-select {
  width: calc((94 / 1920) * 100vw);
  height: calc((32 / 1080) * 100vh);
  display: flex;
  align-items: center;
  /* background: #f02727; */
  z-index: 1;
  position: relative;
}
.input-select select {
  width: 100%;
  height: calc((32 / 1080) * 100vh);
  /* background: #f02727; */
  font-size: calc((14 / 1920) * 100vw);
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* padding: 0 4px; */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
}
input,
select {
  outline: none;
}

.input-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc((8 / 1920) * 100vw);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: calc((6 / 1920) * 100vw) solid transparent;
  border-right: calc((6 / 1920) * 100vw) solid transparent;
  border-top: calc((5 / 1080) * 100vh) solid #999;
  pointer-events: none;
}
.input-container {
  flex: 1;
  display: flex;
  align-items: center;
  background: white;
}
.input-container .query {
  width: calc((34 / 1920) * 100vw);
  height: calc((22 / 1080) * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: calc((14 / 1920) * 100vw);
  color: #1677ff;
  line-height: calc((22 / 1080) * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
  border: none;
  background: transparent;
}
.inputTop {
  height: calc((32 / 1080) * 100vh);
  width: 100%;
  padding: calc((8 / 1080) * 100vh) calc((10 / 1920) * 100vw);
  outline: none;
  border: none;
  background: transparent;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc((14 / 1920) * 100vw);
  color: #a8abb2;
  line-height: calc(22 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.tips {
  margin-top: calc((12 / 1920) * 100vw);
  padding: 0 calc((16 / 1920) * 100vw);
  height: calc((22 / 1920) * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc((12 / 1920) * 100vw);
  color: #50607a;
  line-height: calc((22 / 1920) * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.order-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(12 / 1920 * 100vw) calc(16 / 1920 * 100vw);
  padding-bottom: 0;
  /*padding: 12px 16px 0 16px;*/
}
.order-tabs .tabs-item {
  width: calc(51 / 1920 * 100vw);
  height: calc(32 / 1920 * 100vw);
  /*background: #FFFFFF;*/
  border-radius: calc(16 / 1920 * 100vw);
  color: #999;
  line-height: calc(32 / 1920 * 100vw);
  text-align: center;
  font-size: calc(12 / 1920 * 100vw);
  cursor: pointer;
   outline: none;
  border: none;
  /* 防止某些浏览器的默认焦点样式 */
  -webkit-tap-highlight-color: transparent;
}
.order-tabs .tabs-items {
  width: calc(51 / 1920 * 100vw);
  height: calc(32 / 1920 * 100vw);
  background: #409eff;
  font-size: calc(12 / 1920 * 100vw);
  color: #fff;
  line-height: calc(32 / 1920 * 100vw);
  text-align: center;
  cursor: pointer;
}
/*无订单提醒*/
.order-content .order-content-item {
  border-radius: calc(8 / 1920 * 100vw);
  background: #ffffff;
  font-size: calc(16 / 1920 * 100vw);
  padding: calc(12 / 1920 * 100vw);
  margin-top: calc(10 / 1080 * 100vh);
}
/*订单卡片*/
.order-content {
  overflow-y: scroll;
  height: calc((666 / 1960) * 100vw);
  background: #f5f6f7;
  padding: calc(10 / 1920 * 100vw) calc(16 / 1920 * 100vw)
    calc(6 / 1920 * 100vw) calc(16 / 1920 * 100vw);
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
}

.action-buttons button {
  margin-top: calc(8 / 1080 * 100vh);
  width: calc(48 / 1920 * 100vw);
  height: calc(24 / 1920 * 100vw);
  line-height: calc(24 / 1920 * 100vw);
  border-radius: calc(4 / 1920 * 100vw);
  font-family: Inter, Inter;
  font-weight: 500;
  font-size: calc(12 / 1920 * 100vw);
}

.adjust-btn,
.save-btn {
  background: #1677ff;
  color: #ffffff;
  border: none;
}
.price-container {
  display: flex;
  justify-content: flex-end;
}

.priceChange {
  /*width:calc(48 / 1920 * 100vw);*/
  /*height: calc(24 / 1080 * 100vh);*/
  background: #1677ff;
  border-radius: calc(4 / 1920 * 100vw);
  color: #fff;
  border: none;
  font-size: calc(14 / 1920 * 100vw);
}
.confirm-btn {
  background: #ffffff;
  border: 1px solid #dcdfe6;
}
.goods-content {
  width: 100%;
  height: calc((664 / 1920) * 100vw);
  /*background-color: #1677ff;*/
  overflow-y: scroll;
  overflow-x: hidden;
  padding: calc((16 / 1920) * 100vw);
  /* Firefox */
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
}
.goods-content-item {
  width: 100%;
  height: calc((132 / 1920) * 100vw);
  background: #ffffff;
  border-radius: calc((8 / 1920) * 100vw);
  margin-bottom: calc((10 / 1920) * 100vw);
  padding: calc((12 / 1920) * 100vw);
}
.order-content::-webkit-scrollbar,
.goods-content::-webkit-scrollbar {
  /* Chrome, Safari, Opera */
  display: none;
  width: 0;
  height: 0;
}
/* 分页器 */

.pagination-container {
  width: 100%;
  height: calc(50 / 1920 * 100vw);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc((16 / 1080) * 100vh) calc((16 / 1920) * 100vw);
  background: #ffffff;
  border-radius: calc(8 / 1920 * 100vw);
}
.pagination-controls {
  display: flex;
  align-items: center;
}
.pagination-controls button {
  width: calc((24 / 1920) * 100vw);
  height: calc((24 / 1920) * 100vw);
  font-size: calc((14 / 1920) * 100vw);
  border: none;
  background: #ffffff;
}
.pagination-content {
  display: flex;
}
.current-page {
  width: calc((48 / 1920) * 100vw);
  height: calc((24 / 1080) * 100vh);
  border-radius: calc((2 / 1920) * 100vw);
  border: calc((1 / 1920) * 100vw) solid #dcdfe6;
  font-family: Inter, Inter;
  font-weight: 400;
  font-size: calc((12 / 1920) * 100vw);
  color: #50607a;
  line-height: calc((20 / 1080) * 100vh);
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin: 0 calc((9 / 1920) * 100vw);
}
.current-page:focus {
  border: calc((1 / 1920) * 100vw) solid #1677ff;
  outline: none;
}
.total-items {
  /* width: 100%; */
  height: calc((22 / 1080) * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc((14 / 1920) * 100vw);
  line-height: calc((22 / 1080) * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.refresh-btn {
  width: calc((28 / 1920) * 100vw);
  height: calc((28 / 1920) * 100vw);
  border-radius: 0px 0px 0px 0px;
  font-size: calc((14 / 1920) * 100vw);
  border: none;
  color: #1677ff;
  background: #ffffff;
}
/* 分页器 end */
/* 订单侧边栏end */
/* 会话窗口end */

/*对话框气泡*/

/*.chat-window-record {*/
/*    position: relative;*/
/*    display: flex;*/
/*    height: calc(100% - 264px);*/
/*    overflow: hidden;*/
/*    box-sizing: border-box;*/
/*    justify-content: flex-end;*/
/*    flex-direction: column;*/
/*}*/
/*聊天对话气泡*/
.chat-record-item {
  display: flex;
  padding: calc(16 / 1080 * 100vh) calc(10 / 1920 * 100vw)
    calc(16 / 1080 * 100vh);
  flex: 1;
  align-items: flex-start;
  margin-top: calc((20 / 1080) * 100vh);
}
/*气泡头像*/
.record-avatar-img {
  position: relative;
  display: inline-block;
  background: transparent;
  width: calc((44 / 1080) * 100vh);
  /*height: calc((44 / 1080) * 100vh);*/
  height: auto; /* 替换原固定高度 */
  aspect-ratio: 1/1; /* 强制宽高比为1:1 */
  cursor: pointer;
  user-select: none;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
}
.record-avatar-img img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.record-content-info {
  max-width: calc(100% - 110px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.you .record-content-info .record-time-username {
  justify-content: flex-start;
}
.record-time-username {
  display: flex;
  height: calc((17 / 1080) * 100vh);
}
.message-time {
  font-family: Noto Sans SC, Noto Sans SC;
  font-weight: 400;
  font-size: calc((12 / 1920) * 100vw);
  color: #7c889c;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.chat-record-nickname {
  color: #001e2f;
  font-size: calc((12 / 1920) * 100vw);
  margin: 0 0 0 calc((12 / 1920) * 100vw);
}
.chat-record-nickname {
}
.me .message-time {
  position: relative;
  left: -8px;
}
.you .message-time {
  position: relative;
  left: 8px;
}

.record-content-status {
  display: flex;
  margin-left: calc((8 / 1920) * 100vw);
  margin-top: calc((4 / 1080) * 100vh);
}
.me {
  flex-direction: row-reverse;
}
.me .record-content-status {
  flex-direction: row-reverse;
  margin-right: calc((8 / 1920) * 100vw);
  margin-top: calc((4 / 1080) * 100vh);
}
.me .record-content-info .record-time-username {
  justify-content: flex-end;
}

/*消息气泡容器*/
.record-content {
  max-width: calc((600 / 1920) * 100vw);
  margin-top: calc((4 / 1080) * 100vh);
  min-height: calc((44 / 1080) * 100vh);
  font-size: calc(14 / 1920 * 100vw);
  color: var(--dark);
  padding: calc((10 / 1080) * 100vh) calc((16 / 1920) * 100vw);
  position: relative;
  width: auto;
  word-wrap: break-word;
  word-break: break-all;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  border-radius: calc((22 / 1920) * 100vw);
}
.you .record-content {
  float: inline-start;
  position: relative;
}
.me .record-content {
  float: inline-end;
  color: var(--white);
  background: #409eff;
}
.record-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*record-content 包含 商品改价*/
.record-content:has( > .record-img) {
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  max-width: calc(240 / 1920 * 100vw);
  min-width: calc(120 / 1920 * 100vw);
  background: #fff;
}

/*已读提醒*/
.fastim-message-status {
  width: calc(30 / 1920 * 100vw);
  height: calc(24 / 1920 * 100vw);
  line-height: calc(24 / 1920 * 100vw);
  margin-right: calc(4 / 1920 * 100vw);
  align-self: flex-end;
  font-size: calc(12 / 1920 * 100vw);
  color: var(--gray);
}

/*系统tips*/
.system span {
  font-size: calc(12 / 1920 * 100vw);
  display: inline-block;
  background: #ccc;
  color: #fff;
  line-height: calc(12 / 1080 * 100vh);
  border-radius: calc(5 / 1920 * 100vw);
  padding: calc(3 / 1080 * 100vh) calc(10 / 1920 * 100vw);
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
  margin: 0 auto;
}

/*发送推荐商品消息样式*/
.goods-message {
  padding: calc((16 / 1920) * 100vw);
  width: calc((383 / 1920) * 100vw);
  max-height: calc((192 / 1920) * 100vw);
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  border-radius: calc((12 / 1920) * 100vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.change-price-tips {
  /*width: 193px;*/
  height: calc((20 / 1080) * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc((14 / 1920) * 100vw);
  color: #001e2f;
  line-height: calc((20 / 1080) * 100vh);
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.line {
  width: 100%;
  height: calc((1 / 1080) * 100vh);
  background: #ccc;
  margin: calc((15 / 1080) * 100vh) 0;
}
.messages-item {
  display: flex;
}
.messages-img {
  width: calc((60 / 1920) * 100vw) !important;
  /*height: auto;*/
  /*aspect-ratio: 1/1;*/
  height: calc((60 / 1920) * 100vw) !important;
  border-radius: 4px 4px 4px 4px;
  overflow: hidden;
}
.messages-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.goods-item-to {
  margin-left: calc((21 / 1920) * 100vw);
}
.goods-info-title {
  width: calc(259 /1920 * 100vw);
  height: calc((20 / 1080) * 100vh);
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: calc((14 / 1920) * 100vw);
  color: #333333;
  line-height: 20px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.goods-info-subtitle {
  width: calc(259 / 1920 * 100vw);
  height: calc(20 / 1080 * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(12 / 1920 * 100vw);
  color: #333333;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: calc(8 / 1080 * 100vh) 0;
  display: block;
}
.goods-info-price {
  height: calc(20 / 1080 * 100vh);
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: calc(14 / 1920 * 100vw);
  color: #333333;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.price {
  margin-left: calc(8 / 1920 * 100vw);
  height: calc(20 / 1080 * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: calc(16 / 1920 * 100vw);
  color: #f56c6c;
  line-height: calc(20 / 1080 * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.view-details {
  margin-top: calc(12 / 1080 * 100vh);
  width: calc((73 / 1920) * 100vw);
  height: calc((24 / 1080) * 100vh);
  line-height: calc((24 / 1080) * 100vh);
  background: #1677ff;
  border-radius: calc((4 / 1920) * 100vw);
  border: none;
  color: #ffffff;
  font-size: calc((12 / 1920) * 100vw);
}

/*发送订单消息样式*/
.product-card {
  width: 383px;
  height: 132px;
  background: #ffffff;
  border-radius: 8px;
  padding: 12px;
}
.product-main {
  display: flex;
}
.product-image {
  width: calc((48 / 1920) * 100vw);
  height: calc((48 / 1920) * 100vw);
  border-radius: calc((4 / 1920) * 100vw);
  background-color: #f5f6fa;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-info {
  margin-left: calc((10 / 1920) * 100vw);
  display: flex;
  flex-direction: column;
  flex: 1;
}
.product-title {
  max-width: calc((200 / 1920) * 100vw);
  height: calc((20 / 1080) * 100vh);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc((12 / 1920) * 100vw);
  color: #001e2f;
  line-height: calc((20 / 1080) * 100vh);
  text-align: left;
  font-style: normal;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-price {
  margin-top: calc((6 / 1920) * 100vw);
  width: calc((41 / 1920) * 100vw);
  height: calc((20 / 1920) * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: calc((16 / 1920) * 100vw);
  color: #F15050;
  line-height: calc((20 / 1920) * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.goods-item {
  width: calc((351 - 1920) * 100vw);
}
.product-stats {
  margin-top: calc((8 / 1920) * 100vw);
  height: calc((20 / 1920) * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc((12 / 1920) * 100vw);
  color: #50607a;
  line-height: calc((20 / 1920) * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
  display: flex;
  align-items: center;
}
.inventory {
  font-size: calc((12 / 1920) * 100vw);
  margin-right: calc((40 / 1920) * 100vw);
}
.inventory span {
  margin-left: calc((10 / 1920) * 100vw);
}
.sales {
  font-size: calc((12 / 1920) * 100vw);
  margin-left: calc((10 / 1920) * 100vw);
}
.product-action {
  position: relative;
  max-height: calc((24 / 1920) * 100vw);
  margin-top: calc((8 / 1920) * 100vw);
}
.product-action button {
  position: absolute;
  top: 0;
  left: 0;
  width: calc((72 / 1920) * 100vw);
  height: calc((24 / 1920) * 100vw);
  background: #1677ff;
  border-radius: calc((4 / 1920) * 100vw);
  border: none;
  color: #ffffff;
  font-family: Inter, Inter;
  font-weight: 500;
  font-size: calc((12 / 1920) * 100vw);
  line-height: calc((24 / 1920) * 100vw);
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.message-window-popup {
  width: calc(100% - ((360 / 1920) * 100vw));
  position: absolute;
  bottom: 0;
  background: var(--white);
  border-radius: 4px;
  z-index: 990;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/*选择表情-start*/
.fastim-emoji {
  /*width: 467px;*/
  width: 100%;
  max-height: calc(300 / 1080 * 100vh);
  /*left: 4px;*/
  padding: calc(6 / 1920 * 100vw);
  overflow-y: scroll;
}
.record-content .emoji {
  width: calc(38 / 1920 * 100vw);
  height: calc(38 / 1920 * 100vw);
  padding: calc(5 / 1920 * 100vw);
}
.fastim-emoji .emoji:hover,
.fastim-emoji .emoji:focus {
  background: var(--grey);
}
/*选择表情-end*/

/*发送链接-start*/
.link-input {
  width: 350px;
  padding: 10px;
  /*left: 4px;*/
}
.fastim-label-input {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
  margin-bottom: 10px;
}
.fastim-label-input span {
  display: inline-block;
  background-color: var(--white);
  padding: 0 12px;
  font-size: 12px;
  color: var(--black);
  text-align: center;
  border: 1px solid var(--grey);
  border-right: 0;
  line-height: 32px;
  height: 32px;
  width: 26%;
}
/*发送链接-end*/

.fastim-contacts-window {
  background: var(--bg);
}

.fastim-input-status {
  position: absolute;
  bottom: 0;
  left: 4px;
  z-index: 990;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 6px;
  color: var(--blue);
}
/*快捷回复-start*/
.fast-reply {
  color: var(--gray);
  margin-left: auto;
  cursor: pointer;
  user-select: none;
}
.fast-reply:hover,
.fast-reply:focus {
  color: var(--dark);
}
/*快捷回复-end*/
/*预览图片-start*/
.fastim-preview-img {
  position: fixed;
  z-index: 19891030;
  background: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  cursor: move;
  user-select: none;
}
.fastim-preview-img .fastim-close {
  z-index: 19891030;
  /*right: -3px;*/
  /*top: 4px;*/
}
.fastim-img-fill {
  width: 100%;
  height: 100%;
}

.fastim-close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: calc(26 / 1920 * 100vw);
  height: calc(26 / 1920 * 100vw);
  color: #000;
  cursor: pointer;
  outline: none;
  z-index: 1099;
  border: none;
}
.fastim-close:hover,
.fastim-close:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/*预览图片-end*/
/*悬浮按钮-start*/
.fastim-button-container {
  position: fixed;
  top: 78%;
  right: calc(60 / 1920 * 100vw);
  z-index: 1099;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fastim-button {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(46 / 1920 * 100vw);
  height: calc(46 / 1920 * 100vw);
  border-radius: 50%;
}
.fastim-orbit {
  height: calc(50 / 1920 * 100vw);
  width: calc(50 / 1920 * 100vw);
  position: absolute;
  top: calc(-2 / 1920 * 100vw);
  right: calc(-2 / 1920 * 100vw);
  border: solid;
  border-color: var(--blue) transparent transparent var(--blue);
  border-radius: 50%;
  border-width: 1px 1px 0 1px;
  animation: fastim-orbit 0.5s linear infinite, fastim-pulse 2s infinite;
  -moz-animation: fastim-orbit 0.5s linear infinite, fastim-pulse 2s infinite;
  -webkit-animation: fastim-orbit 0.5s linear infinite, fastim-pulse 2s infinite;
}
.fastim-orbit.link-success {
  animation: fastim-orbit 8s linear infinite, fastim-pulse 2s infinite;
  -moz-animation: fastim-orbit 8s linear infinite, fastim-pulse 2s infinite;
  -webkit-animation: fastim-orbit 8s linear infinite, fastim-pulse 2s infinite;
}
.fastim-point {
  background: var(--blue);
  width: calc(2 / 1920 * 100vw);
  height: calc(2 / 1920 * 100vw);
  border-radius: 50%;
  position: absolute;
  left: calc(42 / 1920 * 100vw);
  top: calc(8 / 1080 * 100vh);
}
@-webkit-keyframes fastim-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(99, 136, 251, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0);
  }
}

@keyframes fastim-pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0.4);
    box-shadow: 0 0 0 0 rgba(99, 136, 251, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(99, 136, 251, 0);
    box-shadow: 0 0 0 10px rgba(99, 136, 251, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(99, 136, 251, 0);
    box-shadow: 0 0 0 0 rgba(99, 136, 251, 0);
  }
}
@-webkit-keyframes fastim-orbit {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes fastim-orbit {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
/*悬浮按钮-end*/

/*消息提示-start*/
.fastim-light-prompt {
  position: fixed;
  display: block;
  z-index: 1099;
  background: var(--white);
  padding: 10px 12px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.fastim-light-prompt-content {
  display: block;
  font-size: 13px;
  line-height: 15px;
  color: var(--dark);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  word-break: break-all;
}
.fastim-light-prompt-content:before {
  position: absolute;
  top: 16px;
  display: block;
  width: 8px;
  height: 6px;
  content: "\00a0";
  -webkit-transform: rotate(29deg) skew(-35deg);
  transform: rotate(29deg) skew(-35deg);
  right: -3px;
  background: var(--white);
  border-radius: 3px;
}
.fastim-light-prompt-content.left:before {
  left: -3px;
}
.fastim-pop-msg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 15px 30px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--white);
  z-index: 1099;
  font-size: var(--font-size);
}
.fastim-pop-msg-close {
  position: absolute;
  right: 6px;
  top: 1px;
  font-size: 16px;
  cursor: pointer;
  opacity: 0.8;
  user-select: none;
}
.fastim-pop-msg-close:hover {
  opacity: 1;
}
.fastim-window-msg {
  position: relative;
  display: flex;
  justify-content: center;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.fastim-window-msg-box {
  position: absolute;
  top: 42px;
  max-width: 360px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1099;
  padding: 6px 20px 6px 13px;
}
.fastim-window-msg-box img {
  height: 30px;
  width: 30px;
  min-width: 30px;
  user-select: none;
}
.fastim-window-msg-box .fastim-window-msg-text {
  margin: 0 4px 0 6px;
}
/*消息提示-end*/
/*右击菜单-start*/
.fastim-contextmenu {
  position: fixed;
  background: var(--white);
  font-size: var(--font-size);
  z-index: 1060;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: calc(8 / 1920 * 100vw);
  overflow: hidden;
}
.fastim-contextmenu div {
  padding: 8px 26px 8px 14px;
  user-select: none;
  cursor: pointer;
}
.fastim-contextmenu div:hover {
  background: var(--grey);
  color: #1677ff;
}
/*右击菜单-end*/

.blacklist-modal .modal-content {
  /*width: calc(480 / 1920 * 100vw);*/
  height: calc(180 / 1920 * 100vw);
  padding: calc(16 / 1920 * 100vw);
}

.modal-content .tips-text {
  width: calc(446 / 1920 * 100vw);
  height: calc(86 / 1920 * 100vw);
  background: #ecf5ff;
  border-radius: calc(4 / 1920 * 100vw);
  padding: calc(10 / 1920 * 100vw);
}
.tips-text span {
  display: inline-block;
  width: calc(416 / 1920 * 100vw);
  height: calc(22 / 1920 * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(14 / 1920 * 100vw);
  color: #409eff;
  line-height: calc(22 / 1920 * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.modal-footer {
  padding: calc(16 / 1920 * 100vw) calc(10 / 1920 * 100vw);
  /*width: calc(480 / 1920 * 100vw);*/
  height: calc(58 / 1920 * 100vw);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(8 / 1920 * 100vw);
}

.action-btn {
  display: inline-block;
  padding: calc(5 / 1920 * 100vw) calc(16 / 1920 * 100vw);
  color: #333;
  border: calc(1 / 1920 * 100vw) solid #dcdfe6;
  margin-right: 0;
}
.modal-footer .im-button {
  width: auto;
  background: #fff;
}
.modal-footer .service-black {
  background: #409eff;
  color: #fff;
}
.reason {
  margin-top: calc(20 / 1920 * 100vw);
  width: 100%;
  font-weight: 400;
  font-size: calc(14 / 1920 * 100vw);
  color: #303133;
  display: flex;
  align-items: center;
}
.reason input {
  flex: 1;
  height: calc(32 / 1920 * 100vw);
  background: #ffffff;
  border-radius: calc(4 / 1920 * 100vw);
  border: calc(1 / 1920 * 100vw) solid #dcdfe6;
  padding-left: calc(8 / 1920 * 100vw);

  font-family: Inter, Inter;
  font-weight: 400;
  font-size: calc(13 / 1920 * 100vw);
  color: #a8abb2;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

/*消息提示-start*/
.fastim-light-prompt {
  position: fixed;
  z-index: 1099;
  background: var(--white);
  padding: 10px 12px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.fastim-light-prompt-content {
  display: block;
  font-size: 13px;
  line-height: 15px;
  color: var(--dark);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  word-break: break-all;
}
.fastim-light-prompt-content:before {
  position: absolute;
  top: 16px;
  display: block;
  width: 8px;
  height: 6px;
  content: "\00a0";
  -webkit-transform: rotate(29deg) skew(-35deg);
  transform: rotate(29deg) skew(-35deg);
  right: -3px;
  background: var(--white);
  border-radius: 3px;
}
.fastim-light-prompt-content.left:before {
  left: -3px;
}
.fastim-pop-msg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 15px 30px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--white);
  z-index: 1099;
  font-size: var(--font-size);
}
.fastim-pop-msg-close {
  position: absolute;
  right: 6px;
  top: 1px;
  font-size: calc(16 / 1920 * 100vw);
  cursor: pointer;
  opacity: 0.8;
  user-select: none;
}
.fastim-pop-msg-close:hover {
  opacity: 1;
}
.fastim-window-msg {
  position: relative;
  display: flex;
  justify-content: center;
  -webkit-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.fastim-window-msg-box {
  position: absolute;
  top: calc(80 / 1920 * 100vw);
  max-width: calc(360 / 1920 * 100vw);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1099;
  padding: 6px 20px 6px 13px;
}
.fastim-window-msg-box img {
  height: calc(30 / 1920 * 100vw);
  width: calc(30 / 1920 * 100vw);
  min-width: calc(30 / 1920 * 100vw);
  user-select: none;
}
.fastim-window-msg-box .fastim-window-msg-text {
  margin: 0 4px 0 6px;
  font-size: calc(14 / 1920 * 100vw);
}
/*消息提示-end*/

/*notify*/
.notify-container {
  position: fixed;
  z-index: 9999;
  max-width: calc(300 / 1920 * 100vw);
  font-family: Arial, sans-serif;
}

.notify-container.top-right {
  top: 20px;
  right: 20px;
}

.notify-container.top-left {
  top: 20px;
  left: 20px;
}

.notify-container.bottom-right {
  bottom: 20px;
  right: 20px;
}

.notify-container.bottom-left {
  bottom: 20px;
  left: 20px;
}
.notify-container.center {
  top: 20px;
  left: 50%;
  transform: transform(20px, -50%);
}

.notify {
  position: relative;
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 4px;
  font-size: calc(14 / 1920 * 100vw);
  color: white;
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.3s ease;
  cursor: pointer;
  /*box-shadow: 0 3px 10px rgba(0,0,0,0.2);*/
}

.notify.show {
  opacity: 1;
  transform: translateY(0);
}

.notify.hide {
  opacity: 0;
  transform: translateY(-20px);
}

.notify.info {
  /*background: #3498db;*/
  background: #eff6ff;
  border: 1px solid #60a5fa;
  color: #60a5fa;
}

.notify.success {
  /*background: #2ecc71;*/
  background: #ecfdf5;
  border: 1px solid #34d399;
  color: #34d399;
}

.notify.warning {
  /*background: #f39c12;*/
  background: #fffbeb;
  border: 1px solid #fbbf24;
  color: #fbbf24;
}

.notify.error {
  /*background: #e74c3c;*/
  background: #fef2f2;
  border: 1px solid #f87171;
  color: #f87171;
}

.notify-icon {
  margin-right: 10px;
}

.notify-close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: calc(16 / 1920 * 100vw);
  cursor: pointer;
}

/*fastim*/
.fastim-confirm {
  position: fixed;
  background: var(--white);
  z-index: 1060;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  padding: 30px 22px 18px 22px;
}
.fastim-confirm-close {
  right: calc(8 / 1920 * 100vw);
  top: calc(8 / 1920 * 100vw);
  border: none;
}
.fastim-confirm .fastim-center-buttons {
  margin-top: 16px;
  margin-bottom: 0;
}

/*反馈与举报-start*/
.fastim-report-form {
  padding: 20px;
  padding-bottom: 0;
}
.fastim-report-form .input-click-box {
  left: 160px;
}
/*反馈与举报-end*/

.blacklist-modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.blacklist-modal {
  width: calc(480 / 1920 * 100vw);
  height: calc(292 / 1920 * 100vw);
  background: white;
  border-radius: calc(8 / 1920 * 100vw);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*background: red;*/
}

.modal-header {
  padding: calc(16 / 1920 * 100vw) calc(10 / 1920 * 100vw);
  /*width: calc(480 / 1920 * 100vw);*/
  height: calc(58 / 1920 * 100vw);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-title {
  font-weight: bold;
  height: calc(26 / 1920 * 100vw);
  font-size: calc(18 / 1920 * 100vw);
  color: #303133;
  line-height: calc(26 / 1920 * 100vw);
}

.close-btn {
  cursor: pointer;
  color: #999;
  font-size: calc(16 / 1920 * 100vw);
  /*line-height: 1;*/
  width: calc(16 / 1920 * 100vw);
  height: calc(16 / 1920 * 100vw);
  line-height: calc(16 / 1920 * 100vw);
}

/* 引入Font Awesome */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

/*添加新联系人*/
.new-contact-apply-box {
  /*top: 12%;*/
  /*left: calc(50% - 200px);*/
  /*width: 400px;*/
  z-index: 1060;
}
.new-contact-apply {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: calc(360 / 1920 * 100vw);
}
.new-contact-apply-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: calc(20 / 1920 * 100vw) 0;
}
.new-contact-apply-info-box {
  width: 100%;
}
.new-contact-apply-avatar {
  display: block;
  height: calc(80 / 1920 * 100vw);
  width: calc(80 / 1920 * 100vw);
  margin: 0 auto;
  border-radius: 50%;
}
.new-contact-apply-nickname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  font-size: calc(18 / 1920 * 100vw);
  margin-top: calc(10 / 1920 * 100vw);
  padding: 0 calc(10 / 1920 * 100vw);
  text-align: center;
}
.new-contact-apply-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(10 / 1920 * 100vw);
  font-size: calc(12 / 1920 * 100vw);
  color: var(--gray);
}
.new-contact-apply-row img {
  height: calc(18 / 1920 * 100vw);
  width: calc(18 / 1920 * 100vw);
  margin-right: calc(4 / 1920 * 100vw);
}
.new-contact-apply-right {
  width: 100%;
  height: 100%;
  padding: calc(15 / 1920 * 100vw);
  padding-bottom: 0;
  position: relative;
}
.fastim-popup .new-contact-apply .fastim-form-title {
  width: calc(70 / 1920 * 100vw);
  font-size: calc(16 / 1920 * 100vw);
  color: var(--gray);
  font-weight: normal;
}
.fastim-popup .new-contact-apply select,
.fastim-popup .new-contact-apply input,
.fastim-popup .new-contact-apply textarea {
  width: 70%;
  /*flex:1;*/
  padding: calc(8 / 1920 * 100vw) calc(12 / 1920 * 100vw);
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  font-size: calc(14 / 1920 * 100vw);
  color: #606266;
  background-color: white;
  transition: border-color 0.3s, box-shadow 0.3s;
  -webkit-appearance: none; /* 去除 Webkit 浏览器默认外观 */
  /*background: red;*/
}
.fastim-popup .new-contact-apply select:focus,
.fastim-popup .new-contact-apply input:focus,
.fastim-popup .new-contact-apply textarea:focus {
  border-color: #409eff;
  outline: none;
  box-shadow: 0 0 4px rgba(64, 158, 255, 0.3);
}
/* 下拉箭头自定义 (仅 select) */
.fastim-popup .new-contact-apply select {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23606666'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px;
  padding-right: 28px; /* 避免文字被箭头遮挡 */
}
.fastim-popup .new-contact-apply select:disabled,
.fastim-popup .new-contact-apply input:disabled,
.fastim-popup .new-contact-apply textarea:disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #c0c4cc;
}
/* 文本域尺寸锁定 */
.fastim-popup .new-contact-apply textarea {
  resize: vertical; /* 允许垂直调整，禁止水平拉伸 */
  min-height: calc(80 / 1920 * 100vw);
}

.fastim-form {
  width: 100%;
  display: flex;
  margin-bottom: calc(16 / 1920 * 100vw);
}
.fastim-center-buttons {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  user-select: none;
  gap: calc(16 / 1920 * 100vw);
}
.fastim-center-buttons button {
  /*width: 100%;*/
}
/*添加新联系人 end*/

.price-adjust-container {
  width: 100%;
}

.price-discount {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(12 / 1920 * 100vw);
}
.price-discount span:nth-child(1) {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(12 / 1920 * 100vw);
  color: #001e2f;
  line-height: calc(20 / 1920 * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.text-muted {
  font-size: calc(16 / 1920 * 100vw);
}
.price-discount span:nth-child(2) {
  height: calc(20 / 1920 * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(12 / 1920 * 100vw);
  color: #001e2f;
  line-height: calc(20 / 1920 * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.price-input-group {
  height: calc(20 / 1920 * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(14 / 1920 * 100vw);
  color: #001e2f;
  line-height: calc(20 / 1920 * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
  display: flex;
  align-items: center;
  margin-bottom: calc(8 / 1920 * 100vw);
}

.input-container {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #ffffff;
}

.input-label {
  margin-right: 20px;
}

.unit {
  color: #999;
}

.price-input-group input {
  width: 50px;
  height: 24px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #dcdfe6;
  margin: 0 10px;
}
.price-input-group span:nth-child(1) {
}

.actual-price {
  display: flex;
  justify-content: space-between;
  margin: calc(12 / 1920 * 100vw) 0;
}
.actual-price span:nth-child(1) {
  width: calc(29 / 1920 * 100vw);
  height: calc(20 / 1920 * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: calc(14 / 1920 * 100vw);
  color: #001e2f;
  line-height: calc(20 / 1920 * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.actual-price span:nth-child(2) {
  height: calc(20 / 1920 * 100vw);
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: calc(16 / 1920 * 100vw);
  color: #f56c6c;
  line-height: calc(20 / 1920 * 100vw);
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.button-group {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  cursor: pointer;
}

.button-group buton {
  cursor: pointer;
}

.button-group button {
  width: 48px;
  height: 24px;
  font-family: Inter, Inter;
  font-weight: 500;
  font-size: 12px;
  border-radius: 4px;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  border: none;
}

.button-group button:first-child {
  background: #1677ff;

  color: #ffffff;
}

.button-group button:last-child {
  width: 48px;
  height: 24px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #dcdfe6;
  font-family: Inter, Inter;
  font-weight: 500;
  font-size: 12px;
  color: #50607a;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

#black-table {
  width: calc(704 / 1920 * 100vw);
  /* height: 100%; */
  border-collapse: collapse;
  font-weight: 500;
  font-size: calc(14 / 1920 * 100vw);
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
}
#black-table thead {
  background-color: #fafafa;
}
#black-table th {
  padding: calc(12 / 1920 * 100vw) 0;
}

#black-table td {
  padding: calc(12 / 1920 * 100vw);
}
#black-table th input[type="checkbox"],
#black-table td input[type="checkbox"] {
  width: calc(16 / 1920 * 100vw);
  height: calc(16 / 1920 * 100vw);
  border: calc(1 / 1920 * 100vw) solid #ccc;
  border-radius: calc(2 / 1920 * 100vw);
}
input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  border: calc(1 / 1920 * 100vw) solid #ccc;
}
input[type="checkbox"]:checked {
  background-color: #409eff;
  border: none;
}
input[type="checkbox"]:checked::before {
  content: "\2713";
  display: block;
  width: calc(16 / 1920 * 100vw);
  height: calc(16 / 1920 * 100vw);
  line-height: calc(16 / 1920 * 100vw);
  text-align: center;
  font-size: calc(10 / 1920 * 100vw);
  color: #fff;
}
#black-table th span {
  width: 100%;
  height: calc(20 / 1920 * 100vw);
  line-height: calc(20 / 1920 * 100vw);
  border-right: calc(1 / 1920 * 100vw) solid #ccc;
  display: block;
}
#black-table th:nth-child(1) {
  width: calc(44 / 1920 * 100vw);
}
#black-table th:nth-child(2) {
  width: calc(176 / 1920 * 100vw);
}
#black-table th:nth-child(3) {
  width: calc(187 / 1920 * 100vw);
}
#black-table th:nth-child(4) {
  width: calc(204 / 1920 * 100vw);
}
#black-table th:nth-child(5),
#black-table th:nth-child(5) span {
  width: calc(93 / 1920 * 100vw);
  border: none;
}
#black-table tbody tr:hover {
  background-color: #e6f7ff;
}
#black-table tbody tr {
  font-weight: 400;
  font-size: calc(14 / 1920 * 100vw);
  color: #303133;
  border-bottom: calc(1 / 1920 * 100vw) solid rgba(0, 0, 0, 0.06);
}
#black-table tbody tr a {
  color: #409eff;
  text-decoration: none;
}
.srvice-blacklist-content {
}
.srvice-blacklist-content .search-user-control {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(12 / 1920 * 100vw);
}
.search-user-control label {
  height: calc(22 / 1920 * 100vw);
  font-weight: 500;
  font-size: calc(14 / 1920 * 100vw);
  color: #303133;
  line-height: calc(22 / 1920 * 100vw);
}
.search-user-control input {
  width: calc(200 / 1920 * 100vw);
  height: calc(32 / 1920 * 100vw);
  border: none;
  padding: calc(5 / 1920 * 100vw) calc(8 / 1920 * 100vw);
  border: calc(1 / 1920 * 100vw) solid #dcdfe6;
  font-size: calc(14 / 1920 * 100vw);
}
.search-user-control input:focus {
  outline: none;
  border: calc(1 / 1920 * 100vw) solid #409eff;
}
.query-black-user-button {
  width: calc(82 / 1920 * 100vw);
  height: calc(32 / 1920 * 100vw);
  background-color: #409eff;
  border: none;
  color: #fff;
  font-size: calc(14 / 1920 * 100vw);
  cursor: pointer;
  border-radius: calc(4 / 1920 * 100vw);
}
.reset-button {
  width: calc(60 / 1920 * 100vw);
  height: calc(32 / 1920 * 100vw);
  background-color: #fff;
  border: calc(1 / 1920 * 100vw) solid #dcdfe6;
  color: #303133;
  font-size: calc(14 / 1920 * 100vw);
  cursor: pointer;
  border-radius: calc(4 / 1920 * 100vw);
}
.button-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(12 / 1920 * 100vw);
  margin: calc(12 / 1920 * 100vw) 0;
}
.button-group.move-button {
  width: calc(60 / 1920 * 100vw);
  height: calc(32 / 1920 * 100vw);
  background-color: #409eff;
  border: none;
  color: #fff;
  font-size: calc(14 / 1920 * 100vw);
  cursor: pointer;
  border-radius: calc(4 / 1920 * 100vw);
}

/**文件*/
.record-file {
  height: calc(50 / 1920 * 100vw);
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.record-file img {
  width: calc(50 / 1920 * 100vw) !important;
  height: calc(50 / 1920 * 100vw) !important;
  padding: calc(4 / 1920 * 100vw);
}
.record-file div {
  /*width: calc(50 / 1920 * 100vw);*/
  margin: calc(6 / 1920 * 100vw) 0 0 calc(6 / 1920 * 100vw);
}
.record-file .file-name {
  font-size: calc(14 / 1920 * 100vw);
  font-weight: bold;
  margin: 0;
  color: var(--black);
}
.record-file .file-size {
  margin: 0;
  /*color: var(--gray);*/
  color: #333;
}
.chat-record-item.me .file-name {
  /*color: var(--white);*/
  color: #333;
}
.chat-record-item.me .file-size {
  color: #666;
}
.record-file .down-file {
  font-size: calc(12 / 1920 * 100vw);
  padding: 0 calc(10 / 1920 * 100vw);
}
.record-content:has(.record-file) {
  background: #fff;
}
.record-content:has(.goods-message)  {
    width: calc(383 / 1920 * 100vw);
    padding: 0;
    background: #fff;
}
.modal-content:has(.chat-history){
    padding: 0;
    box-shadow: none;
}

      /* 聊天记录容器 */
      .chat-history {
        width: 100%;
        height: 100%;
        padding: var(--chat-spacing);
        border: 1px solid var(--border-color);
        border-radius: 4px;
        /*box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);*/
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        background-color: #fff;
      }

      /* 查询区域 */
      .chat-history__search {
        display: grid;
        grid-template-columns: auto 1fr auto 1fr;
        grid-template-rows: auto auto;
        gap: var(--spacing-md);
        padding-bottom: var(--spacing-lg);
        border-bottom: 1px solid var(--border-color);
        align-items: center;
        margin-bottom: var(--spacing-md);
      }
      
      /* 第一行：时间选择器 */
      .chat-history__search-label[for="start_time"] {
        grid-column: 1;
        grid-row: 1;
      }
      
      .chat-history__search-input#start_time {
        grid-column: 2;
        grid-row: 1;
      }
      
      .chat-history__search-label[for="end_time"] {
        grid-column: 3;
        grid-row: 1;
      }
      
      .chat-history__search-input#end_time {
        grid-column: 4;
        grid-row: 1;
      }
      
      /* 第二行：关键词和搜索按钮 */
      .chat-history__search-label[for="keyword"] {
        grid-column: 1;
        grid-row: 2;
      }
      
      .chat-history__search-input#keyword {
        grid-column: 2 / 4;
        grid-row: 2;
      }
      
      /* 搜索按钮放在第二行末尾 */
      .chat-history__search-button {
        grid-column: 4;
        grid-row: 2;
        justify-self: end;
        margin-top: 0;
      }

      .chat-history__search-label {
        color: var(--text-color);
        font-size: 14px;
        white-space: nowrap;
      }

      .chat-history__search-input {
        padding: var(--input-padding);
        border: 1px solid var(--border-color);
        border-radius: 4px;
        transition: border-color 0.3s;
      }

      .chat-history__search-input:focus {
        border-color: var(--primary-color);
      }

      .chat-history__search-button {
        background: var(--primary-color);
        color: white;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
        transition: opacity 0.3s;
        white-space: nowrap;
        border: none;
      }

      .chat-history__search-button:hover {
        opacity: 0.9;
      }

      /* 历史消息列表 */
      .chat-history__messages {
        flex: 1;
        overflow-y: auto;
        padding-right: var(--spacing-sm);
      }

      /* 历史消息项 */
      .chat-history__message {
        border-bottom: var(--item-border);
        padding: 12px 0;
        transition: background 0.3s ease;
        cursor: pointer;
      }

      .chat-history__message:hover {
        background: var(--background-color);
      }

      .chat-history__message-header {
        display: flex;
        justify-content: space-between;
        color: var(--text-color);
        margin-bottom: 8px;
        font-size: 14px;
      }

      .chat-history__message-content {
        color: var(--text-color-secondary);
        padding-left: 8px;
        border-left: 3px solid var(--primary-color);
        font-size: 14px;
        line-height: 1.5;
      }

      .chat-history__message-sender {
        font-weight: bold;
      }

      .chat-history__message-time {
        color: var(--text-color-secondary);
        font-size: 12px;
      }

      /* 无记录提示 */
      .chat-history__empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: var(--text-color-secondary);
      }

      .chat-history__empty-icon {
        font-size: 48px;
        margin-bottom: var(--spacing-md);
        color: #dcdfe6;
      }

      /* 响应式处理 */
      @media (max-width: 768px) {
        .chat-history {
          width: 100%;
          height: 100vh;
          border: none;
          box-shadow: none;
        }
        
        .chat-history__search {
          grid-template-columns: 1fr;
          grid-template-rows: repeat(5, auto);
          gap: var(--spacing-sm);
        }
        
        /* 移动端下重置网格位置 */
        .chat-history__search-label[for="start_time"],
        .chat-history__search-label[for="end_time"],
        .chat-history__search-label[for="keyword"] {
          grid-column: 1;
          margin-top: var(--spacing-sm);
        }
        
        .chat-history__search-input#start_time,
        .chat-history__search-input#end_time,
        .chat-history__search-input#keyword {
          grid-column: 1;
          width: 100%;
        }
        
        .chat-history__search-label[for="start_time"] { grid-row: 1; }
        .chat-history__search-input#start_time { grid-row: 2; }
        .chat-history__search-label[for="end_time"] { grid-row: 3; }
        .chat-history__search-input#end_time { grid-row: 4; }
        .chat-history__search-label[for="keyword"] { grid-row: 5; }
        .chat-history__search-input#keyword { grid-row: 6; }
        
        .chat-history__search-button {
          grid-column: 1;
          grid-row: 7;
          width: 100%;
          margin-top: var(--spacing-md);
          justify-self: center;
        }
      }

      /* 自定义滚动条 */
      .chat-history__messages::-webkit-scrollbar {
        width: 6px;
      }

      .chat-history__messages::-webkit-scrollbar-thumb {
        background-color: #dcdfe6;
        border-radius: 3px;
      }

      .chat-history__messages::-webkit-scrollbar-track {
        background-color: #f5f7fa;
      }

      /* 加载中状态 */
      .chat-history__loading {
        display: flex;
        justify-content: center;
        padding: var(--spacing-lg) 0;
        color: var(--text-color-secondary);
      }