pcm-agents 0.6.76 → 0.6.78

package/dist/pcm-agents/oem-jlsx-modal.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"oem-jlsx-modal.entry.esm.js","sources":["src/global/global.css?tag=oem-jlsx-modal&encapsulation=shadow","src/components/oem-jlsx-modal/oem-jlsx-modal.css?tag=oem-jlsx-modal&encapsulation=shadow","src/global/markdown.css?tag=oem-jlsx-modal&encapsulation=shadow","src/global/host.css?tag=oem-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: 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.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/* 步骤头部 */\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: 12px;\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/* 刷新按钮样式 */\r\n.refresh-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    padding: 0;\r\n    background: white;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.refresh-btn:hover:not(:disabled) {\r\n    border-color: #40a9ff;\r\n    color: #40a9ff;\r\n    background: #f6f8ff;\r\n}\r\n\r\n.refresh-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.refresh-btn svg {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\r\n.refresh-btn svg.rotating {\r\n    animation: rotate 1s linear infinite;\r\n}\r\n\r\n@keyframes rotate {\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.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 {\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.task-pagination {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    padding: 16px;\r\n    border-top: 1px solid #e8e8e8;\r\n    background: #fafafa;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.task-pagination .page-btn {\r\n    background: #fff;\r\n    border: 1px solid #d9d9d9;\r\n    color: #333;\r\n    padding: 6px 12px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.task-pagination .page-btn:hover:not(:disabled) {\r\n    border-color: #1890ff;\r\n    color: #1890ff;\r\n}\r\n\r\n.task-pagination .page-btn:disabled {\r\n    background: #f5f5f5;\r\n    color: #bfbfbf;\r\n    cursor: not-allowed;\r\n    border-color: #e8e8e8;\r\n}\r\n\r\n.task-pagination .page-info {\r\n    font-size: 14px;\r\n    color: #666;\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    .task-pagination {\r\n        padding: 12px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .task-pagination .page-btn {\r\n        padding: 8px 12px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .task-pagination .page-info {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n/* 职位选择器相关样式 */\r\n.label-with-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.button-group {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n}\r\n\r\n.position-selector-button {\r\n    padding: 4px 12px;\r\n    background: #1890ff;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    height: 28px;\r\n    line-height: 20px;\r\n}\r\n\r\n.position-selector-button:hover {\r\n    background: #40a9ff;\r\n}\r\n\r\n.position-selector-button:active {\r\n    background: #096dd9;\r\n}\r\n\r\n/* 职位选择器弹窗样式 */\r\n.position-selector-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    align-items: center;\r\n    justify-content: center;\r\n    z-index: 3000;\r\n    padding: 20px;\r\n}\r\n\r\n.position-selector-modal {\r\n    background: white;\r\n    border-radius: 8px;\r\n    width: 90%;\r\n    max-width: 900px;\r\n    height: 80vh;\r\n    max-height: 600px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    animation: modalFadeIn 0.3s ease;\r\n}\r\n\r\n@keyframes modalFadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.95) translateY(-20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scale(1) translateY(0);\r\n    }\r\n}\r\n\r\n.position-selector-modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 16px 24px;\r\n    border-bottom: 1px solid #f0f0f0;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.position-selector-modal-header h3 {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.position-selector-close-btn {\r\n    background: none;\r\n    border: none;\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    color: rgba(0, 0, 0, 0.45);\r\n    padding: 0;\r\n    width: 32px;\r\n    height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 4px;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.position-selector-close-btn:hover {\r\n    background-color: rgba(0, 0, 0, 0.06);\r\n    color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.position-selector-modal-body {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n    .position-selector-modal {\r\n        width: 100%;\r\n        height: 90vh;\r\n        max-height: none;\r\n        border-radius: 8px 8px 0 0;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .position-selector-modal-overlay {\r\n        padding: 0;\r\n        align-items: flex-end;\r\n    }\r\n}\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    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(255, 255, 255, 0.7);\r\n    z-index: 0;\r\n    cursor: not-allowed;\r\n}\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}"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,SAAS,GAAG,o+MAAo+M;;ACAt/M,MAAM,eAAe,GAAG,q4gBAAq4gB;;ACA75gB,MAAM,WAAW,GAAG,wyzBAAwyzB;;ACA5zzB,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"oem-jlsx-modal.entry.esm.js","sources":["src/global/global.css?tag=oem-jlsx-modal&encapsulation=shadow","src/components/oem-jlsx-modal/oem-jlsx-modal.css?tag=oem-jlsx-modal&encapsulation=shadow","src/global/markdown.css?tag=oem-jlsx-modal&encapsulation=shadow","src/global/host.css?tag=oem-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: 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.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/* 步骤头部 */\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: 12px;\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/* 刷新按钮样式 */\r\n.refresh-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    padding: 0;\r\n    background: white;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.refresh-btn:hover:not(:disabled) {\r\n    border-color: #40a9ff;\r\n    color: #40a9ff;\r\n    background: #f6f8ff;\r\n}\r\n\r\n.refresh-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.refresh-btn svg {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\r\n.refresh-btn svg.rotating {\r\n    animation: rotate 1s linear infinite;\r\n}\r\n\r\n@keyframes rotate {\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.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 {\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.task-pagination {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    padding: 16px;\r\n    border-top: 1px solid #e8e8e8;\r\n    background: #fafafa;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.task-pagination .page-btn {\r\n    background: #fff;\r\n    border: 1px solid #d9d9d9;\r\n    color: #333;\r\n    padding: 6px 12px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.task-pagination .page-btn:hover:not(:disabled) {\r\n    border-color: #1890ff;\r\n    color: #1890ff;\r\n}\r\n\r\n.task-pagination .page-btn:disabled {\r\n    background: #f5f5f5;\r\n    color: #bfbfbf;\r\n    cursor: not-allowed;\r\n    border-color: #e8e8e8;\r\n}\r\n\r\n.task-pagination .page-info {\r\n    font-size: 14px;\r\n    color: #666;\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    .task-pagination {\r\n        padding: 12px;\r\n        gap: 12px;\r\n    }\r\n\r\n    .task-pagination .page-btn {\r\n        padding: 8px 12px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .task-pagination .page-info {\r\n        font-size: 13px;\r\n    }\r\n}\r\n\r\n/* 职位选择器相关样式 */\r\n.label-with-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.button-group {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n}\r\n\r\n.position-selector-button {\r\n    padding: 4px 12px;\r\n    background: #1890ff;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    height: 28px;\r\n    line-height: 20px;\r\n}\r\n\r\n.position-selector-button:hover {\r\n    background: #40a9ff;\r\n}\r\n\r\n.position-selector-button:active {\r\n    background: #096dd9;\r\n}\r\n\r\n/* 职位选择器弹窗样式 */\r\n.position-selector-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    align-items: center;\r\n    justify-content: center;\r\n    z-index: 3000;\r\n    padding: 20px;\r\n}\r\n\r\n.position-selector-modal {\r\n    background: white;\r\n    border-radius: 8px;\r\n    width: 90%;\r\n    max-width: 900px;\r\n    height: 80vh;\r\n    max-height: 600px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    animation: modalFadeIn 0.3s ease;\r\n}\r\n\r\n@keyframes modalFadeIn {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.95) translateY(-20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scale(1) translateY(0);\r\n    }\r\n}\r\n\r\n.position-selector-modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 16px 24px;\r\n    border-bottom: 1px solid #f0f0f0;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.position-selector-modal-header h3 {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.position-selector-close-btn {\r\n    background: none;\r\n    border: none;\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    color: rgba(0, 0, 0, 0.45);\r\n    padding: 0;\r\n    width: 32px;\r\n    height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 4px;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.position-selector-close-btn:hover {\r\n    background-color: rgba(0, 0, 0, 0.06);\r\n    color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.position-selector-modal-body {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n    .position-selector-modal {\r\n        width: 100%;\r\n        height: 90vh;\r\n        max-height: none;\r\n        border-radius: 8px 8px 0 0;\r\n        margin-top: auto;\r\n    }\r\n\r\n    .position-selector-modal-overlay {\r\n        padding: 0;\r\n        align-items: flex-end;\r\n    }\r\n}\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    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(255, 255, 255, 0.7);\r\n    z-index: 0;\r\n    cursor: not-allowed;\r\n}\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}"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,SAAS,GAAG,o+MAAo+M;;ACAt/M,MAAM,eAAe,GAAG,q4gBAAq4gB;;ACA75gB,MAAM,WAAW,GAAG,wyzBAAwyzB;;ACA5zzB,MAAM,OAAO,GAAG,2wBAA2wB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/pcm-agents/p-0a831595.entry.js

@@ -0,0 +1,2 @@
+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,s as a,b as l,d,v as c}from"./p-B1X08zm_.js";import{E as h}from"./p-C0FYX2-Z.js";import{S as p}from"./p-BmPGiYO3.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: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("pcm-chat-message",{message:e,onRetryRequest:e=>this.handleRetryRequest(e.detail),showCopyButton:false,showFeedbackButtons:false})))),this.currentStreamingMessage&&s("div",{id:`message_${this.currentStreamingMessage.id}`},s("pcm-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-0a831595.entry.js.map

package/dist/pcm-agents/{p-365a351b.entry.js.map → p-0a831595.entry.js.map}

@@ -1 +1 @@
-{"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: 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":"8LAAA,MAAMA,EAAoB,0iVCA1B,MAAMC,EAAU,4wB","ignoreList":[]}
+{"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: 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,0iVCA1B,MAAMC,EAAU,4wB","ignoreList":[]}