body{
  min-width: 1366px;
  overflow-x:auto;
  overflow-y:hidden;
}
/* ::-webkit-scrollbar { width: 6px; height: 4px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
::-webkit-scrollbar-track { background: transparent; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } */

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(12px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.supplier-card-enter {
  animation: cardSlideIn 0.45s linear forwards; 
}

@keyframes cardSlideIn {
    from { opacity: 0; transform: translateY(-10px);}
    60% { opacity: 1; }
    to { opacity: 1; transform: translateY(0);}
}

.external-batch-enter { animation: externalFadeIn 0.5s ease; }

@keyframes externalFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes chatSlideIn {
    from { opacity: 0; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
}

.external-supplier-card { background: linear-gradient(165deg, #ffffff 0%, #f8fafd 100%); border: 1px solid #cbd5e1; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px -2px rgba(0,0,0,0.05); transition: transform 0.3s cubic-bezier(.25,.8,.25,1), box-shadow 0.3s cubic-bezier(.25,.8,.25,1), border-color 0.3s ease; position: relative; overflow: hidden; }
.external-supplier-card .card-accent-bar { position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #3b82f6, #6366f1, #8b5cf6); opacity: 0.8; transition: opacity 0.3s ease, height 0.3s ease; }
.external-supplier-card:hover .card-accent-bar { opacity: 1; height: 5px; }
.external-supplier-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px -6px rgba(37,99,235,0.25), 0 16px 32px -10px rgba(0,0,0,0.12); border-color: #93c5fd; }
.external-avatar { background: linear-gradient(135deg, #eff6ff, #dbeafe); border: 1px solid #bfdbfe; color: #3b82f6; transition: all 0.3s ease; }
.external-supplier-card:hover .external-avatar { background: linear-gradient(135deg, #dbeafe, #bfdbfe); border-color: #93c5fd; box-shadow: 0 2px 8px rgba(59,130,246,0.2); }
.external-badge { background: linear-gradient(135deg, #fffbeb, #fef3c7); border: 1px solid #fcd34d; color: #92400e; font-weight: 700; font-size: 11px; padding: 2px 8px; border-radius: 6px; white-space: nowrap; }
.external-phone-btn { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; transition: all 0.25s ease; }
.external-supplier-card:hover .external-phone-btn { background: linear-gradient(135deg, #eff6ff, #f0f9ff); border-color: #93c5fd; box-shadow: 0 2px 6px rgba(59,130,246,0.12); }
.external-phone-btn .copy-hint { opacity: 0; transform: translateX(-4px); transition: all 0.25s ease; }
.external-supplier-card:hover .external-phone-btn .copy-hint { opacity: 1; transform: translateX(0); }

/* layui layer 微调 */
.layui-layer { border-radius: 14px !important; }
.layui-layer-title { border-radius: 14px 14px 0 0 !important; }
/* AI 发送按钮禁用态 */
#aiSendBtn:disabled { background: #d1d5db !important; cursor: not-allowed !important; }
.rfq-temp-tag { font-size: 10px; background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; padding: 1px 6px; border-radius: 4px; font-weight: 600; flex-shrink: 0; line-height: 1.4; }
.rfq-temp-tag-formal { font-size: 10px; background: #e6f7ff; color: #0070f3; border: 1px solid #d1e5ff; padding: 1px 6px; border-radius: 4px; font-weight: 600; flex-shrink: 0; line-height: 1.4; }
.download-app { height: 36px; box-sizing: border-box; padding: 0 16px; background: #fff; border: solid 1px rgba(0,0,0,0.07); display: flex; align-items: center; gap: 8px; border-radius: 8px; position: relative; }
.download-app.windows { background: #06b259; color: #fff; }
.download-app.windows .iconfont { color: #fff; }
.download-app.windows:hover { background: #06b259dd; color: #fff; }
.download-app:hover { background: rgba(0,0,0,0.04); color: #0057ff; }
.download-app .iconfont { color: #0057ff; font-size: 22px; }
.download-app span { position: absolute; z-index: 1; top: 34px; right: -17px; display: none; box-sizing: border-box; border: solid 1px #e1e1e1; width: 160px; height: 180px; border-radius: 8px; }
.download-app:hover span { display: block; }
.download-app:hover span img { max-width: 100%; max-height: 100%; border-radius: 8px; }
.download-app span strong { display: block; height: 20px; line-height: 14px; text-align: center; color: #aaa; font-weight: normal; }
.login-btn, .logout-btn { height: 36px; background: #000; color: #fff; display: flex; align-items: center; box-sizing: border-box; padding: 0 22px; border-radius: 8px; }
.login-btn:hover, .logout-btn:hover { color: #fff; }

/* ===== 表单容器 ===== */
.form-container { width: 100%; max-width: 520px; background: #fff; border-radius: 12px; border: 1px solid #e5e7eb; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); padding: 24px 28px; animation: slideInUp 1s ease; }

@keyframes slideInUp {
    0% { opacity: 0; transform: translateY(-48px); }
    100% { opacity: 1; transform: translateY(0); }
}
span.required { color:red; }
/* ===== 表单字段 ===== */
.rfq-hover-form { width: 100%; }
.hover-form-field { margin-bottom: 16px; }
.hover-form-label { display: block; font-size: 13px; color: #64748b; font-weight: 600; margin-bottom: 6px; }
    .hover-form-label .required { color: #ef4444; margin-right: 2px; }
.hover-form-input { display: block; width: 100%; height: 40px; /*background: #f8fafc;*/ border: 1px solid #e5e7eb; padding: 0 12px; border-radius: 8px; font-size: 13px; color: #1e293b; box-sizing: border-box; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s; }
    .hover-form-input:focus { outline: none; border-color: #3b82f6; background: #fff; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
    .hover-form-input.layui-form-danger { border-color: #ef4444 !important; background: #fef2f2; }
.hover-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hover-form-half { margin-bottom: 14px; }
/* ===== 智能匹配提示 ===== */
.hover-form-tip { background: #eff6ff; padding: 12px 14px; border-radius: 8px; border: 1px solid #dbeafe; font-size: 13px; color: #1d4ed8; line-height: 1.6; margin-bottom: 16px; }
.hover-form-tip-bold { font-weight: 700; }
/* ===== 按钮区 ===== */
.hover-form-actions { display: flex; justify-content: flex-end; gap: 12px; padding-top: 4px; }
.hover-form-btn { padding: 10px 15px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.15s; border: none; line-height: 1; }
.hover-form-btn-cancel { border: 1px solid #e5e7eb; color: #64748b; background: #fff; }
    .hover-form-btn-cancel:hover { background: #f8fafc; }
.hover-form-btn-submit { background: #2563eb; color: #fff; box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25); }
    .hover-form-btn-submit:hover { background: #1d4ed8; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35); }
/* ===== 响应式 ===== */
@media (max-width: 480px) {
    .form-container { padding: 18px 16px; }
    .hover-form-row { grid-template-columns: 1fr; gap: 0; }
    .hover-form-actions { flex-direction: column; }
    .hover-form-btn { width: 100%; text-align: center; padding: 10px 0; }
}
.supplierHeader-handler{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  user-select: none;
}
.supplierHeader-handler i{
  font-size: 12px;
  color: #090;
  font-style: normal;
  display:none;
}
.supplierHeader-handler i strong{
  font-weight:normal;
  color:#2563eb;
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;

}
.supplierHeader-handler span{
  display:block;
  cursor: pointer;
  width: 64px;
  height: 26px;
  line-height: 26px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #e1e1e1dd;
  border-radius: 5px;
  user-select: none;
}
.supplierHeader-handler span:hover{
  background-color: #e1e1e1; 
}
.supplierHeader-handler.restart span{
  background-color:#2563ebdd;
  color:#fff;
}
.supplierHeader-handler.restart span:hover{
  background-color:#2563eb;
  color:#fff;
}
.supplierHeader-handler em{
  display:block;
  cursor: pointer;
  width:26px;
  height:26px;
  background:url(../images/subfield.png) no-repeat center center;
  background-size:26px 26px;
  user-select: none;
  opacity:.4;
}
.supplierHeader-handler em:hover{
  opacity:.8;
}
.chatBox{
  width:0px;
  height:100%;
}
.chatBox.show{
  width:50%;
}
#caseInfo{
  flex-wrap: wrap;
  padding:5px 8px;
  box-sizing: border-box;
  background:#fff;
  font-size:11px;
  border:solid 1px #e5e7eb;
  border-radius:4px;
  
}
.supplier-list-header{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  font-size: 12px;
  color: #334155;
  font-weight: bold;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  font-style: normal;
  user-select: none;
}
.supplier-list-badge{
  color: #2563eb;
  font-weight: 600;
  font-size: 11px;
}
#internalGrid,#externalGrid,#interGridBox{
  display:flex;
  flex-wrap: wrap;
  gap:24px;
  position: relative;
  width: 100%;
}
#externalGrid{
  box-sizing: border-box;
  padding-top:24px;
}
#interGridBox .internal-supplier-card:nth-child(n+11){
 display:none;
}
.external-not-found{
  width:100%;
  box-sizing: border-box;
  text-align: center;
}
#interGridBox.showAll .internal-supplier-card:nth-child(n+11){
 display:block;
}
.show-all-internal{
  width:100%;
  height:36px;
  background:#fff;
  display:none;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #2563eb;
  cursor: pointer;
  gap:10px;
  user-select:none;
}
.textareaTips{
  font-size: 11px;
  color: #94a3b8;
}
.ai-upload-btn{
  display:flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 6px;
  color: #64748b;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.15s;
  user-select: none;
  margin-left:auto;
}
.ai-upload-btn:hover{
  border-color: #3b82f6;
  color: #3b82f6;
  background: #eff6ff;
}
.upload-img{
  display:none;
  width:36px;
  height:36px;
  border-radius:8px;
  position: relative;
  box-sizing: border-box;
  padding: 3px;
  border:solid 1px #e5e7eb;
  margin-left:auto;
}
.upload-files{
  display:none;
  position: relative;
  box-sizing: border-box;
  padding: 3px 16px;
  border:solid 1px #e5e7eb;
  height:36px;
  line-height: 28px;
  margin-left:auto;
  border-radius:8px;
  
}
#upload-file{
  display:block;
  max-width:400px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  user-select: none;
  cursor: pointer;
}
.upload-img img{
  width:100%;
  height:100%;
  border-radius:4px;
}
.upload-img .layui-icon,.upload-files .layui-icon{
  position: absolute;
  top:-8px;
  right:-8px;
  user-select: none;
  font-size: 16px;
  color: #333;
}
.upload-img .layui-icon:hover,.upload-files .layui-icon:hover{
  color: #f00;
}
.show-all-internal.show{
  display:flex;
}
.show-all-internal::after{
  content: '';
  display: block;
  width:13px;
  height:13px;
  background: url(../images/arrow.png) no-repeat center center;
  background-size:13px 13px;
  user-select: none;
}
.show-all-internal strong{
  padding:0 5px;
}
.show-all-internal em{
  font-style: normal;
  display:none;
}
.show-all-internal.up em,.show-all-internal span{
  display:block;
}
.show-all-internal.up span{
  display:none;
}
.show-all-internal.up::after{
 transform: rotate(-180deg);
}
.external-supplier-card{
  box-sizing: border-box;
  width: calc(50% - 12px);
  min-width:509px;
}
.internal-supplier-card{
  background:#fff;
  width: calc(50% - 12px);
  min-width:512px;
  border-radius:0px;
  border:1px solid transparent;
  border-left:4px solid transparent;
  box-shadow:0 0 2px rgba(0,0,0,0.08);
}
.internal-supplier-card:hover{
  border-color:#3b82f622 ;
  border-left-color:#3b82f699 ;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); 
}
.internal-supplier-card.active:hover,.internal-supplier-card.active{
  border-color:#3b82f633 ;
  border-left-color:#3b82f6 ;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.internalCard{
  display:flex;
  gap:12px;
  height:100%;
}
.internalCardLeft{
  position: relative;
  width:45px;
  height:45px;
}
.internalCardLeft>img{
  width:45px;
  height:45px;
  border-radius:8px;
}
.internalCardCenter{
  width:calc(100% - 150px);
  height:100%;
  display:flex;
  flex-direction: column;
  gap:8px;
}
.internalCardRight{
  margin-left:auto;
  width:80px;
  display:flex;
  flex-direction:column;
  justify-content: end;
  gap:6px;
}
.internalCardRight>div{
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-sizing: border-box;
  height:28px;
  font-size: 12px;
  user-select: none;
}
.internalCardRight>div:hover{
  opacity: 0.85;
}
.internalCardRight>div.website{
  background: #e6f3ff;
  border: 1px solid #c9dff3;
  color: #446ea5;
}
.internalCardRight>div.phone{
  background: #ef1f1f;
  border: 1px solid #ef1f1f;
  color: #fff;
}
.internalCardRight>div.onlineChat{
  background: #2563eb;
  border: 1px solid #2563eb;
  color: #fff;
  position:relative
}
/*.internalCardRight > div.onlineChat>i{
  position:absolute;
  z-index:1;
  right:2px;
  top:2px;
  width:16px;
  height:16px;
  border-radius:8px;
  background:#f00;
  color:#fff;
  font-size:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-style:normal;
}*/
.companyName { font-size: 15px; font-weight: bold; color: #0f172a; }
.companyInfo{
  font-size: 11px;
  color: #94a3b8;
  display: flex;
  align-items: center;
  gap:10px;
}
.companyInfo em,.companyInfo i{
  box-sizing: border-box;
  font-style: normal;
  font-size:11px;
  color: #2563eb;
  border: 1px solid #3b82f6;
  border-radius: 4px;
  padding: 2px 6px;
}
.companyInfo em{
  display:flex;
  align-items: center;
  gap:5px;
}
.companyInfo em::before{
  display:block;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background: #2563eb;
  border-radius: 5px;
  animation:onlinean 1.2s infinite;
}
@keyframes onlinean {
  0%{
    opacity: 1;
  }
  50%{
    opacity:0;
  }
  100%{
    opacity: 1;
  }
}
.companyInfo i{
  color: #94a3b8;
  border: 1px solid #e5e7eb;
}
.companyMerito{
  font-size: 12px;
  color: #475569;
  line-height: 1.5;
  max-height: 52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.reason{
  font-size: 12px;
  color: #475569;
  line-height: 1.5;
}
.quote{
  margin-top: auto;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-sizing: border-box;
}
.quoteLabel{
  font-size: 12px;
  color: #64748b;
}
.quoteContent { font-size: 12px; color: #475569; width: calc(100% - 76px); }
.quoteContent span{
  font-size: 12px;
  color: #d97706;
}
.quoteContent em{
  color:#f00;
  font-size:14px;
  font-style: normal;
}
#supplierCol.show .internal-supplier-card{
    width: 100%;
}
#supplierScroll::-webkit-scrollbar,#rfqList::-webkit-scrollbar{
  width: 2px;
  height: 2px;
}
#supplierScroll::-webkit-scrollbar-button,#rfqList::-webkit-scrollbar-button {
  display: none;
}
#supplierScroll::-webkit-scrollbar-thumb,#rfqList::-webkit-scrollbar-thumb {
  background: #C0C0C0;
  border-radius: 2px;
}
#supplierScroll::-webkit-scrollbar-track,#rfqList::-webkit-scrollbar-track {
  background: transparent;
}
#think-text::-webkit-scrollbar,#interthink-text::-webkit-scrollbar{
  width: 2px;
  height: 2px;
}
.leading-relaxed{
  width: 100%;
  text-align:left;
}
#supplierCol.show .external-supplier-card{
  width: 100%;
}
#externalGridBox,#internalGrid{
  position: relative;
}
.external-supplier-box{
  display:flex;
  gap:12px;
  height:100%;
}
.external-supplier-area{
  width:44px;
  height:44px;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  border: 1px solid #bfdbfe;
  color: #3b82f6;
  display:flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
}
.external-supplier-info{
  width:calc(100% - 56px);
  display:flex;
  flex-direction: column;
  gap:5px;
}
.external-supplier-name{
  display:flex;
  gap:10px;
  align-items:flex-start;
  
}
.external-supplier-name span{
  font-size: 15px;
  font-weight: bold;
  color: #0f172a;
  max-width: 245px;
  line-height:20px;
}
.external-supplier-name em{
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
  border: 1px solid #fcd34d;
  color: #92400e;
  font-weight: 700;
  font-size: 11px;
  font-style: normal;
  padding: 2px 8px;
  border-radius: 6px;
  white-space: nowrap;
}
.external-contact{
  color: #64748b;
  font-size: 12px;
}
.external-merito,.external-reason{
  font-size: 13px;
  color: #475569;
}
.external-handle{
  margin-top:auto;
  display:flex;
  gap:12px;
  align-items: center;
}
.external-phone{
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background:#f8fafc;
  border: #e2e8f0 solid 1px;
  box-sizing: border-box;
  color: #334155;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 6px;
  user-select: none;
  gap:10px;
  font-weight: 600;
}
.external-phone::before{
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/phone.png) no-repeat center center;
  background-size:18px 18px;
  user-select: none;
}
.external-phone span{
  font-size:13px;
  color: #2563eb;
  user-select: none;
  opacity:0;
  transition:all .4s;
  transform: translateX(-10px);
}
.external-phone:hover span{
  opacity:1;
  transform: translateX(0);
}
.view-product{
  background-image: linear-gradient(to right,#3b82f6,#2563eb);
  height:35px;
  box-sizing: border-box;
  padding: 0 12px;
  color: #fff;
  font-size: 13px;
  border-radius: 6px;
  user-select: none;
  font-weight: 600;
  cursor: pointer;
  line-height: 35px;
}
.view-product:hover{
  background-image: linear-gradient(to right,#3b82f6dd,#2563ebdd);
}
.external-supplier-link{
  margin-left:auto;
  color:#2563eb;
  font-size: 13px;
  cursor: pointer;
  user-select: none;
  display:flex;
  align-items: center;
  gap:5px;
}
.noData{
  color: #64748b;
}
.loadingThinking{
  position:absolute;
  z-index:1;
  left:calc(100% / 6);
  bottom:190px;
  display:none;
  font-size:13px;
  color:#2563eb;
  gap:10px;
}

.external-supplier-link::before{
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/website.png) no-repeat center center;
  background-size:16px 16px;
  user-select: none;
}
.overflow-y-auto{
  overflow-x:hidden;
  overflow-y:auto;
}
.loadingbox{
  display:flex;
  justify-content: center;
  align-items: center;
  height:50px;
  font-size:13px;
  width:100%;
  color:#2563eb;
  gap:10px;
}
#deep-thinking,#interThinking{
  position: relative;
  margin: 12px 0;
  background: #effafc;
  border: solid 1px #dbeafe;
  box-sizing: border-box;
  border-radius: 12px;
  width:100%;
  display:none;
}
#interThinking{
  margin-top:0px;
}
.hideThinking,.hideInterThinking{
  position: absolute;
  top:8px;
  right:30px;
  z-index:1;
  display:none;
  align-items:center;
  gap:3px;
  color:#a8b7c7;
  user-select: none;
  cursor: pointer;
}
.hideInterThinking{
  top:21px;
}
.show.hideThinking,.show.hideInterThinking{
  display:flex;
}
.hideThinking::after,.hideInterThinking::after{
  content: '';
  display: block;
  width:11px;
  height:11px;
  background:url(../images/arrow.png) no-repeat center center;
  background-size:11px 11px;
  user-select: none;
  opacity:.5;
  transform: rotate(-180deg);
  transition: all .4s;
}
.fold.hideThinking::after,.fold.hideInterThinking::after{
  transform: rotate(0deg);
}
#deep-thinking.hideall,#interThinking.hideall{
 height:38px;
 overflow:hidden;
}
 .deep-thinking-tips{
   word-break: break-all;
 }
  .deep-thinking-tips>.mb-1{
    border-bottom:1px solid #dbeafe;
    padding:8px 15px;
 }
 #think-text,#interthink-text{
  box-sizing: border-box;
  padding:8px 15px;
  max-height:155px;
  overflow-y:auto;
 }
 #rfqList .text-slate-500{
  flex-wrap: wrap;
 }
 #think-text,#interthink-text{
  white-space: pre-wrap
 }
 .relative{
  position: relative;
 }
.ai-confirm-form{
  position: absolute;
  left:50%;
  z-index:999;
  transform: translateX(-50%);
  bottom:208px;
  width: 66.66%;
  box-sizing: border-box;
  padding:10px;
  border-radius:8px;
  background:#fff;
  height:260px;
  border: 2px solid #dbeafe;
  box-shadow: 0 -4px 24px rgba(37, 99, 235, 0.12), 0 -8px 40px rgba(0, 0, 0, 0.1);
  display: none;
  flex-direction: column;
  gap:6px;
}
.ai-confirm-form.show{
  display:flex;
}
.ai-form-title{
  display:flex;
  align-items: center;
  gap:10px;
}
.ai-form-title span{
  width:24px;
  height:24px;
  background:#2563eb;
  font-size:14px;
  color:#fff;
  border-radius:12px;
  box-sizing: border-box;
  display:flex;
  justify-content: center;
  align-items: center;
}
.ai-form-content{
  display:flex;
  flex-wrap: wrap;
  gap:6px 24px;
  overflow-y:auto;
  max-height:165px;
}
.ai-form-item{
  display:flex;
  gap:12px;
  width:calc(50% - 12px);
  font-size: 12px;
  background:#fff;
  border-radius:8px;
  box-sizing: border-box;
  padding:10px;
}
.column{
  flex-direction: column;
}
.ai-form-label{
  display:flex;
  align-items: center;
  gap:10px;
}
.ai-form-label::before{
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #22c55e;
  border-radius: 6px;
}
.ai-form-name{
  background:#f0fdf4;
}
.ai-form-name .layui-icon{
  background:#22c55e;
  width:24px;
  height:24px;
  border-radius:12px;
  display:flex;
  justify-content: center;
  align-items: center;
  color:#fff;
  font-size: 12px;
}
.ai-form-name .ai-form-value{
  padding-left:10px;
}
.ai-form-name .ai-form-value{
  display:flex;
  align-items:center;
  gap:5px;
}
.ai-model-box{
  display:flex;
  gap:10px 20px;
  font-size: 12px;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
}
.ai-form-model{
   box-sizing: border-box;
  padding:3px 10px;
  border-radius:4px;
  border: 1px solid #e5e7eb;
  font-size: 12px;
  user-select: none;
  word-break: break-all;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  cursor: pointer;
}
.ai-model-box .ai-form-model{
  width:calc(50% - 4px);
}
.select{
  border-color: #2563eb;
  color: #2563eb;
  position: relative;
}
.select::after{
  content: '';
  display: block;
  position: absolute;
  z-index:1;
  right:-1px;
  bottom:0;
  width: 20px;
  height: 20px;
  background: url(../images/selected.png) no-repeat center center;
  background-size:20px 20px;
}
.ai-form-value{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap: wrap;
}
.ai-form-num{
  width:76px
}
.ai-form-footer{
  display:flex;
  justify-content: flex-end;
  gap:20px;
  padding:0 10px;
  box-sizing: border-box;
}
.ai-cancel-btn,.ai-confirm-btn{
  box-sizing: border-box;
  border:solid 1px #e2e8f0;
  color:#64748b;
  height:35px;
  padding:0 20px;
  border-radius:6px;
  display:flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.ai-cancel-btn:hover{
  border-color: #2563eb;
  color:#2563eb;
}
.ai-confirm-btn{
  border-color: #2563eb;
  background:#2563eb;
  color:#fff;
}
.ai-confirm-btn:hover{
  border-color: #2563ebdd;
  background:#2563ebdd;
}
.mask{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.4);
  z-index:998;
  display:none;
}
.badge{
    position:absolute;
    top:5px;
    right:5px;
    z-index:1;
    display:flex;
    align-items:center;
    gap:10px;
}
/* 只给新消息角标加动画 */
.badge .new-msg-badge { height: 22px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 4px; font-size: 11px; padding: 0 12px; gap: 5px; border: solid 1px #fca5a5; color: #f00; animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; /* 只有新消息闪烁 */ }
/* 价格最优标签不加动画 */
.badge .best-price-badge { height: 22px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 4px; font-size: 11px; padding: 0 12px; gap: 5px; border: solid 1px #00990066; color: #009900; /* 不写 animation 或明确 animation: none; */ }
.externalGridLoading{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin:20px auto;
}
/* iframe-mode start*/
.iframe-mode { background: none !important; overflow-x: hidden; min-width: 1200px; width: 1200px; margin: 0 auto; }
.iframe-mode #app header,.iframe-mode #asideLeft,.iframe-mode #purchaseContent{
  display:none;
}
.iframe-mode #purchaseContent.show{
  display:flex;
  background:#fff;
  box-sizing: border-box;
  border:solid 2px #3b82f655;
  border-radius:6px;
}
.iframe-mode #aiBar{
  background:none;
  border:none;
  padding-top:0px !important;
}
.iframe-mode #aiBar>div{
  background:#fff
}
/* .iframe-mode #externalTitle,.iframe-mode #externalGridBox,.iframe-mode .loadingThinking{
  display:none !important;
} */
.iframe-mode .loadingThinking{
  left: 224px;
  bottom: 172px;
}
.iframeClose{
  display:none;
}
.iframe-mode .iframeClose{
  position: absolute;
  z-index: 999;
  right: 10px;
  top: 14px;
  width: 24px;
  height: 24px;
  display: block;
  background: url(../images/close.png) no-repeat center center;
  background-size: 24px 24px;
  user-select: none;
  cursor: pointer;
  opacity: .4;
  transition: all .4s;
}
.iframe-mode .iframeClose:hover{
  opacity:.8;
  transform: rotate(-180deg);
}
.iframe-mode #supplierCol .supplierHeader-handler{
  box-sizing: border-box;
  padding-right:27px;
}
.iframe-mode #supplierCol.show .supplierHeader-handler{
  padding-right:0;
}
.iframe-mode .chatBox{
  box-sizing: border-box;
  padding-top:40px;
}
#hideIframe{
  display:none;
}
.iframe-mode #hideIframe{
  display:flex;
  position: absolute;
  z-index:1;
  right: 11px;
  bottom: 155px;
  font-size:11px;
  color:#94a3b8;
  user-select: none;
  cursor: pointer;
  gap:3px;
  align-items:center;
  line-height:11px;
}
.iframe-mode #hideIframe::after{
  content: '';
  display: block;
  width:11px;
  height:11px;
  background:url(../images/arrow.png) no-repeat center center;
  background-size:11px 11px;
  user-select: none;
  opacity:.5;
  transform: rotate(-90deg);
  transition: all .4s;
}
.iframe-mode #hideIframe:hover{
  color:#2563eb;
}
.iframe-mode.lessen{
  width:200px;
  height:55px;
  min-width:200px;
  overflow:hidden;
  user-select: none;

}
.iframe-mode.lessen .ai-upload-btn,.iframe-mode.lessen .upload-files,.iframe-mode.lessen .upload-img,.iframe-mode.lessen .textareaTips{
  display:none !important;
}
.iframe-mode.lessen #aiBar>div{
  width:100%;
  padding:8px;
}
.iframe-mode.lessen #aiBar>div>div:nth-child(3){
  display:none;
}
.iframe-mode.lessen #hideIframe{
    right: 5px;
    bottom: 15px;
}
#aiPurchaseName{
  background:none;
}
.iframe-mode .ai-upload-btn,.iframe-mode .upload-files,.iframe-mode .upload-img{
 margin-left:0;
}
.rfq-item { position: relative; }
.rfq-item > .unRead { position: absolute; top: -5px; right: 1px; width: 16px; height: 16px; background: #f00; color: #fff; border-radius: 8px; font-size: 10px; display: none; align-items: center; justify-content: center; }
.rfq-item > .unRead.show { display: flex; }
/* iframe-mode end */
@media screen and (min-width:1880px) {
  .internal-supplier-card{
    background:#fff;
    width: calc(33.33% - 18px);
  }
  .external-supplier-card{
    width: calc(33.33% - 18px);
  }
}
@media screen and (max-width:1365px) {
  body{
    overflow-y:hidden;
    overflow-x:scroll;
  }
  .internal-supplier-card{
    background:#fff;
    width: 100%;
  }
  .external-supplier-card{
    width: 100%;
  }
  .loadingThinking{
    bottom:190px;
    left:180px;
  }
}