pcm-agents 1.0.13-beta.0 → 1.0.13

package/dist/pcm-agents/p-791e2973.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalCss","pcmJlsxModalCss","markdownCss","hostCss"],"sources":["src/global/global.css?tag=pcm-jlsx-modal&encapsulation=shadow","src/components/pcm-jlsx-modal/pcm-jlsx-modal.css?tag=pcm-jlsx-modal&encapsulation=shadow","src/global/markdown.css?tag=pcm-jlsx-modal&encapsulation=shadow","src/global/host.css?tag=pcm-jlsx-modal&encapsulation=shadow"],"sourcesContent":["/* 模态框基础样式 */\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","/* 任务界面专用样式 */\r\n.pc-layout{\r\n    max-width:none;\r\n}\r\n/* 任务布局容器 */\r\n.task-layout {\r\n    width: 90%;\r\n    max-width: 1200px;\r\n    min-width: 800px;\r\n}\r\n\r\n@media screen and (max-width: 1024px) {\r\n    .task-layout {\r\n        width: 95%;\r\n        min-width: 320px;\r\n    }\r\n}\r\n\r\n/* 任务容器 */\r\n.task-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    overflow-y: auto;\r\n    gap: 20px;\r\n}\r\n\r\n.upload-area{\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.upload-disabled-wrapper {\r\n    position: relative;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.upload-disabled-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-color: rgba(255, 255, 255, 0.7);\r\n    cursor: not-allowed;\r\n    z-index: 1;\r\n}\r\n\r\n/* 步骤头部 */\r\n.step-header {\r\n    text-align: center;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.step-header h3 {\r\n    margin: 0 0 8px 0;\r\n    font-size: 20px;\r\n    color: #333;\r\n}\r\n\r\n.step-description {\r\n    margin: 0;\r\n    color: #666;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 步骤指示器 */\r\n.step-indicator {\r\n    background: #e6f7ff;\r\n    color: #1890ff;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    margin-left: 8px;\r\n}\r\n\r\n/* 评分标准输入区域 */\r\n.criteria-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.criteria-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/* 任务信息展示区域 */\r\n.task-info-section {\r\n    flex-shrink: 0;\r\n}\r\n\r\n.info-cards {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n    .info-cards {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n\r\n.info-card {\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    background: #fff;\r\n}\r\n\r\n.card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 12px 16px;\r\n    background: #fafafa;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.card-header:hover {\r\n    background: #f0f0f0;\r\n}\r\n\r\n.card-title {\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.toggle-btn {\r\n    background: transparent;\r\n    border: none;\r\n    color: #1890ff;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.toggle-btn:hover {\r\n    background: rgba(24, 144, 255, 0.1);\r\n}\r\n\r\n.card-content {\r\n    padding: 16px;\r\n    border-top: 1px solid #e8e8e8;\r\n    max-height: 120px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.card-content p {\r\n    margin: 0;\r\n    line-height: 1.6;\r\n    color: #666;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 卡片预览区域 */\r\n.card-preview {\r\n    padding: 12px 16px;\r\n    border-top: 1px solid #e8e8e8;\r\n}\r\n\r\n.preview-text {\r\n    margin: 0;\r\n    line-height: 1.5;\r\n    color: #666;\r\n    font-size: 14px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n/* 抽屉内容样式 */\r\n.drawer-text-content {\r\n    line-height: 1.6;\r\n    color: #333;\r\n    font-size: 14px;\r\n    white-space: pre-wrap;\r\n    word-wrap: break-word;\r\n}\r\n\r\n/* 上传区域 */\r\n.upload-section {\r\n    flex-shrink: 0;\r\n}\r\n\r\n.section-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 12px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.section-header-side {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.refresh-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    padding: 0;\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    transition: color 0.2s, border-color 0.2s, background 0.2s;\r\n}\r\n\r\n.refresh-btn:hover {\r\n    color: #1890ff;\r\n    border-color: #1890ff;\r\n    background: #e6f4ff;\r\n}\r\n\r\n.refresh-btn:disabled {\r\n    color: #bfbfbf;\r\n    border-color: #d9d9d9;\r\n    background: #f5f5f5;\r\n    cursor: not-allowed;\r\n}\r\n\r\n@keyframes spin {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.refresh-btn .rotating {\r\n    animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.export-actions {\r\n    height: 32px;\r\n    display: flex;\r\n    border-radius: 6px;\r\n    background-color: white;\r\n    border: 1px solid #1890ff;\r\n    overflow: hidden;\r\n    margin-right: 16px;\r\n    color: #1890ff;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n}\r\n\r\n.export-btn {\r\n    width: 128px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.export-btn:hover {\r\n    background-color: #f5f5f5;\r\n    cursor: pointer;\r\n}\r\n\r\n.export-divide {\r\n    width: 1px;\r\n    height: 100%;\r\n    background-color: #1890ff;\r\n}\r\n\r\n.section-header h4 {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    color: #333;\r\n}\r\n\r\n.count-badge {\r\n    background: #1890ff;\r\n    color: white;\r\n    padding: 2px 8px;\r\n    border-radius: 12px;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n}\r\n\r\n.analyze-btn {\r\n    padding: 8px 16px;\r\n    background: #52c41a;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n    font-size: 14px;\r\n}\r\n\r\n.analyze-btn:hover {\r\n    background: #73d13d;\r\n}\r\n\r\n.analyze-btn:disabled {\r\n    background: #d9d9d9;\r\n    cursor: not-allowed;\r\n}\r\n\r\n/* 简历表格区域 */\r\n.resume-table-section {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 0;\r\n}\r\n\r\n.table-container {\r\n    flex: 1;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 8px;\r\n    background: white;\r\n    overflow-x: auto;\r\n    min-height: 400px;\r\n}\r\n\r\n.resume-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    font-size: 14px;\r\n}\r\n\r\n.resume-table th {\r\n    background: #fafafa;\r\n    padding: 12px 16px;\r\n    text-align: left;\r\n    font-weight: 500;\r\n    color: #333;\r\n    border-bottom: 1px solid #e8e8e8;\r\n}\r\n\r\n.resume-table td {\r\n    padding: 12px 16px;\r\n    vertical-align: middle;\r\n    height: 60px;\r\n}\r\n\r\n.resume-table tr {\r\n    border-bottom: 1px solid #f0f0f0;\r\n    height: 60px;\r\n}\r\n.resume-table tr:hover {\r\n    background: #f9f9f9;\r\n}\r\n\r\n/* 表格单元格样式 */\r\n.filename-cell {\r\n    max-width: 200px;\r\n    height: 100%;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.filename-cell span:last-child {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.talent-info-cell {\r\n    max-width: 180px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n\r\n.score-badge {\r\n    display: inline-block;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    font-weight: 500;\r\n    font-size: 12px;\r\n}\r\n\r\n.score-badge.excellent {\r\n    background: #f6ffed;\r\n    color: #52c41a;\r\n    border: 1px solid #b7eb8f;\r\n}\r\n\r\n.score-badge.good {\r\n    background: #e6f7ff;\r\n    color: #1890ff;\r\n    border: 1px solid #91d5ff;\r\n}\r\n\r\n.score-badge.average {\r\n    background: #fff7e6;\r\n    color: #fa8c16;\r\n    border: 1px solid #ffd591;\r\n}\r\n\r\n.score-badge.below-average {\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n    border: 1px solid #ffa39e;\r\n}\r\n\r\n.score-badge.poor {\r\n    background: #f5f5f5;\r\n    color: #8c8c8c;\r\n    border: 1px solid #d9d9d9;\r\n}\r\n\r\n\r\n.status-badge {\r\n    display: inline-block;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    font-weight: 500;\r\n    font-size: 12px;\r\n}\r\n\r\n.status-badge.status-pending {\r\n    background: #f0f0f0;\r\n    color: #8c8c8c;\r\n    border: 1px solid #d9d9d9;\r\n}\r\n\r\n.status-badge.status-analyzing {\r\n    background: #e6f7ff;\r\n    color: #1890ff;\r\n    border: 1px solid #91d5ff;\r\n}\r\n\r\n.status-badge.status-completed {\r\n    background: #f6ffed;\r\n    color: #52c41a;\r\n    border: 1px solid #b7eb8f;\r\n}\r\n\r\n.status-badge.status-failed {\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n    border: 1px solid #ffa39e;\r\n}\r\n\r\n.detail-cell {\r\n    max-width: 200px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.detail-content {\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n}\r\n\r\n.detail-content:hover {\r\n    color: #40a9ff;\r\n}\r\n\r\n.action-cell {\r\n    display: flex;\r\n    gap: 8px;\r\n    position: relative;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n}\r\n\r\n.action-dropdown {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.dropdown-trigger {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    padding: 6px 12px;\r\n    background: #f0f0f0;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    color: #595959;\r\n    transition: all 0.2s;\r\n    min-width: 60px;\r\n    justify-content: center;\r\n}\r\n\r\n.dropdown-trigger:hover {\r\n    background: #e6e6e6;\r\n    border-color: #bfbfbf;\r\n    color: #333;\r\n}\r\n\r\n.dropdown-trigger svg {\r\n    transition: transform 0.2s;\r\n    margin-left: 4px;\r\n}\r\n\r\n.dropdown-menu {\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 0;\r\n    z-index: 9999;\r\n    min-width: 120px;\r\n    background: white;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 6px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    overflow: hidden;\r\n    margin-top: 4px;\r\n}\r\n\r\n.dropdown-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 12px;\r\n    font-size: 14px;\r\n    color: #333;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n    border-bottom: 1px solid #f5f5f5;\r\n    white-space: nowrap;\r\n}\r\n\r\n.dropdown-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.dropdown-item:hover {\r\n    background: #f5f5f5;\r\n}\r\n\r\n.dropdown-item.danger {\r\n    color: #f5222d;\r\n}\r\n\r\n.dropdown-item.danger:hover {\r\n    background: #fff1f0;\r\n    color: #cf1322;\r\n}\r\n\r\n.dropdown-item svg {\r\n    flex-shrink: 0;\r\n}\r\n\r\n.view-btn {\r\n    background: #e6f7ff;\r\n    color: #1890ff;\r\n}\r\n\r\n.view-btn:hover {\r\n    background: #bae7ff;\r\n}\r\n\r\n.delete-btn {\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n}\r\n\r\n.delete-btn:hover {\r\n    background: #ffccc7;\r\n}\r\n\r\n/* 空状态 */\r\n.empty-row {\r\n    text-align: center;\r\n    padding: 40px 20px !important;\r\n    border-bottom: none !important;\r\n}\r\n\r\n.empty-state {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #999;\r\n}\r\n\r\n.empty-state p {\r\n    margin: 0;\r\n}\r\n\r\n.empty-hint {\r\n    font-size: 12px;\r\n}\r\n\r\n/* 响应式表格 */\r\n@media screen and (max-width: 768px) {\r\n    .task-container {\r\n        padding: 16px;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .resume-table {\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .resume-table th,\r\n    .resume-table td {\r\n        padding: 8px 12px;\r\n    }\r\n    \r\n    .filename-cell,\r\n    .talent-info-cell,\r\n    .detail-cell {\r\n        max-width: 120px;\r\n    }\r\n    \r\n    .action-cell {\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-width: 80px;\r\n        height: 100%;\r\n    }\r\n    \r\n    .dropdown-trigger {\r\n        min-width: 50px;\r\n        padding: 4px 8px;\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n/* 评分标准表格样式 */\r\n.criteria-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.criteria-header label {\r\n    margin: 0;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.criteria-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.total-weight {\r\n    font-size: 14px;\r\n    color: #52c41a;\r\n    font-weight: 500;\r\n}\r\n\r\n.total-weight.invalid {\r\n    color: #f5222d;\r\n}\r\n\r\n.add-criteria-btn-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: end;\r\n}\r\n\r\n.add-criteria-btn {\r\n    padding: 6px 12px;\r\n    background: #1890ff;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.add-criteria-btn:hover {\r\n    background: #40a9ff;\r\n}\r\n\r\n.criteria-table-container {\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    background: white;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.criteria-table {\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    font-size: 14px;\r\n}\r\n\r\n.criteria-table th {\r\n    background: #fafafa;\r\n    padding: 12px 16px;\r\n    text-align: left;\r\n    font-weight: 500;\r\n    color: #333;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    border-right: 1px solid #e8e8e8;\r\n    font-size: 13px;\r\n    vertical-align: middle;\r\n}\r\n\r\n.criteria-table th:last-child {\r\n    border-right: none;\r\n}\r\n\r\n.criteria-table td {\r\n    padding: 12px 16px;\r\n    border-bottom: 1px solid #f0f0f0;\r\n    border-right: 1px solid #f0f0f0;\r\n    vertical-align: middle;\r\n}\r\n\r\n.criteria-table td:last-child {\r\n    border-right: none;\r\n}\r\n\r\n.criteria-table tr:last-child td {\r\n    border-bottom: none;\r\n}\r\n\r\n.criteria-name-input {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    outline: none;\r\n    transition: border-color 0.2s;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.criteria-name-input:focus {\r\n    border-color: #40a9ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.criteria-value-input {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    outline: none;\r\n    transition: border-color 0.2s;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.criteria-value-input:focus {\r\n    border-color: #40a9ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.criteria-description-input {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    outline: none;\r\n    resize: vertical;\r\n    min-height: 80px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.2s;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.criteria-description-input:focus {\r\n    border-color: #40a9ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.remove-criteria-btn {\r\n    width: 28px;\r\n    height: 28px;\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n    border: 1px solid #ffa39e;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    margin: 0 auto;\r\n}\r\n\r\n.remove-criteria-btn:hover:not(:disabled) {\r\n    background: #ffccc7;\r\n    border-color: #ff7875;\r\n}\r\n\r\n.remove-criteria-btn:disabled {\r\n    background: #f5f5f5;\r\n    color: #bfbfbf;\r\n    border-color: #d9d9d9;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.criteria-warning {\r\n    color: #fa8c16;\r\n    font-size: 13px;\r\n    margin: 8px 0 0 0;\r\n    padding: 8px 12px;\r\n    background: #fff7e6;\r\n    border: 1px solid #ffd591;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n    .criteria-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .criteria-actions {\r\n        width: 100%;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .criteria-table th,\r\n    .criteria-table td {\r\n        padding: 10px 8px;\r\n        font-size: 12px;\r\n        vertical-align: middle;\r\n    }\r\n    \r\n    .criteria-table th:nth-child(1) { width: 20%; }\r\n    .criteria-table th:nth-child(2) { width: 15%; }\r\n    .criteria-table th:nth-child(3) { width: 55%; }\r\n    .criteria-table th:nth-child(4) { width: 10%; }\r\n    \r\n    .criteria-name-input,\r\n    .criteria-value-input,\r\n    .criteria-description-input {\r\n        font-size: 12px;\r\n        padding: 6px 8px;\r\n    }\r\n    \r\n    .criteria-description-input {\r\n        min-height: 60px;\r\n    }\r\n    \r\n    .remove-criteria-btn {\r\n        width: 24px;\r\n        height: 24px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n/* 表格排序样式 */\r\n.sortable-header {\r\n    cursor: pointer !important;\r\n    user-select: none;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.sortable-header:hover {\r\n    background: #f0f0f0 !important;\r\n}\r\n\r\n.sortable-header.active {\r\n    background: #e6f7ff !important;\r\n    color: #1890ff;\r\n}\r\n\r\n.header-content {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n}\r\n\r\n.sort-icons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1px;\r\n    margin-left: 8px;\r\n    opacity: 0.6;\r\n}\r\n\r\n.sortable-header:hover .sort-icons {\r\n    opacity: 1;\r\n}\r\n\r\n.sort-icon {\r\n    transition: color 0.2s;\r\n    color: #bfbfbf;\r\n}\r\n\r\n.sort-icon.active {\r\n    color: #1890ff;\r\n}\r\n\r\n/* 分页样式 */\r\n.pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 20px 0;\r\n    margin-top: 16px;\r\n    border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.page-btn {\r\n    padding: 8px 16px;\r\n    background: #fff;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    color: #333;\r\n    transition: all 0.2s;\r\n    min-width: 80px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 36px;\r\n}\r\n\r\n.page-btn:hover:not(:disabled) {\r\n    border-color: #40a9ff;\r\n    color: #40a9ff;\r\n    background: #f6f8ff;\r\n}\r\n\r\n.page-btn:disabled {\r\n    background: #f5f5f5;\r\n    border-color: #d9d9d9;\r\n    color: #bfbfbf;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.page-info {\r\n    font-size: 14px;\r\n    color: #666;\r\n    padding: 0 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    height: 36px;\r\n    white-space: nowrap;\r\n}\r\n\r\n/* 移动端分页适配 */\r\n@media screen and (max-width: 768px) {\r\n    .pagination {\r\n        gap: 12px;\r\n        padding: 16px 0;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .page-btn {\r\n        min-width: 70px;\r\n        padding: 6px 12px;\r\n        font-size: 13px;\r\n        height: 32px;\r\n    }\r\n    \r\n    .page-info {\r\n        font-size: 13px;\r\n        padding: 0 8px;\r\n        height: 32px;\r\n        order: 3;\r\n        width: 100%;\r\n        justify-content: center;\r\n        margin-top: 8px;\r\n    }\r\n}\r\n\r\n/* 任务管理相关样式 */\r\n.step-indicator.clickable {\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.step-indicator.clickable:hover {\r\n    background: #bae7ff;\r\n    color: #0958d9;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n/* 任务历史抽屉内容 */\r\n.task-history-drawer-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n.task-list {\r\n    flex: 1;\r\n    overflow-y: auto;\r\n    padding: 16px 0;\r\n}\r\n\r\n.loading-tasks,\r\n.empty-tasks {\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: #666;\r\n}\r\n\r\n.loading-spinner-small {\r\n    width: 24px;\r\n    height: 24px;\r\n    border: 2px solid #f0f0f0;\r\n    border-top: 2px solid #1890ff;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 12px;\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.task-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 16px;\r\n    margin-bottom: 8px;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    background: #fff;\r\n}\r\n\r\n.task-item:hover {\r\n    border-color: #1890ff;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.task-item.active {\r\n    border-color: #1890ff;\r\n    background: #f6ffed;\r\n    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.15);\r\n}\r\n\r\n.task-info {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.task-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.task-id {\r\n    font-weight: 600;\r\n    color: #333;\r\n    font-size: 14px;\r\n}\r\n\r\n.task-time {\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n\r\n.task-job-info {\r\n    font-size: 14px;\r\n    color: #333;\r\n    margin-bottom: 8px;\r\n    line-height: 1.4;\r\n    word-break: break-word;\r\n}\r\n\r\n.task-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.resume-count {\r\n    font-size: 12px;\r\n    color: #666;\r\n    background: #f5f5f5;\r\n    padding: 2px 6px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.current-task-indicator {\r\n    flex-shrink: 0;\r\n    margin-left: 12px;\r\n    color: #52c41a;\r\n}\r\n\r\n.current-task-indicator svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n\r\n/* 响应式设计 */\r\n@media screen and (max-width: 768px) {\r\n    .task-item {\r\n        padding: 12px;\r\n    }\r\n    \r\n    .task-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 4px;\r\n    }\r\n    \r\n    .task-job-info {\r\n        font-size: 13px;\r\n        margin-bottom: 6px;\r\n    }\r\n    \r\n}\r\n\r\n.pcm-jlsx-card {\r\n    margin-bottom: 20px;\r\n    background-color: #ffffff;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.pcm-jlsx-card-header {\r\n    padding: 12px 20px;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: #333;\r\n    border-bottom: 1px solid #e9ecef;\r\n}\r\n\r\n.pcm-jlsx-card-body {\r\n    padding: 20px;\r\n    font-size: 14px;\r\n    color: #333;\r\n    line-height: 1.6;\r\n    white-space: pre-wrap;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.out-important-conditions {\r\n    margin-top: 8px;\r\n    color: #666;\r\n    font-size: 12px;\r\n}\r\n","\r\n.markdown-body {\r\n    --base-size-4: 4px;\r\n    --base-size-8: 8px;\r\n    --base-size-16: 16px;\r\n    --base-size-24: 24px;\r\n    --base-size-40: 40px;\r\n    --base-text-weight-normal: 400;\r\n    --base-text-weight-medium: 500;\r\n    --base-text-weight-semibold: 600;\r\n    --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;\r\n    --fgColor-accent: Highlight;\r\n  }\r\n  \r\n  @media (prefers-color-scheme: dark) {\r\n  \r\n    .markdown-body,\r\n    [data-theme=\"dark\"] {\r\n      /* dark */\r\n      color-scheme: dark;\r\n      --focus-outlineColor: #0969da;\r\n      --fgColor-default: #1f2328;\r\n      --fgColor-muted: #59636e;\r\n      --fgColor-accent: #0969da;\r\n      --fgColor-success: #1a7f37;\r\n      --fgColor-attention: #9a6700;\r\n      --fgColor-danger: #d1242f;\r\n      --fgColor-done: #8250df;\r\n      --bgColor-default: #ffffff;\r\n      --bgColor-muted: #f6f8fa;\r\n      --bgColor-neutral-muted: #818b981f;\r\n      --bgColor-attention-muted: #fff8c5;\r\n      --borderColor-default: #d1d9e0;\r\n      --borderColor-muted: #d1d9e0b3;\r\n      --borderColor-neutral-muted: #d1d9e0b3;\r\n      --borderColor-accent-emphasis: #0969da;\r\n      --borderColor-success-emphasis: #1a7f37;\r\n      --borderColor-attention-emphasis: #9a6700;\r\n      --borderColor-danger-emphasis: #cf222e;\r\n      --borderColor-done-emphasis: #8250df;\r\n      --color-prettylights-syntax-comment: #59636e;\r\n      --color-prettylights-syntax-constant: #0550ae;\r\n      --color-prettylights-syntax-constant-other-reference-link: #0a3069;\r\n      --color-prettylights-syntax-entity: #6639ba;\r\n      --color-prettylights-syntax-storage-modifier-import: #1f2328;\r\n      --color-prettylights-syntax-entity-tag: #0550ae;\r\n      --color-prettylights-syntax-keyword: #cf222e;\r\n      --color-prettylights-syntax-string: #0a3069;\r\n      --color-prettylights-syntax-variable: #953800;\r\n      --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;\r\n      --color-prettylights-syntax-brackethighlighter-angle: #59636e;\r\n      --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;\r\n      --color-prettylights-syntax-invalid-illegal-bg: #82071e;\r\n      --color-prettylights-syntax-carriage-return-text: #f6f8fa;\r\n      --color-prettylights-syntax-carriage-return-bg: #cf222e;\r\n      --color-prettylights-syntax-string-regexp: #116329;\r\n      --color-prettylights-syntax-markup-list: #3b2300;\r\n      --color-prettylights-syntax-markup-heading: #0550ae;\r\n      --color-prettylights-syntax-markup-italic: #1f2328;\r\n      --color-prettylights-syntax-markup-bold: #1f2328;\r\n      --color-prettylights-syntax-markup-deleted-text: #82071e;\r\n      --color-prettylights-syntax-markup-deleted-bg: #ffebe9;\r\n      --color-prettylights-syntax-markup-inserted-text: #116329;\r\n      --color-prettylights-syntax-markup-inserted-bg: #dafbe1;\r\n      --color-prettylights-syntax-markup-changed-text: #953800;\r\n      --color-prettylights-syntax-markup-changed-bg: #ffd8b5;\r\n      --color-prettylights-syntax-markup-ignored-text: #d1d9e0;\r\n      --color-prettylights-syntax-markup-ignored-bg: #0550ae;\r\n      --color-prettylights-syntax-meta-diff-range: #8250df;\r\n      --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;\r\n    }\r\n  }\r\n  \r\n  @media (prefers-color-scheme: light) {\r\n  \r\n    .markdown-body,\r\n    [data-theme=\"light\"] {\r\n      /* light */\r\n      color-scheme: light;\r\n      --focus-outlineColor: #0969da;\r\n      --fgColor-default: #1f2328;\r\n      --fgColor-muted: #59636e;\r\n      --fgColor-accent: #0969da;\r\n      --fgColor-success: #1a7f37;\r\n      --fgColor-attention: #9a6700;\r\n      --fgColor-danger: #d1242f;\r\n      --fgColor-done: #8250df;\r\n      --bgColor-default: #ffffff;\r\n      --bgColor-muted: #f6f8fa;\r\n      --bgColor-neutral-muted: #818b981f;\r\n      --bgColor-attention-muted: #fff8c5;\r\n      --borderColor-default: #d1d9e0;\r\n      --borderColor-muted: #d1d9e0b3;\r\n      --borderColor-neutral-muted: #d1d9e0b3;\r\n      --borderColor-accent-emphasis: #0969da;\r\n      --borderColor-success-emphasis: #1a7f37;\r\n      --borderColor-attention-emphasis: #9a6700;\r\n      --borderColor-danger-emphasis: #cf222e;\r\n      --borderColor-done-emphasis: #8250df;\r\n      --color-prettylights-syntax-comment: #59636e;\r\n      --color-prettylights-syntax-constant: #0550ae;\r\n      --color-prettylights-syntax-constant-other-reference-link: #0a3069;\r\n      --color-prettylights-syntax-entity: #6639ba;\r\n      --color-prettylights-syntax-storage-modifier-import: #1f2328;\r\n      --color-prettylights-syntax-entity-tag: #0550ae;\r\n      --color-prettylights-syntax-keyword: #cf222e;\r\n      --color-prettylights-syntax-string: #0a3069;\r\n      --color-prettylights-syntax-variable: #953800;\r\n      --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;\r\n      --color-prettylights-syntax-brackethighlighter-angle: #59636e;\r\n      --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;\r\n      --color-prettylights-syntax-invalid-illegal-bg: #82071e;\r\n      --color-prettylights-syntax-carriage-return-text: #f6f8fa;\r\n      --color-prettylights-syntax-carriage-return-bg: #cf222e;\r\n      --color-prettylights-syntax-string-regexp: #116329;\r\n      --color-prettylights-syntax-markup-list: #3b2300;\r\n      --color-prettylights-syntax-markup-heading: #0550ae;\r\n      --color-prettylights-syntax-markup-italic: #1f2328;\r\n      --color-prettylights-syntax-markup-bold: #1f2328;\r\n      --color-prettylights-syntax-markup-deleted-text: #82071e;\r\n      --color-prettylights-syntax-markup-deleted-bg: #ffebe9;\r\n      --color-prettylights-syntax-markup-inserted-text: #116329;\r\n      --color-prettylights-syntax-markup-inserted-bg: #dafbe1;\r\n      --color-prettylights-syntax-markup-changed-text: #953800;\r\n      --color-prettylights-syntax-markup-changed-bg: #ffd8b5;\r\n      --color-prettylights-syntax-markup-ignored-text: #d1d9e0;\r\n      --color-prettylights-syntax-markup-ignored-bg: #0550ae;\r\n      --color-prettylights-syntax-meta-diff-range: #8250df;\r\n      --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;\r\n    }\r\n  }\r\n  \r\n  .markdown-body {\r\n    -ms-text-size-adjust: 100%;\r\n    -webkit-text-size-adjust: 100%;\r\n    margin: 0;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    word-wrap: break-word;\r\n  }\r\n  \r\n  .markdown-body .octicon {\r\n    display: inline-block;\r\n    fill: currentColor;\r\n    vertical-align: text-bottom;\r\n  }\r\n  \r\n  .markdown-body h1:hover .anchor .octicon-link:before,\r\n  .markdown-body h2:hover .anchor .octicon-link:before,\r\n  .markdown-body h3:hover .anchor .octicon-link:before,\r\n  .markdown-body h4:hover .anchor .octicon-link:before,\r\n  .markdown-body h5:hover .anchor .octicon-link:before,\r\n  .markdown-body h6:hover .anchor .octicon-link:before {\r\n    width: 16px;\r\n    height: 16px;\r\n    content: ' ';\r\n    display: inline-block;\r\n    background-color: currentColor;\r\n    -webkit-mask-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>\");\r\n    mask-image: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>\");\r\n  }\r\n  \r\n  .markdown-body details,\r\n  .markdown-body figcaption,\r\n  .markdown-body figure {\r\n    display: block;\r\n  }\r\n  \r\n  .markdown-body summary {\r\n    display: list-item;\r\n  }\r\n  \r\n  .markdown-body [hidden] {\r\n    display: none !important;\r\n  }\r\n  \r\n  .markdown-body a {\r\n    background-color: transparent;\r\n    color: var(--fgColor-accent);\r\n    text-decoration: none;\r\n  }\r\n  \r\n  .markdown-body abbr[title] {\r\n    border-bottom: none;\r\n    -webkit-text-decoration: underline dotted;\r\n    text-decoration: underline dotted;\r\n  }\r\n  \r\n  .markdown-body b,\r\n  .markdown-body strong {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n  }\r\n  \r\n  .markdown-body dfn {\r\n    font-style: italic;\r\n  }\r\n  \r\n  .markdown-body h1 {\r\n    margin: .67em 0;\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    padding-bottom: .3em;\r\n    font-size: 1.5em;\r\n    border-bottom: 1px solid var(--borderColor-muted);\r\n  }\r\n  \r\n  .markdown-body mark {\r\n    background-color: var(--bgColor-attention-muted);\r\n    color: var(--fgColor-default);\r\n  }\r\n  \r\n  .markdown-body small {\r\n    font-size: 90%;\r\n  }\r\n  \r\n  .markdown-body sub,\r\n  .markdown-body sup {\r\n    font-size: 75%;\r\n    line-height: 0;\r\n    position: relative;\r\n    vertical-align: baseline;\r\n  }\r\n  \r\n  .markdown-body sub {\r\n    bottom: -0.25em;\r\n  }\r\n  \r\n  .markdown-body sup {\r\n    top: -0.5em;\r\n  }\r\n  \r\n  .markdown-body img {\r\n    border-style: none;\r\n    max-width: 100%;\r\n    box-sizing: content-box;\r\n  }\r\n  \r\n  .markdown-body code,\r\n  .markdown-body kbd,\r\n  .markdown-body pre,\r\n  .markdown-body samp {\r\n    font-family: monospace;\r\n    font-size: 1em;\r\n  }\r\n  \r\n  .markdown-body figure {\r\n    margin: 1em var(--base-size-40);\r\n  }\r\n  \r\n  .markdown-body hr {\r\n    box-sizing: content-box;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    border-bottom: 1px solid var(--borderColor-muted);\r\n    height: .25em;\r\n    padding: 0;\r\n    margin: var(--base-size-24) 0;\r\n    background-color: var(--borderColor-default);\r\n    border: 0;\r\n  }\r\n  \r\n  .markdown-body input {\r\n    font: inherit;\r\n    margin: 0;\r\n    overflow: visible;\r\n    font-family: inherit;\r\n    font-size: inherit;\r\n    line-height: inherit;\r\n  }\r\n  \r\n  .markdown-body [type=button],\r\n  .markdown-body [type=reset],\r\n  .markdown-body [type=submit] {\r\n    -webkit-appearance: button;\r\n    appearance: button;\r\n  }\r\n  \r\n  .markdown-body [type=checkbox],\r\n  .markdown-body [type=radio] {\r\n    box-sizing: border-box;\r\n    padding: 0;\r\n  }\r\n  \r\n  .markdown-body [type=number]::-webkit-inner-spin-button,\r\n  .markdown-body [type=number]::-webkit-outer-spin-button {\r\n    height: auto;\r\n  }\r\n  \r\n  .markdown-body [type=search]::-webkit-search-cancel-button,\r\n  .markdown-body [type=search]::-webkit-search-decoration {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n  }\r\n  \r\n  .markdown-body ::-webkit-input-placeholder {\r\n    color: inherit;\r\n    opacity: .54;\r\n  }\r\n  \r\n  .markdown-body ::-webkit-file-upload-button {\r\n    -webkit-appearance: button;\r\n    appearance: button;\r\n    font: inherit;\r\n  }\r\n  \r\n  .markdown-body a:hover {\r\n    text-decoration: underline;\r\n  }\r\n  \r\n  .markdown-body ::placeholder {\r\n    color: var(--fgColor-muted);\r\n    opacity: 1;\r\n  }\r\n  \r\n  .markdown-body hr::before {\r\n    display: table;\r\n    content: \"\";\r\n  }\r\n  \r\n  .markdown-body hr::after {\r\n    display: table;\r\n    clear: both;\r\n    content: \"\";\r\n  }\r\n  \r\n  .markdown-body table {\r\n    border-spacing: 0;\r\n    border-collapse: collapse;\r\n    display: block;\r\n    width: max-content;\r\n    max-width: 100%;\r\n    overflow: auto;\r\n    font-variant: tabular-nums;\r\n  }\r\n  \r\n  .markdown-body td,\r\n  .markdown-body th {\r\n    padding: 0;\r\n  }\r\n  \r\n  .markdown-body details summary {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  .markdown-body a:focus,\r\n  .markdown-body [role=button]:focus,\r\n  .markdown-body input[type=radio]:focus,\r\n  .markdown-body input[type=checkbox]:focus {\r\n    outline: 2px solid var(--focus-outlineColor);\r\n    outline-offset: -2px;\r\n    box-shadow: none;\r\n  }\r\n  \r\n  .markdown-body a:focus:not(:focus-visible),\r\n  .markdown-body [role=button]:focus:not(:focus-visible),\r\n  .markdown-body input[type=radio]:focus:not(:focus-visible),\r\n  .markdown-body input[type=checkbox]:focus:not(:focus-visible) {\r\n    outline: solid 1px transparent;\r\n  }\r\n  \r\n  .markdown-body a:focus-visible,\r\n  .markdown-body [role=button]:focus-visible,\r\n  .markdown-body input[type=radio]:focus-visible,\r\n  .markdown-body input[type=checkbox]:focus-visible {\r\n    outline: 2px solid var(--focus-outlineColor);\r\n    outline-offset: -2px;\r\n    box-shadow: none;\r\n  }\r\n  \r\n  .markdown-body a:not([class]):focus,\r\n  .markdown-body a:not([class]):focus-visible,\r\n  .markdown-body input[type=radio]:focus,\r\n  .markdown-body input[type=radio]:focus-visible,\r\n  .markdown-body input[type=checkbox]:focus,\r\n  .markdown-body input[type=checkbox]:focus-visible {\r\n    outline-offset: 0;\r\n  }\r\n  \r\n  .markdown-body kbd {\r\n    display: inline-block;\r\n    padding: var(--base-size-4);\r\n    font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);\r\n    line-height: 10px;\r\n    color: var(--fgColor-default);\r\n    vertical-align: middle;\r\n    background-color: var(--bgColor-muted);\r\n    border: solid 1px var(--borderColor-neutral-muted);\r\n    border-bottom-color: var(--borderColor-neutral-muted);\r\n    border-radius: 6px;\r\n    box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted);\r\n  }\r\n  \r\n  .markdown-body h1,\r\n  .markdown-body h2,\r\n  .markdown-body h3,\r\n  .markdown-body h4,\r\n  .markdown-body h5,\r\n  .markdown-body h6 {\r\n    margin-top: var(--base-size-24);\r\n    margin-bottom: var(--base-size-16);\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    line-height: 1.25;\r\n  }\r\n  \r\n  .markdown-body h2 {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    padding-bottom: .3em;\r\n    font-size: 1.2em;\r\n    border-bottom: 1px solid var(--borderColor-muted);\r\n  }\r\n  \r\n  .markdown-body h3 {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    font-size: 1.05em;\r\n  }\r\n  \r\n  .markdown-body h4 {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    font-size: 0.875em;\r\n  }\r\n  \r\n  .markdown-body h5 {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    font-size: .85em;\r\n  }\r\n  \r\n  .markdown-body h6 {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    font-size: .80em;\r\n    color: var(--fgColor-muted);\r\n  }\r\n  \r\n  .markdown-body p {\r\n    margin-top: 0;\r\n    margin-bottom: 10px;\r\n  }\r\n  \r\n  .markdown-body blockquote {\r\n    margin: 0;\r\n    padding: 0 1em;\r\n    color: var(--fgColor-muted);\r\n    border-left: .25em solid var(--borderColor-default);\r\n  }\r\n  \r\n  .markdown-body ul,\r\n  .markdown-body ol {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    padding-left: 2em;\r\n  }\r\n  \r\n  .markdown-body ol ol,\r\n  .markdown-body ul ol {\r\n    list-style-type: lower-roman;\r\n  }\r\n  \r\n  .markdown-body ul ul ol,\r\n  .markdown-body ul ol ol,\r\n  .markdown-body ol ul ol,\r\n  .markdown-body ol ol ol {\r\n    list-style-type: lower-alpha;\r\n  }\r\n  \r\n  .markdown-body dd {\r\n    margin-left: 0;\r\n  }\r\n  \r\n  .markdown-body tt,\r\n  .markdown-body code,\r\n  .markdown-body samp {\r\n    font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);\r\n    font-size: 12px;\r\n  }\r\n  \r\n  .markdown-body pre {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);\r\n    font-size: 12px;\r\n    word-wrap: normal;\r\n  }\r\n  \r\n  .markdown-body .octicon {\r\n    display: inline-block;\r\n    overflow: visible !important;\r\n    vertical-align: text-bottom;\r\n    fill: currentColor;\r\n  }\r\n  \r\n  .markdown-body input::-webkit-outer-spin-button,\r\n  .markdown-body input::-webkit-inner-spin-button {\r\n    margin: 0;\r\n    appearance: none;\r\n  }\r\n  \r\n  .markdown-body .mr-2 {\r\n    margin-right: var(--base-size-8, 8px) !important;\r\n  }\r\n  \r\n  .markdown-body::before {\r\n    display: table;\r\n    content: \"\";\r\n  }\r\n  \r\n  .markdown-body::after {\r\n    display: table;\r\n    clear: both;\r\n    content: \"\";\r\n  }\r\n  \r\n  .markdown-body>*:first-child {\r\n    margin-top: 0 !important;\r\n  }\r\n  \r\n  .markdown-body>*:last-child {\r\n    margin-bottom: 0 !important;\r\n  }\r\n  \r\n  .markdown-body a:not([href]) {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n  \r\n  .markdown-body .absent {\r\n    color: var(--fgColor-danger);\r\n  }\r\n  \r\n  .markdown-body .anchor {\r\n    float: left;\r\n    padding-right: var(--base-size-4);\r\n    margin-left: -20px;\r\n    line-height: 1;\r\n  }\r\n  \r\n  .markdown-body .anchor:focus {\r\n    outline: none;\r\n  }\r\n  \r\n  .markdown-body p,\r\n  .markdown-body blockquote,\r\n  .markdown-body ul,\r\n  .markdown-body ol,\r\n  .markdown-body dl,\r\n  .markdown-body table,\r\n  .markdown-body pre,\r\n  .markdown-body details {\r\n    margin-top: 0;\r\n    margin-bottom: var(--base-size-16);\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n  }\r\n  \r\n  .markdown-body blockquote>:first-child {\r\n    margin-top: 0;\r\n  }\r\n  \r\n  .markdown-body blockquote>:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  \r\n  .markdown-body h1 .octicon-link,\r\n  .markdown-body h2 .octicon-link,\r\n  .markdown-body h3 .octicon-link,\r\n  .markdown-body h4 .octicon-link,\r\n  .markdown-body h5 .octicon-link,\r\n  .markdown-body h6 .octicon-link {\r\n    color: var(--fgColor-default);\r\n    vertical-align: middle;\r\n    visibility: hidden;\r\n  }\r\n  \r\n  .markdown-body h1:hover .anchor,\r\n  .markdown-body h2:hover .anchor,\r\n  .markdown-body h3:hover .anchor,\r\n  .markdown-body h4:hover .anchor,\r\n  .markdown-body h5:hover .anchor,\r\n  .markdown-body h6:hover .anchor {\r\n    text-decoration: none;\r\n  }\r\n  \r\n  .markdown-body h1:hover .anchor .octicon-link,\r\n  .markdown-body h2:hover .anchor .octicon-link,\r\n  .markdown-body h3:hover .anchor .octicon-link,\r\n  .markdown-body h4:hover .anchor .octicon-link,\r\n  .markdown-body h5:hover .anchor .octicon-link,\r\n  .markdown-body h6:hover .anchor .octicon-link {\r\n    visibility: visible;\r\n  }\r\n  \r\n  .markdown-body h1 tt,\r\n  .markdown-body h1 code,\r\n  .markdown-body h2 tt,\r\n  .markdown-body h2 code,\r\n  .markdown-body h3 tt,\r\n  .markdown-body h3 code,\r\n  .markdown-body h4 tt,\r\n  .markdown-body h4 code,\r\n  .markdown-body h5 tt,\r\n  .markdown-body h5 code,\r\n  .markdown-body h6 tt,\r\n  .markdown-body h6 code {\r\n    padding: 0 .2em;\r\n    font-size: inherit;\r\n  }\r\n  \r\n  .markdown-body summary h1,\r\n  .markdown-body summary h2,\r\n  .markdown-body summary h3,\r\n  .markdown-body summary h4,\r\n  .markdown-body summary h5,\r\n  .markdown-body summary h6 {\r\n    display: inline-block;\r\n  }\r\n  \r\n  .markdown-body summary h1 .anchor,\r\n  .markdown-body summary h2 .anchor,\r\n  .markdown-body summary h3 .anchor,\r\n  .markdown-body summary h4 .anchor,\r\n  .markdown-body summary h5 .anchor,\r\n  .markdown-body summary h6 .anchor {\r\n    margin-left: -40px;\r\n  }\r\n  \r\n  .markdown-body summary h1,\r\n  .markdown-body summary h2 {\r\n    padding-bottom: 0;\r\n    border-bottom: 0;\r\n  }\r\n  \r\n  .markdown-body ul.no-list,\r\n  .markdown-body ol.no-list {\r\n    padding: 0;\r\n    list-style-type: none;\r\n  }\r\n  \r\n  .markdown-body ol[type=\"a s\"] {\r\n    list-style-type: lower-alpha;\r\n  }\r\n  \r\n  .markdown-body ol[type=\"A s\"] {\r\n    list-style-type: upper-alpha;\r\n  }\r\n  \r\n  .markdown-body ol[type=\"i s\"] {\r\n    list-style-type: lower-roman;\r\n  }\r\n  \r\n  .markdown-body ol[type=\"I s\"] {\r\n    list-style-type: upper-roman;\r\n  }\r\n  \r\n  .markdown-body ol[type=\"1\"] {\r\n    list-style-type: decimal;\r\n  }\r\n  \r\n  .markdown-body div>ol:not([type]) {\r\n    list-style-type: decimal;\r\n  }\r\n  \r\n  .markdown-body ul ul,\r\n  .markdown-body ul ol,\r\n  .markdown-body ol ol,\r\n  .markdown-body ol ul {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n  }\r\n  \r\n  .markdown-body li>p {\r\n    margin-top: var(--base-size-16);\r\n  }\r\n  \r\n  .markdown-body li+li {\r\n    margin-top: .25em;\r\n  }\r\n  \r\n  .markdown-body dl {\r\n    padding: 0;\r\n  }\r\n  \r\n  .markdown-body dl dt {\r\n    padding: 0;\r\n    margin-top: var(--base-size-16);\r\n    font-size: 1em;\r\n    font-style: italic;\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n  }\r\n  \r\n  .markdown-body dl dd {\r\n    padding: 0 var(--base-size-16);\r\n    margin-bottom: var(--base-size-16);\r\n  }\r\n  \r\n  .markdown-body table th {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n  }\r\n  \r\n  .markdown-body table th,\r\n  .markdown-body table td {\r\n    padding: 6px 13px;\r\n    border: 1px solid var(--borderColor-default);\r\n  }\r\n  \r\n  .markdown-body table td>:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  \r\n  .markdown-body table tr {\r\n    background-color: var(--bgColor-default);\r\n    border-top: 1px solid var(--borderColor-muted);\r\n  }\r\n  \r\n  .markdown-body table tr:nth-child(2n) {\r\n    background-color: var(--bgColor-muted);\r\n  }\r\n  \r\n  .markdown-body table img {\r\n    background-color: transparent;\r\n  }\r\n  \r\n  .markdown-body img[align=right] {\r\n    padding-left: 20px;\r\n  }\r\n  \r\n  .markdown-body img[align=left] {\r\n    padding-right: 20px;\r\n  }\r\n  \r\n  .markdown-body .emoji {\r\n    max-width: none;\r\n    vertical-align: text-top;\r\n    background-color: transparent;\r\n  }\r\n  \r\n  .markdown-body span.frame {\r\n    display: block;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .markdown-body span.frame>span {\r\n    display: block;\r\n    float: left;\r\n    width: auto;\r\n    padding: 7px;\r\n    margin: 13px 0 0;\r\n    overflow: hidden;\r\n    border: 1px solid var(--borderColor-default);\r\n  }\r\n  \r\n  .markdown-body span.frame span img {\r\n    display: block;\r\n    float: left;\r\n  }\r\n  \r\n  .markdown-body span.frame span span {\r\n    display: block;\r\n    padding: 5px 0 0;\r\n    clear: both;\r\n    color: var(--fgColor-default);\r\n  }\r\n  \r\n  .markdown-body span.align-center {\r\n    display: block;\r\n    overflow: hidden;\r\n    clear: both;\r\n  }\r\n  \r\n  .markdown-body span.align-center>span {\r\n    display: block;\r\n    margin: 13px auto 0;\r\n    overflow: hidden;\r\n    text-align: center;\r\n  }\r\n  \r\n  .markdown-body span.align-center span img {\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n  \r\n  .markdown-body span.align-right {\r\n    display: block;\r\n    overflow: hidden;\r\n    clear: both;\r\n  }\r\n  \r\n  .markdown-body span.align-right>span {\r\n    display: block;\r\n    margin: 13px 0 0;\r\n    overflow: hidden;\r\n    text-align: right;\r\n  }\r\n  \r\n  .markdown-body span.align-right span img {\r\n    margin: 0;\r\n    text-align: right;\r\n  }\r\n  \r\n  .markdown-body span.float-left {\r\n    display: block;\r\n    float: left;\r\n    margin-right: 13px;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .markdown-body span.float-left span {\r\n    margin: 13px 0 0;\r\n  }\r\n  \r\n  .markdown-body span.float-right {\r\n    display: block;\r\n    float: right;\r\n    margin-left: 13px;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .markdown-body span.float-right>span {\r\n    display: block;\r\n    margin: 13px auto 0;\r\n    overflow: hidden;\r\n    text-align: right;\r\n  }\r\n  \r\n  .markdown-body code,\r\n  .markdown-body tt {\r\n    padding: .2em .4em;\r\n    margin: 0;\r\n    font-size: 85%;\r\n    white-space: break-spaces;\r\n    background-color: var(--bgColor-neutral-muted);\r\n    border-radius: 6px;\r\n  }\r\n  \r\n  .markdown-body code br,\r\n  .markdown-body tt br {\r\n    display: none;\r\n  }\r\n  \r\n  .markdown-body del code {\r\n    text-decoration: inherit;\r\n  }\r\n  \r\n  .markdown-body samp {\r\n    font-size: 85%;\r\n  }\r\n  \r\n  .markdown-body pre code {\r\n    font-size: 100%;\r\n  }\r\n  \r\n  .markdown-body pre>code {\r\n    padding: 0;\r\n    margin: 0;\r\n    word-break: normal;\r\n    white-space: pre;\r\n    background: transparent;\r\n    border: 0;\r\n  }\r\n  \r\n  .markdown-body .highlight {\r\n    margin-bottom: var(--base-size-16);\r\n  }\r\n  \r\n  .markdown-body .highlight pre {\r\n    margin-bottom: 0;\r\n    word-break: normal;\r\n  }\r\n  \r\n  .markdown-body .highlight pre,\r\n  .markdown-body pre {\r\n    padding: var(--base-size-16);\r\n    overflow: auto;\r\n    font-size: 85%;\r\n    line-height: 1.45;\r\n    color: var(--fgColor-default);\r\n    background-color: var(--bgColor-muted);\r\n    border-radius: 6px;\r\n  }\r\n  \r\n  .markdown-body pre code,\r\n  .markdown-body pre tt {\r\n    display: inline;\r\n    max-width: auto;\r\n    padding: 0;\r\n    margin: 0;\r\n    overflow: visible;\r\n    line-height: inherit;\r\n    word-wrap: normal;\r\n    background-color: transparent;\r\n    border: 0;\r\n  }\r\n  \r\n  .markdown-body .csv-data td,\r\n  .markdown-body .csv-data th {\r\n    padding: 5px;\r\n    overflow: hidden;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    text-align: left;\r\n    white-space: nowrap;\r\n  }\r\n  \r\n  .markdown-body .csv-data .blob-num {\r\n    padding: 10px var(--base-size-8) 9px;\r\n    text-align: right;\r\n    background: var(--bgColor-default);\r\n    border: 0;\r\n  }\r\n  \r\n  .markdown-body .csv-data tr {\r\n    border-top: 0;\r\n  }\r\n  \r\n  .markdown-body .csv-data th {\r\n    font-weight: var(--base-text-weight-semibold, 600);\r\n    background: var(--bgColor-muted);\r\n    border-top: 0;\r\n  }\r\n  \r\n  .markdown-body [data-footnote-ref]::before {\r\n    content: \"[\";\r\n  }\r\n  \r\n  .markdown-body [data-footnote-ref]::after {\r\n    content: \"]\";\r\n  }\r\n  \r\n  .markdown-body .footnotes {\r\n    font-size: 12px;\r\n    color: var(--fgColor-muted);\r\n    border-top: 1px solid var(--borderColor-default);\r\n  }\r\n  \r\n  .markdown-body .footnotes ol {\r\n    padding-left: var(--base-size-16);\r\n  }\r\n  \r\n  .markdown-body .footnotes ol ul {\r\n    display: inline-block;\r\n    padding-left: var(--base-size-16);\r\n    margin-top: var(--base-size-16);\r\n  }\r\n  \r\n  .markdown-body .footnotes li {\r\n    position: relative;\r\n  }\r\n  \r\n  .markdown-body .footnotes li:target::before {\r\n    position: absolute;\r\n    top: calc(var(--base-size-8)*-1);\r\n    right: calc(var(--base-size-8)*-1);\r\n    bottom: calc(var(--base-size-8)*-1);\r\n    left: calc(var(--base-size-24)*-1);\r\n    pointer-events: none;\r\n    content: \"\";\r\n    border: 2px solid var(--borderColor-accent-emphasis);\r\n    border-radius: 6px;\r\n  }\r\n  \r\n  .markdown-body .footnotes li:target {\r\n    color: var(--fgColor-default);\r\n  }\r\n  \r\n  .markdown-body .footnotes .data-footnote-backref g-emoji {\r\n    font-family: monospace;\r\n  }\r\n  \r\n  .markdown-body body:has(:modal) {\r\n    padding-right: var(--dialog-scrollgutter) !important;\r\n  }\r\n  \r\n  .markdown-body .pl-c {\r\n    color: var(--color-prettylights-syntax-comment);\r\n  }\r\n  \r\n  .markdown-body .pl-c1,\r\n  .markdown-body .pl-s .pl-v {\r\n    color: var(--color-prettylights-syntax-constant);\r\n  }\r\n  \r\n  .markdown-body .pl-e,\r\n  .markdown-body .pl-en {\r\n    color: var(--color-prettylights-syntax-entity);\r\n  }\r\n  \r\n  .markdown-body .pl-smi,\r\n  .markdown-body .pl-s .pl-s1 {\r\n    color: var(--color-prettylights-syntax-storage-modifier-import);\r\n  }\r\n  \r\n  .markdown-body .pl-ent {\r\n    color: var(--color-prettylights-syntax-entity-tag);\r\n  }\r\n  \r\n  .markdown-body .pl-k {\r\n    color: var(--color-prettylights-syntax-keyword);\r\n  }\r\n  \r\n  .markdown-body .pl-s,\r\n  .markdown-body .pl-pds,\r\n  .markdown-body .pl-s .pl-pse .pl-s1,\r\n  .markdown-body .pl-sr,\r\n  .markdown-body .pl-sr .pl-cce,\r\n  .markdown-body .pl-sr .pl-sre,\r\n  .markdown-body .pl-sr .pl-sra {\r\n    color: var(--color-prettylights-syntax-string);\r\n  }\r\n  \r\n  .markdown-body .pl-v,\r\n  .markdown-body .pl-smw {\r\n    color: var(--color-prettylights-syntax-variable);\r\n  }\r\n  \r\n  .markdown-body .pl-bu {\r\n    color: var(--color-prettylights-syntax-brackethighlighter-unmatched);\r\n  }\r\n  \r\n  .markdown-body .pl-ii {\r\n    color: var(--color-prettylights-syntax-invalid-illegal-text);\r\n    background-color: var(--color-prettylights-syntax-invalid-illegal-bg);\r\n  }\r\n  \r\n  .markdown-body .pl-c2 {\r\n    color: var(--color-prettylights-syntax-carriage-return-text);\r\n    background-color: var(--color-prettylights-syntax-carriage-return-bg);\r\n  }\r\n  \r\n  .markdown-body .pl-sr .pl-cce {\r\n    font-weight: bold;\r\n    color: var(--color-prettylights-syntax-string-regexp);\r\n  }\r\n  \r\n  .markdown-body .pl-ml {\r\n    color: var(--color-prettylights-syntax-markup-list);\r\n  }\r\n  \r\n  .markdown-body .pl-mh,\r\n  .markdown-body .pl-mh .pl-en,\r\n  .markdown-body .pl-ms {\r\n    font-weight: bold;\r\n    color: var(--color-prettylights-syntax-markup-heading);\r\n  }\r\n  \r\n  .markdown-body .pl-mi {\r\n    font-style: italic;\r\n    color: var(--color-prettylights-syntax-markup-italic);\r\n  }\r\n  \r\n  .markdown-body .pl-mb {\r\n    font-weight: bold;\r\n    color: var(--color-prettylights-syntax-markup-bold);\r\n  }\r\n  \r\n  .markdown-body .pl-md {\r\n    color: var(--color-prettylights-syntax-markup-deleted-text);\r\n    background-color: var(--color-prettylights-syntax-markup-deleted-bg);\r\n  }\r\n  \r\n  .markdown-body .pl-mi1 {\r\n    color: var(--color-prettylights-syntax-markup-inserted-text);\r\n    background-color: var(--color-prettylights-syntax-markup-inserted-bg);\r\n  }\r\n  \r\n  .markdown-body .pl-mc {\r\n    color: var(--color-prettylights-syntax-markup-changed-text);\r\n    background-color: var(--color-prettylights-syntax-markup-changed-bg);\r\n  }\r\n  \r\n  .markdown-body .pl-mi2 {\r\n    color: var(--color-prettylights-syntax-markup-ignored-text);\r\n    background-color: var(--color-prettylights-syntax-markup-ignored-bg);\r\n  }\r\n  \r\n  .markdown-body .pl-mdr {\r\n    font-weight: bold;\r\n    color: var(--color-prettylights-syntax-meta-diff-range);\r\n  }\r\n  \r\n  .markdown-body .pl-ba {\r\n    color: var(--color-prettylights-syntax-brackethighlighter-angle);\r\n  }\r\n  \r\n  .markdown-body .pl-sg {\r\n    color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);\r\n  }\r\n  \r\n  .markdown-body .pl-corl {\r\n    text-decoration: underline;\r\n    color: var(--color-prettylights-syntax-constant-other-reference-link);\r\n  }\r\n  \r\n  .markdown-body [role=button]:focus:not(:focus-visible),\r\n  .markdown-body [role=tabpanel][tabindex=\"0\"]:focus:not(:focus-visible),\r\n  .markdown-body button:focus:not(:focus-visible),\r\n  .markdown-body summary:focus:not(:focus-visible),\r\n  .markdown-body a:focus:not(:focus-visible) {\r\n    outline: none;\r\n    box-shadow: none;\r\n  }\r\n  \r\n  .markdown-body [tabindex=\"0\"]:focus:not(:focus-visible),\r\n  .markdown-body details-dialog:focus:not(:focus-visible) {\r\n    outline: none;\r\n  }\r\n  \r\n  .markdown-body g-emoji {\r\n    display: inline-block;\r\n    min-width: 1ch;\r\n    font-family: \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\r\n    font-size: 1em;\r\n    font-style: normal !important;\r\n    font-weight: var(--base-text-weight-normal, 400);\r\n    line-height: 1;\r\n    vertical-align: -0.075em;\r\n  }\r\n  \r\n  .markdown-body g-emoji img {\r\n    width: 1em;\r\n    height: 1em;\r\n  }\r\n  \r\n  .markdown-body .task-list-item {\r\n    list-style-type: none;\r\n  }\r\n  \r\n  .markdown-body .task-list-item label {\r\n    font-weight: var(--base-text-weight-normal, 400);\r\n  }\r\n  \r\n  .markdown-body .task-list-item.enabled label {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  .markdown-body .task-list-item+.task-list-item {\r\n    margin-top: var(--base-size-4);\r\n  }\r\n  \r\n  .markdown-body .task-list-item .handle {\r\n    display: none;\r\n  }\r\n  \r\n  .markdown-body .task-list-item-checkbox {\r\n    margin: 0 .2em .25em -1.4em;\r\n    vertical-align: middle;\r\n  }\r\n  \r\n  .markdown-body ul:dir(rtl) .task-list-item-checkbox {\r\n    margin: 0 -1.6em .25em .2em;\r\n  }\r\n  \r\n  .markdown-body ol:dir(rtl) .task-list-item-checkbox {\r\n    margin: 0 -1.6em .25em .2em;\r\n  }\r\n  \r\n  .markdown-body .contains-task-list:hover .task-list-item-convert-container,\r\n  .markdown-body .contains-task-list:focus-within .task-list-item-convert-container {\r\n    display: block;\r\n    width: auto;\r\n    height: 24px;\r\n    overflow: visible;\r\n    clip: auto;\r\n  }\r\n  \r\n  .markdown-body ::-webkit-calendar-picker-indicator {\r\n    filter: invert(50%);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert {\r\n    padding: var(--base-size-8) var(--base-size-16);\r\n    margin-bottom: var(--base-size-16);\r\n    color: inherit;\r\n    border-left: .25em solid var(--borderColor-default);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert>:first-child {\r\n    margin-top: 0;\r\n  }\r\n  \r\n  .markdown-body .markdown-alert>:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n  \r\n  .markdown-body .markdown-alert .markdown-alert-title {\r\n    display: flex;\r\n    font-weight: var(--base-text-weight-medium, 500);\r\n    align-items: center;\r\n    line-height: 1;\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-note {\r\n    border-left-color: var(--borderColor-accent-emphasis);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {\r\n    color: var(--fgColor-accent);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-important {\r\n    border-left-color: var(--borderColor-done-emphasis);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {\r\n    color: var(--fgColor-done);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-warning {\r\n    border-left-color: var(--borderColor-attention-emphasis);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {\r\n    color: var(--fgColor-attention);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-tip {\r\n    border-left-color: var(--borderColor-success-emphasis);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {\r\n    color: var(--fgColor-success);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-caution {\r\n    border-left-color: var(--borderColor-danger-emphasis);\r\n  }\r\n  \r\n  .markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {\r\n    color: var(--fgColor-danger);\r\n  }\r\n  \r\n  .markdown-body>*:first-child>.heading-element:first-child {\r\n    margin-top: 0 !important;\r\n  }\r\n  \r\n  .markdown-body .highlight pre:has(+.zeroclipboard-container) {\r\n    min-height: 52px;\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}"],"mappings":"2RAAA,MAAMA,EAAY,ysSCAlB,MAAMC,EAAkB,qvcCAxB,MAAMC,EAAc,ixzBCApB,MAAMC,EAAU,4wB","ignoreList":[]}

package/dist/pcm-agents/p-BKzMDQ2I.js

@@ -1,2 +0,0 @@
-import{a as e,f as t}from"./p-Bq0K-WqZ.js";const o="https://tagents.ylzhaopin.com/agents/api";const r="https://pcm.ylzhaopin.com";const n=(e,t,o)=>{const r=e.get(t);if(!r){e.set(t,[o])}else if(!r.includes(o)){r.push(o)}};const s=(e,t)=>{let o;return(...r)=>{if(o){clearTimeout(o)}o=setTimeout((()=>{o=0;e(...r)}),t)}};const c=e=>!("isConnected"in e)||e.isConnected;const a=s((e=>{for(let t of e.keys()){e.set(t,e.get(t).filter(c))}}),2e3);const i=()=>{if(typeof e!=="function"){return{}}const o=new Map;return{dispose:()=>o.clear(),get:t=>{const r=e();if(r){n(o,t,r)}},set:e=>{const r=o.get(e);if(r){o.set(e,r.filter(t))}a(o)},reset:()=>{o.forEach((e=>e.forEach(t)));a(o)}}};const u=e=>typeof e==="function"?e():e;const l=(e,t=(e,t)=>e!==t)=>{const o=u(e);let r=new Map(Object.entries(o??{}));const n={dispose:[],get:[],set:[],reset:[]};const s=()=>{r=new Map(Object.entries(u(e)??{}));n.reset.forEach((e=>e()))};const c=()=>{n.dispose.forEach((e=>e()));s()};const a=e=>{n.get.forEach((t=>t(e)));return r.get(e)};const i=(e,o)=>{const s=r.get(e);if(t(o,s,e)){r.set(e,o);n.set.forEach((t=>t(e,o,s)))}};const l=typeof Proxy==="undefined"?{}:new Proxy(o,{get(e,t){return a(t)},ownKeys(e){return Array.from(r.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(e,t){return r.has(t)},set(e,t,o){i(t,o);return true}});const f=(e,t)=>{n[e].push(t);return()=>{d(n[e],t)}};const h=(t,o)=>{const r=f("set",((e,r)=>{if(e===t){o(r)}}));const n=f("reset",(()=>o(u(e)[t])));return()=>{r();n()}};const p=(...e)=>{const t=e.reduce(((e,t)=>{if(t.set){e.push(f("set",t.set))}if(t.get){e.push(f("get",t.get))}if(t.reset){e.push(f("reset",t.reset))}if(t.dispose){e.push(f("dispose",t.dispose))}return e}),[]);return()=>t.forEach((e=>e()))};const m=e=>{const t=r.get(e);n.set.forEach((o=>o(e,t,t)))};return{state:l,get:a,set:i,on:f,onChange:h,use:p,dispose:c,reset:s,forceUpdate:m}};const d=(e,t)=>{const o=e.indexOf(t);if(o>=0){e[o]=e[e.length-1];e.length--}};const f=(e,t)=>{const o=l(e,t);o.use(i());return o};const{state:h,onChange:p}=f({token:localStorage.getItem("pcm-sdk-auth-token")||null});const m={getToken:()=>h.token,setToken:e=>{h.token=e;localStorage.setItem("pcm-sdk-auth-token",e)},clearToken:()=>{h.token=null;localStorage.removeItem("pcm-sdk-auth-token")}};p("token",(e=>{if(e){localStorage.setItem("pcm-sdk-auth-token",e)}else{localStorage.removeItem("pcm-sdk-auth-token")}}));const w=()=>{try{const e=localStorage.getItem("pcm-sdk-config-data");return e?JSON.parse(e):{}}catch(e){console.error("Error parsing stored config:",e);return{}}};const{state:y,onChange:g}=f({data:w()});const k={getConfig:()=>y.data,getItem:(e,t)=>y.data[e]!==undefined?y.data[e]:t,setItem:(e,t)=>{y.data={...y.data,[e]:t}},removeItem:e=>{const t={...y.data};delete t[e];y.data=t},clear:()=>{y.data={}},updateConfig:e=>{y.data={...y.data,...e}}};g("data",(e=>{try{if(Object.keys(e).length>0){localStorage.setItem("pcm-sdk-config-data",JSON.stringify(e))}else{localStorage.removeItem("pcm-sdk-config-data")}}catch(e){console.error("Error saving config to localStorage:",e)}}));const T="1.0.13-beta.0";function E(e,t,o){return(e||"")+(t?` ${t}`:"")+(o?` ${o}`:"")}const S=()=>m.getToken()||"";const $=3*60*1e3;const v=async(e,t,o=$)=>{const r=new AbortController;const n=setTimeout((()=>r.abort()),o);try{const o=await fetch(e,{...t,signal:r.signal});clearTimeout(n);return o}catch(e){clearTimeout(n);if(e instanceof Error&&e.name==="AbortError"){throw new Error("请求超时，请检查网络连接后重试")}throw e}};const b=async(e,t=false)=>{const{url:r,method:n,headers:s={},data:c,onMessage:a,onError:i,onComplete:u}=e;try{const i=`${o}${r}`;if(!s["authorization"]&&!s["Authorization"]){const e=S();if(e){s["authorization"]=`Bearer ${e}`}}const l=await v(i,{method:n,headers:{Accept:"text/event-stream","Content-Type":"application/json",...s},body:c?JSON.stringify(c):undefined});if(l.status===401){P();if(!t){return b(e,true)}}if(!l.ok){console.error(`HTTP error! status: ${l.status}`)}const d=l.body?.getReader();if(!d)throw new Error("No reader available");const f=new TextDecoder;let h="";while(true){const{value:e,done:t}=await d.read();if(t)break;h+=f.decode(e,{stream:true});const o=h.split("\n");h=o.pop()||"";for(const e of o){if(e.startsWith("data:")){try{const t=e.substring(5).trim();if(!t)continue;const o=JSON.parse(t);a?.(o)}catch(t){console.error("解析 SSE 数据错误:",t,"原始数据:",e)}}}}u?.()}catch(o){console.error("SSE 请求错误:",o);if(!t){return b(e,true)}i?.(o)}};const P=()=>{const e=new CustomEvent("pcm-token-invalid",{bubbles:true,composed:true,detail:{timestamp:(new Date).getTime()}});document.dispatchEvent(e)};const M=async(e,t=true)=>{const{url:r,method:n="GET",headers:s={},params:c={},data:a,formData:i,onMessage:u}=e;try{const l=new URLSearchParams;Object.entries(c).forEach((([e,t])=>{if(t!==undefined&&t!==null){l.append(e,String(t))}}));let d=`${o}${r}${l.toString()?`?${l.toString()}`:""}`;if(s["authorization"]==undefined&&s["Authorization"]==undefined){const e=S();if(e){s["authorization"]=`Bearer ${e}`}}const f={method:n,headers:i?{...s}:{"Content-Type":"application/json",...s}};if(i){f.body=i}else if(n!=="GET"&&n!=="HEAD"&&a){f.body=JSON.stringify(a)}if(n==="GET"&&a){const e=new URLSearchParams;Object.entries(a).forEach((([t,o])=>{if(o!==undefined&&o!==null){e.append(t,String(o))}}));d+=(l.toString()?"&":"?")+e.toString()}const h=await v(d,f);if(h.status===401){P();if(t){return M(e,false)}}const p=await h.json();if(u){u(p)}if(!h.ok){console.error(`HTTP错误: ${h.status} ${h.statusText}`);return{success:false,message:p.message||`HTTP错误: ${h.status}`,error:p}}if(p.code!==0){console.error(`API错误: ${p.message}`);return{success:false,message:p.message,error:p}}return{success:true,data:p.data}}catch(o){console.error("HTTP请求错误:",o);if(t){return M(e,false)}if(e.onError){e.onError(o)}return{success:false,error:o,message:o instanceof Error?o.message:"未知错误"}}finally{if(e.onComplete){e.onComplete()}}};const O=async e=>{const t=await M({url:"/sdk/v1/user",method:"GET",headers:{Authorization:`Bearer ${e}`},data:{sdk_version:T}},false);if(!t.success&&t.error&&t.error.code===401){return false}else{k.setItem("pcm-sdk-CUser",`${t.data.user}(${t.data.chat_user})`);return t.success}};const _=async e=>{if(!e){throw new Error("智能体ID不能为空")}try{const t=await M({url:`/sdk/v1/agent/${e}/info`,method:"GET"});if(!t.success){throw new Error(t.message||"获取智能体信息失败")}return t.data}catch(e){console.error("获取智能体信息失败:",e);throw e}};var C;(function(e){e["Init"]="init";e["Uploading"]="uploading";e["Success"]="success";e["Failed"]="failed"})(C||(C={}));const A=async e=>new Promise(((t,o)=>{const r=new FileReader;r.onload=async e=>{try{const o=e.target?.result;const r=await crypto.subtle.digest("SHA-256",o);const n=Array.from(new Uint8Array(r));const s=n.map((e=>e.toString(16).padStart(2,"0"))).join("");t(s)}catch(e){o(e)}};r.onerror=()=>o(new Error("读取文件失败"));r.readAsArrayBuffer(e)}));const I=async(e,t,o="application/octet-stream",r=2)=>{let n=0;while(true){try{const r=await v(e,{method:"PUT",body:t,headers:{"Content-Type":o}});if(!r.ok){throw new Error(`文件上传失败: ${r.status} ${r.statusText}`)}return r}catch(e){n++;console.error(`文件上传错误(尝试 ${n}/${r}):`,e);if(n>=r){throw e}}}};const R=async(e,t,o)=>{try{const r=await A(e);const n=await M({url:"/sdk/v1/files/generate-upload-url",method:"POST",data:{...o,filename:e.name,filesize:e.size,sha256:r},headers:t});if(!n.success||!n.data){throw new Error(n.message||"获取上传URL失败")}const s=n.data;if(s.is_deleted!=1){const o=await I(s.upload_url,e,s.content_type||"application/octet-stream");if(!o.ok){throw new Error(`文件上传到腾讯云失败: ${o.status} ${o.statusText}`)}M({url:"/sdk/v1/files/mark-as-upload",method:"POST",data:{cos_key:s.cos.cos_key},headers:t})}return{cos_key:s.cos.cos_key,file_name:s.filename,file_size:s.filesize,ext:s.filetype}}catch(e){console.error("文件上传错误:",e);throw e}};const U=async(e,t,r=false)=>{const n=S();if(!n){throw new Error("API密钥不能为空")}try{const s=await v(`${o}/sdk/v1/tts/synthesize_audio`,{method:"POST",headers:{"Content-Type":"application/json",authorization:"Bearer "+n},body:JSON.stringify({text:e})});if(s.status===401){P();if(!r){return U(e,t,true)}}if(!s.ok){throw new Error("语音合成失败")}const c=await s.blob();return URL.createObjectURL(c)}catch(o){console.error("语音合成错误:",o);if(!r){return U(e,t,true)}throw o}};const j=async(e,t)=>{try{const o=await M({url:"/sdk/v1/files/presigned-url",method:"GET",params:{cos_key:e},headers:t});if(o.success&&o.data?.file_url){return o.data.file_url}return null}catch(e){console.error("获取预签名URL失败:",e);return null}};const N=async(e,t)=>{try{const o=await j(e,t);if(o){return`${o}${o.includes("?")?"&":"?"}ci-process=doc-preview&copyable=1&dstType=html`}return null}catch(e){console.error("获取预览URL失败:",e);return null}};const z=e=>{if(!e&&e!==0){return null}const t=Number(e);if(isNaN(t))return null;if(e<1024){return e+"B"}if(e<1024*1024){return(e/1024).toFixed(1)+"KB"}return(e/1024/1024).toFixed(1)+"MB"};const x=()=>{const e=["video/webm;codecs=vp8,opus","video/webm;codecs=vp9,opus","video/webm","video/mp4","video/mp4;codecs=h264,aac",""];if(!window.MediaRecorder){console.warn("MediaRecorder API不可用");return""}for(const t of e){if(!t)return"";try{if(MediaRecorder.isTypeSupported(t)){return t}}catch(e){console.warn(`检查MIME类型支持时出错 ${t}:`,e)}}console.warn("没有找到支持的MIME类型，将使用浏览器默认值");return""};const B=()=>{const e=["audio/webm;codecs=opus","audio/webm","audio/mp4","audio/ogg;codecs=opus","audio/ogg",""];if(!window.MediaRecorder){console.warn("MediaRecorder API不可用");return""}for(const t of e){if(!t)return"";try{if(MediaRecorder.isTypeSupported(t)){return t}}catch(e){console.warn(`检查音频MIME类型支持时出错 ${t}:`,e)}}console.warn("没有找到支持的音频MIME类型，将使用浏览器默认值");return""};const L=async e=>{try{const t=await M({url:"/sdk/v1/tts/audio_to_text",method:"POST",data:{cos_key:e}});if(t.success&&t.data&&t.data.text){return t.data.text}else{console.warn("音频转文字返回结果格式不正确");return null}}catch(e){console.error("音频转文字错误:",e);throw new Error("音频转文字失败")}};const G=async(e,t,o=0,r)=>{try{const n=await M({url:"/sdk/v1/verify_sms_code",method:"POST",params:{mobile:e,code:t,code_type:o,reg_source:4,reg_source_id:r}});return n}catch(e){console.error("校验短信验证码错误:",e);throw e}};const D=async e=>{const{oemId:t,page:o=1,pageSize:r=10,keyword:n}=e;try{const e=new URLSearchParams;e.append("page",o.toString());e.append("page_size",r.toString());if(n){e.append("keyword",n)}const s=await M({url:`/sdk/v1/oem/${t}/positions?${e.toString()}`,method:"GET"});return s}catch(e){console.error("获取OEM职位列表错误:",e);throw e}};const H=async(e,t)=>{try{const o=await M({url:"/sdk/v1/files/upload-by-url",method:"POST",data:e,headers:t});return o}catch(e){console.error("通过URL上传文件错误:",e);throw e}};export{C as F,r as P,m as a,b,k as c,U as d,H as e,j as f,N as g,_ as h,x as i,L as j,D as k,z as l,B as m,G as n,E as o,M as s,R as u,O as v};
-//# sourceMappingURL=p-BKzMDQ2I.js.map

package/dist/pcm-agents/p-DLAkzyJq.js

@@ -1,2 +0,0 @@
-import{c as s}from"./p-BKzMDQ2I.js";import{s as t,a as r,c,b as e}from"./p-Bs-zO1WZ.js";class o{static captureError(e,o){try{const a=s.getItem("pcm-sdk-CUser");if(a){t({id:String(a)})}let i=e;if(o?.title){i=new Error(o.title);if(e?.stack){i.stack=e.stack}i.cause=e}if(o){const{title:s,...t}=o;r("error_context",t)}c(i)}catch(s){console.error("Sentry 上报错误失败:",s)}}static captureMessage(c,o){try{const a=s.getItem("pcm-sdk-CUser");if(a){t({id:String(a)})}if(o){r("message_context",o)}e(c)}catch(s){console.error("Sentry 上报消息失败:",s)}}}export{o as S};
-//# sourceMappingURL=p-DLAkzyJq.js.map

package/dist/pcm-agents/p-a84acb61.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as o}from"./p-Bq0K-WqZ.js";import{a as n,v as r,c as s}from"./p-BKzMDQ2I.js";import{E as a}from"./p-C0FYX2-Z.js";import{M as l}from"./p-D39f_W8k.js";const d="";const p='.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:5vh auto auto auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}';const c=":host{font-size:16px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight:normal;font-style:normal;font-variant:normal;line-height:1.5;letter-spacing:normal;word-spacing:normal;color:#333;text-align:left;text-indent:0;text-transform:none;white-space:normal;word-wrap:normal;word-break:normal;visibility:visible;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;border-collapse:separate;border-spacing:0;caption-side:top;empty-cells:show;table-layout:auto;quotes:auto;cursor:auto;direction:ltr;orphans:2;widows:2;page-break-inside:auto;text-decoration:none;text-shadow:none;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}";const h=class{constructor(i){e(this,i);this.modalClosed=t(this,"modalClosed");this.uploadSuccess=t(this,"uploadSuccess");this.streamComplete=t(this,"streamComplete");this.conversationStart=t(this,"conversationStart");this.interviewComplete=t(this,"interviewComplete");this.tokenInvalid=t(this,"tokenInvalid");this.someErrorEvent=t(this,"someErrorEvent");this.recordingError=t(this,"recordingError")}modalTitle="模拟面试";token;isOpen=false;modalClosed;icon;zIndex=1e3;isShowHeader=true;isNeedClose=true;conversationId;defaultQuery="请开始模拟面试";maxRecordingTime=120;waitingTime=10;fullscreen=false;customInputs={};showWorkspaceHistory=false;mobileJdInputAble=false;mobileUploadAble=false;digitalId;openingIndex=0;enableVirtualHuman=false;showEndInterviewButton=false;playbackRate=1;uploadSuccess;streamComplete;conversationStart;interviewComplete;tokenInvalid;someErrorEvent;interviewMode="text";skipResumeUpload=false;recordingError;showCopyButton=true;showFeedbackButtons=true;selectedFile=null;isUploading=false;uploadedFileInfo=null;showChatModal=false;get hostElement(){return i(this)}jobDescription="";isSubmitting=false;tokenInvalidListener;removeErrorListener;virtualChatModalRef=null;handleTokenChange(e){if(e&&e!==n.getToken()){n.setToken(e)}}async handleIsOpenChange(e){if(!e){if(this.virtualChatModalRef){await this.virtualChatModalRef.setComponentActive(false)}this.resetState()}else{if(this.customInputs&&this.customInputs.job_info){this.jobDescription=this.customInputs.job_info}await r(this.token);if((this.customInputs?.file_url||this.customInputs?.resume_content||this.skipResumeUpload)&&this.customInputs?.job_info||this.conversationId){this.showChatModal=true}}}componentWillLoad(){if(this.zIndex){s.setItem("modal-zIndex",this.zIndex)}if(this.token){n.setToken(this.token)}r(this.token);this.tokenInvalidListener=()=>{this.tokenInvalid.emit()};this.removeErrorListener=a.addErrorListener((e=>{this.someErrorEvent.emit(e)}));document.addEventListener("pcm-token-invalid",this.tokenInvalidListener)}disconnectedCallback(){document.removeEventListener("pcm-token-invalid",this.tokenInvalidListener);if(this.removeErrorListener){this.removeErrorListener()}}resetState(){this.showChatModal=false;this.jobDescription="";this.isSubmitting=false;this.selectedFile=null;this.isUploading=false;this.uploadedFileInfo=null}handleClose=()=>{this.modalClosed.emit()};handleJobDescriptionChange=e=>{const t=e.target;this.jobDescription=t.value};handleStartInterview=async()=>{if(!this.customInputs?.job_info&&!this.jobDescription.trim()){alert("请输入职位描述");return}if(await(this.pcmUploadRef?.getIsUploading?.())){l.info("文件上传中，请稍后");return}this.isSubmitting=true;this.showChatModal=true};pcmUploadRef;render(){if(!this.isOpen)return null;const e={zIndex:String(this.zIndex)};const t={"modal-container":true,fullscreen:this.fullscreen,"pc-layout":true};const i={"modal-overlay":true,"fullscreen-overlay":this.fullscreen};const n=this.conversationId&&!this.showChatModal;const r=Boolean(this.customInputs&&this.customInputs.job_info);const s=Boolean(this.customInputs&&(this.customInputs.file_url||this.customInputs.resume_content))||!!this.skipResumeUpload;const a=Boolean((this.customInputs?.file_url||this.customInputs?.resume_content)&&this.customInputs?.job_info);return o("div",{class:i,style:e},o("div",{class:t},this.isShowHeader&&o("div",{class:"modal-header"},o("div",{class:"header-left"},this.icon&&o("img",{src:this.icon,class:"header-icon",alt:"应用图标"}),o("div",null,this.modalTitle)),this.isNeedClose&&o("button",{class:"close-button",onClick:this.handleClose},o("span",null,"×"))),!this.showChatModal&&!this.conversationId&&!a&&o("div",{class:"input-container"},!r&&o("div",{class:"jd-input-section"},o("label",{htmlFor:"job-description"},"请输入职位描述 (JD)"),!!this.mobileJdInputAble&&o("components-mobile-input-btn",{name:"职位描述",onOk:e=>{this.jobDescription=e.detail}}),o("textarea",{id:"job-description",class:"job-description-textarea",placeholder:"请输入职位描述，包括职责、要求等信息...",rows:6,value:this.jobDescription,onInput:this.handleJobDescriptionChange})),!s&&o("div",{class:"jd-input-section"},o("label",null,"上传简历（选填）"),o("components-upload",{ref:e=>this.pcmUploadRef=e,maxFileSize:15*1024*1024,multiple:false,mobileUploadAble:this.mobileUploadAble,acceptFileSuffixList:[".txt",".md",".pdf",".docx",".doc"],uploadParams:{tags:["resume"]},onUploadChange:e=>{const t=e.detail??[];this.uploadedFileInfo=t[0];this.uploadSuccess.emit(this.uploadedFileInfo)}})),o("button",{class:"submit-button",disabled:!r&&!this.jobDescription.trim()||this.isUploading||this.isSubmitting,onClick:this.handleStartInterview},this.isUploading?"上传中...":this.isSubmitting?"处理中...":"开始面试"),o("div",{class:"ai-disclaimer"},o("p",null,"所有内容均由AI生成仅供参考"),o("p",{class:"beian-info"},o("span",null,"中央网信办生成式人工智能服务备案号"),"：",o("a",{href:"https://www.pincaimao.com",target:"_blank",rel:"noopener noreferrer"},"Hunan-PinCaiMao-202412310003")))),n&&o("div",{class:"loading-container"},o("div",{class:"loading-spinner"}),o("p",{class:"loading-text"},"正在加载对话...")),this.showChatModal&&o("div",null,this.enableVirtualHuman&&this.digitalId?o("pcm-virtual-chat-modal",{ref:e=>this.virtualChatModalRef=e,isOpen:true,fullscreen:this.fullscreen,botId:"3022316191018884",digitalId:this.digitalId,openingIndex:this.openingIndex,conversationId:this.conversationId,defaultQuery:this.defaultQuery,waitingTime:this.waitingTime,playbackRate:this.playbackRate,showEndInterviewButton:this.showEndInterviewButton,customInputs:{...this.customInputs,file_url:this.customInputs?.file_url||this.uploadedFileInfo?.cos_key,file_name:this.customInputs?.file_name||this.uploadedFileInfo?.file_name,job_info:this.customInputs?.job_info||this.jobDescription,question_number:this.customInputs?.question_number||5,ai_interview_type:this.digitalId}}):o("pcm-app-chat-modal",{isOpen:true,modalTitle:this.modalTitle,icon:this.icon,isShowHeader:this.isShowHeader,isNeedClose:this.isShowHeader,fullscreen:this.fullscreen,showWorkspaceHistory:this.showWorkspaceHistory,botId:"3022316191018884",digitalId:this.digitalId,conversationId:this.conversationId,defaultQuery:this.defaultQuery,maxRecordingTime:this.maxRecordingTime,waitingTime:this.waitingTime,playbackRate:this.playbackRate,showCopyButton:this.showCopyButton,showFeedbackButtons:this.showFeedbackButtons,showEndInterviewButton:this.showEndInterviewButton,customInputs:{...this.customInputs,file_url:this.customInputs?.file_url||this.uploadedFileInfo?.cos_key,file_name:this.customInputs?.file_name||this.uploadedFileInfo?.file_name,job_info:this.customInputs?.job_info||this.jobDescription,question_number:this.customInputs?.question_number||5,ai_interview_type:this.digitalId||(this.interviewMode==="video"?"2":"1")},interviewMode:this.interviewMode}))))}static get watchers(){return{token:["handleTokenChange"],isOpen:["handleIsOpenChange"]}}};h.style=d+(p+c);export{h as pcm_mnms_modal};
-//# sourceMappingURL=p-a84acb61.entry.js.map

package/dist/pcm-agents/p-a84acb61.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pcmMnmsModalCss","globalCss","hostCss","MnmsModal","modalTitle","token","isOpen","modalClosed","icon","zIndex","isShowHeader","isNeedClose","conversationId","defaultQuery","maxRecordingTime","waitingTime","fullscreen","customInputs","showWorkspaceHistory","mobileJdInputAble","mobileUploadAble","digitalId","openingIndex","enableVirtualHuman","showEndInterviewButton","playbackRate","uploadSuccess","streamComplete","conversationStart","interviewComplete","tokenInvalid","someErrorEvent","interviewMode","skipResumeUpload","recordingError","showCopyButton","showFeedbackButtons","selectedFile","isUploading","uploadedFileInfo","showChatModal","jobDescription","isSubmitting","tokenInvalidListener","removeErrorListener","virtualChatModalRef","handleTokenChange","newToken","authStore","getToken","setToken","handleIsOpenChange","newValue","this","setComponentActive","resetState","job_info","verifyApiKey","file_url","resume_content","componentWillLoad","configStore","setItem","emit","ErrorEventBus","addErrorListener","errorDetail","document","addEventListener","disconnectedCallback","removeEventListener","handleClose","handleJobDescriptionChange","event","textarea","target","value","handleStartInterview","async","trim","alert","pcmUploadRef","getIsUploading","Message","info","render","modalStyle","String","containerClass","overlayClass","isLoading","hideJdInput","Boolean","hideResumeUpload","hasFileAndJob","h","class","style","src","alt","onClick","htmlFor","name","onOk","e","detail","id","placeholder","rows","onInput","ref","el","maxFileSize","multiple","acceptFileSuffixList","uploadParams","tags","onUploadChange","result","disabled","href","rel","botId","cos_key","file_name","question_number","ai_interview_type"],"sources":["src/components/pcm-mnms-modal/pcm-mnms-modal.css?tag=pcm-mnms-modal&encapsulation=shadow","src/global/global.css?tag=pcm-mnms-modal&encapsulation=shadow","src/global/host.css?tag=pcm-mnms-modal&encapsulation=shadow","src/components/pcm-mnms-modal/pcm-mnms-modal.tsx"],"sourcesContent":[null,"/* 模态框基础样式 */\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, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport {\r\n    StreamCompleteEventData,\r\n    ConversationStartEventData,\r\n    InterviewCompleteEventData,\r\n    RecordingErrorEventData,\r\n} from '../../interfaces/events';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\n\r\n/**\r\n * 模拟面试（求职）\r\n */\r\n\r\n@Component({\r\n    tag: 'pcm-mnms-modal',\r\n    styleUrls: ['pcm-mnms-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class MnmsModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '模拟面试';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始模拟面试';\r\n\r\n    /**\r\n     * 视频录制最大时长（秒）默认120\r\n     */\r\n    @Prop() maxRecordingTime: number = 120;\r\n\r\n    /**\r\n     * 等待录制时间（秒）默认10\r\n     */\r\n    @Prop() waitingTime: number = 10;\r\n\r\n    /**\r\n     * 是否以全屏模式打开。全屏范围基于父容器，而非浏览器视口；移动端建议设置为 true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，可传入以下参数：<br>\r\n     * customInputs.job_info时，会隐藏JD输入区域。<br>\r\n     * customInputs.file_url或customInputs.resume_content时，会隐藏简历上传区域。<br>\r\n     * customInputs.file_url（或customInputs.resume_content）和customInputs.job_info时，会直接开始聊天。<br>\r\n     * customInputs.resume_content：可传入json字符串，或纯文本字符串，字符串内容为简历内容。<br>\r\n     * customInputs.url_callback：可传入url字符串，当报告生成后，会调用该url进行回调。该url请使用post请求，接收报告字段为report_content，会话id字段为conversation_id。<br>\r\n     * customInputs.question_number时，会设置面试题总数量, 默认5题。<br>\r\n     * customInputs.question_list：可传入字符串数组形式的JSON字符串，自定义面试问题列表。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * 是否开启移动端上传JD\r\n     */\r\n    @Prop() mobileJdInputAble: boolean = false;\r\n\r\n    /**\r\n     * 是否开启移动端上传简历\r\n     */\r\n    @Prop() mobileUploadAble: boolean = false;\r\n\r\n    /**\r\n     * 虚拟数字人ID，指定则开启虚拟数字人功能</br>\r\n     * 智琪：79202506752 </br>\r\n     * 艾綝：79402522624 </br>\r\n     * 艾姮：79597885440 </br>\r\n     */\r\n    @Prop() digitalId?: string;\r\n\r\n    /**\r\n     * 数字人开场白索引，用于选择开场白和开场视频（可选：0, 1, 2）\r\n     * 0、您好，我是聘才猫 AI 面试助手。很高兴为你主持这场面试！在开始前，请确保：身处安静、光线充足的环境。网络顺畅，摄像头和麦克风工作正常。现在我正在查看本次面试的相关信息，为您生成专属面试题，马上就好，请稍等片刻。</br>\r\n     * 1、您好，我是您的 AI 面试助手。欢迎参加本次AI面试！为了获得最佳效果，请确认：您在安静、明亮的环境中。您的网络稳定，摄像头和麦克风已开启。我们正在后台为您准备本次专属面试内容，很快开始，请稍候。<br>\r\n     * 2、您好，我是您的 AI 面试助手。面试马上开始。趁此片刻，请快速确认：周围安静吗？光线足够吗？网络没问题？摄像头和麦克风准备好了吗？我们正在为您加载个性化的面试环节，稍等就好！\r\n     */\r\n    @Prop() openingIndex: number = 0;\r\n\r\n    /**\r\n     * 是否启用全屏数字人模式，此模式下面试报告只会通过url_callback回调返回\r\n     */\r\n    @Prop() enableVirtualHuman: boolean = false;\r\n\r\n    /**\r\n     * 是否显示结束面试按钮\r\n     */\r\n    @Prop() showEndInterviewButton: boolean = false;\r\n\r\n    /**\r\n     * 数字人视频播放速率（0.5-2.0之间），默认1.0\r\n     */\r\n    @Prop() playbackRate: number = 1.0;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n     * 错误事件\r\n     */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n\r\n    /**\r\n     * 面试模式：text - 文本模式，video - 视频模式\r\n     */\r\n    @Prop() interviewMode: 'text' | 'video' = 'text';\r\n\r\n    /**\r\n     * 是否跳过简历上传步骤，默认false\r\n     */\r\n    @Prop() skipResumeUpload: boolean = false;\r\n\r\n    /**\r\n     * 录制错误事件\r\n     */\r\n    @Event() recordingError: EventEmitter<RecordingErrorEventData>;\r\n\r\n    /**\r\n     * 是否显示复制按钮\r\n     */\r\n    @Prop() showCopyButton: boolean = true;\r\n\r\n    /**\r\n     * 是否显示点赞点踩按钮\r\n     */\r\n    @Prop() showFeedbackButtons: boolean = true;\r\n\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n\r\n    // 添加对子组件的引用\r\n    private virtualChatModalRef: HTMLPcmVirtualChatModalElement | null = null;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 当模态框关闭时，调用子组件方法停止所有活动\r\n            if (this.virtualChatModalRef) {\r\n                await this.virtualChatModalRef.setComponentActive(false);\r\n            }\r\n            // 重置状态\r\n            this.resetState();\r\n        } else {\r\n            if (this.customInputs && this.customInputs.job_info) {\r\n                this.jobDescription = this.customInputs.job_info;\r\n            }\r\n\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果同时有 file_url 和 job_info，或者有会话ID，直接显示聊天模态框\r\n            if (((this.customInputs?.file_url || this.customInputs?.resume_content || this.skipResumeUpload) && this.customInputs?.job_info) || this.conversationId) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n\r\n    componentWillLoad() {\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n\r\n        verifyApiKey(this.token);\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * 重置组件状态\r\n     */\r\n    private resetState() {\r\n        this.showChatModal = false;\r\n        this.jobDescription = '';\r\n        this.isSubmitting = false;\r\n        this.selectedFile = null;\r\n        this.isUploading = false;\r\n        this.uploadedFileInfo = null;\r\n    }\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        // 如果没有预设的job_info，则需要检查用户输入\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            alert('请输入职位描述');\r\n            return;\r\n        }\r\n        // 判断文件是否正在上传\r\n        if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n            Message.info('文件上传中，请稍后');\r\n            return;\r\n        }\r\n        this.isSubmitting = true;\r\n        this.showChatModal = true;\r\n    };\r\n\r\n    private pcmUploadRef;\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 修正这里的逻辑，确保当 customInputs.job_info 存在时，hideJdInput 为 true\r\n        const hideJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n\r\n        // 判断是否隐藏简历上传区域 - 当有file_url或resume_content时都隐藏\r\n        const hideResumeUpload = Boolean(this.customInputs && (this.customInputs.file_url || this.customInputs.resume_content)) || !!this.skipResumeUpload;\r\n\r\n        // 判断是否同时提供了(file_url或resume_content)和job_info\r\n        const hasFileAndJob = Boolean((this.customInputs?.file_url || this.customInputs?.resume_content) && this.customInputs?.job_info);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 上传界面 - 仅在不显示聊天模态框且没有会话ID且没有同时提供file_url和job_info时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && !hasFileAndJob && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 - 仅在没有customInputs.job_info时显示 */}\r\n                            {!hideJdInput && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label htmlFor=\"job-description\">请输入职位描述 (JD)</label>\r\n                                    {\r\n                                        !!this.mobileJdInputAble && (\r\n                                            <components-mobile-input-btn\r\n                                                name=\"职位描述\"\r\n                                                onOk={(e) => {\r\n                                                    this.jobDescription = e.detail;\r\n                                                }}\r\n                                            />\r\n                                        )\r\n                                    }\r\n                                    <textarea\r\n                                        id=\"job-description\"\r\n                                        class=\"job-description-textarea\"\r\n                                        placeholder=\"请输入职位描述，包括职责、要求等信息...\"\r\n                                        rows={6}\r\n                                        value={this.jobDescription}\r\n                                        onInput={this.handleJobDescriptionChange}\r\n                                    ></textarea>\r\n                                </div>\r\n                            )}\r\n\r\n                            {/* 简历上传区域 - 仅在没有customInputs.file_url或customInputs.resume_content时显示 */}\r\n                            {\r\n                                !hideResumeUpload && (\r\n                                    <div class=\"jd-input-section\">\r\n                                        <label>上传简历（选填）</label>\r\n                                        <components-upload\r\n                                            ref={el => this.pcmUploadRef = el}\r\n                                            maxFileSize={15 * 1024 * 1024}\r\n                                            multiple={false}\r\n                                            mobileUploadAble={this.mobileUploadAble}\r\n                                            acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n                                            uploadParams={{\r\n                                                tags: ['resume'],\r\n                                            }}\r\n                                            onUploadChange={(e) => {\r\n                                                const result: FileUploadResponse[] = e.detail ?? [];\r\n                                                this.uploadedFileInfo = result[0];\r\n                                                this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                                            }}\r\n                                        />\r\n                                    </div>\r\n                                )\r\n                            }\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={(!hideJdInput && !this.jobDescription.trim()) || this.isUploading || this.isSubmitting}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isSubmitting ? '处理中...' : '开始面试'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            {this.enableVirtualHuman && this.digitalId ? (\r\n                                <pcm-virtual-chat-modal\r\n                                    ref={el => this.virtualChatModalRef = el}\r\n                                    isOpen={true}\r\n                                    fullscreen={this.fullscreen}\r\n                                    botId=\"3022316191018884\"\r\n                                    digitalId={this.digitalId}\r\n                                    openingIndex={this.openingIndex}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                        job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                        question_number: this.customInputs?.question_number || 5,\r\n                                        ai_interview_type: this.digitalId\r\n                                    }}\r\n                                ></pcm-virtual-chat-modal>\r\n                            ) : (\r\n                                <pcm-app-chat-modal\r\n                                    isOpen={true}\r\n                                    modalTitle={this.modalTitle}\r\n                                    icon={this.icon}\r\n                                    isShowHeader={this.isShowHeader}\r\n                                    isNeedClose={this.isShowHeader}\r\n                                    fullscreen={this.fullscreen}\r\n                                    showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                    botId=\"3022316191018884\"\r\n                                    digitalId={this.digitalId}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    maxRecordingTime={this.maxRecordingTime}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    showCopyButton={this.showCopyButton}\r\n                                    showFeedbackButtons={this.showFeedbackButtons}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                        job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                        question_number: this.customInputs?.question_number || 5,\r\n                                        ai_interview_type: this.digitalId || (this.interviewMode === 'video' ? \"2\" : \"1\"),\r\n                                    }}\r\n                                    interviewMode={this.interviewMode}\r\n                                ></pcm-app-chat-modal>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} "],"mappings":"mLAAA,MAAMA,EAAkB,GCAxB,MAAMC,EAAY,ysSCAlB,MAAMC,EAAU,4wB,MCsBHC,EAAS,M,iYAIVC,WAAqB,OAKCC,MAKLC,OAAkB,MAKlCC,YAKDC,KAKAC,OAAkB,IAKlBC,aAAwB,KAKxBC,YAAuB,KAKNC,eAKjBC,aAAuB,UAKvBC,iBAA2B,IAK3BC,YAAsB,GAKtBC,WAAsB,MAYtBC,aAAuC,GAKvCC,qBAAgC,MAKhCC,kBAA6B,MAK7BC,iBAA4B,MAQ5BC,UAQAC,aAAuB,EAKvBC,mBAA8B,MAK9BC,uBAAkC,MAKlCC,aAAuB,EAKtBC,cAKAC,eAKAC,kBAKAC,kBAKAC,aAKAC,eAMDC,cAAkC,OAKlCC,iBAA4B,MAK3BC,eAKDC,eAA0B,KAK1BC,oBAA+B,KAG9BC,aAA4B,KAC5BC,YAAuB,MACvBC,iBAA8C,KAC9CC,cAAyB,M,iCAKzBC,eAAyB,GACzBC,aAAwB,MAEzBC,qBACAC,oBAGAC,oBAA6D,KAGrE,iBAAAC,CAAkBC,GAEd,GAAIA,GAAYA,IAAaC,EAAUC,WAAY,CAC/CD,EAAUE,SAASH,E,EAM3B,wBAAMI,CAAmBC,GACrB,IAAKA,EAAU,CAEX,GAAIC,KAAKR,oBAAqB,OACpBQ,KAAKR,oBAAoBS,mBAAmB,M,CAGtDD,KAAKE,Y,KACF,CACH,GAAIF,KAAKpC,cAAgBoC,KAAKpC,aAAauC,SAAU,CACjDH,KAAKZ,eAAiBY,KAAKpC,aAAauC,Q,OAGtCC,EAAaJ,KAAKhD,OAGxB,IAAMgD,KAAKpC,cAAcyC,UAAYL,KAAKpC,cAAc0C,gBAAkBN,KAAKpB,mBAAqBoB,KAAKpC,cAAcuC,UAAaH,KAAKzC,eAAgB,CACrJyC,KAAKb,cAAgB,I,GAOjC,iBAAAoB,GAEI,GAAIP,KAAK5C,OAAQ,CACboD,EAAYC,QAAQ,eAAgBT,KAAK5C,O,CAG7C,GAAI4C,KAAKhD,MAAO,CACZ2C,EAAUE,SAASG,KAAKhD,M,CAG5BoD,EAAaJ,KAAKhD,OAGlBgD,KAAKV,qBAAuB,KACxBU,KAAKvB,aAAaiC,MAAM,EAI5BV,KAAKT,oBAAsBoB,EAAcC,kBAAkBC,IACvDb,KAAKtB,eAAegC,KAAKG,EAAY,IAGzCC,SAASC,iBAAiB,oBAAqBf,KAAKV,qB,CAGxD,oBAAA0B,GAEIF,SAASG,oBAAoB,oBAAqBjB,KAAKV,sBAEvD,GAAIU,KAAKT,oBAAqB,CAC1BS,KAAKT,qB,EAOL,UAAAW,GACJF,KAAKb,cAAgB,MACrBa,KAAKZ,eAAiB,GACtBY,KAAKX,aAAe,MACpBW,KAAKhB,aAAe,KACpBgB,KAAKf,YAAc,MACnBe,KAAKd,iBAAmB,I,CAGpBgC,YAAc,KAClBlB,KAAK9C,YAAYwD,MAAM,EAGnBS,2BAA8BC,IAClC,MAAMC,EAAWD,EAAME,OACvBtB,KAAKZ,eAAiBiC,EAASE,KAAK,EAGhCC,qBAAuBC,UAE3B,IAAKzB,KAAKpC,cAAcuC,WAAaH,KAAKZ,eAAesC,OAAQ,CAC7DC,MAAM,WACN,M,CAGJ,SAAU3B,KAAK4B,cAAcC,oBAAoB,CAC7CC,EAAQC,KAAK,aACb,M,CAEJ/B,KAAKX,aAAe,KACpBW,KAAKb,cAAgB,IAAI,EAGrByC,aAER,MAAAI,GACI,IAAKhC,KAAK/C,OAAQ,OAAO,KAEzB,MAAMgF,EAAa,CACf7E,OAAQ8E,OAAOlC,KAAK5C,SAIxB,MAAM+E,EAAiB,CACnB,kBAAmB,KACnBxE,WAAcqC,KAAKrC,WACnB,YAAa,MAGjB,MAAMyE,EAAe,CACjB,gBAAiB,KACjB,qBAAsBpC,KAAKrC,YAI/B,MAAM0E,EAAYrC,KAAKzC,iBAAmByC,KAAKb,cAG/C,MAAMmD,EAAcC,QAAQvC,KAAKpC,cAAgBoC,KAAKpC,aAAauC,UAGnE,MAAMqC,EAAmBD,QAAQvC,KAAKpC,eAAiBoC,KAAKpC,aAAayC,UAAYL,KAAKpC,aAAa0C,oBAAsBN,KAAKpB,iBAGlI,MAAM6D,EAAgBF,SAASvC,KAAKpC,cAAcyC,UAAYL,KAAKpC,cAAc0C,iBAAmBN,KAAKpC,cAAcuC,UAEvH,OACIuC,EAAA,OAAKC,MAAOP,EAAcQ,MAAOX,GAC7BS,EAAK,OAAAC,MAAOR,GACPnC,KAAK3C,cACFqF,EAAK,OAAAC,MAAM,gBACPD,EAAK,OAAAC,MAAM,eACN3C,KAAK7C,MAAQuF,EAAK,OAAAG,IAAK7C,KAAK7C,KAAMwF,MAAM,cAAcG,IAAI,SAC3DJ,EAAA,WAAM1C,KAAKjD,aAEdiD,KAAK1C,aACFoF,EAAQ,UAAAC,MAAM,eAAeI,QAAS/C,KAAKkB,aACvCwB,EAAc,oBAO5B1C,KAAKb,gBAAkBa,KAAKzC,iBAAmBkF,GAC7CC,EAAK,OAAAC,MAAM,oBAELL,GACEI,EAAK,OAAAC,MAAM,oBACPD,EAAO,SAAAM,QAAQ,mBAAsC,kBAE/ChD,KAAKlC,mBACH4E,EACI,+BAAAO,KAAK,OACLC,KAAOC,IACHnD,KAAKZ,eAAiB+D,EAAEC,MAAM,IAK9CV,EAAA,YACIW,GAAG,kBACHV,MAAM,2BACNW,YAAY,wBACZC,KAAM,EACNhC,MAAOvB,KAAKZ,eACZoE,QAASxD,KAAKmB,+BAOrBqB,GACGE,EAAK,OAAAC,MAAM,oBACPD,EAAuB,yBACvBA,EACI,qBAAAe,IAAKC,GAAM1D,KAAK4B,aAAe8B,EAC/BC,YAAa,GAAK,KAAO,KACzBC,SAAU,MACV7F,iBAAkBiC,KAAKjC,iBACvB8F,qBAAsB,CAAC,OAAQ,MAAO,OAAQ,QAAS,QACvDC,aAAc,CACVC,KAAM,CAAC,WAEXC,eAAiBb,IACb,MAAMc,EAA+Bd,EAAEC,QAAU,GACjDpD,KAAKd,iBAAmB+E,EAAO,GAC/BjE,KAAK3B,cAAcqC,KAAKV,KAAKd,iBAAiB,KAOlEwD,EACI,UAAAC,MAAM,gBACNuB,UAAY5B,IAAgBtC,KAAKZ,eAAesC,QAAW1B,KAAKf,aAAee,KAAKX,aACpF0D,QAAS/C,KAAKwB,sBAEbxB,KAAKf,YAAc,SAAWe,KAAKX,aAAe,SAAW,QAGlEqD,EAAK,OAAAC,MAAM,iBACPD,EAAqB,2BACrBA,EAAG,KAAAC,MAAM,cACLD,EAA8B,qCAC9BA,EAAA,KAAGyB,KAAK,4BAA4B7C,OAAO,SAAS8C,IAAI,uBAAqB,mCAO5F/B,GACGK,EAAK,OAAAC,MAAM,qBACPD,EAAK,OAAAC,MAAM,oBACXD,EAAA,KAAGC,MAAM,gBAAc,cAK9B3C,KAAKb,eACFuD,EACK,WAAA1C,KAAK9B,oBAAsB8B,KAAKhC,UAC7B0E,EAAA,0BACIe,IAAKC,GAAM1D,KAAKR,oBAAsBkE,EACtCzG,OAAQ,KACRU,WAAYqC,KAAKrC,WACjB0G,MAAM,mBACNrG,UAAWgC,KAAKhC,UAChBC,aAAc+B,KAAK/B,aACnBV,eAAgByC,KAAKzC,eACrBC,aAAcwC,KAAKxC,aACnBE,YAAasC,KAAKtC,YAClBU,aAAc4B,KAAK5B,aACnBD,uBAAwB6B,KAAK7B,uBAC7BP,aAAc,IACPoC,KAAKpC,aACRyC,SAAUL,KAAKpC,cAAcyC,UAAYL,KAAKd,kBAAkBoF,QAChEC,UAAWvE,KAAKpC,cAAc2G,WAAavE,KAAKd,kBAAkBqF,UAClEpE,SAAUH,KAAKpC,cAAcuC,UAAYH,KAAKZ,eAC9CoF,gBAAiBxE,KAAKpC,cAAc4G,iBAAmB,EACvDC,kBAAmBzE,KAAKhC,aAIhC0E,EACI,sBAAAzF,OAAQ,KACRF,WAAYiD,KAAKjD,WACjBI,KAAM6C,KAAK7C,KACXE,aAAc2C,KAAK3C,aACnBC,YAAa0C,KAAK3C,aAClBM,WAAYqC,KAAKrC,WACjBE,qBAAsBmC,KAAKnC,qBAC3BwG,MAAM,mBACNrG,UAAWgC,KAAKhC,UAChBT,eAAgByC,KAAKzC,eACrBC,aAAcwC,KAAKxC,aACnBC,iBAAkBuC,KAAKvC,iBACvBC,YAAasC,KAAKtC,YAClBU,aAAc4B,KAAK5B,aACnBU,eAAgBkB,KAAKlB,eACrBC,oBAAqBiB,KAAKjB,oBAC1BZ,uBAAwB6B,KAAK7B,uBAC7BP,aAAc,IACPoC,KAAKpC,aACRyC,SAAUL,KAAKpC,cAAcyC,UAAYL,KAAKd,kBAAkBoF,QAChEC,UAAWvE,KAAKpC,cAAc2G,WAAavE,KAAKd,kBAAkBqF,UAClEpE,SAAUH,KAAKpC,cAAcuC,UAAYH,KAAKZ,eAC9CoF,gBAAiBxE,KAAKpC,cAAc4G,iBAAmB,EACvDC,kBAAmBzE,KAAKhC,YAAcgC,KAAKrB,gBAAkB,QAAU,IAAM,MAEjFA,cAAeqB,KAAKrB,kB","ignoreList":[]}

package/dist/pcm-agents/p-abe95426.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as s}from"./p-Bq0K-WqZ.js";import{a as o,c as n,u as r,b as a,s as l,d,v as c}from"./p-BKzMDQ2I.js";import{E as h}from"./p-C0FYX2-Z.js";import{S as p}from"./p-DLAkzyJq.js";import"./p-Bs-zO1WZ.js";const u=":host{display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px;z-index:1000}.fullscreen-overlay{padding:0}.modal-container{background:white;border-radius:8px;width:100%;max-width:800px;display:flex;flex-direction:column;position:relative;margin:5vh auto auto auto}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.modal-container.fullscreen>div:not(.modal-header):not(.initial-upload){display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.pc-layout{width:80%;max-width:800px;min-width:320px;min-height:400px}@media screen and (max-width: 768px){.pc-layout{width:95%;}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.video-preview.placeholder{display:flex;justify-content:center;align-items:center;background:#EAEAEA}.placeholder-status{color:#00000066}.placeholder-status p{font-size:16px}.waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-area{width:100%;display:flex;flex-direction:column;align-items:center}.stop-recording-button{width:100%;height:100%;font-size:16px;background:#f44336;border-radius:6px;color:white;border:none;cursor:pointer}.stop-recording-button:hover{background:#d32f2f}.play-audio-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0;}.header-left{display:flex;align-items:center;gap:8px}.header-left div{font-size:16px}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.chat-history{position:relative;flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;min-height:200px;background:url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);background-size:100%}.fullscreen .chat-history{height:auto;flex:1 1 auto}.message-input{padding:16px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center}.message-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color 0.2s ease}.message-input input:focus{border-color:#bbb}.message{margin-bottom:16px;opacity:1;transition:opacity 0.3s ease}.message-content{max-width:70%;padding:8px 12px;border-radius:8px;word-break:break-word}.message-content p{margin:0;word-break:break-word}.user-message{display:flex;justify-content:flex-end}.agent-message{display:flex;justify-content:flex-start}.user-message .message-content{background-color:#007bff;color:white}.agent-message .message-content{background-color:#f1f1f1}.message-time{font-size:12px;color:#999;margin-top:4px;display:block}.send-button{background-color:#1890ff;color:white;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#999;text-align:center}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255, 255, 255, 0.98);z-index:1;opacity:1;transition:opacity 0.3s ease}.loading-container p{margin-top:16px;color:#666;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.messages-wrapper{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.messages-wrapper.has-overflow{justify-content:flex-start}.suggested-questions{display:flex;flex-direction:column;gap:8px;padding:16px}.suggested-question{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f3f4f6;border-radius:4px;cursor:pointer;font-size:14px;color:#374151;transition:background-color 0.2s}.suggested-question:hover{background-color:#e5e7eb}.arrow-right{margin-left:8px}.loading-suggestions{display:flex;justify-content:center;padding:16px}.loading-spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:spin 1s linear infinite}.upload-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:background-color 0.2s}.upload-button:hover{background-color:rgba(0, 0, 0, 0.04)}.upload-button svg{width:20px;height:20px}.file-input{display:none}.selected-file{font-size:12px;color:#666;margin-left:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-wrapper{flex:1;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:0 4px;background:white}.input-wrapper input{border:none;flex:1;padding:8px;outline:none}.input-wrapper:focus-within{border-color:#bbb}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;line-height:1;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f0f0f0;color:#666}.initial-upload{padding:16px;display:flex;flex-direction:column;align-items:center;height:100%}.upload-section{max-width:600px;width:100%;text-align:center}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px}.submit-button:disabled{background:#ccc;cursor:not-allowed}.submit-button:hover:not(:disabled){background:#40a9ff}.category-select,.dimension-select{margin:30px 0}.category-options,.dimension-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.category-button,.dimension-button{padding:12px 16px;border:1px solid #E5E5E5;border-radius:6px;background:white;cursor:pointer;transition:all 0.3s}.category-button:hover,.dimension-button:hover{background:#f5f5f5}.category-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.dimension-button.selected{background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);color:white}.recording-section{border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:14px 14px 0 0;flex:0 0 auto}.recording-section .video-preview{width:100%;height:200px;max-width:400px;position:relative;margin-bottom:10px;border:1px solid #ddd;border-radius:12px;overflow:hidden}.recording-section video{width:100%;height:100%;object-fit:cover}.recording-status{position:absolute;top:10px;left:10px;background-color:rgba(0, 0, 0, 0.6);color:white;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:14px;z-index:2}.recording-status .recording-dot{display:inline-block;width:10px;height:10px;background-color:red;border-radius:50%;margin-right:5px;animation:blink 1s infinite}.recording-status.warning{color:#ff4d4f;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.recording-section .stop-recording-button{background-color:#f44336;color:white;border:none;cursor:pointer;font-weight:bold}.recording-section .stop-recording-button:hover{background-color:#d32f2f}.fullscreen{width:100vw;border-radius:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.recording-controls{margin-top:10px;height:53px;width:100%;max-width:400px;display:flex;justify-content:center}.recording-controls .waiting-message{text-align:center;color:white;font-size:16px;background-image:linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);border-radius:6px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);width:95%;display:flex;justify-content:center;align-items:center;cursor:pointer}.recording-controls .waiting-message.loading{background:#faad14}.recording-controls .waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-controls .stop-recording-button{background-color:#dc3545;color:white;border:none;cursor:pointer;font-size:16px}.recording-controls .stop-recording-button:hover{background-color:#c82333}.recording-controls .stop-recording-button.disabled{background:#ccc;cursor:not-allowed}.recording-controls .stop-recording-button.disabled:hover{background:#ccc}.progress-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-top:10px;padding:0 5px}.progress-bar-container{height:4px;background-color:#E5E5E5;border-radius:2px;overflow:hidden;margin-right:10px;width:75px}.progress-bar{height:100%;background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);border-radius:2px;transition:width 0.3s ease}.progress-text{font-size:14px;color:#666;white-space:nowrap}";const g=":host{font-size:16px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight:normal;font-style:normal;font-variant:normal;line-height:1.5;letter-spacing:normal;word-spacing:normal;color:#333;text-align:left;text-indent:0;text-transform:none;white-space:normal;word-wrap:normal;word-break:normal;visibility:visible;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;border-collapse:separate;border-spacing:0;caption-side:top;empty-cells:show;table-layout:auto;quotes:auto;cursor:auto;direction:ltr;orphans:2;widows:2;page-break-inside:auto;text-decoration:none;text-shadow:none;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}";const m=class{constructor(i){e(this,i);this.modalClosed=t(this,"modalClosed");this.streamComplete=t(this,"streamComplete");this.conversationStart=t(this,"conversationStart");this.someErrorEvent=t(this,"someErrorEvent");this.interviewComplete=t(this,"interviewComplete");this.recordingError=t(this,"recordingError");this.recordingStatusChange=t(this,"recordingStatusChange");this.tokenInvalid=t(this,"tokenInvalid")}modalTitle="金牌HR大赛";token;isOpen=false;messages=[];modalClosed;icon;zIndex=1e3;isShowHeader=true;isNeedClose=true;conversationId;currentAssistantMessage="";isLoading=false;currentStreamingMessage=null;shouldAutoScroll=true;isLoadingHistory=false;get hostElement(){return i(this)}streamComplete;conversationStart;someErrorEvent;selectedFile=null;isUploading=false;uploadedFileInfo=[];aiException=false;defaultQuery="请开始出题";showInitialUpload=true;selectedJobCategory="";jobCategories=["人力资源学生(实习)","人力资源专员","人力资源主管","人力资源经理","人力资源总监"];dimensions=["人力资源规划","招聘与配置","员工关系","培训与开发","薪酬与绩效","组织与人才发展"];selectedDimensions=[];isRecording=false;recordingStream=null;recordedBlob=null;mediaRecorder=null;recordingTimeLeft=0;showRecordingUI=false;recordingTimer=null;recordingStartTime=0;waitingToRecord=false;waitingTimer=null;waitingTimeLeft=15;videoRef=null;totalQuestions=2;currentQuestionNumber=0;interviewComplete;SCROLL_THRESHOLD=20;maxRecordingTime=120;countdownWarningTime=30;showCountdownWarning=false;toEmail="";callbackUrl="";fullscreen=false;isUploadingVideo=false;requireResume=false;isPlayingAudio=false;audioUrl=null;audioElement=null;recordingError;recordingStatusChange;tokenInvalid;enableVoice=true;enableAudio=true;displayContentStatus=true;isTaskCompleted=false;tokenInvalidListener;isUserScrolling=false;isPageFocused=true;isWindowVisible=true;visibilityChangeListener;blurListener;focusListener;handleTokenChange(e){if(e&&e!==o.getToken()){o.setToken(e)}}componentWillLoad(){if(this.zIndex){n.setItem("modal-zIndex",this.zIndex)}if(this.token){o.setToken(this.token)}this.tokenInvalidListener=()=>{this.tokenInvalid.emit()};document.addEventListener("pcm-token-invalid",this.tokenInvalidListener);this.visibilityChangeListener=()=>{const e=!document.hidden;this.isWindowVisible=e;if(!e){p.captureMessage("用户失去焦点 - 页面隐藏",{action:"visibilityChange",component:"pcm-hr-chat-modal",type:"visibility_hidden",timestamp:Date.now(),isRecording:this.isRecording,currentQuestionNumber:this.currentQuestionNumber,conversationId:this.conversationId})}};this.blurListener=()=>{this.isPageFocused=false;p.captureMessage("用户失去焦点 - 窗口失焦",{action:"windowBlur",component:"pcm-hr-chat-modal",type:"window_blur",timestamp:Date.now(),isRecording:this.isRecording,currentQuestionNumber:this.currentQuestionNumber,conversationId:this.conversationId})};this.focusListener=()=>{this.isPageFocused=true};document.addEventListener("visibilitychange",this.visibilityChangeListener);window.addEventListener("blur",this.blurListener);window.addEventListener("focus",this.focusListener)}handleClose=()=>{this.stopRecording();this.modalClosed.emit()};handleFileChange=async e=>{const t=e.target;if(t.files&&t.files.length>0){this.selectedFile=t.files[0]}};async uploadFile(){if(!this.selectedFile||this.uploadedFileInfo.length>0)return;this.isUploading=true;try{const e=await r(this.selectedFile,{},{tags:["resume"]});if(e){this.uploadedFileInfo=[{cos_key:e.cos_key,file_name:e.file_name,file_size:e.file_size,ext:e.ext}]}}catch(e){console.error("文件上传错误:",e);this.clearSelectedFile();this.someErrorEvent.emit({error:e,message:"文件上传失败，请重试"});p.captureError(e,{action:"uploadFile",component:"pcm-hr-chat-modal",title:"文件上传失败"})}finally{this.isUploading=false}}handleUploadClick=()=>{const e=this.hostElement.shadowRoot?.querySelector(".file-input");e?.click()};clearSelectedFile=()=>{this.selectedFile=null;this.uploadedFileInfo=[];const e=this.hostElement.shadowRoot?.querySelector(".file-input");if(e){e.value=""}};async sendMessageToAPI(e){this.isLoading=true;let t="";let i="";const s=new Date;const o=`${s.getHours()}:${s.getMinutes().toString().padStart(2,"0")}`;const n=e.trim()||(this.uploadedFileInfo.length>0?"请分析这个文件":"");const r=this.messages.length>0?this.messages[this.messages.length-1]:null;if(r&&this.conversationId&&e!=="下一题"){this.saveAnswer(this.conversationId,r.answer,n)}const l=this.currentQuestionNumber>=this.totalQuestions&&e==="下一题";const c={id:`temp-${Date.now()}`,time:o,query:n,answer:"",isStreaming:true,conversation_id:this.conversationId,inputs:{},status:"normal",error:null};this.currentStreamingMessage=c;setTimeout((()=>{this.shouldAutoScroll=true;this.scrollToBottom()}),200);if(l){this.messages=[...this.messages,c];this.currentStreamingMessage=null;this.isLoading=false;this.currentQuestionNumber++;this.isTaskCompleted=true;await this.completeInterview();this.interviewComplete.emit({conversation_id:this.conversationId,total_questions:this.totalQuestions});return}const u={response_mode:"streaming",conversation_id:this.conversationId,query:n,bot_id:"3022316191018880"};u.inputs={job_info:this.selectedJobCategory,dimensional_info:this.selectedDimensions.join(","),email:this.toEmail,callback_url:this.callbackUrl,display_content_status:this.displayContentStatus?"1":"0"};if(this.uploadedFileInfo.length>0){const e=this.uploadedFileInfo.map((e=>e.cos_key)).join(",");u.inputs.file_urls=e}await a({url:"/sdk/v1/chat/chat-messages",method:"POST",data:u,onMessage:e=>{if(e.conversation_id&&!this.conversationId){this.conversationId=e.conversation_id;this.conversationStart.emit({conversation_id:e.conversation_id,event:e.event,message_id:e.message_id,id:e.id})}if(e.event==="node_finished"&&e.data.inputs&&e.data.inputs.LLMText){i=e.data.inputs.LLMText}if(e.event==="node_finished"&&e.data.title&&e.data.title.includes("异常请重试")){this.currentStreamingMessage.showRetryButton=true;this.aiException=true}if(e.event==="node_finished"&&e.data.title&&e.data.title.includes("题号赋值")){this.currentQuestionNumber=e.data.process_data.questions_number-1}if(e.event==="message"){if(e.event==="agent_message"||e.event==="message"){if(e.answer){t+=e.answer;const i={...this.currentStreamingMessage,answer:t,isStreaming:true};this.currentStreamingMessage=i;setTimeout((()=>{this.scrollToBottom()}),200)}}}if(e.event==="error"){const t=e.data?.message||e.message||"请求失败";this.messages=[...this.messages,{...c,answer:t,error:e.data,isStreaming:false}];this.currentStreamingMessage=null;this.isLoading=false;h.emitError({error:e.data,message:t});return}if(e.event==="message_end"){this.streamComplete.emit({conversation_id:e.conversation_id||"",event:e.event,message_id:e.message_id,id:e.id})}},onError:t=>{console.error("发生错误:",t);this.someErrorEvent.emit({error:t,message:"消息发送失败，请稍后再试"});p.captureError(t,{action:"sendMessageToAPI",component:"pcm-hr-chat-modal",message:e,title:"消息发送失败"});this.messages=[...this.messages,{...c,answer:"消息发送失败，请检查网络。",error:t,isStreaming:false}];this.currentStreamingMessage=null;this.isLoading=false},onComplete:async()=>{this.isLoading=false;const e=this.currentStreamingMessage;e.isStreaming=false;this.currentStreamingMessage=null;this.messages=[...this.messages,e];if(!this.aiException){if(this.enableAudio&&e&&e.answer){const t=i||e.answer;if(t){const e=await d(t);if(this.enableVoice){await this.playAudio(e);this.startWaitingToRecord()}else{this.audioUrl=e}}}else if(!this.enableAudio){this.startWaitingToRecord()}}}})}async saveAnswer(e,t,i){try{await l({url:"/sdk/v1/hr_competition/answer",method:"POST",data:{conversation_id:e,question:t,answer:i}})}catch(t){console.error("保存答案失败:",t);this.someErrorEvent.emit({error:t,message:"保存答案失败，请稍后再试"});p.captureError(t,{action:"saveAnswer",component:"pcm-hr-chat-modal",conversationId:e,title:"保存答案失败"})}}handleScroll=()=>{if(this.isUserScrolling){const e=this.hostElement.shadowRoot?.querySelector(".chat-history");if(!e)return;const{scrollTop:t,scrollHeight:i,clientHeight:s}=e;const o=i-t-s;this.shouldAutoScroll=o<=this.SCROLL_THRESHOLD}};handleTouchStart=()=>{this.isUserScrolling=true};handleTouchEnd=()=>{setTimeout((()=>{this.isUserScrolling=false}),100)};_wheelTimer=null;handleWheel=()=>{this.isUserScrolling=true;if(this._wheelTimer){clearTimeout(this._wheelTimer)}this._wheelTimer=setTimeout((()=>{this.isUserScrolling=false}),150)};scrollToBottom(){const e=this.hostElement.shadowRoot?.querySelector(".chat-history");if(e&&this.isOpen){e.scrollTop=e.scrollHeight}}async loadHistoryMessages(){if(!this.conversationId)return;this.isLoadingHistory=true;let e=false;try{const t=await l({url:`/sdk/v1/hr_competition/${this.conversationId}`,method:"GET"});if(t.success&&t.data&&t.data.ended==1){e=true}const i=await l({url:"/sdk/v1/chat/messages",method:"GET",data:{conversation_id:this.conversationId,bot_id:"3022316191018880",limit:20}});if(i.success&&i.data){const e=i.data.data||[];const t=e.map((e=>{const t=new Date(e.created_at*1e3);const i=t.getHours().toString().padStart(2,"0");const s=t.getMinutes().toString().padStart(2,"0");const o=`${i}:${s}`;const{inputs:n,...r}=e;return{...r,time:o,isStreaming:false,status:e.status==="error"?"error":"normal"}}));this.messages=t;const s=t.filter((e=>!(e.answer&&(e.answer.includes("请求超时")||e.answer.includes("网络有点拥堵")||e.status==="error"))));this.currentQuestionNumber=s.length>0?s.length:0}}catch(e){console.error("加载历史消息或面试状态失败:",e);this.someErrorEvent.emit({error:e,message:"加载历史消息失败，请刷新重试"});p.captureError(e,{action:"loadHistoryMessages",component:"pcm-hr-chat-modal",conversationId:this.conversationId,title:"加载历史消息失败"})}finally{this.isLoadingHistory=false;setTimeout((async()=>{this.shouldAutoScroll=true;this.scrollToBottom();if(this.conversationId&&this.messages.length>0&&!e){const e=this.messages[this.messages.length-1];if(e&&e.answer&&this.enableAudio){const t=await d(e.answer);if(this.enableVoice){await this.playAudio(t);this.startWaitingToRecord()}else{this.audioUrl=t}}else if(!this.enableAudio){this.startWaitingToRecord()}else{this.sendMessageToAPI("下一题")}}else if(e){this.currentQuestionNumber++;this.isTaskCompleted=true;setTimeout((()=>{this.interviewComplete.emit()}),100)}}),300)}}async handleIsOpenChange(e){if(e){await c(this.token);if(this.conversationId){this.showInitialUpload=false;await this.loadHistoryMessages()}}}handleJobCategorySelect=e=>{this.selectedJobCategory=e};handleDimensionSelect=e=>{if(this.selectedDimensions.includes(e)){this.selectedDimensions=this.selectedDimensions.filter((t=>t!==e))}else{this.selectedDimensions=[...this.selectedDimensions,e]}};handleInitialSubmit=async()=>{if(this.requireResume&&!this.selectedFile){alert("请上传简历");return}if(!this.selectedJobCategory){alert("请选择职能类别");return}if(this.selectedDimensions.length===0){alert("请至少选择一个关注模块");return}if(this.requireResume){await this.uploadFile();if(this.uploadedFileInfo.length===0){return}}this.showInitialUpload=false;const e=`我是一名${this.selectedJobCategory}，请您开始提问`;this.sendMessageToAPI(e)};startWaitingToRecord(){if(this.waitingTimer){clearInterval(this.waitingTimer)}if(this.recordingTimer){clearInterval(this.recordingTimer)}this.waitingToRecord=true;this.waitingTimeLeft=15;this.waitingTimer=setInterval((()=>{this.waitingTimeLeft--;if(this.waitingTimeLeft<=0){clearInterval(this.waitingTimer);this.waitingTimer=null;this.waitingToRecord=false;this.startRecording()}}),1e3)}async startRecording(){try{const e=await navigator.mediaDevices.getUserMedia({audio:true,video:{width:{ideal:1280},height:{ideal:720},frameRate:{ideal:30}}});this.recordingStream=e;this.showRecordingUI=true;this.showCountdownWarning=false;this.videoRef=null;this.setupVideoPreview(e);const t=this.getSupportedMimeType();let i;try{i=new MediaRecorder(e,{mimeType:t,videoBitsPerSecond:8e5,audioBitsPerSecond:64e3})}catch(t){console.warn("指定的MIME类型不受支持，使用默认设置:",t);try{i=new MediaRecorder(e,{videoBitsPerSecond:8e5,audioBitsPerSecond:64e3})}catch(t){try{i=new MediaRecorder(e)}catch(e){this.recordingError.emit({type:"recorder_creation_failed",message:"无法创建媒体录制器，您的浏览器可能不支持此功能",details:e});this.showRecordingUI=false;return}}}this.mediaRecorder=i;const s=[];i.ondataavailable=e=>{if(e.data.size>0){s.push(e.data)}};i.onerror=e=>{this.recordingError.emit({type:"recording_error",message:"录制过程中发生错误",details:e});this.stopRecording()};i.onstop=()=>{try{const e=t||"video/mp4";const i=new Blob(s,{type:e});if(i.size===0){this.recordingError.emit({type:"empty_recording",message:"录制的视频为空"});this.showRecordingUI=false;return}this.recordedBlob=i;this.recordingStatusChange.emit({status:"stopped",details:{duration:Math.floor((Date.now()-this.recordingStartTime)/1e3),size:i.size,type:i.type}});this.uploadRecordedVideo()}catch(e){this.recordingError.emit({type:"processing_error",message:"处理录制视频时出错",details:e});this.showRecordingUI=false;p.captureError(e,{action:"uploadRecordedVideo",component:"pcm-hr-chat-modal",title:"处理录制视频时出错"})}};try{i.start();this.isRecording=true;this.recordingStartTime=Date.now();this.recordingTimeLeft=this.maxRecordingTime;this.recordingStatusChange.emit({status:"started",details:{maxDuration:this.maxRecordingTime,mimeType:i.mimeType}})}catch(e){this.recordingError.emit({type:"start_failed",message:"开始录制失败，请检查您的设备权限",details:e});this.showRecordingUI=false;p.captureError(e,{action:"startRecording",component:"pcm-hr-chat-modal",title:"开始录制失败"});return}this.recordingTimer=setInterval((()=>{const e=Math.floor((Date.now()-this.recordingStartTime)/1e3);this.recordingTimeLeft=Math.max(0,this.maxRecordingTime-e);if(this.recordingTimeLeft<=this.countdownWarningTime&&!this.showCountdownWarning){this.showCountdownWarning=true}if(this.recordingTimeLeft<=0){this.stopRecording()}}),1e3)}catch(e){console.error("无法访问摄像头或麦克风:",e);this.showRecordingUI=false;this.recordingError.emit({type:"media_access_failed",message:"无法访问摄像头或麦克风，请确保已授予权限",details:e});p.captureError(e,{action:"startRecording",component:"pcm-hr-chat-modal",title:"无法访问摄像头或麦克风"})}}setupVideoPreview(e){setTimeout((()=>{const t=this.hostElement.shadowRoot?.querySelector("video");if(t&&e){try{t.srcObject=e;t.play().catch((e=>{console.error("视频播放失败:",e);this.someErrorEvent.emit({error:e,message:"视频播放失败"});p.captureError(e,{action:"setupVideoPreview",component:"pcm-hr-chat-modal",title:"录制视频显示失败"})}))}catch(i){console.warn("设置srcObject失败，尝试替代方法:",i);try{const i=URL.createObjectURL(e);t.src=i;t.onended=()=>{URL.revokeObjectURL(i)}}catch(e){console.error("创建对象URL失败:",e);this.someErrorEvent.emit({error:e,message:"创建对象URL失败"});p.captureError(e,{action:"setupVideoPreview",component:"pcm-hr-chat-modal",title:"创建对象URL失败"})}}}else{console.warn("未找到视频元素或媒体流无效")}}),100)}getSupportedMimeType(){const e=["video/webm;codecs=vp8,opus","video/webm;codecs=vp9,opus","video/webm","video/mp4","video/mp4;codecs=h264,aac",""];if(!window.MediaRecorder){console.warn("MediaRecorder API不可用");return""}for(const t of e){if(!t)return"";try{if(MediaRecorder.isTypeSupported(t)){return t}}catch(e){console.warn(`检查MIME类型支持时出错 ${t}:`,e)}}console.warn("没有找到支持的MIME类型，将使用浏览器默认值");return""}stopRecording(){if(this.mediaRecorder&&this.isRecording){this.mediaRecorder.stop();this.isRecording=false;if(this.recordingTimer){clearInterval(this.recordingTimer);this.recordingTimer=null}if(this.recordingStream){this.recordingStream.getTracks().forEach((e=>e.stop()));this.recordingStream=null}this.videoRef=null}}async uploadRecordedVideo(){if(!this.recordedBlob)return;try{this.isUploadingVideo=true;this.showRecordingUI=false;const e=this.recordedBlob.type.includes("webm")?"webm":"mp4";const t=`answer.${e}`;const i=new File([this.recordedBlob],t,{type:this.recordedBlob.type});const s=await r(i,{},{tags:["other"]});if(s){await this.saveVideoAnswer(s.cos_key);this.sendMessageToAPI("下一题")}else{throw new Error("视频上传失败")}}catch(e){console.error("视频上传错误:",e);this.recordingError.emit({type:"upload_failed",message:"视频上传失败",details:e});p.captureError(e,{action:"uploadRecordedVideo",component:"pcm-hr-chat-modal",title:"视频上传失败"})}finally{this.isUploadingVideo=false;this.showRecordingUI=false;this.recordedBlob=null}}async saveVideoAnswer(e){if(!this.conversationId)return;try{const t=this.messages.length>0?this.messages[this.messages.length-1]:null;if(!t)return;await l({url:"/sdk/v1/hr_competition/answer",method:"POST",data:{conversation_id:this.conversationId,question:t.answer,file_url:e}})}catch(e){console.error("保存视频答案失败:",e);this.someErrorEvent.emit({error:e,message:"保存视频答案失败"});p.captureError(e,{action:"saveVideoAnswer",component:"pcm-hr-chat-modal",conversationId:this.conversationId,title:"保存视频答案失败"})}}async completeInterview(){if(!this.conversationId)return;try{await l({url:`/sdk/v1/hr_competition/${this.conversationId}/end`,method:"POST"})}catch(e){console.error("发送面试完成请求失败:",e);this.someErrorEvent.emit({error:e,message:"发送面试完成请求失败"});p.captureError(e,{action:"completeInterview",component:"pcm-hr-chat-modal",conversationId:this.conversationId,title:"发送面试完成请求失败"})}}playAudio(e){return new Promise((t=>{this.isPlayingAudio=true;this.audioUrl=e;if(!this.audioElement){this.audioElement=new Audio}this.audioElement.src=e;this.audioElement.onended=()=>{this.isPlayingAudio=false;this.audioUrl=null;t()};this.audioElement.onerror=()=>{console.error("音频播放错误");this.isPlayingAudio=false;this.audioUrl=null;this.someErrorEvent.emit({error:"音频播放错误",message:"音频播放错误"});p.captureMessage("音频播放错误",{action:"playAudio",component:"pcm-hr-chat-modal",title:"音频播放错误"});t()};this.audioElement.play().catch((e=>{console.error("音频播放失败:",e);this.isPlayingAudio=false;this.audioUrl=null;this.someErrorEvent.emit({error:e,message:"音频播放失败"});p.captureError(e,{title:"音频播放失败",action:"playAudio",component:"pcm-hr-chat-modal"});t()}))}))}disconnectedCallback(){document.removeEventListener("pcm-token-invalid",this.tokenInvalidListener);if(this.audioElement){this.audioElement.pause();this.audioElement.src="";this.audioElement=null}if(this.audioUrl){URL.revokeObjectURL(this.audioUrl);this.audioUrl=null}if(this.waitingTimer){clearInterval(this.waitingTimer);this.waitingTimer=null}if(this.recordingTimer){clearInterval(this.recordingTimer);this.recordingTimer=null}this.stopRecording();if(this.visibilityChangeListener){document.removeEventListener("visibilitychange",this.visibilityChangeListener)}if(this.blurListener){window.removeEventListener("blur",this.blurListener)}if(this.focusListener){window.removeEventListener("focus",this.focusListener)}}handlePlayAudio=async()=>{if(this.audioUrl){await this.playAudio(this.audioUrl);this.startWaitingToRecord()}};handleRetryRequest=e=>{const t=this.messages.find((t=>t.id===e));if(t){this.aiException=false;const i=this.messages.map((t=>t.id===e?{...t,showRetryButton:false}:t));this.messages=i;this.sendMessageToAPI(t.query)}};render(){if(!this.isOpen)return null;const e={zIndex:String(this.zIndex)};const t={"modal-container":true,fullscreen:this.fullscreen};const i={"modal-overlay":true,"fullscreen-overlay":this.fullscreen};const o=()=>s("div",{class:"video-preview"},s("video",{autoPlay:true,playsInline:true,muted:true,style:{transform:"scaleX(-1)"},ref:e=>{if(e&&this.recordingStream&&!this.videoRef){this.videoRef=e}}}),s("div",{class:{"recording-status":true,warning:this.showCountdownWarning}},s("span",{class:"recording-dot"}),s("span",null,"录制中 ",Math.floor(this.recordingTimeLeft/60),":",(this.recordingTimeLeft%60).toString().padStart(2,"0"),this.showCountdownWarning&&` (即将自动完成)`)));const n=()=>{if(this.isTaskCompleted){return s("div",{class:"placeholder-status"},s("p",null,"面试已完成，感谢您的参与！"))}if(this.isPlayingAudio){return s("div",{class:"placeholder-status"},s("p",null,"正在播放问题，请听完后准备回答..."))}if(this.isUploadingVideo){return s("div",{class:"placeholder-status"},s("p",null,"正在上传视频，请稍候..."))}if(this.isLoading||this.currentStreamingMessage){return s("div",{class:"placeholder-status"},s("p",null,"请等待题目..."))}if(this.waitingToRecord){return s("div",{class:"placeholder-status"},s("p",null,"请准备好，",this.waitingTimeLeft,"秒后将开始录制您的回答..."))}return s("div",{class:"placeholder-status default-status"},s("p",null,"准备中..."))};return s("div",{class:i,style:e},s("div",{class:t},this.isShowHeader&&s("div",{class:"modal-header"},s("div",{class:"header-left"},this.icon&&s("img",{src:this.icon,class:"header-icon",alt:"应用图标"}),s("div",null,this.modalTitle)),this.isNeedClose&&s("button",{class:"close-button",onClick:this.handleClose},s("span",null,"×"))),this.showInitialUpload?s("div",{class:"initial-upload"},s("div",{class:"upload-section"},this.requireResume&&s(s.Fragment,null,s("h3",null,"开始前，请上传您的简历"),s("div",{class:"upload-area",onClick:this.handleUploadClick},this.selectedFile?s("div",{class:"file-item"},s("div",{class:"file-item-content"},s("span",{class:"file-icon"},"📝"),s("span",{class:"file-name"},this.selectedFile.name)),s("button",{class:"remove-file",onClick:e=>{e.stopPropagation();this.clearSelectedFile()}},"×")):s("div",{class:"upload-placeholder"},s("img",{src:"https://pub.pincaimao.com/static/web/images/home/i_upload.png"}),s("p",{class:"upload-text"},"点击上传简历"),s("p",{class:"upload-hint"},"支持 txt、 markdown、 pdf、 docx、  md 格式")))),s("div",{class:"category-select"},s("h3",null,"请选择您的职能类别（单选）"),s("div",{class:"category-options"},this.jobCategories.map((e=>s("button",{class:{"category-button":true,selected:this.selectedJobCategory===e},onClick:()=>this.handleJobCategorySelect(e)},e))))),s("div",{class:"dimension-select"},s("h3",null,"请选择关注的模块（可多选）"),s("div",{class:"dimension-options"},this.dimensions.map((e=>s("button",{class:{"dimension-button":true,selected:this.selectedDimensions.includes(e)},onClick:()=>this.handleDimensionSelect(e)},e))))),s("button",{class:"submit-button",disabled:this.requireResume&&!this.selectedFile||!this.selectedJobCategory||this.selectedDimensions.length===0||this.requireResume&&this.isUploading,onClick:this.handleInitialSubmit},this.requireResume&&this.isUploading?"上传中...":"开始面试")),this.requireResume&&s("input",{type:"file",class:"file-input",onChange:this.handleFileChange,accept:".pdf,.doc,.docx,.txt"})):s("div",{style:{height:"100%"}},s("div",{class:"chat-history",onScroll:this.handleScroll,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd,onWheel:this.handleWheel},this.isLoadingHistory?s("div",{class:"loading-container"},s("div",{class:"loading-spinner"}),s("p",null,"加载历史消息中...")):s("div",null,this.messages.map((e=>s("div",{id:`message_${e.id}`,key:e.id},s("components-chat-message",{message:e,onRetryRequest:e=>this.handleRetryRequest(e.detail),showCopyButton:false,showFeedbackButtons:false})))),this.currentStreamingMessage&&s("div",{id:`message_${this.currentStreamingMessage.id}`},s("components-chat-message",{message:this.currentStreamingMessage})),this.messages.length===0&&!this.currentStreamingMessage&&s("div",{class:"empty-state"},s("p",null,"请上传简历开始面试")))),s("div",{class:"recording-section"},s("div",{class:"recording-container"},s("div",{class:"video-area"},this.showRecordingUI?o():s("div",{class:"video-preview placeholder"},n())),s("div",{class:"progress-container"},s("div",{class:"progress-bar-container"},s("div",{class:"progress-bar",style:{width:`${Math.max(0,this.currentQuestionNumber-1)/this.totalQuestions*100}%`}})),s("div",{class:"progress-text"},"已完成",Math.max(0,this.currentQuestionNumber-1),"/",this.totalQuestions)),s("div",{class:"recording-controls"},this.showRecordingUI?s("button",{class:"stop-recording-button",onClick:()=>this.stopRecording()},"完成本题回答"):s("div",{class:"waiting-message"},(()=>{if(!this.enableVoice&&this.audioUrl&&!this.isPlayingAudio){return s("div",{class:"play-audio-container",onClick:this.handlePlayAudio},s("p",null,s("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"currentColor",style:{verticalAlign:"middle",marginRight:"8px"}},s("path",{d:"M8 5v14l11-7z"})),s("span",{style:{verticalAlign:"middle"}},"播放题目")))}return s("button",{class:"stop-recording-button disabled",disabled:true},"完成回答")})())))))))}static get watchers(){return{token:["handleTokenChange"],isOpen:["handleIsOpenChange"]}}};m.style=u+g;export{m as pcm_hr_chat_modal};
-//# sourceMappingURL=p-abe95426.entry.js.map

package/dist/pcm-agents/p-abe95426.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pcmHrChatModalCss","hostCss"],"sources":["src/components/pcm-hr-chat-modal/pcm-hr-chat-modal.css?tag=pcm-hr-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-hr-chat-modal&encapsulation=shadow"],"sourcesContent":[":host {\r\n  display: block;\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-y: auto;\r\n  padding: 20px;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下取消 padding */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n}\r\n\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 800px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 5vh auto auto auto;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100vw;\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  height: 100vh;\r\n  max-height: 100vh;\r\n}\r\n\r\n/* 确保内容区域也使用 flex 布局并占满剩余空间 */\r\n.modal-container.fullscreen > div:not(.modal-header):not(.initial-upload) {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  overflow: hidden; /* 防止内容溢出 */\r\n  height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n  width: 80%;\r\n  max-width: 800px;\r\n  /* height: 80vh; */\r\n  /* max-height: 700px; */\r\n  min-width: 320px;\r\n  min-height: 400px;\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    /* height: 90vh; */\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 支持 iOS Safari */\r\n    height: -webkit-fill-available;\r\n    max-height: -webkit-fill-available;\r\n    /* 确保内容不会被顶部状态栏和底部工具栏遮挡 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n\r\n}\r\n.video-preview.placeholder {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: #EAEAEA;\r\n}\r\n\r\n.placeholder-status {\r\n  color: #00000066;\r\n}\r\n\r\n.placeholder-status p{\r\n  font-size: 16px;\r\n}\r\n\r\n.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-container {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\r\n.video-area {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.stop-recording-button {\r\n  width: 100%;\r\n  height: 100%;\r\n  font-size: 16px;\r\n  background: #f44336;\r\n  border-radius: 6px;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.stop-recording-button:hover {\r\n  background: #d32f2f;\r\n}\r\n\r\n.play-audio-container {\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.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}\r\n\r\n.header-left div {\r\n  font-size: 16px;\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.chat-history {\r\n  position: relative;\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 20px;\r\n  scroll-behavior: smooth;\r\n  min-height: 200px;\r\n  background: url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);\r\n  background-size: 100%;\r\n}\r\n\r\n/* 添加全屏模式下的样式 */\r\n.fullscreen .chat-history {\r\n  height: auto;\r\n  flex: 1 1 auto;\r\n}\r\n\r\n\r\n.message-input {\r\n  padding: 16px;\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  gap: 8px;\r\n  align-items: center;\r\n}\r\n\r\n.message-input input {\r\n  flex: 1;\r\n  padding: 8px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  outline: none;\r\n  transition: border-color 0.2s ease;\r\n}\r\n\r\n.message-input input:focus {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 消息样式 */\r\n.message {\r\n  margin-bottom: 16px;\r\n  opacity: 1;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.message-content {\r\n  max-width: 70%;\r\n  padding: 8px 12px;\r\n  border-radius: 8px;\r\n  word-break: break-word;\r\n}\r\n\r\n.message-content p {\r\n  margin: 0;\r\n  word-break: break-word;\r\n}\r\n\r\n.user-message {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.agent-message {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.user-message .message-content {\r\n  background-color: #007bff;\r\n  color: white;\r\n}\r\n\r\n.agent-message .message-content {\r\n  background-color: #f1f1f1;\r\n}\r\n\r\n.message-time {\r\n  font-size: 12px;\r\n  color: #999;\r\n  margin-top: 4px;\r\n  display: block;\r\n}\r\n\r\n.send-button {\r\n  background-color: #1890ff;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 8px 16px;\r\n  cursor: pointer;\r\n  font-weight: 500;\r\n}\r\n\r\n.send-button:disabled {\r\n  background-color: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.empty-state {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100%;\r\n  color: #999;\r\n  text-align: center;\r\n}\r\n\r\n.loading-container {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(255, 255, 255, 0.98);\r\n  z-index: 1;\r\n  opacity: 1;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.loading-container p {\r\n  margin-top: 16px;\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 3px solid #f3f3f3;\r\n  border-top: 3px solid #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 1s 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/* 修改 messages-wrapper 的样式 */\r\n.messages-wrapper {\r\n  width: 100%;\r\n  min-height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  /* 当内容少时，将内容放在底部 */\r\n  justify-content: flex-end;\r\n}\r\n\r\n/* 当有很多消息时，取消固定在底部 */\r\n.messages-wrapper.has-overflow {\r\n  justify-content: flex-start;\r\n}\r\n\r\n.suggested-questions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding: 16px;\r\n}\r\n\r\n.suggested-question {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px 12px;\r\n  background-color: #f3f4f6;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  color: #374151;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.suggested-question:hover {\r\n  background-color: #e5e7eb;\r\n}\r\n\r\n.arrow-right {\r\n  margin-left: 8px;\r\n}\r\n\r\n.loading-suggestions {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 16px;\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 1s 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\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: #999;\r\n  cursor: pointer;\r\n  padding: 4px 8px;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  border-radius: 4px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.remove-file:hover {\r\n  background-color: #f0f0f0;\r\n  color: #666;\r\n}\r\n\r\n.initial-upload {\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  height: 100%;\r\n}\r\n\r\n.upload-section {\r\n  max-width: 600px;\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n.upload-area {\r\n  cursor: pointer;\r\n  width: 100%;\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}\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}\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\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}\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.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}\r\n\r\n.submit-button:disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.submit-button:hover:not(:disabled) {\r\n  background: #40a9ff;\r\n}\r\n\r\n.category-select,\r\n.dimension-select {\r\n  margin: 30px 0;\r\n}\r\n\r\n.category-options,\r\n.dimension-options {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.category-button,\r\n.dimension-button {\r\n  padding: 12px 16px;\r\n  border: 1px solid #E5E5E5;\r\n  border-radius: 6px;\r\n  background: white;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.category-button:hover,\r\n.dimension-button:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.category-button.selected {\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  color: white;\r\n}\r\n\r\n.dimension-button.selected {\r\n  background-image: linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);\r\n  color: white;\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: 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: 2;\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-image: linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);\r\n  border-radius: 6px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\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}",":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}"],"mappings":"kOAAA,MAAMA,EAAoB,wjVCA1B,MAAMC,EAAU,4wB","ignoreList":[]}