pcm-agents 1.0.2 → 1.0.4

package/dist/components/p-BG83hpwD.js.map

@@ -0,0 +1 @@
+{"file":"p-BG83hpwD.js","mappings":";;;;;;;;;AAAA,MAAM,gCAAgC,GAAG,oidAAoid;;ACA7kd,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/components-oem-virtual-chat-modal/components-oem-virtual-chat-modal.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow","src/global/host.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100%;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-height: 100%;\r\n}\r\n\r\n/* 数字人视频背景层 */\r\n.digital-human-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.digital-human-background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  max-width: 1200px;\r\n}\r\n\r\n/* 当没有数字人时的默认背景 */\r\n.modal-container:not(.digital-human-mode) {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 90vh;\r\n  max-height: 800px;\r\n}\r\n\r\n/* 内容层 */\r\n.modal-content-layer {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 20%,\r\n    rgba(0, 0, 0, 0.1) 80%,\r\n    rgba(0, 0, 0, 0.4) 100%\r\n  );\r\n}\r\n\r\n.main-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; /* 水平居中 */\r\n  overflow: hidden;\r\n  padding: 24px 24px 40px 24px; /* 增加底部间距 */\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: -webkit-fill-available;\r\n}\r\n\r\n.chat-history-section {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.ai-message-item {\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  animation: fadeIn 0.5s ease-in-out;\r\n}\r\n\r\n.recording-preview-top-right {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 180px;\r\n  height: 120px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  background-color: #000;\r\n  z-index: 10;\r\n}\r\n\r\n.user-video-preview {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.recording-status-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: white;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  margin-top: 4px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  animation: slideInUp 0.5s ease-out;\r\n  line-height: 40px;\r\n}\r\n\r\n.audio-waveform {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n}\r\n\r\n.waveform-bar {\r\n  width: 4px;\r\n  margin: 0 2px;\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border-radius: 2px;\r\n  height: 6px;\r\n  animation: waveform-animation 1.2s infinite ease-in-out;\r\n}\r\n\r\n.waveform-bar:nth-child(1) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(2) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(3) {\r\n  animation-delay: 0.5s;\r\n}\r\n.waveform-bar:nth-child(4) {\r\n  animation-delay: 0.2s;\r\n}\r\n.waveform-bar:nth-child(5) {\r\n  animation-delay: 0.4s;\r\n}\r\n.waveform-bar:nth-child(6) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(7) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(8) {\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes waveform-animation {\r\n  0%,\r\n  100% {\r\n    height: 6px;\r\n  }\r\n  50% {\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  font-family: 'Courier New', Courier, monospace;\r\n}\r\n\r\n.finish-recording-btn {\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transition:\r\n    background-color 0.3s,\r\n    transform 0.2s;\r\n}\r\n\r\n.finish-recording-btn:hover {\r\n  background-color: #148a3f;\r\n}\r\n\r\n.finish-recording-btn:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.status-indicator-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: #595959;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.status-indicator-text.loading .loading-spinner-small {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: 2px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: #595959;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.status-indicator-text.error {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.status-indicator-text.ready {\r\n  color: #16a34a;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus + .input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 移动端也基于父组件尺寸 */\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 100%;\r\n    border-radius: 16px 16px 0 0;\r\n    /* 保留安全区域支持 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n}\r\n\r\n/* 工作区样式 */\r\n.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\r\n\r\n\r\n/* 历史会话抽屉样式 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}\r\n\r\n/* AI消息显示样式 */\r\n.ai-message-item {\r\n  box-sizing: border-box;\r\n  margin: 0 auto;\r\n  animation: messageSlideIn 0.3s ease-out;\r\n  width: 100%;\r\n  padding: 40px;\r\n}\r\n\r\n.ai-message-item.streaming {\r\n  position: relative;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ai-message-content {\r\n  box-sizing: border-box;\r\n  color: #fff;\r\n  padding: 40px 48px;\r\n  border-radius: 32px;\r\n  font-family: \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  word-wrap: break-word;\r\n  backdrop-filter: blur(100px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  margin-bottom: 16px;\r\n  max-width: 100%;\r\n  text-align: left;\r\n}\r\n\r\n/* 打字指示器 */\r\n.typing-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 16px 48px;\r\n  margin-top: -16px;\r\n}\r\n\r\n.typing-indicator span {\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  background: #4facfe;\r\n  animation: typingPulse 1.4s ease-in-out infinite;\r\n  opacity: 0.6;\r\n}\r\n\r\n.typing-indicator span:nth-child(1) { animation-delay: 0s; }\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes typingPulse {\r\n  0%, 60%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  30% {\r\n    transform: scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 字幕区域响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n  .ai-message-item {\r\n    padding: 30px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 32px 40px;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 12px 40px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .ai-message-item {\r\n    padding: 0;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 28px 36px;\r\n    font-size: 28px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 10px 36px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n}\r\n\r\n\r\n.waveform-bar {\r\n  width: 3px;\r\n  background: #4facfe;\r\n  border-radius: 2px;\r\n  min-height: 2px;\r\n  animation: waveformAnimation 1.2s ease-in-out infinite alternate;\r\n  transform-origin: bottom;\r\n}\r\n\r\n@keyframes waveformAnimation {\r\n  0% { transform: scaleY(0.2); }\r\n  100% { transform: scaleY(1); }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n.close-button{\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 20;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button:hover {\r\n  background: rgba(255, 255, 255, 1);\r\n  border-color: rgba(0, 0, 0, 0.15);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.close-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button svg {\r\n  color: #666;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.close-button:hover svg {\r\n  color: #333;\r\n}\r\n\r\n/* 结束面试按钮容器 */\r\n.end-interview-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-bottom: 4px;\r\n  padding-left: 0;\r\n}\r\n\r\n/* 结束面试按钮 */\r\n.end-interview-button {\r\n  padding: 5px 10px;\r\n  background-color: #ff4d4f;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n.end-interview-button:hover {\r\n  background-color: #ff7875;\r\n  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.end-interview-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n}\r\n\r\n.end-interview-button:disabled {\r\n  background-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\r\n\r\n\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"version":3}

package/dist/components/{p-BDEiyYVl.js → p-BQcztM0Y.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { a as authStore, m as fetchAgentInfo, c as sendSSERequest, s as sendHttpRequest, n as getSupportedMimeType, e as uploadFileToBackend, j as convertAudioToText } from './p-i4wY2JnB.js';
+import { a as authStore, d as fetchAgentInfo, c as sendSSERequest, s as sendHttpRequest, e as getSupportedMimeType, h as uploadFileToBackend, i as convertAudioToText } from './p-Dc3NvH9p.js';
 import { s as showMessage } from './p-DnoxSHNP.js';
 import { E as ErrorEventBus } from './p-C0FYX2-Z.js';
 import { c as configStore } from './p-DUQ46MUh.js';
@@ -1905,6 +1905,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ChatVirtualAPPModal as C, defineCustomElement as d };
-//# sourceMappingURL=p-BDEiyYVl.js.map
+//# sourceMappingURL=p-BQcztM0Y.js.map
 
-//# sourceMappingURL=p-BDEiyYVl.js.map
+//# sourceMappingURL=p-BQcztM0Y.js.map

package/dist/components/{p-BDEiyYVl.js.map → p-BQcztM0Y.js.map}

@@ -1 +1 @@
-{"file":"p-BDEiyYVl.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,0rdAA0rd;;ACAztd,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pcm-virtual-chat-modal/pcm-virtual-chat-modal.css?tag=pcm-virtual-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-virtual-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100%;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-height: 100%;\r\n}\r\n\r\n/* 数字人视频背景层 */\r\n.digital-human-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.digital-human-background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  max-width: 1200px;\r\n}\r\n\r\n/* 当没有数字人时的默认背景 */\r\n.modal-container:not(.digital-human-mode) {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 90vh;\r\n  max-height: 800px;\r\n}\r\n\r\n/* 内容层 */\r\n.modal-content-layer {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 20%,\r\n    rgba(0, 0, 0, 0.1) 80%,\r\n    rgba(0, 0, 0, 0.4) 100%\r\n  );\r\n}\r\n\r\n.main-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; /* 水平居中 */\r\n  overflow: hidden;\r\n  padding: 24px 24px 40px 24px; /* 增加底部间距 */\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: -webkit-fill-available;\r\n}\r\n\r\n.chat-history-section {\r\n  width: 100%;\r\n  max-width: 800px;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.ai-message-item {\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  animation: fadeIn 0.5s ease-in-out;\r\n}\r\n\r\n.recording-preview-top-right {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 180px;\r\n  height: 120px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  background-color: #000;\r\n  z-index: 10;\r\n}\r\n\r\n.user-video-preview {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.recording-status-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: white;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  margin-top: 4px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  animation: slideInUp 0.5s ease-out;\r\n  line-height: 40px;\r\n}\r\n\r\n.audio-waveform {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n}\r\n\r\n.waveform-bar {\r\n  width: 4px;\r\n  margin: 0 2px;\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border-radius: 2px;\r\n  height: 6px;\r\n  animation: waveform-animation 1.2s infinite ease-in-out;\r\n}\r\n\r\n.waveform-bar:nth-child(1) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(2) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(3) {\r\n  animation-delay: 0.5s;\r\n}\r\n.waveform-bar:nth-child(4) {\r\n  animation-delay: 0.2s;\r\n}\r\n.waveform-bar:nth-child(5) {\r\n  animation-delay: 0.4s;\r\n}\r\n.waveform-bar:nth-child(6) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(7) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(8) {\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes waveform-animation {\r\n  0%,\r\n  100% {\r\n    height: 6px;\r\n  }\r\n  50% {\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  font-family: 'Courier New', Courier, monospace;\r\n}\r\n\r\n.finish-recording-btn {\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transition:\r\n    background-color 0.3s,\r\n    transform 0.2s;\r\n}\r\n\r\n.finish-recording-btn:hover {\r\n  background-color: #148a3f;\r\n}\r\n\r\n.finish-recording-btn:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.status-indicator-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: #595959;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.status-indicator-text.loading .loading-spinner-small {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: 2px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: #595959;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.status-indicator-text.error {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.status-indicator-text.ready {\r\n  color: #16a34a;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus + .input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 移动端也基于父组件尺寸 */\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 100%;\r\n    border-radius: 16px 16px 0 0;\r\n    /* 保留安全区域支持 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n}\r\n\r\n/* 工作区样式 */\r\n.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\r\n\r\n\r\n/* 历史会话抽屉样式 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}\r\n\r\n/* AI消息显示样式 */\r\n.ai-message-item {\r\n  margin-bottom: 0;\r\n  animation: messageSlideIn 0.3s ease-out;\r\n  width: 100%;\r\n  padding: 20px;\r\n}\r\n\r\n.ai-message-item.streaming {\r\n  position: relative;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ai-message-content {\r\n  color: #fff;\r\n  padding: 20px 24px;\r\n  border-radius: 16px;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  word-wrap: break-word;\r\n  backdrop-filter: blur(100px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  margin-bottom: 8px;\r\n  max-width: 100%;\r\n  text-align: left;\r\n}\r\n\r\n/* 打字指示器 */\r\n.typing-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 8px 24px;\r\n  margin-top: -8px;\r\n}\r\n\r\n.typing-indicator span {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: #4facfe;\r\n  animation: typingPulse 1.4s ease-in-out infinite;\r\n  opacity: 0.6;\r\n}\r\n\r\n.typing-indicator span:nth-child(1) { animation-delay: 0s; }\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes typingPulse {\r\n  0%, 60%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  30% {\r\n    transform: scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n  .ai-message-content {\r\n    padding: 14px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .ai-message-content {\r\n    padding: 12px 16px;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 6px 16px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n}\r\n\r\n/* 响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n\r\n  .ai-message-item {\r\n    padding: 15px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 16px 20px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 6px 20px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n\r\n  .ai-message-item {\r\n    padding: 0px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 14px 18px;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 5px 18px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n\r\n}\r\n\r\n\r\n.waveform-bar {\r\n  width: 3px;\r\n  background: #4facfe;\r\n  border-radius: 2px;\r\n  min-height: 2px;\r\n  animation: waveformAnimation 1.2s ease-in-out infinite alternate;\r\n  transform-origin: bottom;\r\n}\r\n\r\n@keyframes waveformAnimation {\r\n  0% { transform: scaleY(0.2); }\r\n  100% { transform: scaleY(1); }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n.close-button{\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 20;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button:hover {\r\n  background: rgba(255, 255, 255, 1);\r\n  border-color: rgba(0, 0, 0, 0.15);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.close-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button svg {\r\n  color: #666;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.close-button:hover svg {\r\n  color: #333;\r\n}\r\n\r\n/* 结束面试按钮容器 */\r\n.end-interview-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-bottom: 4px;\r\n  padding-left: 0;\r\n}\r\n\r\n/* 结束面试按钮 */\r\n.end-interview-button {\r\n  padding: 5px 10px;\r\n  background-color: #ff4d4f;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n.end-interview-button:hover {\r\n  background-color: #ff7875;\r\n  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.end-interview-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n}\r\n\r\n.end-interview-button:disabled {\r\n  background-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\r\n\r\n\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"version":3}
+{"file":"p-BQcztM0Y.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,0rdAA0rd;;ACAztd,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pcm-virtual-chat-modal/pcm-virtual-chat-modal.css?tag=pcm-virtual-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-virtual-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100%;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-height: 100%;\r\n}\r\n\r\n/* 数字人视频背景层 */\r\n.digital-human-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.digital-human-background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  max-width: 1200px;\r\n}\r\n\r\n/* 当没有数字人时的默认背景 */\r\n.modal-container:not(.digital-human-mode) {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 90vh;\r\n  max-height: 800px;\r\n}\r\n\r\n/* 内容层 */\r\n.modal-content-layer {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 20%,\r\n    rgba(0, 0, 0, 0.1) 80%,\r\n    rgba(0, 0, 0, 0.4) 100%\r\n  );\r\n}\r\n\r\n.main-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; /* 水平居中 */\r\n  overflow: hidden;\r\n  padding: 24px 24px 40px 24px; /* 增加底部间距 */\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: -webkit-fill-available;\r\n}\r\n\r\n.chat-history-section {\r\n  width: 100%;\r\n  max-width: 800px;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.ai-message-item {\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  animation: fadeIn 0.5s ease-in-out;\r\n}\r\n\r\n.recording-preview-top-right {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 180px;\r\n  height: 120px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  background-color: #000;\r\n  z-index: 10;\r\n}\r\n\r\n.user-video-preview {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.recording-status-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: white;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  margin-top: 4px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  animation: slideInUp 0.5s ease-out;\r\n  line-height: 40px;\r\n}\r\n\r\n.audio-waveform {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n}\r\n\r\n.waveform-bar {\r\n  width: 4px;\r\n  margin: 0 2px;\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border-radius: 2px;\r\n  height: 6px;\r\n  animation: waveform-animation 1.2s infinite ease-in-out;\r\n}\r\n\r\n.waveform-bar:nth-child(1) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(2) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(3) {\r\n  animation-delay: 0.5s;\r\n}\r\n.waveform-bar:nth-child(4) {\r\n  animation-delay: 0.2s;\r\n}\r\n.waveform-bar:nth-child(5) {\r\n  animation-delay: 0.4s;\r\n}\r\n.waveform-bar:nth-child(6) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(7) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(8) {\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes waveform-animation {\r\n  0%,\r\n  100% {\r\n    height: 6px;\r\n  }\r\n  50% {\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  font-family: 'Courier New', Courier, monospace;\r\n}\r\n\r\n.finish-recording-btn {\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transition:\r\n    background-color 0.3s,\r\n    transform 0.2s;\r\n}\r\n\r\n.finish-recording-btn:hover {\r\n  background-color: #148a3f;\r\n}\r\n\r\n.finish-recording-btn:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.status-indicator-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: #595959;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.status-indicator-text.loading .loading-spinner-small {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: 2px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: #595959;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.status-indicator-text.error {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.status-indicator-text.ready {\r\n  color: #16a34a;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus + .input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 移动端也基于父组件尺寸 */\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 100%;\r\n    border-radius: 16px 16px 0 0;\r\n    /* 保留安全区域支持 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n}\r\n\r\n/* 工作区样式 */\r\n.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\r\n\r\n\r\n/* 历史会话抽屉样式 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}\r\n\r\n/* AI消息显示样式 */\r\n.ai-message-item {\r\n  margin-bottom: 0;\r\n  animation: messageSlideIn 0.3s ease-out;\r\n  width: 100%;\r\n  padding: 20px;\r\n}\r\n\r\n.ai-message-item.streaming {\r\n  position: relative;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ai-message-content {\r\n  color: #fff;\r\n  padding: 20px 24px;\r\n  border-radius: 16px;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  word-wrap: break-word;\r\n  backdrop-filter: blur(100px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  margin-bottom: 8px;\r\n  max-width: 100%;\r\n  text-align: left;\r\n}\r\n\r\n/* 打字指示器 */\r\n.typing-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 8px 24px;\r\n  margin-top: -8px;\r\n}\r\n\r\n.typing-indicator span {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: #4facfe;\r\n  animation: typingPulse 1.4s ease-in-out infinite;\r\n  opacity: 0.6;\r\n}\r\n\r\n.typing-indicator span:nth-child(1) { animation-delay: 0s; }\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes typingPulse {\r\n  0%, 60%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  30% {\r\n    transform: scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n  .ai-message-content {\r\n    padding: 14px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .ai-message-content {\r\n    padding: 12px 16px;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 6px 16px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n}\r\n\r\n/* 响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n\r\n  .ai-message-item {\r\n    padding: 15px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 16px 20px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 6px 20px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n\r\n  .ai-message-item {\r\n    padding: 0px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 14px 18px;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 5px 18px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n\r\n}\r\n\r\n\r\n.waveform-bar {\r\n  width: 3px;\r\n  background: #4facfe;\r\n  border-radius: 2px;\r\n  min-height: 2px;\r\n  animation: waveformAnimation 1.2s ease-in-out infinite alternate;\r\n  transform-origin: bottom;\r\n}\r\n\r\n@keyframes waveformAnimation {\r\n  0% { transform: scaleY(0.2); }\r\n  100% { transform: scaleY(1); }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n.close-button{\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 20;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button:hover {\r\n  background: rgba(255, 255, 255, 1);\r\n  border-color: rgba(0, 0, 0, 0.15);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.close-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button svg {\r\n  color: #666;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.close-button:hover svg {\r\n  color: #333;\r\n}\r\n\r\n/* 结束面试按钮容器 */\r\n.end-interview-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-bottom: 4px;\r\n  padding-left: 0;\r\n}\r\n\r\n/* 结束面试按钮 */\r\n.end-interview-button {\r\n  padding: 5px 10px;\r\n  background-color: #ff4d4f;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n.end-interview-button:hover {\r\n  background-color: #ff7875;\r\n  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.end-interview-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n}\r\n\r\n.end-interview-button:disabled {\r\n  background-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\r\n\r\n\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"version":3}

package/dist/components/{p-DJDJfWq9.js → p-BZPf0rl6.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { s as sendHttpRequest, P as PCM_DOMAIN } from './p-i4wY2JnB.js';
+import { s as sendHttpRequest, P as PCM_DOMAIN } from './p-Dc3NvH9p.js';
 import { M as Message } from './p-D39f_W8k.js';
 import { q as qrcode } from './p-D483moFs.js';
 
@@ -289,6 +289,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ComponentsMobileUploadBtn as C, defineCustomElement as d };
-//# sourceMappingURL=p-DJDJfWq9.js.map
+//# sourceMappingURL=p-BZPf0rl6.js.map
 
-//# sourceMappingURL=p-DJDJfWq9.js.map
+//# sourceMappingURL=p-BZPf0rl6.js.map

package/dist/components/{p-DJDJfWq9.js.map → p-BZPf0rl6.js.map}

@@ -1 +1 @@
-{"file":"p-DJDJfWq9.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/components-mobile-upload-btn/uploadNumberSDK.ts","src/components/components-mobile-upload-btn/components-mobile-upload-btn.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/global/global.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/global/host.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/components/components-mobile-upload-btn/components-mobile-upload-btn.tsx"],"sourcesContent":["import { sendHttpRequest } from \"../../utils/utils\";\r\n\r\n// 文件上传流水号SDK\r\nconst uploadNumberSDK = {\r\n    number: '',\r\n    isWorking: false,\r\n    close: async function (params?: {\r\n        onOk?: () => void;\r\n        onError?: () => void;\r\n    }) {\r\n        const { onOk, onError } = params ?? {};\r\n        const { number } = this;\r\n        if (number) {\r\n            const result = await sendHttpRequest({\r\n                url: `/resource/update_id/${number}`,\r\n                method: 'delete',\r\n            });\r\n            if (result.success) {\r\n                this.number = '';\r\n                onOk?.();\r\n            } else {\r\n                onError?.();\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport default uploadNumberSDK;",".upload-area {\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.upload-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 12px;\r\n    width: 100%;\r\n}\r\n\r\n.upload-placeholder {\r\n    width: 100%;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder img {\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n\r\n.upload-placeholder p {\r\n    text-align: center;\r\n}\r\n\r\n.upload-text {\r\n    margin: 8px 0;\r\n}\r\n\r\n.upload-hint {\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.file-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 8px 0;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 0;\r\n}\r\n\r\n.file-name {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n.remove-file {\r\n    border: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n}\r\n\r\n.mobile-upload {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.btn {\r\n    position: relative;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n}\r\n\r\n.btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.btn:hover::after {\r\n    background-color: rgba(0,0,0,0.04);\r\n}\r\n\r\n.btn-link {\r\n    color: #0D75FB;\r\n}\r\n\r\n.btn-default {\r\n    background-color: #ffffff;\r\n    color: #0D75FB;\r\n    border: 1px solid #0D75FB;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: #0D75FB;\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n.loading {\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.mask {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.5);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 10000;\r\n}\r\n\r\n.mask .upload-wrapper {\r\n    width: 540px;\r\n    max-width: 80%;\r\n    max-height: 80%;\r\n    background-color: #ffffff;\r\n    padding: 32px 24px;\r\n    border-radius: 16px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.mask .upload-wrapper .upload-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.time-expire {\r\n    margin: 8px 0;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #555555;\r\n}\r\n\r\n.time-count-down {\r\n    margin-left: 8px;\r\n    color: #0D75FB;\r\n}\r\n\r\n.alert-tip {\r\n    margin-top: 8px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.qrcode-wrapper {\r\n    width: 160px;\r\n    height: 160px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 4px;\r\n    padding: 1px;\r\n}\r\n\r\n.qrcode-wrapper .qrcode {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.modal-footer {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.modal-footer .btn {\r\n    min-width: 100px;\r\n}","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, State, Event, h, EventEmitter, Method } from \"@stencil/core\";\r\nimport { FileUploadResponse, sendHttpRequest, PCM_DOMAIN } from \"../../utils/utils\";\r\nimport uploadNumberSDK from \"./uploadNumberSDK\";\r\nimport { Message } from \"../../services/message.service\";\r\nimport qrcode from 'qrcode-generator'\r\n\r\n@Component({\r\n    tag: 'components-mobile-upload-btn',\r\n    styleUrls: ['components-mobile-upload-btn.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class ComponentsMobileUploadBtn {\r\n    /**\r\n     * 是否支持多文件上传\r\n     */\r\n    @Prop() multiple: boolean = false;\r\n    /**\r\n     * 支持的文件后缀列表（需要带上小数点.）\r\n     */\r\n    @Prop() acceptFileSuffixList: string[] = [];\r\n    /**\r\n     * 最大文件数\r\n     */\r\n    @Prop() maxFileCount: number = Infinity;\r\n    /**\r\n     * 最大文件大小\r\n     */\r\n    @Prop() maxFileSize: number = Infinity;\r\n    /**\r\n     * 上传请求头\r\n     */\r\n    @Prop() uploadHeaders?: Record<string, unknown>;\r\n    /**\r\n     * 上传请求参数\r\n     */\r\n    @Prop() uploadParams?: Record<string, unknown>;\r\n    /**\r\n     * 是否使用上传区域样式\r\n     */\r\n    @Prop() uploadAreaMode: boolean = false;\r\n    /**\r\n     * 是否禁用上传\r\n     */\r\n    @Prop() disabled: boolean = false;\r\n    /**\r\n     * 默认文件列表\r\n     */\r\n    @Prop() defaultFileList: FileUploadResponse[] = [];\r\n    /**\r\n     * 上传区域提示文本\r\n     */\r\n    @Prop() uploadText: string = '点击上传简历';\r\n    @State() QR_CODE_VALID_TIME: number = 0;\r\n    @State() open: boolean = false;\r\n    @State() mobileUrl: string = '';\r\n    @State() setStartMobileUpload: boolean = false;\r\n    @State() startMobileUploadLoading: boolean = false;\r\n    @State() qrcodeStatus: 'active' | 'expired' | 'loading' | undefined = 'loading';\r\n    @State() value: FileUploadResponse[] = [];\r\n    @State() mobileUploadFiles: FileUploadResponse[] = [];\r\n    @State() expireTime: string = ''; // 过期时间\r\n\r\n    @Event() ok: EventEmitter<FileUploadResponse[]>;\r\n\r\n    componentWillLoad(): void {\r\n        this.value = [...this.defaultFileList];\r\n    }\r\n\r\n    @Method()\r\n    async getIsUploading(): Promise<boolean> {\r\n        return this.startMobileUploadLoading;\r\n    }\r\n\r\n    @Method()\r\n    async clearSelectedFiles(): Promise<void> {\r\n        this.value = [];\r\n    }\r\n\r\n    private setStartMobileUploadWrapper = (e: boolean) => {\r\n        uploadNumberSDK.isWorking = e;\r\n        this.setStartMobileUpload = e;\r\n    }\r\n\r\n    @State() qrcodeUrl: string = '';\r\n    private setMobileUrlWrapper = (e: string) => {\r\n        this.mobileUrl = e;\r\n        if (e) {\r\n            const qr = qrcode(0, 'M');\r\n            qr.addData(e);\r\n            qr.make();\r\n            this.qrcodeUrl = qr.createDataURL(4, 0);\r\n        } else {\r\n            this.qrcodeUrl = '';\r\n        }\r\n    }\r\n\r\n    // 轮询流水号数据\r\n    private pollingQueryNumberInfo = async (num: string): Promise<void> => {\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id/${num}/status`,\r\n            method: 'get',\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n            } = res.data ?? {};\r\n            const { file_list } = resData;\r\n            this.mobileUploadFiles = file_list ?? [];\r\n        }\r\n        if (uploadNumberSDK.isWorking) {\r\n            setTimeout(() => {\r\n                this.pollingQueryNumberInfo(num);\r\n            }, 3000);\r\n        }\r\n    }\r\n\r\n    private handleStartMobileUpload = async () => {\r\n        const that = this;\r\n        this.qrcodeStatus = 'loading';\r\n        this.startMobileUploadLoading = true;\r\n        const params = this.uploadParams ?? {};\r\n        const tags = Array.isArray(params.tags) ? params.tags as string[] : undefined;\r\n        const reqData: {\r\n            tags?: string[];\r\n            cfg?: Record<string, any>;\r\n            is_knowledge_doc?: boolean,\r\n        } = {\r\n            is_knowledge_doc: false,\r\n            tags,\r\n            cfg: {\r\n                maxSize: that.maxFileSize,\r\n                maxCount: that.multiple ? that.maxFileCount : 1,\r\n                fromUserName: '',\r\n                fromUserId: '',\r\n                customAccept: that.acceptFileSuffixList.join(','),\r\n                upload: that.uploadParams,\r\n            },\r\n        }\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id`,\r\n            method: 'post',\r\n            data: reqData,\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n                now?: any;\r\n                custom_data?: any;\r\n            } = res.data ?? {};\r\n            uploadNumberSDK.number = resData.update_id;\r\n            // 计算过期时间:创建后+1小时\r\n            const expireDate = new Date(Date.now() + 3600 * 1000);\r\n            this.expireTime = `${expireDate.getHours().toString().padStart(2, '0')}:${expireDate.getMinutes().toString().padStart(2, '0')}`;\r\n            const theMobileUrl = `${PCM_DOMAIN}/agents/uploadFileByCode?num=${uploadNumberSDK.number}`;\r\n            this.setMobileUrlWrapper(theMobileUrl)\r\n            this.setStartMobileUploadWrapper(true);\r\n            this.qrcodeStatus = 'active';\r\n            // 开启轮询\r\n            this.pollingQueryNumberInfo(uploadNumberSDK.number);\r\n        }\r\n        this.startMobileUploadLoading = false;\r\n    }\r\n\r\n    // 取消手机上传\r\n    @State() cancelLoading = false;\r\n    private cancelMobileUpload = async (clearValue: boolean = true) => {\r\n        this.cancelLoading = true;\r\n        await uploadNumberSDK.close({\r\n            onError() {\r\n                Message.info('取消失败');\r\n            }\r\n        })\r\n        this.cancelLoading = false;\r\n        this.QR_CODE_VALID_TIME = 0;\r\n        this.expireTime = '';\r\n        this.setStartMobileUploadWrapper(false);\r\n        this.setMobileUrlWrapper('');\r\n        this.qrcodeStatus = 'expired';\r\n        if (clearValue) {\r\n            this.mobileUploadFiles = [];\r\n        }\r\n        this.open = false;\r\n    }\r\n\r\n    // 删除文件\r\n    private handleDelete = async (cos_key: any) => {\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id/${uploadNumberSDK.number}/file`,\r\n            method: 'delete',\r\n            params: {\r\n                update_id: uploadNumberSDK.number,\r\n                cos_key,\r\n            }\r\n        });\r\n        if (res?.success) {\r\n            this.mobileUploadFiles = this.mobileUploadFiles.filter(it => it.cos_key !== cos_key);\r\n            this.value = this.value.filter(it => it.cos_key !== cos_key);\r\n            this.ok.emit(this.value);\r\n        }\r\n    }\r\n\r\n\r\n    private handleOpenUpload = (): void => {\r\n        if (this.disabled) return;\r\n        if (this.maxFileCount <= this.value.length) {\r\n            Message.info('文件数量已达到上限！');\r\n            return;\r\n        }\r\n        this.mobileUploadFiles = [];\r\n        this.open = true;\r\n        this.handleStartMobileUpload();\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                    {this.uploadAreaMode ? <div class=\"upload-area-mode\">\r\n                        <div class=\"upload-area\">\r\n                            {this.value.map((item, index) => <div class=\"file-item\" key={item.cos_key || index}>\r\n                                <div class=\"file-item-content\">\r\n                                    <span class=\"file-icon\">📝</span>\r\n                                    <span class=\"file-name\">{item.file_name}</span>\r\n                                </div>\r\n                                {!this.disabled && <button class=\"remove-file\" onClick={(event) => {\r\n                                    event.stopPropagation();\r\n                                    this.handleDelete(item.cos_key);\r\n                                }}>×</button>}\r\n                            </div>)}\r\n                        </div>\r\n                        {!this.disabled && this.value.length < this.maxFileCount && <div class=\"upload-actions\">\r\n                            <div class=\"upload-placeholder\" onClick={this.handleOpenUpload}>\r\n                                <img src=\"https://pub.pincaimao.com/static/web/images/home/i_upload.png\" />\r\n                                <p class=\"upload-text\">{this.uploadText}</p>\r\n                                {!!this.acceptFileSuffixList.length && <p class=\"upload-hint\">支持 {this.acceptFileSuffixList.join('、')} 格式。</p>}\r\n                            </div>\r\n                        </div>}\r\n                    </div> : <div class=\"mobile-upload\">\r\n                        <div class=\"btn btn-link\" onClick={this.handleOpenUpload}>扫码上传</div>\r\n                    </div>}\r\n                    {\r\n                        this.open && <div class=\"mask\">\r\n                            <div class=\"upload-wrapper\">\r\n                                {\r\n                                    this.setStartMobileUpload ? <div class=\"upload-box\">\r\n                                        <div class=\"qrcode-wrapper\">\r\n                                            {\r\n                                                this.qrcodeStatus === 'active' && <img class=\"qrcode\" src={this.qrcodeUrl} />\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'loading' && <span class=\"loading\">加载中...</span>\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'expired' && <div\r\n                                                    class=\"btn btn-link\"\r\n                                                    onClick={this.handleStartMobileUpload}\r\n                                                >重新获取</div>\r\n                                            }\r\n                                        </div>\r\n                                        <div class=\"time-expire\">\r\n                                            二维码有效期至 {this.expireTime}\r\n                                        </div>\r\n                                        <div class=\"alert-tip\">\r\n                                            上传过程中请不要关闭此弹窗\r\n                                        </div>\r\n                                        {\r\n                                            this.qrcodeStatus === 'active' && <div\r\n                                                style={{ marginTop: '12px', fontSize: '12px' }}\r\n                                                class=\"btn btn-link\"\r\n                                                onClick={() => {\r\n                                                    navigator.clipboard\r\n                                                        .writeText(this.mobileUrl)\r\n                                                        .then(() => {\r\n                                                            Message.success(\"已复制到剪贴板\");\r\n                                                        })\r\n                                                        .catch(() => {\r\n                                                            Message.error(\"复制失败\");\r\n                                                        });\r\n                                                }}\r\n                                            >复制二维码地址</div>\r\n                                        }\r\n                                    </div> : (this.startMobileUploadLoading && <span class=\"loading\">加载中...</span>)\r\n                                }\r\n                                {/* 上传文件列表 */}\r\n                                <div style={{ marginTop: '12px' }}>\r\n                                    {\r\n                                        this.mobileUploadFiles.map((item, index) => {\r\n                                            return <div class=\"file-item\" key={index}>\r\n                                                <div class=\"file-item-content\">\r\n                                                    <span class=\"file-icon\">📝</span>\r\n                                                    <span class=\"file-name\">{item?.file_name}</span>\r\n                                                </div>\r\n                                                <button class=\"remove-file\" onClick={(e) => {\r\n                                                    e.stopPropagation();\r\n                                                    this.handleDelete(item.cos_key)\r\n                                                }}>×</button>\r\n                                            </div>\r\n                                        })\r\n                                    }\r\n                                </div>\r\n                                <div class=\"modal-footer\">\r\n                                    <div class=\"btn btn-default\" onClick={() => this.cancelMobileUpload()}>取消</div>\r\n                                    <div class=\"btn btn-primary\" onClick={() => {\r\n                                        if (this.value.length + this.mobileUploadFiles.length > this.maxFileCount) {\r\n                                            Message.info(`最多只能选择${this.maxFileCount}个文件，请删除多余文件!`);\r\n                                            return;\r\n                                        }\r\n                                        this.value = this.multiple\r\n                                            ? [...this.value, ...this.mobileUploadFiles]\r\n                                            : this.mobileUploadFiles.slice(0, 1);\r\n                                        this.ok.emit(this.value);\r\n                                        this.cancelMobileUpload(false);\r\n                                    }}>完成</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n        )\r\n    }\r\n}"],"version":3}
+{"file":"p-BZPf0rl6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/components-mobile-upload-btn/uploadNumberSDK.ts","src/components/components-mobile-upload-btn/components-mobile-upload-btn.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/global/global.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/global/host.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/components/components-mobile-upload-btn/components-mobile-upload-btn.tsx"],"sourcesContent":["import { sendHttpRequest } from \"../../utils/utils\";\r\n\r\n// 文件上传流水号SDK\r\nconst uploadNumberSDK = {\r\n    number: '',\r\n    isWorking: false,\r\n    close: async function (params?: {\r\n        onOk?: () => void;\r\n        onError?: () => void;\r\n    }) {\r\n        const { onOk, onError } = params ?? {};\r\n        const { number } = this;\r\n        if (number) {\r\n            const result = await sendHttpRequest({\r\n                url: `/resource/update_id/${number}`,\r\n                method: 'delete',\r\n            });\r\n            if (result.success) {\r\n                this.number = '';\r\n                onOk?.();\r\n            } else {\r\n                onError?.();\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport default uploadNumberSDK;",".upload-area {\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.upload-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 12px;\r\n    width: 100%;\r\n}\r\n\r\n.upload-placeholder {\r\n    width: 100%;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder img {\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n\r\n.upload-placeholder p {\r\n    text-align: center;\r\n}\r\n\r\n.upload-text {\r\n    margin: 8px 0;\r\n}\r\n\r\n.upload-hint {\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.file-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 8px 0;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 0;\r\n}\r\n\r\n.file-name {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n.remove-file {\r\n    border: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n}\r\n\r\n.mobile-upload {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.btn {\r\n    position: relative;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n}\r\n\r\n.btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.btn:hover::after {\r\n    background-color: rgba(0,0,0,0.04);\r\n}\r\n\r\n.btn-link {\r\n    color: #0D75FB;\r\n}\r\n\r\n.btn-default {\r\n    background-color: #ffffff;\r\n    color: #0D75FB;\r\n    border: 1px solid #0D75FB;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: #0D75FB;\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n.loading {\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.mask {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.5);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 10000;\r\n}\r\n\r\n.mask .upload-wrapper {\r\n    width: 540px;\r\n    max-width: 80%;\r\n    max-height: 80%;\r\n    background-color: #ffffff;\r\n    padding: 32px 24px;\r\n    border-radius: 16px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.mask .upload-wrapper .upload-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.time-expire {\r\n    margin: 8px 0;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #555555;\r\n}\r\n\r\n.time-count-down {\r\n    margin-left: 8px;\r\n    color: #0D75FB;\r\n}\r\n\r\n.alert-tip {\r\n    margin-top: 8px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.qrcode-wrapper {\r\n    width: 160px;\r\n    height: 160px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 4px;\r\n    padding: 1px;\r\n}\r\n\r\n.qrcode-wrapper .qrcode {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.modal-footer {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.modal-footer .btn {\r\n    min-width: 100px;\r\n}","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, State, Event, h, EventEmitter, Method } from \"@stencil/core\";\r\nimport { FileUploadResponse, sendHttpRequest, PCM_DOMAIN } from \"../../utils/utils\";\r\nimport uploadNumberSDK from \"./uploadNumberSDK\";\r\nimport { Message } from \"../../services/message.service\";\r\nimport qrcode from 'qrcode-generator'\r\n\r\n@Component({\r\n    tag: 'components-mobile-upload-btn',\r\n    styleUrls: ['components-mobile-upload-btn.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class ComponentsMobileUploadBtn {\r\n    /**\r\n     * 是否支持多文件上传\r\n     */\r\n    @Prop() multiple: boolean = false;\r\n    /**\r\n     * 支持的文件后缀列表（需要带上小数点.）\r\n     */\r\n    @Prop() acceptFileSuffixList: string[] = [];\r\n    /**\r\n     * 最大文件数\r\n     */\r\n    @Prop() maxFileCount: number = Infinity;\r\n    /**\r\n     * 最大文件大小\r\n     */\r\n    @Prop() maxFileSize: number = Infinity;\r\n    /**\r\n     * 上传请求头\r\n     */\r\n    @Prop() uploadHeaders?: Record<string, unknown>;\r\n    /**\r\n     * 上传请求参数\r\n     */\r\n    @Prop() uploadParams?: Record<string, unknown>;\r\n    /**\r\n     * 是否使用上传区域样式\r\n     */\r\n    @Prop() uploadAreaMode: boolean = false;\r\n    /**\r\n     * 是否禁用上传\r\n     */\r\n    @Prop() disabled: boolean = false;\r\n    /**\r\n     * 默认文件列表\r\n     */\r\n    @Prop() defaultFileList: FileUploadResponse[] = [];\r\n    /**\r\n     * 上传区域提示文本\r\n     */\r\n    @Prop() uploadText: string = '点击上传简历';\r\n    @State() QR_CODE_VALID_TIME: number = 0;\r\n    @State() open: boolean = false;\r\n    @State() mobileUrl: string = '';\r\n    @State() setStartMobileUpload: boolean = false;\r\n    @State() startMobileUploadLoading: boolean = false;\r\n    @State() qrcodeStatus: 'active' | 'expired' | 'loading' | undefined = 'loading';\r\n    @State() value: FileUploadResponse[] = [];\r\n    @State() mobileUploadFiles: FileUploadResponse[] = [];\r\n    @State() expireTime: string = ''; // 过期时间\r\n\r\n    @Event() ok: EventEmitter<FileUploadResponse[]>;\r\n\r\n    componentWillLoad(): void {\r\n        this.value = [...this.defaultFileList];\r\n    }\r\n\r\n    @Method()\r\n    async getIsUploading(): Promise<boolean> {\r\n        return this.startMobileUploadLoading;\r\n    }\r\n\r\n    @Method()\r\n    async clearSelectedFiles(): Promise<void> {\r\n        this.value = [];\r\n    }\r\n\r\n    private setStartMobileUploadWrapper = (e: boolean) => {\r\n        uploadNumberSDK.isWorking = e;\r\n        this.setStartMobileUpload = e;\r\n    }\r\n\r\n    @State() qrcodeUrl: string = '';\r\n    private setMobileUrlWrapper = (e: string) => {\r\n        this.mobileUrl = e;\r\n        if (e) {\r\n            const qr = qrcode(0, 'M');\r\n            qr.addData(e);\r\n            qr.make();\r\n            this.qrcodeUrl = qr.createDataURL(4, 0);\r\n        } else {\r\n            this.qrcodeUrl = '';\r\n        }\r\n    }\r\n\r\n    // 轮询流水号数据\r\n    private pollingQueryNumberInfo = async (num: string): Promise<void> => {\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id/${num}/status`,\r\n            method: 'get',\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n            } = res.data ?? {};\r\n            const { file_list } = resData;\r\n            this.mobileUploadFiles = file_list ?? [];\r\n        }\r\n        if (uploadNumberSDK.isWorking) {\r\n            setTimeout(() => {\r\n                this.pollingQueryNumberInfo(num);\r\n            }, 3000);\r\n        }\r\n    }\r\n\r\n    private handleStartMobileUpload = async () => {\r\n        const that = this;\r\n        this.qrcodeStatus = 'loading';\r\n        this.startMobileUploadLoading = true;\r\n        const params = this.uploadParams ?? {};\r\n        const tags = Array.isArray(params.tags) ? params.tags as string[] : undefined;\r\n        const reqData: {\r\n            tags?: string[];\r\n            cfg?: Record<string, any>;\r\n            is_knowledge_doc?: boolean,\r\n        } = {\r\n            is_knowledge_doc: false,\r\n            tags,\r\n            cfg: {\r\n                maxSize: that.maxFileSize,\r\n                maxCount: that.multiple ? that.maxFileCount : 1,\r\n                fromUserName: '',\r\n                fromUserId: '',\r\n                customAccept: that.acceptFileSuffixList.join(','),\r\n                upload: that.uploadParams,\r\n            },\r\n        }\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id`,\r\n            method: 'post',\r\n            data: reqData,\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n                now?: any;\r\n                custom_data?: any;\r\n            } = res.data ?? {};\r\n            uploadNumberSDK.number = resData.update_id;\r\n            // 计算过期时间:创建后+1小时\r\n            const expireDate = new Date(Date.now() + 3600 * 1000);\r\n            this.expireTime = `${expireDate.getHours().toString().padStart(2, '0')}:${expireDate.getMinutes().toString().padStart(2, '0')}`;\r\n            const theMobileUrl = `${PCM_DOMAIN}/agents/uploadFileByCode?num=${uploadNumberSDK.number}`;\r\n            this.setMobileUrlWrapper(theMobileUrl)\r\n            this.setStartMobileUploadWrapper(true);\r\n            this.qrcodeStatus = 'active';\r\n            // 开启轮询\r\n            this.pollingQueryNumberInfo(uploadNumberSDK.number);\r\n        }\r\n        this.startMobileUploadLoading = false;\r\n    }\r\n\r\n    // 取消手机上传\r\n    @State() cancelLoading = false;\r\n    private cancelMobileUpload = async (clearValue: boolean = true) => {\r\n        this.cancelLoading = true;\r\n        await uploadNumberSDK.close({\r\n            onError() {\r\n                Message.info('取消失败');\r\n            }\r\n        })\r\n        this.cancelLoading = false;\r\n        this.QR_CODE_VALID_TIME = 0;\r\n        this.expireTime = '';\r\n        this.setStartMobileUploadWrapper(false);\r\n        this.setMobileUrlWrapper('');\r\n        this.qrcodeStatus = 'expired';\r\n        if (clearValue) {\r\n            this.mobileUploadFiles = [];\r\n        }\r\n        this.open = false;\r\n    }\r\n\r\n    // 删除文件\r\n    private handleDelete = async (cos_key: any) => {\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id/${uploadNumberSDK.number}/file`,\r\n            method: 'delete',\r\n            params: {\r\n                update_id: uploadNumberSDK.number,\r\n                cos_key,\r\n            }\r\n        });\r\n        if (res?.success) {\r\n            this.mobileUploadFiles = this.mobileUploadFiles.filter(it => it.cos_key !== cos_key);\r\n            this.value = this.value.filter(it => it.cos_key !== cos_key);\r\n            this.ok.emit(this.value);\r\n        }\r\n    }\r\n\r\n\r\n    private handleOpenUpload = (): void => {\r\n        if (this.disabled) return;\r\n        if (this.maxFileCount <= this.value.length) {\r\n            Message.info('文件数量已达到上限！');\r\n            return;\r\n        }\r\n        this.mobileUploadFiles = [];\r\n        this.open = true;\r\n        this.handleStartMobileUpload();\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                    {this.uploadAreaMode ? <div class=\"upload-area-mode\">\r\n                        <div class=\"upload-area\">\r\n                            {this.value.map((item, index) => <div class=\"file-item\" key={item.cos_key || index}>\r\n                                <div class=\"file-item-content\">\r\n                                    <span class=\"file-icon\">📝</span>\r\n                                    <span class=\"file-name\">{item.file_name}</span>\r\n                                </div>\r\n                                {!this.disabled && <button class=\"remove-file\" onClick={(event) => {\r\n                                    event.stopPropagation();\r\n                                    this.handleDelete(item.cos_key);\r\n                                }}>×</button>}\r\n                            </div>)}\r\n                        </div>\r\n                        {!this.disabled && this.value.length < this.maxFileCount && <div class=\"upload-actions\">\r\n                            <div class=\"upload-placeholder\" onClick={this.handleOpenUpload}>\r\n                                <img src=\"https://pub.pincaimao.com/static/web/images/home/i_upload.png\" />\r\n                                <p class=\"upload-text\">{this.uploadText}</p>\r\n                                {!!this.acceptFileSuffixList.length && <p class=\"upload-hint\">支持 {this.acceptFileSuffixList.join('、')} 格式。</p>}\r\n                            </div>\r\n                        </div>}\r\n                    </div> : <div class=\"mobile-upload\">\r\n                        <div class=\"btn btn-link\" onClick={this.handleOpenUpload}>扫码上传</div>\r\n                    </div>}\r\n                    {\r\n                        this.open && <div class=\"mask\">\r\n                            <div class=\"upload-wrapper\">\r\n                                {\r\n                                    this.setStartMobileUpload ? <div class=\"upload-box\">\r\n                                        <div class=\"qrcode-wrapper\">\r\n                                            {\r\n                                                this.qrcodeStatus === 'active' && <img class=\"qrcode\" src={this.qrcodeUrl} />\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'loading' && <span class=\"loading\">加载中...</span>\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'expired' && <div\r\n                                                    class=\"btn btn-link\"\r\n                                                    onClick={this.handleStartMobileUpload}\r\n                                                >重新获取</div>\r\n                                            }\r\n                                        </div>\r\n                                        <div class=\"time-expire\">\r\n                                            二维码有效期至 {this.expireTime}\r\n                                        </div>\r\n                                        <div class=\"alert-tip\">\r\n                                            上传过程中请不要关闭此弹窗\r\n                                        </div>\r\n                                        {\r\n                                            this.qrcodeStatus === 'active' && <div\r\n                                                style={{ marginTop: '12px', fontSize: '12px' }}\r\n                                                class=\"btn btn-link\"\r\n                                                onClick={() => {\r\n                                                    navigator.clipboard\r\n                                                        .writeText(this.mobileUrl)\r\n                                                        .then(() => {\r\n                                                            Message.success(\"已复制到剪贴板\");\r\n                                                        })\r\n                                                        .catch(() => {\r\n                                                            Message.error(\"复制失败\");\r\n                                                        });\r\n                                                }}\r\n                                            >复制二维码地址</div>\r\n                                        }\r\n                                    </div> : (this.startMobileUploadLoading && <span class=\"loading\">加载中...</span>)\r\n                                }\r\n                                {/* 上传文件列表 */}\r\n                                <div style={{ marginTop: '12px' }}>\r\n                                    {\r\n                                        this.mobileUploadFiles.map((item, index) => {\r\n                                            return <div class=\"file-item\" key={index}>\r\n                                                <div class=\"file-item-content\">\r\n                                                    <span class=\"file-icon\">📝</span>\r\n                                                    <span class=\"file-name\">{item?.file_name}</span>\r\n                                                </div>\r\n                                                <button class=\"remove-file\" onClick={(e) => {\r\n                                                    e.stopPropagation();\r\n                                                    this.handleDelete(item.cos_key)\r\n                                                }}>×</button>\r\n                                            </div>\r\n                                        })\r\n                                    }\r\n                                </div>\r\n                                <div class=\"modal-footer\">\r\n                                    <div class=\"btn btn-default\" onClick={() => this.cancelMobileUpload()}>取消</div>\r\n                                    <div class=\"btn btn-primary\" onClick={() => {\r\n                                        if (this.value.length + this.mobileUploadFiles.length > this.maxFileCount) {\r\n                                            Message.info(`最多只能选择${this.maxFileCount}个文件，请删除多余文件!`);\r\n                                            return;\r\n                                        }\r\n                                        this.value = this.multiple\r\n                                            ? [...this.value, ...this.mobileUploadFiles]\r\n                                            : this.mobileUploadFiles.slice(0, 1);\r\n                                        this.ok.emit(this.value);\r\n                                        this.cancelMobileUpload(false);\r\n                                    }}>完成</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/components/{p-D4RnNrxx.js → p-BgwHiYHx.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-CR7WLzmM.js';
-import { d as getOemPositions } from './p-i4wY2JnB.js';
+import { j as getOemPositions } from './p-Dc3NvH9p.js';
 import { M as Message } from './p-D39f_W8k.js';
 
 const componentsPositionSelectorCss = ":host{display:block;width:100%;height:100%}.position-selector-container{display:flex;flex-direction:column;width:100%;height:100%;background:#fff}.search-bar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.search-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:200px;max-width:500px}.search-icon{position:absolute;left:12px;color:#bfbfbf;pointer-events:none}.search-input{width:100%;height:36px;padding:4px 36px 4px 36px;font-size:14px;line-height:1.5;color:rgba(0, 0, 0, 0.85);background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:6px;transition:all 0.3s;outline:none}.search-input:hover{border-color:#40a9ff}.search-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.search-input::placeholder{color:#bfbfbf}.clear-button{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#bfbfbf;transition:color 0.3s}.clear-button:hover{color:#8c8c8c}.search-button{padding:4px 15px;height:36px;font-size:14px;line-height:1.5;border-radius:6px;color:#fff;background-color:#1890ff;border:1px solid #1890ff;cursor:pointer;transition:all 0.3s;outline:none;white-space:nowrap;flex-shrink:0}.search-button:hover{background-color:#40a9ff;border-color:#40a9ff}.search-button:active{background-color:#096dd9;border-color:#096dd9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px;color:#8c8c8c}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top-color:#1890ff;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.empty-icon{opacity:0.5}.empty-text{margin:0;color:#8c8c8c;font-size:14px}.position-list{flex:1;overflow-y:auto;min-height:0}.table-container{width:100%;overflow-x:auto}.position-table{width:100%;border-collapse:collapse;font-size:14px}.position-table thead{background-color:#fafafa;position:sticky;top:0;z-index:1}.position-table th{padding:12px 16px;text-align:left;font-weight:500;color:rgba(0, 0, 0, 0.85);border-bottom:1px solid #f0f0f0;white-space:nowrap}.position-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:rgba(0, 0, 0, 0.65)}.position-table tbody tr{transition:background-color 0.3s}.position-table tbody tr:hover{background-color:#fafafa}.position-table tbody tr.selected-row{background-color:#e6f7ff}.checkbox-column{width:50px;text-align:center}.title-column{min-width:150px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-column{min-width:120px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-column{min-width:100px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requirements-column{min-width:200px;max-width:300px}.requirements-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-word;line-height:1.5}.salary-column{min-width:100px;white-space:nowrap}.action-column{width:100px;text-align:center}.position-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#1890ff}.select-button{padding:4px 15px;height:28px;font-size:14px;line-height:1.5;border-radius:6px;color:#fff;background-color:#1890ff;border:1px solid #1890ff;cursor:pointer;transition:all 0.3s;outline:none}.select-button:hover{background-color:#40a9ff;border-color:#40a9ff}.select-button:active{background-color:#096dd9;border-color:#096dd9}@media screen and (max-width: 768px){.search-bar{padding:12px;gap:8px}.search-input-wrapper{min-width:auto;max-width:none}.search-input{height:40px;font-size:16px}.search-button{height:40px;padding:4px 12px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.position-table{font-size:12px}.position-table th,.position-table td{padding:8px 12px}.title-column,.company-column,.location-column{min-width:100px}.select-button{padding:4px 12px;height:32px;font-size:14px}}.pagination-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid #f0f0f0;flex-shrink:0}.pagination-button{padding:4px 15px;height:32px;font-size:14px;line-height:1.5;border-radius:6px;color:rgba(0, 0, 0, 0.85);background-color:#fff;border:1px solid #d9d9d9;cursor:pointer;transition:all 0.3s;outline:none}.pagination-button:hover:not(:disabled){color:#40a9ff;border-color:#40a9ff}.pagination-button:active:not(:disabled){color:#096dd9;border-color:#096dd9}.pagination-button:disabled{color:rgba(0, 0, 0, 0.25);background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.pagination-info{font-size:14px;color:rgba(0, 0, 0, 0.65)}.position-list::-webkit-scrollbar{width:8px;height:8px}.position-list::-webkit-scrollbar-track{background:#f1f1f1}.position-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.position-list::-webkit-scrollbar-thumb:hover{background:#555}";
@@ -259,6 +259,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ComponentsPositionSelector as C, defineCustomElement as d };
-//# sourceMappingURL=p-D4RnNrxx.js.map
+//# sourceMappingURL=p-BgwHiYHx.js.map
 
-//# sourceMappingURL=p-D4RnNrxx.js.map
+//# sourceMappingURL=p-BgwHiYHx.js.map