pcm-agents 1.0.6 → 1.0.8

package/dist/pcm-agents/p-7e68b5b1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["webpackUniversalModuleDefinition","root","factory","module","exports","this","__webpack_modules__","__unused_webpack_module","__webpack_exports__","__webpack_require__","d","default","clipboard","tiny_emitter","tiny_emitter_default","n","listen","listen_default","src_select","select_default","command","type","document","execCommand","err","ClipboardActionCut","target","selectedText","actions_cut","createFakeElement","value","isRTL","documentElement","getAttribute","fakeElement","createElement","style","fontSize","border","padding","margin","position","yPosition","window","pageYOffset","scrollTop","top","concat","setAttribute","fakeCopyAction","options","container","appendChild","remove","ClipboardActionCopy","arguments","length","undefined","body","HTMLInputElement","includes","actions_copy","_typeof","obj","Symbol","iterator","constructor","prototype","ClipboardActionDefault","_options$action","action","text","Error","nodeType","hasAttribute","actions_default","clipboard_typeof","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","i","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","protoProps","staticProps","_inherits","subClass","superClass","create","_setPrototypeOf","o","p","setPrototypeOf","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","apply","_possibleConstructorReturn","self","call","_assertThisInitialized","ReferenceError","sham","Proxy","Date","toString","e","getPrototypeOf","getAttributeValue","suffix","element","attribute","Clipboard","_Emitter","_super","trigger","_this","resolveOptions","listenClick","defaultAction","defaultTarget","defaultText","_this2","listener","onClick","delegateTarget","currentTarget","emit","clearSelection","focus","getSelection","removeAllRanges","selector","querySelector","destroy","copy","cut","isSupported","actions","support","queryCommandSupported","forEach","DOCUMENT_NODE_TYPE","Element","matches","proto","matchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector","webkitMatchesSelector","closest","parentNode","__unused_webpack_exports","_delegate","callback","useCapture","listenerFn","addEventListener","removeEventListener","delegate","elements","bind","querySelectorAll","Array","map","node","HTMLElement","nodeList","string","String","fn","is","listenNode","listenNodeList","listenSelector","select","nodeName","isReadOnly","setSelectionRange","removeAttribute","selection","range","createRange","selectNodeContents","addRange","E","on","name","ctx","push","once","off","_","data","slice","evtArr","len","evts","liveEvents","TinyEmitter","__webpack_module_cache__","moduleId","getter","__esModule","a","definition","get","prop","hasOwnProperty","markdownCss","componentsChatMessageCss","hostCss","componentsConfirmModalCss","ComponentsConfirmModal","isOpen","modalTitle","okText","cancelText","okType","maskClosable","mask","centered","ok","cancel","closed","afterOpen","afterClose","zIndex","bodyOverflowBeforeOpen","transitionEndHandler","open","close","visibleChanged","newValue","overflow","modal","hostElement","shadowRoot","componentWillLoad","cachedZIndex","configStore","getItem","disconnectedCallback","handleMaskClick","handleCancel","handleOk","render","modalStyle","maskStyle","containerClass","contentClass","okButtonClass","h","class","componentsDigitalHumanCss","componentsDrawerCss","ComponentsDrawer","drawerTitle","width","height","closable","drawer","handleClose","drawerStyle","componentsExportRecordsModalCss","DEFAULT_PAGINATION","page","size","EXPORT_BATCH_STATUS_MAP","color","ComponentsExportRecordsModal","botId","sourceId","loading","pagination","showMessage","messageText","messageType","watchOpen","fetchData","response","sendHttpRequest","url","method","params","bot_id","source_id","success","records","total","error","console","handleDownload","record","downloadUrl","getCosPresignedUrl","cos_key","fileName","file_name","link","href","click","showMessageToast","handleDelete","id","setTimeout","message","handleRefresh","handlePageChange","newPagination","formatDate","dateString","date","toLocaleString","year","month","day","hour","minute","second","renderEmpty","renderTag","status","statusInfo","backgroundColor","renderButton","variant","renderTable","textAlign","created_at","renderPagination","totalPages","Math","ceil","currentPage","disabled","onChange","parseInt","selected","renderMessage","stopPropagation","componentsMessageCss","ComponentsMessage","content","duration","visible","timer","componentDidLoad","clearTimeout","show","el","removeChild","renderIcon","viewBox","fill","qrcode","typeNumber","errorCorrectionLevel","PAD0","PAD1","_typeNumber","_errorCorrectionLevel","QRErrorCorrectionLevel","_modules","_moduleCount","_dataCache","_dataList","makeImpl","test","maskPattern","moduleCount","modules","row","col","setupPositionProbePattern","setupPositionAdjustPattern","setupTimingPattern","setupTypeInfo","setupTypeNumber","createData","mapData","r","c","getBestMaskPattern","minLostPoint","pattern","lostPoint","QRUtil","getLostPoint","pos","getPatternPosition","j","bits","getBCHTypeNumber","mod","floor","getBCHTypeInfo","inc","bitIndex","byteIndex","maskFunc","getMaskFunction","dark","createBytes","buffer","rsBlocks","offset","maxDcCount","maxEcCount","dcdata","ecdata","dcCount","dataCount","ecCount","totalCount","max","getBuffer","rsPoly","getErrorCorrectPolynomial","rawPoly","qrPolynomial","getLength","modPoly","modIndex","getAt","totalCodeCount","index","dataList","QRRSBlock","getRSBlocks","qrBitBuffer","put","getMode","getLengthInBits","write","totalDataCount","putBit","addData","mode","newData","qrNumber","qrAlphaNum","qr8BitByte","qrKanji","isDark","getModuleCount","make","createTableTag","cellSize","qrHtml","createSvgTag","alt","title","opts","mc","mr","qrSvg","rect","scalable","escapeXml","join","trim","createDataURL","min","x","y","createImgTag","img","s","escaped","charAt","_createHalfASCII","r1","r2","blocks","blocksLastLineNoMargin","ascii","substring","createASCII","white","black","line","renderTo2dContext","context","fillStyle","fillRect","stringToBytesFuncs","bytes","charCodeAt","stringToBytes","createStringToBytes","unicodeData","numChars","unicodeMap","bin","base64DecodeInputStream","read","b","count","b0","b1","b2","b3","k","fromCharCode","v","unknownChar","QRMode","MODE_NUMBER","MODE_ALPHA_NUM","MODE_8BIT_BYTE","MODE_KANJI","L","M","Q","H","QRMaskPattern","PATTERN000","PATTERN001","PATTERN010","PATTERN011","PATTERN100","PATTERN101","PATTERN110","PATTERN111","PATTERN_POSITION_TABLE","G15","G18","G15_MASK","getBCHDigit","digit","errorCorrectLength","multiply","QRMath","gexp","sameCount","darkCount","ratio","abs","EXP_TABLE","LOG_TABLE","glog","num","shift","_num","RS_BLOCK_TABLE","qrRSBlock","getRsBlockTable","rsBlock","list","_buffer","_length","bufIndex","bit","_mode","_data","strToNum","chatToNum","getCode","_bytes","code","byteArrayOutputStream","writeByte","writeShort","writeBytes","writeString","toByteArray","base64EncodeOutputStream","_buflen","_base64","writeEncoded","encode","flush","padlen","str","_str","_pos","match","decode","gifImage","_width","_height","setPixel","pixel","out","lzwMinCodeSize","raster","getLZWRaster","bitOutputStream","_out","_bitLength","_bitBuffer","clearCode","endCode","bitLength","table","lzwTable","add","byteOut","bitOut","dataIndex","contains","indexOf","_map","_size","getPixel","gif","base64","toUTF8Array","utf8","charcode","uploadNumberSDK","number","isWorking","async","onOk","onError","componentsMobileInputBtnCss","globalCss","ComponentsMobileInputBtn","rows","maxLength","uploadHeaders","uploadParams","QR_CODE_VALID_TIME","mobileUrl","setStartMobileUpload","startMobileUploadLoading","qrcodeStatus","expireTime","setStartMobileUploadWrapper","qrcodeUrl","setMobileUrlWrapper","qr","pollingQueryNumberInfo","res","resData","custom_data","handleStartMobileUpload","that","reqData","cfg","fromUserName","fromUserId","upload","update_id","expireDate","now","getHours","padStart","getMinutes","theMobileUrl","PCM_DOMAIN","cancelLoading","cancelMobileUpload","Message","info","src","marginTop","navigator","writeText","then","catch","readOnly","componentsMobileUploadBtnCss","ComponentsMobileUploadBtn","multiple","acceptFileSuffixList","maxFileCount","Infinity","maxFileSize","uploadAreaMode","defaultFileList","uploadText","mobileUploadFiles","getIsUploading","clearSelectedFiles","file_list","tags","isArray","is_knowledge_doc","maxSize","maxCount","customAccept","clearValue","filter","it","handleOpenUpload","item","event","componentsOemVirtualChatModalCss","componentsPositionSelectorCss","componentsThousandResumeWrapperCss","ComponentsThousandResumeWrapper","token","conversationId","optimizationType","customInputs","defaultQuery","icon","fullscreen","isShowHeader","isNeedClose","modalClosed","conversationStart","streamComplete","interviewComplete","someErrorEvent","tokenInvalid","isLoading","internalConversationId","activeTab","tokenInvalidListener","removeErrorListener","handleTokenChange","newToken","authStore","getToken","setToken","handleIsOpenChange","verifyApiKey","startChatStream","setItem","ErrorEventBus","addErrorListener","errorDetail","requestData","response_mode","conversation_id","query","inputs","optimization_type","tempConversationId","sendSSERequest","onMessage","message_id","emitError","onComplete","handleRetry","handleTabChange","tab","overlayClass","tabItems","label","iframeUrl","frameborder","active","componentsUploadCss","ComponentsUpload","mobileUploadAble","uploadFailed","uploadChange","selectedFiles","file","state","FileUploadState","Success","some","Uploading","clearSelectedFile","handleUploadClick","fileInput","uploadFile","uploadFileToBackend","file_size","SentryReporter","captureError","component","Failed","handleFileChange","input","files","from","currentFileCount","remainingSlots","validFiles","invalidFiles","split","pop","toLowerCase","supportedFormats","maxSizeText","formatFileSize","newFileItems","uploadResult","targetIndex","emitUploadChange","ext","uploadBtn","detail","textDecoration","marginLeft","itemIndex","componentsVoiceInputBtnCss","ComponentsVoiceInputBtn","maxRecordingTime","locale","voiceRecognized","voiceStatusChange","_status","_recordingTimeLeft","_audioRecorder","_audioStream","_audioChunks","_audioMimeType","_recordingStartTime","_recordingTimer","_releaseRecordingResources","_getText","zhText","enText","_setStatus","_emitError","_handleClick","_stopRecording","mediaDevices","getUserMedia","MediaRecorder","audio","stream","_startRecording","supportedMimeType","getSupportedAudioMimeType","mimeType","ondataavailable","onerror","onstop","_stopMediaStream","_processAudioRecording","start","setInterval","elapsedTime","_clearRecordingTimer","stop","audioBlob","Blob","extension","_getFileExtension","audioFile","File","fileInfo","transcriptionText","convertAudioToText","clearInterval","getTracks","track","isRecording","isConverting","recording","converting","cx","cy","CAST_ASSESSMENT_VERSION","situation","scene","question","C","A","S","T","CAST_DIMENSIONS","CAST_DIMENSION_INFO","englishName","drive","CAST_SITUATION_QUESTIONS","CAST_VALIDITY_QUESTIONS","after","CAST_JOB_PROFILES","weights","CAST_TYPE_DESCRIPTIONS","tag","strengths","cautions","advice","CA","CS","CT","AS","AT","ST","BAL","LOW","oemCastModalCss","OemCastModal","assessmentComplete","_screen","_questionIndex","_phase","_mostDimension","_answers","_result","_showCloseConfirmModal","_hasAcceptedNotice","_showInstructions","_deck","_questionStartedAt","_resetAssessment","_shuffleOptions","dimension","randomIndex","random","_createDeck","deck","kind","validityQuestion","find","_showAssessmentInstructions","_startAssessment","performance","_hideAssessmentInstructions","_handleClose","_handleCloseConfirm","_handleCloseCancel","_selectSituationOption","option","most","least","mostIndex","_getCurrentSituationItem","findIndex","_goToNextQuestion","_selectValidityOption","_completeAssessment","_goToPreviousQuestion","_goToSavedNextQuestion","_getValidityValue","deckIndex","answer","_calculateCosineSimilarity","values","dotProduct","reduce","valuesLength","sqrt","weightsLength","_calculateJobMatches","standardScores","scoreVector","job","averageWeight","weight","centeredWeights","similarity","percentage","round","sort","first","_calculateResult","rawScores","selectedPositions","fastAnswerCount","situationCount","scores","qualityWarnings","streak","maximumStreak","sortedDimensions","spread","description","jobMatches","isReferenceOnly","completedAt","toISOString","_createAnswerRecords","flatMap","completeDetail","version","resultTitle","reportJson","JSON","stringify","answerRecordsJson","_renderCloseButton","_renderIntro","checked","replace","_renderSituationOptions","savedAnswer","savedSituationAnswer","displayedMost","displayedLeast","role","selectedMost","selectedLeast","_renderValidityOptions","labels","savedValue","_renderQuiz","progress","hasSavedAnswer","Boolean","completed","_renderResult","score","toFixed","left","onCancel","onClosed","oemHtwsModalCss","OemHtwsModal","showWorkspaceHistory","uploadSuccess","sendSmsCodeRequest","filePreviewMode","isUploading","uploadedFileInfo","showChatModal","isSubmitting","phoneNumber","verificationCode","isSendingCode","countdown","isVerifyingCode","pcmUploadRef","countdownTimer","handlePhoneNumberChange","handleVerificationCodeChange","startCountdown","handleSendCode","phoneRegex","mobile","codeType","handleStartInterview","file_url","verifySmsCode","file_name_list","placeholder","onInput","rel","phone","interviewMode","oemJdModalCss","OemJdModal","showSaveJdButton","saveJdButtonText","inputMode","step","jobName","freeInputText","isVoiceInputActive","tagGroups","shuffledTagGroups","selectedAITags","selectedTags","salary","benefits","education","jobDescription","job_info","salaryRanges","educationRequirements","handleToggleInput","handleJobNameChange","handleFreeInputChange","textarea","handleVoiceRecognized","cursorPosition","selectionStart","beforeCursor","afterCursor","spacer","requestAnimationFrame","newPosition","handleVoiceStatusChange","handleVoiceInputError","handleNextStep","alert","handlePositionAnalysis","handlePrevStep","input_info","workflow_code","outputs","jsonText","markdownJsonMatch","parsedOutput","parse","tagGroup","initialSelectedTags","shuffled","group","allTags","defaultTags","optionalTags","dimensionName","handleTagClick","category","currentTags","newTags","t","handleAITagClick","handleSubmitStructured","salaryRange","selectedBenefits","edu","jobInfo","entries","handleSubmitFree","renderTagGroup","isSelected","renderAITagGroups","renderLoadingState","stroke","htmlFor","onVoiceRecognized","onVoiceStatusChange","onSomeErrorEvent","oemJlppModalCss","OemJlppModal","oemId","showPositionSelector","handleJobDescriptionChange","handleOpenPositionSelector","handleClosePositionSelector","handlePositionSelected","formatted_text","handleStartAnalysis","disableJdInput","disableResumeUpload","onPositionSelected","oemJlsxModalCss","oemJlzzModalCss","oemMnctModalCss","OemMnctModal","questionNumber","canOutputAnalysis","handleQuestionNumberChange","handleAnalysisToggle","question_number","can_outputAnalysis","oemMnmsModalCss","OemMnmsModal","waitingTime","digitalId","openingIndex","enableVirtualHuman","showEndInterviewButton","playbackRate","recordingError","showCopyButton","showFeedbackButtons","selectedFile","virtualChatModalRef","setComponentActive","resetState","resume_content","ref","ai_interview_type","oemQgqjlModalCss","oemZyghModalCss","OemZyghModal","planningComplete","selectedPlanType","targetPosition","industryName","jobPosition","timePeriod","handlePlanTypeChange","handleStartPlanning","handlePlanningComplete","getPlanTypeIcon","baseUrl","iconMap","industry_name","target_position","time_period","onInterviewComplete","pcm1zhanshiMnmsModalCss","ZhanshiMnmsModal","pcmAppChatModalCss","pcmButtonCss","PcmButton","shape","textColor","borderColor","borderRadius","block","borderStyle","classes","customStyle","keys","pcmCardCss","PcmCard","cardTitle","iconUrl","author","authorAvatarUrl","showChatTag","customChatTag","useButtonText","botData","watchBotIdHandler","fetchBotData","desc","iconFromBot","logo","authorName","author_name","authorAvatar","author_avatar","hasChatTag","flag","usersCount","use_count","starsCount","follow_count","usageCount","view_count","log","userIconUrl","pcmHyzjModalCss","HyzjModal","showInputHistory","isHistoryDrawerOpen","historyConversations","isLoadingConversations","historyConversationCursorStack","historyConversationPageIndex","hasMoreHistoryConversations","_historyConversationPageSize","loadHistoryConversations","lastId","pageIndex","fetchHistoryConversations","nextCursorStack","hasMore","nextCursor","items","handleInputHistoryClick","handleHistoryConversationPageChange","direction","previousPageIndex","previousCursor","nextPageIndex","handleSelectConversation","hideFileUpload","conversation","timeDisplay","message_count","running","pcmMnmsZpModalCss","MnmsZpModal","mobileJdInputAble","hideJdInput","hideResumeUpload","hasFileAndJob","onUploadChange","pcmMsbgModalCss","MsbgModal","file_urls","file_names","pcmVirtualChatModalCss","pcmZskChatModalCss"],"sources":["node_modules/.pnpm/clipboard@2.0.11/node_modules/clipboard/dist/clipboard.js","src/global/markdown.css?tag=components-chat-message&encapsulation=shadow","src/components/components-chat-message/components-chat-message.css?tag=components-chat-message&encapsulation=shadow","src/global/host.css?tag=components-chat-message&encapsulation=shadow","src/components/components-confirm-modal/components-confirm-modal.css?tag=components-confirm-modal&encapsulation=shadow","src/global/host.css?tag=components-confirm-modal&encapsulation=shadow","src/components/components-confirm-modal/components-confirm-modal.tsx","src/components/components-digital-human/components-digital-human.css?tag=components-digital-human&encapsulation=shadow","src/global/host.css?tag=components-digital-human&encapsulation=shadow","src/components/components-drawer/components-drawer.css?tag=components-drawer&encapsulation=shadow","src/global/host.css?tag=components-drawer&encapsulation=shadow","src/components/components-drawer/components-drawer.tsx","src/components/components-export-records-modal/components-export-records-modal.css?tag=components-export-records-modal&encapsulation=shadow","src/components/components-export-records-modal/components-export-records-modal.tsx","src/components/components-message/components-message.css?tag=components-message&encapsulation=shadow","src/global/host.css?tag=components-message&encapsulation=shadow","src/components/components-message/components-message.tsx","node_modules/.pnpm/qrcode-generator@2.0.4/node_modules/qrcode-generator/dist/qrcode.js","src/components/components-mobile-input-btn/uploadNumberSDK.ts","src/components/components-mobile-input-btn/components-mobile-input-btn.css?tag=components-mobile-input-btn&encapsulation=shadow","src/global/global.css?tag=components-mobile-input-btn&encapsulation=shadow","src/global/host.css?tag=components-mobile-input-btn&encapsulation=shadow","src/components/components-mobile-input-btn/components-mobile-input-btn.tsx","src/components/components-mobile-upload-btn/uploadNumberSDK.ts","src/components/components-mobile-upload-btn/components-mobile-upload-btn.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/global/global.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/global/host.css?tag=components-mobile-upload-btn&encapsulation=shadow","src/components/components-mobile-upload-btn/components-mobile-upload-btn.tsx","src/components/components-oem-virtual-chat-modal/components-oem-virtual-chat-modal.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow","src/global/host.css?tag=components-oem-virtual-chat-modal&encapsulation=shadow","src/components/components-position-selector/components-position-selector.css?tag=components-position-selector&encapsulation=shadow","src/global/global.css?tag=components-position-selector&encapsulation=shadow","src/components/components-thousand-resume-wrapper/components-thousand-resume-wrapper.css?tag=components-thousand-resume-wrapper&encapsulation=shadow","src/global/global.css?tag=components-thousand-resume-wrapper&encapsulation=shadow","src/global/host.css?tag=components-thousand-resume-wrapper&encapsulation=shadow","src/components/components-thousand-resume-wrapper/components-thousand-resume-wrapper.tsx","src/components/components-upload/components-upload.css?tag=components-upload&encapsulation=shadow","src/global/global.css?tag=components-upload&encapsulation=shadow","src/global/host.css?tag=components-upload&encapsulation=shadow","src/components/components-upload/components-upload.tsx","src/components/components-voice-input-btn/components-voice-input-btn.css?tag=components-voice-input-btn&encapsulation=shadow","src/components/components-voice-input-btn/components-voice-input-btn.tsx","src/components/oem-cast-modal/cast-data.ts","src/global/global.css?tag=oem-cast-modal&encapsulation=shadow","src/components/oem-cast-modal/oem-cast-modal.css?tag=oem-cast-modal&encapsulation=shadow","src/global/host.css?tag=oem-cast-modal&encapsulation=shadow","src/components/oem-cast-modal/oem-cast-modal.tsx","src/components/oem-htws-modal/oem-htws-modal.css?tag=oem-htws-modal&encapsulation=shadow","src/global/global.css?tag=oem-htws-modal&encapsulation=shadow","src/global/host.css?tag=oem-htws-modal&encapsulation=shadow","src/components/oem-htws-modal/oem-htws-modal.tsx","src/components/oem-jd-modal/oem-jd-modal.css?tag=oem-jd-modal&encapsulation=shadow","src/global/global.css?tag=oem-jd-modal&encapsulation=shadow","src/global/host.css?tag=oem-jd-modal&encapsulation=shadow","src/components/oem-jd-modal/oem-jd-modal.tsx","src/components/oem-jlpp-modal/oem-jlpp-modal.css?tag=oem-jlpp-modal&encapsulation=shadow","src/global/global.css?tag=oem-jlpp-modal&encapsulation=shadow","src/global/host.css?tag=oem-jlpp-modal&encapsulation=shadow","src/components/oem-jlpp-modal/oem-jlpp-modal.tsx","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","src/components/oem-jlzz-modal/oem-jlzz-modal.css?tag=oem-jlzz-modal&encapsulation=shadow","src/global/global.css?tag=oem-jlzz-modal&encapsulation=shadow","src/global/host.css?tag=oem-jlzz-modal&encapsulation=shadow","src/components/oem-mnct-modal/oem-mnct-modal.css?tag=oem-mnct-modal&encapsulation=shadow","src/global/global.css?tag=oem-mnct-modal&encapsulation=shadow","src/global/host.css?tag=oem-mnct-modal&encapsulation=shadow","src/components/oem-mnct-modal/oem-mnct-modal.tsx","src/components/oem-mnms-modal/oem-mnms-modal.css?tag=oem-mnms-modal&encapsulation=shadow","src/global/global.css?tag=oem-mnms-modal&encapsulation=shadow","src/global/host.css?tag=oem-mnms-modal&encapsulation=shadow","src/components/oem-mnms-modal/oem-mnms-modal.tsx","src/components/oem-qgqjl-modal/oem-qgqjl-modal.css?tag=oem-qgqjl-modal&encapsulation=shadow","src/global/global.css?tag=oem-qgqjl-modal&encapsulation=shadow","src/global/host.css?tag=oem-qgqjl-modal&encapsulation=shadow","src/global/global.css?tag=oem-zygh-modal&encapsulation=shadow","src/components/oem-zygh-modal/oem-zygh-modal.css?tag=oem-zygh-modal&encapsulation=shadow","src/global/host.css?tag=oem-zygh-modal&encapsulation=shadow","src/components/oem-zygh-modal/oem-zygh-modal.tsx","src/components/pcm-1zhanshi-mnms-modal/pcm-1zhanshi-mnms-modal.css?tag=pcm-1zhanshi-mnms-modal&encapsulation=shadow","src/global/global.css?tag=pcm-1zhanshi-mnms-modal&encapsulation=shadow","src/global/host.css?tag=pcm-1zhanshi-mnms-modal&encapsulation=shadow","src/components/pcm-1zhanshi-mnms-modal/pcm-1zhanshi-mnms-modal.tsx","src/components/pcm-app-chat-modal/pcm-app-chat-modal.css?tag=pcm-app-chat-modal&encapsulation=shadow","src/global/markdown.css?tag=pcm-app-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-app-chat-modal&encapsulation=shadow","src/components/pcm-button/pcm-button.css?tag=pcm-button&encapsulation=shadow","src/global/host.css?tag=pcm-button&encapsulation=shadow","src/components/pcm-button/pcm-button.tsx","src/components/pcm-card/pcm-card.css?tag=pcm-card&encapsulation=shadow","src/global/host.css?tag=pcm-card&encapsulation=shadow","src/components/pcm-card/pcm-card.tsx","src/components/pcm-hyzj-modal/pcm-hyzj-modal.css?tag=pcm-hyzj-modal&encapsulation=shadow","src/global/global.css?tag=pcm-hyzj-modal&encapsulation=shadow","src/global/host.css?tag=pcm-hyzj-modal&encapsulation=shadow","src/components/pcm-hyzj-modal/pcm-hyzj-modal.tsx","src/components/pcm-mnms-zp-modal/pcm-mnms-zp-modal.css?tag=pcm-mnms-zp-modal&encapsulation=shadow","src/global/global.css?tag=pcm-mnms-zp-modal&encapsulation=shadow","src/global/host.css?tag=pcm-mnms-zp-modal&encapsulation=shadow","src/components/pcm-mnms-zp-modal/pcm-mnms-zp-modal.tsx","src/components/pcm-msbg-modal/pcm-msbg-modal.css?tag=pcm-msbg-modal&encapsulation=shadow","src/global/global.css?tag=pcm-msbg-modal&encapsulation=shadow","src/global/host.css?tag=pcm-msbg-modal&encapsulation=shadow","src/components/pcm-msbg-modal/pcm-msbg-modal.tsx","src/components/pcm-virtual-chat-modal/pcm-virtual-chat-modal.css?tag=pcm-virtual-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-virtual-chat-modal&encapsulation=shadow","src/components/pcm-zsk-chat-modal/pcm-zsk-chat-modal.css?tag=pcm-zsk-chat-modal&encapsulation=shadow","src/global/host.css?tag=pcm-zsk-chat-modal&encapsulation=shadow"],"sourcesContent":["/*!\n * clipboard.js v2.0.11\n * https://clipboardjs.com/\n *\n * Licensed MIT © Zeno Rocha\n */\n(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ClipboardJS\"] = factory();\n\telse\n\t\troot[\"ClipboardJS\"] = factory();\n})(this, function() {\nreturn /******/ (function() { // webpackBootstrap\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ 686:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  \"default\": function() { return /* binding */ clipboard; }\n});\n\n// EXTERNAL MODULE: ./node_modules/tiny-emitter/index.js\nvar tiny_emitter = __webpack_require__(279);\nvar tiny_emitter_default = /*#__PURE__*/__webpack_require__.n(tiny_emitter);\n// EXTERNAL MODULE: ./node_modules/good-listener/src/listen.js\nvar listen = __webpack_require__(370);\nvar listen_default = /*#__PURE__*/__webpack_require__.n(listen);\n// EXTERNAL MODULE: ./node_modules/select/src/select.js\nvar src_select = __webpack_require__(817);\nvar select_default = /*#__PURE__*/__webpack_require__.n(src_select);\n;// CONCATENATED MODULE: ./src/common/command.js\n/**\n * Executes a given operation type.\n * @param {String} type\n * @return {Boolean}\n */\nfunction command(type) {\n  try {\n    return document.execCommand(type);\n  } catch (err) {\n    return false;\n  }\n}\n;// CONCATENATED MODULE: ./src/actions/cut.js\n\n\n/**\n * Cut action wrapper.\n * @param {String|HTMLElement} target\n * @return {String}\n */\n\nvar ClipboardActionCut = function ClipboardActionCut(target) {\n  var selectedText = select_default()(target);\n  command('cut');\n  return selectedText;\n};\n\n/* harmony default export */ var actions_cut = (ClipboardActionCut);\n;// CONCATENATED MODULE: ./src/common/create-fake-element.js\n/**\n * Creates a fake textarea element with a value.\n * @param {String} value\n * @return {HTMLElement}\n */\nfunction createFakeElement(value) {\n  var isRTL = document.documentElement.getAttribute('dir') === 'rtl';\n  var fakeElement = document.createElement('textarea'); // Prevent zooming on iOS\n\n  fakeElement.style.fontSize = '12pt'; // Reset box model\n\n  fakeElement.style.border = '0';\n  fakeElement.style.padding = '0';\n  fakeElement.style.margin = '0'; // Move element out of screen horizontally\n\n  fakeElement.style.position = 'absolute';\n  fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically\n\n  var yPosition = window.pageYOffset || document.documentElement.scrollTop;\n  fakeElement.style.top = \"\".concat(yPosition, \"px\");\n  fakeElement.setAttribute('readonly', '');\n  fakeElement.value = value;\n  return fakeElement;\n}\n;// CONCATENATED MODULE: ./src/actions/copy.js\n\n\n\n/**\n * Create fake copy action wrapper using a fake element.\n * @param {String} target\n * @param {Object} options\n * @return {String}\n */\n\nvar fakeCopyAction = function fakeCopyAction(value, options) {\n  var fakeElement = createFakeElement(value);\n  options.container.appendChild(fakeElement);\n  var selectedText = select_default()(fakeElement);\n  command('copy');\n  fakeElement.remove();\n  return selectedText;\n};\n/**\n * Copy action wrapper.\n * @param {String|HTMLElement} target\n * @param {Object} options\n * @return {String}\n */\n\n\nvar ClipboardActionCopy = function ClipboardActionCopy(target) {\n  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n    container: document.body\n  };\n  var selectedText = '';\n\n  if (typeof target === 'string') {\n    selectedText = fakeCopyAction(target, options);\n  } else if (target instanceof HTMLInputElement && !['text', 'search', 'url', 'tel', 'password'].includes(target === null || target === void 0 ? void 0 : target.type)) {\n    // If input type doesn't support `setSelectionRange`. Simulate it. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    selectedText = fakeCopyAction(target.value, options);\n  } else {\n    selectedText = select_default()(target);\n    command('copy');\n  }\n\n  return selectedText;\n};\n\n/* harmony default export */ var actions_copy = (ClipboardActionCopy);\n;// CONCATENATED MODULE: ./src/actions/default.js\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n/**\n * Inner function which performs selection from either `text` or `target`\n * properties and then executes copy or cut operations.\n * @param {Object} options\n */\n\nvar ClipboardActionDefault = function ClipboardActionDefault() {\n  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  // Defines base properties passed from constructor.\n  var _options$action = options.action,\n      action = _options$action === void 0 ? 'copy' : _options$action,\n      container = options.container,\n      target = options.target,\n      text = options.text; // Sets the `action` to be performed which can be either 'copy' or 'cut'.\n\n  if (action !== 'copy' && action !== 'cut') {\n    throw new Error('Invalid \"action\" value, use either \"copy\" or \"cut\"');\n  } // Sets the `target` property using an element that will be have its content copied.\n\n\n  if (target !== undefined) {\n    if (target && _typeof(target) === 'object' && target.nodeType === 1) {\n      if (action === 'copy' && target.hasAttribute('disabled')) {\n        throw new Error('Invalid \"target\" attribute. Please use \"readonly\" instead of \"disabled\" attribute');\n      }\n\n      if (action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {\n        throw new Error('Invalid \"target\" attribute. You can\\'t cut text from elements with \"readonly\" or \"disabled\" attributes');\n      }\n    } else {\n      throw new Error('Invalid \"target\" value, use a valid Element');\n    }\n  } // Define selection strategy based on `text` property.\n\n\n  if (text) {\n    return actions_copy(text, {\n      container: container\n    });\n  } // Defines which selection strategy based on `target` property.\n\n\n  if (target) {\n    return action === 'cut' ? actions_cut(target) : actions_copy(target, {\n      container: container\n    });\n  }\n};\n\n/* harmony default export */ var actions_default = (ClipboardActionDefault);\n;// CONCATENATED MODULE: ./src/clipboard.js\nfunction clipboard_typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { clipboard_typeof = function _typeof(obj) { return typeof obj; }; } else { clipboard_typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return clipboard_typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (clipboard_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n\n\n\n\n\n/**\n * Helper function to retrieve attribute value.\n * @param {String} suffix\n * @param {Element} element\n */\n\nfunction getAttributeValue(suffix, element) {\n  var attribute = \"data-clipboard-\".concat(suffix);\n\n  if (!element.hasAttribute(attribute)) {\n    return;\n  }\n\n  return element.getAttribute(attribute);\n}\n/**\n * Base class which takes one or more elements, adds event listeners to them,\n * and instantiates a new `ClipboardAction` on each click.\n */\n\n\nvar Clipboard = /*#__PURE__*/function (_Emitter) {\n  _inherits(Clipboard, _Emitter);\n\n  var _super = _createSuper(Clipboard);\n\n  /**\n   * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n   * @param {Object} options\n   */\n  function Clipboard(trigger, options) {\n    var _this;\n\n    _classCallCheck(this, Clipboard);\n\n    _this = _super.call(this);\n\n    _this.resolveOptions(options);\n\n    _this.listenClick(trigger);\n\n    return _this;\n  }\n  /**\n   * Defines if attributes would be resolved using internal setter functions\n   * or custom functions that were passed in the constructor.\n   * @param {Object} options\n   */\n\n\n  _createClass(Clipboard, [{\n    key: \"resolveOptions\",\n    value: function resolveOptions() {\n      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n      this.action = typeof options.action === 'function' ? options.action : this.defaultAction;\n      this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;\n      this.text = typeof options.text === 'function' ? options.text : this.defaultText;\n      this.container = clipboard_typeof(options.container) === 'object' ? options.container : document.body;\n    }\n    /**\n     * Adds a click event listener to the passed trigger.\n     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n     */\n\n  }, {\n    key: \"listenClick\",\n    value: function listenClick(trigger) {\n      var _this2 = this;\n\n      this.listener = listen_default()(trigger, 'click', function (e) {\n        return _this2.onClick(e);\n      });\n    }\n    /**\n     * Defines a new `ClipboardAction` on each click event.\n     * @param {Event} e\n     */\n\n  }, {\n    key: \"onClick\",\n    value: function onClick(e) {\n      var trigger = e.delegateTarget || e.currentTarget;\n      var action = this.action(trigger) || 'copy';\n      var text = actions_default({\n        action: action,\n        container: this.container,\n        target: this.target(trigger),\n        text: this.text(trigger)\n      }); // Fires an event based on the copy operation result.\n\n      this.emit(text ? 'success' : 'error', {\n        action: action,\n        text: text,\n        trigger: trigger,\n        clearSelection: function clearSelection() {\n          if (trigger) {\n            trigger.focus();\n          }\n\n          window.getSelection().removeAllRanges();\n        }\n      });\n    }\n    /**\n     * Default `action` lookup function.\n     * @param {Element} trigger\n     */\n\n  }, {\n    key: \"defaultAction\",\n    value: function defaultAction(trigger) {\n      return getAttributeValue('action', trigger);\n    }\n    /**\n     * Default `target` lookup function.\n     * @param {Element} trigger\n     */\n\n  }, {\n    key: \"defaultTarget\",\n    value: function defaultTarget(trigger) {\n      var selector = getAttributeValue('target', trigger);\n\n      if (selector) {\n        return document.querySelector(selector);\n      }\n    }\n    /**\n     * Allow fire programmatically a copy action\n     * @param {String|HTMLElement} target\n     * @param {Object} options\n     * @returns Text copied.\n     */\n\n  }, {\n    key: \"defaultText\",\n\n    /**\n     * Default `text` lookup function.\n     * @param {Element} trigger\n     */\n    value: function defaultText(trigger) {\n      return getAttributeValue('text', trigger);\n    }\n    /**\n     * Destroy lifecycle.\n     */\n\n  }, {\n    key: \"destroy\",\n    value: function destroy() {\n      this.listener.destroy();\n    }\n  }], [{\n    key: \"copy\",\n    value: function copy(target) {\n      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n        container: document.body\n      };\n      return actions_copy(target, options);\n    }\n    /**\n     * Allow fire programmatically a cut action\n     * @param {String|HTMLElement} target\n     * @returns Text cutted.\n     */\n\n  }, {\n    key: \"cut\",\n    value: function cut(target) {\n      return actions_cut(target);\n    }\n    /**\n     * Returns the support of the given action, or all actions if no action is\n     * given.\n     * @param {String} [action]\n     */\n\n  }, {\n    key: \"isSupported\",\n    value: function isSupported() {\n      var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];\n      var actions = typeof action === 'string' ? [action] : action;\n      var support = !!document.queryCommandSupported;\n      actions.forEach(function (action) {\n        support = support && !!document.queryCommandSupported(action);\n      });\n      return support;\n    }\n  }]);\n\n  return Clipboard;\n}((tiny_emitter_default()));\n\n/* harmony default export */ var clipboard = (Clipboard);\n\n/***/ }),\n\n/***/ 828:\n/***/ (function(module) {\n\nvar DOCUMENT_NODE_TYPE = 9;\n\n/**\n * A polyfill for Element.matches()\n */\nif (typeof Element !== 'undefined' && !Element.prototype.matches) {\n    var proto = Element.prototype;\n\n    proto.matches = proto.matchesSelector ||\n                    proto.mozMatchesSelector ||\n                    proto.msMatchesSelector ||\n                    proto.oMatchesSelector ||\n                    proto.webkitMatchesSelector;\n}\n\n/**\n * Finds the closest parent that matches a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @return {Function}\n */\nfunction closest (element, selector) {\n    while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {\n        if (typeof element.matches === 'function' &&\n            element.matches(selector)) {\n          return element;\n        }\n        element = element.parentNode;\n    }\n}\n\nmodule.exports = closest;\n\n\n/***/ }),\n\n/***/ 438:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar closest = __webpack_require__(828);\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction _delegate(element, selector, type, callback, useCapture) {\n    var listenerFn = listener.apply(this, arguments);\n\n    element.addEventListener(type, listenerFn, useCapture);\n\n    return {\n        destroy: function() {\n            element.removeEventListener(type, listenerFn, useCapture);\n        }\n    }\n}\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element|String|Array} [elements]\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction delegate(elements, selector, type, callback, useCapture) {\n    // Handle the regular Element usage\n    if (typeof elements.addEventListener === 'function') {\n        return _delegate.apply(null, arguments);\n    }\n\n    // Handle Element-less usage, it defaults to global delegation\n    if (typeof type === 'function') {\n        // Use `document` as the first parameter, then apply arguments\n        // This is a short way to .unshift `arguments` without running into deoptimizations\n        return _delegate.bind(null, document).apply(null, arguments);\n    }\n\n    // Handle Selector-based usage\n    if (typeof elements === 'string') {\n        elements = document.querySelectorAll(elements);\n    }\n\n    // Handle Array-like based usage\n    return Array.prototype.map.call(elements, function (element) {\n        return _delegate(element, selector, type, callback, useCapture);\n    });\n}\n\n/**\n * Finds closest match and invokes callback.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Function}\n */\nfunction listener(element, selector, type, callback) {\n    return function(e) {\n        e.delegateTarget = closest(e.target, selector);\n\n        if (e.delegateTarget) {\n            callback.call(element, e);\n        }\n    }\n}\n\nmodule.exports = delegate;\n\n\n/***/ }),\n\n/***/ 879:\n/***/ (function(__unused_webpack_module, exports) {\n\n/**\n * Check if argument is a HTML element.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.node = function(value) {\n    return value !== undefined\n        && value instanceof HTMLElement\n        && value.nodeType === 1;\n};\n\n/**\n * Check if argument is a list of HTML elements.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.nodeList = function(value) {\n    var type = Object.prototype.toString.call(value);\n\n    return value !== undefined\n        && (type === '[object NodeList]' || type === '[object HTMLCollection]')\n        && ('length' in value)\n        && (value.length === 0 || exports.node(value[0]));\n};\n\n/**\n * Check if argument is a string.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.string = function(value) {\n    return typeof value === 'string'\n        || value instanceof String;\n};\n\n/**\n * Check if argument is a function.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.fn = function(value) {\n    var type = Object.prototype.toString.call(value);\n\n    return type === '[object Function]';\n};\n\n\n/***/ }),\n\n/***/ 370:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar is = __webpack_require__(879);\nvar delegate = __webpack_require__(438);\n\n/**\n * Validates all params and calls the right\n * listener function based on its target type.\n *\n * @param {String|HTMLElement|HTMLCollection|NodeList} target\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listen(target, type, callback) {\n    if (!target && !type && !callback) {\n        throw new Error('Missing required arguments');\n    }\n\n    if (!is.string(type)) {\n        throw new TypeError('Second argument must be a String');\n    }\n\n    if (!is.fn(callback)) {\n        throw new TypeError('Third argument must be a Function');\n    }\n\n    if (is.node(target)) {\n        return listenNode(target, type, callback);\n    }\n    else if (is.nodeList(target)) {\n        return listenNodeList(target, type, callback);\n    }\n    else if (is.string(target)) {\n        return listenSelector(target, type, callback);\n    }\n    else {\n        throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');\n    }\n}\n\n/**\n * Adds an event listener to a HTML element\n * and returns a remove listener function.\n *\n * @param {HTMLElement} node\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNode(node, type, callback) {\n    node.addEventListener(type, callback);\n\n    return {\n        destroy: function() {\n            node.removeEventListener(type, callback);\n        }\n    }\n}\n\n/**\n * Add an event listener to a list of HTML elements\n * and returns a remove listener function.\n *\n * @param {NodeList|HTMLCollection} nodeList\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNodeList(nodeList, type, callback) {\n    Array.prototype.forEach.call(nodeList, function(node) {\n        node.addEventListener(type, callback);\n    });\n\n    return {\n        destroy: function() {\n            Array.prototype.forEach.call(nodeList, function(node) {\n                node.removeEventListener(type, callback);\n            });\n        }\n    }\n}\n\n/**\n * Add an event listener to a selector\n * and returns a remove listener function.\n *\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenSelector(selector, type, callback) {\n    return delegate(document.body, selector, type, callback);\n}\n\nmodule.exports = listen;\n\n\n/***/ }),\n\n/***/ 817:\n/***/ (function(module) {\n\nfunction select(element) {\n    var selectedText;\n\n    if (element.nodeName === 'SELECT') {\n        element.focus();\n\n        selectedText = element.value;\n    }\n    else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {\n        var isReadOnly = element.hasAttribute('readonly');\n\n        if (!isReadOnly) {\n            element.setAttribute('readonly', '');\n        }\n\n        element.select();\n        element.setSelectionRange(0, element.value.length);\n\n        if (!isReadOnly) {\n            element.removeAttribute('readonly');\n        }\n\n        selectedText = element.value;\n    }\n    else {\n        if (element.hasAttribute('contenteditable')) {\n            element.focus();\n        }\n\n        var selection = window.getSelection();\n        var range = document.createRange();\n\n        range.selectNodeContents(element);\n        selection.removeAllRanges();\n        selection.addRange(range);\n\n        selectedText = selection.toString();\n    }\n\n    return selectedText;\n}\n\nmodule.exports = select;\n\n\n/***/ }),\n\n/***/ 279:\n/***/ (function(module) {\n\nfunction E () {\n  // Keep this empty so it's easier to inherit from\n  // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n  on: function (name, callback, ctx) {\n    var e = this.e || (this.e = {});\n\n    (e[name] || (e[name] = [])).push({\n      fn: callback,\n      ctx: ctx\n    });\n\n    return this;\n  },\n\n  once: function (name, callback, ctx) {\n    var self = this;\n    function listener () {\n      self.off(name, listener);\n      callback.apply(ctx, arguments);\n    };\n\n    listener._ = callback\n    return this.on(name, listener, ctx);\n  },\n\n  emit: function (name) {\n    var data = [].slice.call(arguments, 1);\n    var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n    var i = 0;\n    var len = evtArr.length;\n\n    for (i; i < len; i++) {\n      evtArr[i].fn.apply(evtArr[i].ctx, data);\n    }\n\n    return this;\n  },\n\n  off: function (name, callback) {\n    var e = this.e || (this.e = {});\n    var evts = e[name];\n    var liveEvents = [];\n\n    if (evts && callback) {\n      for (var i = 0, len = evts.length; i < len; i++) {\n        if (evts[i].fn !== callback && evts[i].fn._ !== callback)\n          liveEvents.push(evts[i]);\n      }\n    }\n\n    // Remove event from queue to prevent memory leak\n    // Suggested by https://github.com/lazd\n    // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910\n\n    (liveEvents.length)\n      ? e[name] = liveEvents\n      : delete e[name];\n\n    return this;\n  }\n};\n\nmodule.exports = E;\nmodule.exports.TinyEmitter = E;\n\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(__webpack_module_cache__[moduleId]) {\n/******/ \t\t\treturn __webpack_module_cache__[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/compat get default export */\n/******/ \t!function() {\n/******/ \t\t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t\t__webpack_require__.n = function(module) {\n/******/ \t\t\tvar getter = module && module.__esModule ?\n/******/ \t\t\t\tfunction() { return module['default']; } :\n/******/ \t\t\t\tfunction() { return module; };\n/******/ \t\t\t__webpack_require__.d(getter, { a: getter });\n/******/ \t\t\treturn getter;\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function() {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function(exports, definition) {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function() {\n/******/ \t\t__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n/******/ \t}();\n/******/ \t\n/************************************************************************/\n/******/ \t// module exports must be returned from runtime so entry inlining is disabled\n/******/ \t// startup\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(686);\n/******/ })()\n.default;\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  display: block;\r\n  width: 100%;\r\n}\r\n\r\n.message-round {\r\n  margin-bottom: 16px;\r\n  width: 100%;\r\n}\r\n\r\n.user-message-container {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n  align-items: flex-start;\r\n  margin-bottom: 15px;\r\n  position: relative;\r\n}\r\n\r\n.assistant-message-container {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: flex-start;\r\n  margin-bottom: 15px;\r\n  position: relative;\r\n}\r\n\r\n/* 添加消息气泡样式 */\r\n.message-bubble {\r\n  max-width: 85%;\r\n  position: relative;\r\n}\r\n\r\n/* 用户消息气泡样式 */\r\n.user-message {\r\n  padding: 5px 10px;\r\n  background: #f5f7ff;\r\n  font-size: 14px;\r\n  color: #1F2328;\r\n  border-radius: 6px;\r\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n/* 助手消息气泡样式 */\r\n.assistant-message {\r\n  padding: 15px 10px;\r\n  background-color: #fff;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  color: #1F2328;\r\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.message-time {\r\n  font-size: 12px;\r\n  color: #999;\r\n  margin-top: 4px;\r\n}\r\n\r\n/* 用户消息时间样式 */\r\n.user-message-container .message-time {\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.loading-dots {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 12px 16px;\r\n  background-color: #f0f0f0;\r\n  border-radius: 18px;\r\n  border-top-left-radius: 4px;\r\n}\r\n\r\n.loading-dots span {\r\n  width: 8px;\r\n  height: 8px;\r\n  margin: 0 3px;\r\n  background-color: #999;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  animation: dot-pulse 1.5s infinite ease-in-out;\r\n}\r\n\r\n.loading-dots span:nth-child(2) {\r\n  animation-delay: 0.2s;\r\n}\r\n\r\n.loading-dots span:nth-child(3) {\r\n  animation-delay: 0.4s;\r\n}\r\n\r\n@keyframes dot-pulse {\r\n\r\n  0%,\r\n  80%,\r\n  100% {\r\n    transform: scale(0.8);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  40% {\r\n    transform: scale(1.2);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.file-view {\r\n  margin-top: 8px;\r\n  padding: 12px;\r\n  background-color: #f8f9fa;\r\n  border: 1px solid #e9ecef;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  word-break: break-all;\r\n  color: #2c3e50;\r\n  line-height: 1.5;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.input-view {\r\n  margin-top: 8px;\r\n  margin-bottom: 10px;\r\n  padding-bottom: 10px;\r\n  border: 1px solid #e9ecef;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  background-color: #ffffff;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n\r\n.input-label-container {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 4px;\r\n  background-color: #f8f9fa;\r\n  border-bottom: 1px solid #e9ecef;\r\n  padding: 8px 12px;\r\n}\r\n\r\n.copy-input-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 2px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #8c8c8c;\r\n  opacity: 0.7;\r\n  transition: opacity 0.2s ease;\r\n  margin-left: 5px;\r\n}\r\n\r\n.copy-input-button:hover {\r\n  opacity: 1;\r\n  color: #1677ff;\r\n}\r\n\r\n.input-label {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  color: #495057;\r\n}\r\n\r\n.input-value {\r\n  padding: 12px 12px 0px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  color: #2c3e50;\r\n  background-color: #ffffff;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.input-metadata {\r\n  font-size: 13px;\r\n  margin-top: 8px;\r\n}\r\n\r\n/* 基本的消息操作按钮位置 */\r\n.message-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: opacity 0.2s ease;\r\n  margin-top: 15px;\r\n}\r\n\r\n\r\n.action-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  padding: 4px 15px;\r\n  font-size: 14px;\r\n  height: 32px;\r\n  background-color: white;\r\n  cursor: pointer;\r\n  color: rgba(0, 0, 0, 0.88);\r\n  transition: all 0.2s;\r\n}\r\n\r\n.action-button:hover {\r\n  color: #1677ff;\r\n  border-color: #1677ff;\r\n}\r\n\r\n.action-button.primary {\r\n  color: #1677ff;\r\n  border-color: #1677ff;\r\n}\r\n\r\n.action-button.primary:hover {\r\n  color: #4096ff;\r\n  border-color: #4096ff;\r\n}\r\n\r\n.action-button.icon-only {\r\n  padding: 4px 8px;\r\n  margin-right: 9px;\r\n}\r\n\r\n.button-icon {\r\n  margin-right: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.icon-only .button-icon {\r\n  margin-right: 0;\r\n}\r\n\r\n.file-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.file-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  width: 80px;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  border-radius: 4px;\r\n  transition: background-color 0.3s;\r\n  margin: 5px 10px;\r\n}\r\n\r\n.file-item:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.file-icon {\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.file-name {\r\n  font-size: 12px;\r\n  text-align: center;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  color: #8B4513;\r\n}\r\n\r\n.action-button.active {\r\n  color: #1677ff;\r\n  background-color: rgba(22, 119, 255, 0.1);\r\n}\r\n\r\n.action-button.active .button-icon svg {\r\n  stroke: #1677ff;\r\n}\r\n\r\n.inputs-container {\r\n  margin-top: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n\r\n.file-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.file-item {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #f5f5f5;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.file-item:hover {\r\n  background-color: #e8e8e8;\r\n}\r\n\r\n.file-icon {\r\n  margin-right: 8px;\r\n}\r\n\r\n.file-name {\r\n  font-size: 14px;\r\n  color: #333;\r\n  word-break: break-word;\r\n}\r\n\r\n.input-view {\r\n  background-color: #f9f9f9;\r\n  border-radius: 8px;\r\n  padding: 12px;\r\n  border: 1px solid #e8e8e8;\r\n}\r\n\r\n.input-label-container {\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.input-label {\r\n  font-weight: 500;\r\n  color: #333;\r\n}\r\n\r\n.input-value {\r\n  color: #666;\r\n  line-height: 1.5;\r\n  word-break: break-word;\r\n  max-height: 200px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.copy-input-button {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  color: #1677ff;\r\n  padding: 4px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.copy-input-button:hover {\r\n  background-color: rgba(22, 119, 255, 0.1);\r\n}\r\n\r\n.input-metadata {\r\n  font-size: 14px;\r\n  color: #666;\r\n  padding: 4px 0;\r\n}\r\n\r\n/* 文件卡片样式 */\r\n.file-card {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 12px;\r\n  background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 200px 100px no-repeat, #fff;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n  border: 1px solid #e8e8e8;\r\n  margin-top: 8px;\r\n}\r\n\r\n.file-card:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n.file-card-icon {\r\n  margin-right: 12px;\r\n  flex-shrink: 0;\r\n  border-radius: 12px;\r\n  background: #0d75fb;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.file-card-icon img {\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n\r\n.file-card-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.file-card-type {\r\n  font-size: 14px;\r\n  color: #8c8c8c;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.file-card-name {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: #333;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  width: 100%;\r\n}\r\n\r\n/* 复制按钮样式 */\r\n.copy-card-button {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  color: #8c8c8c;\r\n  padding: 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.copy-card-button:hover {\r\n  color: #1677ff;\r\n}\r\n\r\n.avatar {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  overflow: hidden;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.avatar img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n\r\n.user-avatar {\r\n  margin-left: 8px;\r\n}\r\n\r\n.assistant-avatar {\r\n  margin-right: 8px;\r\n}\r\n\r\n.retry-button {\r\n  background-color: #ff6b35 !important;\r\n  color: white !important;\r\n  border: none !important;\r\n}\r\n\r\n.retry-button:hover {\r\n  background-color: #e55a2b !important;\r\n}\r\n\r\n.retry-button .button-icon {\r\n  margin-right: 4px;\r\n}\r\n\r\n/* 视频容器样式 */\r\n.video-inputs-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: end;\r\n}\r\n\r\n.video-container {\r\n  margin-top: 0px;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  background-color: #000;\r\n  width: 250px;\r\n  height: auto;\r\n  max-height: 250px;\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.video-container:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.video-container video {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 500px;\r\n  height: auto;\r\n  border-radius: 8px;\r\n}\r\n\r\n.video-container video:focus {\r\n  outline: none;\r\n}\r\n\r\n/* 视频加载状态样式 */\r\n.video-loading {\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  background-color: #f8f9fa;\r\n  border-radius: 8px;\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 24px;\r\n  height: 24px;\r\n  border: 2px solid #e9ecef;\r\n  border-top: 2px solid #1677ff;\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/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .video-container {\r\n    width: 100%;\r\n    max-width: 300px;\r\n  }\r\n}",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}",":host {\r\n  display: block;\r\n}\r\n\r\n.confirm-modal-container {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 0;\r\n  overflow: visible;\r\n}\r\n\r\n.confirm-modal-mask {\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.45);\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.mask-visible {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n.confirm-modal-content {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 20px;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.confirm-modal-content.centered {\r\n  align-items: center;\r\n}\r\n\r\n.modal-content-visible {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n.modal-wrapper {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  overflow: hidden;\r\n  transform: scale(0.9) translateY(-20px);\r\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.modal-content-visible .modal-wrapper {\r\n  transform: scale(1) translateY(0);\r\n}\r\n\r\n.modal-header {\r\n  padding: 16px 24px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  background: #fff;\r\n}\r\n\r\n.modal-title {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n.modal-body {\r\n  padding: 24px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.modal-footer {\r\n  padding: 10px 16px;\r\n  text-align: right;\r\n  background: transparent;\r\n  border-top: 1px solid #f0f0f0;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n.modal-button {\r\n  line-height: 1.5;\r\n  position: relative;\r\n  display: inline-block;\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n  text-align: center;\r\n  border: 1px solid transparent;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n  height: 32px;\r\n  padding: 4px 15px;\r\n  font-size: 14px;\r\n  border-radius: 6px;\r\n  outline: 0;\r\n  margin-left: 8px;\r\n}\r\n\r\n.cancel-button {\r\n  color: rgba(0, 0, 0, 0.65);\r\n  border-color: #d9d9d9;\r\n  background: #fff;\r\n}\r\n\r\n.cancel-button:hover {\r\n  color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.cancel-button:active {\r\n  color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n.ok-button {\r\n  color: #fff;\r\n  background: #1890ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.ok-button:hover {\r\n  background: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.ok-button:active {\r\n  background: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n.ok-primary {\r\n  background: #1890ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.ok-primary:hover {\r\n  background: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.ok-primary:active {\r\n  background: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n.ok-danger {\r\n  background: #ff4d4f;\r\n  border-color: #ff4d4f;\r\n}\r\n\r\n.ok-danger:hover {\r\n  background: #ff7875;\r\n  border-color: #ff7875;\r\n}\r\n\r\n.ok-danger:active {\r\n  background: #d9363e;\r\n  border-color: #d9363e;\r\n}\r\n\r\n.ok-default {\r\n  color: rgba(0, 0, 0, 0.65);\r\n  background: #fff;\r\n  border-color: #d9d9d9;\r\n}\r\n\r\n.ok-default:hover {\r\n  color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.ok-default:active {\r\n  color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n  .confirm-modal-content {\r\n    padding: 16px;\r\n  }\r\n  \r\n  .confirm-modal-content.centered {\r\n    padding: 16px;\r\n  }\r\n  \r\n  .modal-wrapper {\r\n    max-width: none;\r\n    margin: 0 auto;\r\n  }\r\n  \r\n  .modal-header {\r\n    padding: 12px 16px;\r\n  }\r\n  \r\n  .modal-title {\r\n    font-size: 16px;\r\n  }\r\n  \r\n  .modal-body {\r\n    padding: 16px;\r\n  }\r\n  \r\n  .modal-footer {\r\n    padding: 8px 12px 12px;\r\n  }\r\n  \r\n  .modal-button {\r\n    height: 36px;\r\n    font-size: 16px;\r\n    margin-left: 8px;\r\n    margin-top: 8px;\r\n  }\r\n}\r\n\r\n/* 无障碍支持 */\r\n@media (prefers-reduced-motion: reduce) {\r\n  .confirm-modal-mask,\r\n  .confirm-modal-content,\r\n  .modal-wrapper,\r\n  .modal-button {\r\n    transition: none;\r\n  }\r\n} ",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, Event, EventEmitter, Watch, Method, Element, State } from '@stencil/core';\r\nimport { configStore } from '../../../store/config.store';\r\n\r\n/**\r\n * 确认模态框组件\r\n * 通用的确认对话框组件，类似 Ant Design 的 Modal 组件\r\n */\r\n@Component({\r\n  tag: 'components-confirm-modal',\r\n  styleUrls: ['components-confirm-modal.css', '../../global/host.css'],\r\n  shadow: true,\r\n})\r\nexport class ComponentsConfirmModal {\r\n  /**\r\n   * 模态框是否可见\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) isOpen: boolean = false;\r\n\r\n  /**\r\n   * 模态框标题\r\n   */\r\n  @Prop() modalTitle: string = '确认';\r\n\r\n  /**\r\n   * 确认按钮文本\r\n   */\r\n  @Prop() okText: string = '确认';\r\n\r\n  /**\r\n   * 取消按钮文本\r\n   */\r\n  @Prop() cancelText: string = '取消';\r\n\r\n  /**\r\n   * 确认按钮类型\r\n   */\r\n  @Prop() okType: 'default' | 'primary' | 'danger' = 'primary';\r\n\r\n  /**\r\n   * 点击蒙层是否允许关闭\r\n   */\r\n  @Prop() maskClosable: boolean = true;\r\n\r\n  /**\r\n   * 是否显示蒙层\r\n   */\r\n  @Prop() mask: boolean = true;\r\n\r\n  /**\r\n   * 是否居中显示\r\n   */\r\n  @Prop() centered: boolean = true;\r\n\r\n  /**\r\n   * 确认按钮点击事件\r\n   */\r\n  @Event() ok: EventEmitter<void>;\r\n\r\n  /**\r\n   * 取消按钮点击事件\r\n   */\r\n  @Event() cancel: EventEmitter<void>;\r\n\r\n  /**\r\n   * 模态框关闭后的回调\r\n   */\r\n  @Event() closed: EventEmitter<void>;\r\n\r\n  /**\r\n   * 模态框打开后的回调\r\n   */\r\n  @Event() afterOpen: EventEmitter<void>;\r\n\r\n  /**\r\n   * 模态框关闭后的回调\r\n   */\r\n  @Event() afterClose: EventEmitter<void>;\r\n\r\n  @Element() hostElement: HTMLElement;\r\n\r\n  @State() zIndex: number = 2000;\r\n\r\n  private bodyOverflowBeforeOpen: string = '';\r\n  private transitionEndHandler: () => void;\r\n\r\n  /**\r\n   * 打开模态框\r\n   */\r\n  @Method()\r\n  async open() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  /**\r\n   * 关闭模态框\r\n   */\r\n  @Method()\r\n  async close() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  @Watch('isOpen')\r\n  visibleChanged(newValue: boolean) {\r\n    if (newValue) {\r\n      // 打开模态框时，禁止背景滚动\r\n      this.bodyOverflowBeforeOpen = document.body.style.overflow;\r\n      document.body.style.overflow = 'hidden';\r\n      \r\n      // 添加过渡结束事件监听器\r\n      const modal = this.hostElement.shadowRoot.querySelector('.modal-wrapper') as HTMLElement;\r\n      if (modal) {\r\n        this.transitionEndHandler = () => {\r\n          this.afterOpen.emit();\r\n        };\r\n        modal.addEventListener('transitionend', this.transitionEndHandler, { once: true });\r\n      }\r\n    } else {\r\n      // 关闭模态框时，恢复背景滚动\r\n      document.body.style.overflow = this.bodyOverflowBeforeOpen;\r\n      \r\n      // 添加过渡结束事件监听器\r\n      const modal = this.hostElement.shadowRoot.querySelector('.modal-wrapper') as HTMLElement;\r\n      if (modal) {\r\n        this.transitionEndHandler = () => {\r\n          this.afterClose.emit();\r\n        };\r\n        modal.addEventListener('transitionend', this.transitionEndHandler, { once: true });\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    // 尝试从缓存中读取 zIndex\r\n    const cachedZIndex = configStore.getItem<number>('modal-zIndex');\r\n    if (cachedZIndex) {\r\n      this.zIndex = cachedZIndex + 1000; // 确保比其他模态框更高\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    // 组件卸载时恢复背景滚动\r\n    if (this.isOpen) {\r\n      document.body.style.overflow = this.bodyOverflowBeforeOpen;\r\n    }\r\n    \r\n    // 移除事件监听器\r\n    const modal = this.hostElement.shadowRoot?.querySelector('.modal-wrapper') as HTMLElement;\r\n    if (modal && this.transitionEndHandler) {\r\n      modal.removeEventListener('transitionend', this.transitionEndHandler);\r\n    }\r\n  }\r\n\r\n  private handleMaskClick = () => {\r\n    if (this.maskClosable) {\r\n      this.handleCancel();\r\n    }\r\n  };\r\n\r\n  private handleOk = () => {\r\n    this.ok.emit();\r\n  };\r\n\r\n  private handleCancel = () => {\r\n    this.cancel.emit();\r\n    this.isOpen = false;\r\n    this.closed.emit();\r\n  };\r\n\r\n  render() {\r\n    const modalStyle = {\r\n      zIndex: `${this.zIndex + 1}`,\r\n    };\r\n\r\n    const maskStyle = {\r\n      zIndex: `${this.zIndex}`,\r\n    };\r\n\r\n    const containerClass = {\r\n      'confirm-modal-container': true,\r\n      'modal-open': this.isOpen\r\n    };\r\n\r\n    const contentClass = {\r\n      'confirm-modal-content': true, \r\n      'modal-content-visible': this.isOpen,\r\n      'centered': this.centered\r\n    };\r\n\r\n    const okButtonClass = {\r\n      'modal-button': true,\r\n      'ok-button': true,\r\n      [`ok-${this.okType}`]: true\r\n    };\r\n\r\n    return (\r\n      <div class={containerClass}>\r\n        {this.mask && (\r\n          <div \r\n            class={{ 'confirm-modal-mask': true, 'mask-visible': this.isOpen }} \r\n            style={maskStyle}\r\n            onClick={this.handleMaskClick}\r\n          ></div>\r\n        )}\r\n        <div \r\n          class={contentClass}\r\n          style={modalStyle}\r\n        >\r\n          <div class=\"modal-wrapper\">\r\n            <div class=\"modal-header\">\r\n              <div class=\"modal-title\">{this.modalTitle}</div>\r\n            </div>\r\n            \r\n            <div class=\"modal-body\">\r\n              <slot></slot>\r\n            </div>\r\n            \r\n            <div class=\"modal-footer\">\r\n              <button \r\n                class=\"modal-button cancel-button\"\r\n                onClick={this.handleCancel}\r\n              >\r\n                {this.cancelText}\r\n              </button>\r\n              <button \r\n                class={okButtonClass}\r\n                onClick={this.handleOk}\r\n              >\r\n                {this.okText}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n} ",".digital-human-container {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    transition: box-shadow 0.3s;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: transparent;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.digital-human-container video {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    background: transparent;\r\n    border-radius: 8px;\r\n}\r\n\r\n.generating-indicator {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background: rgba(0, 0, 0, 0.7);\r\n    border-radius: 50%;\r\n    width: 30px;\r\n    height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.loading-spinner {\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #ffffff;\r\n    border-top-color: transparent;\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/* 移动端样式 */\r\n@media screen and (max-width: 768px) {\r\n  .digital-human-container {\r\n    border-radius: 6px;\r\n  }\r\n\r\n  .digital-human-container video {\r\n    border-radius: 6px;\r\n  }\r\n}",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}",":host {\r\n  display: block;\r\n}\r\n\r\n.drawer-container {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 0;\r\n  overflow: visible;\r\n}\r\n\r\n.drawer-mask {\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.45);\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.mask-visible {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n.drawer-content {\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #fff;\r\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\r\n  transform: translateX(100%);\r\n  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.drawer-content-visible {\r\n  transform: translateX(0);\r\n}\r\n\r\n.drawer-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px 24px;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.drawer-title {\r\n  flex: 1;\r\n  min-width: 0;\r\n  margin: 0;\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  font-weight: 500;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.drawer-header-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 0 0 auto;\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.drawer-body {\r\n  flex: 1;\r\n  padding: 24px;\r\n  overflow: auto;\r\n}\r\n\r\n/* 响应式样式 */\r\n@media (max-width: 768px) {\r\n  .drawer-content {\r\n    width: 100% !important;\r\n  }\r\n  \r\n  .drawer-header {\r\n    padding: 12px 16px;\r\n  }\r\n  \r\n  .drawer-body {\r\n    padding: 16px;\r\n  }\r\n} ",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, Event, EventEmitter, Watch, Method, Element, State } from '@stencil/core';\r\nimport { configStore } from '../../../store/config.store';\r\n\r\n/**\r\n * 抽屉组件\r\n * 从屏幕边缘滑出的浮层面板，类似 Ant Design 的 Drawer 组件\r\n */\r\n@Component({\r\n  tag: 'components-drawer',\r\n  styleUrls: ['components-drawer.css', '../../global/host.css'],\r\n  shadow: true,\r\n})\r\nexport class ComponentsDrawer {\r\n  /**\r\n   * 抽屉是否可见\r\n   */\r\n  @Prop({ mutable: true, reflect: true }) isOpen: boolean = false;\r\n\r\n  /**\r\n   * 抽屉标题\r\n   */\r\n  @Prop() drawerTitle: string = '';\r\n\r\n  /**\r\n   * 宽度，可以是像素值或百分比\r\n   */\r\n  @Prop() width: string = '378px';\r\n\r\n  /**\r\n   * 高度，在 placement 为 top 或 bottom 时使用\r\n   */\r\n  @Prop() height: string = '378px';\r\n\r\n  /**\r\n   * 是否显示关闭按钮\r\n   */\r\n  @Prop() closable: boolean = true;\r\n\r\n  /**\r\n   * 点击蒙层是否允许关闭\r\n   */\r\n  @Prop() maskClosable: boolean = true;\r\n\r\n\r\n  /**\r\n   * 抽屉关闭后的回调\r\n   */\r\n  @Event() closed: EventEmitter<void>;\r\n\r\n  /**\r\n   * 抽屉打开后的回调\r\n   */\r\n  @Event() afterOpen: EventEmitter<void>;\r\n\r\n  /**\r\n   * 抽屉关闭后的回调\r\n   */\r\n  @Event() afterClose: EventEmitter<void>;\r\n\r\n  @Element() hostElement: HTMLElement;\r\n\r\n  @State() zIndex: number = 1500;\r\n\r\n  private bodyOverflowBeforeOpen: string = '';\r\n  private transitionEndHandler: () => void;\r\n\r\n  /**\r\n   * 打开抽屉\r\n   */\r\n  @Method()\r\n  async open() {\r\n    this.isOpen = true;\r\n  }\r\n\r\n  /**\r\n   * 关闭抽屉\r\n   */\r\n  @Method()\r\n  async close() {\r\n    this.isOpen = false;\r\n  }\r\n\r\n  @Watch('isOpen')\r\n  visibleChanged(newValue: boolean) {\r\n    if (newValue) {\r\n      // 打开抽屉时，禁止背景滚动\r\n      this.bodyOverflowBeforeOpen = document.body.style.overflow;\r\n      document.body.style.overflow = 'hidden';\r\n      \r\n      // 添加过渡结束事件监听器\r\n      const drawer = this.hostElement.shadowRoot.querySelector('.drawer-content') as HTMLElement;\r\n      if (drawer) {\r\n        this.transitionEndHandler = () => {\r\n          this.afterOpen.emit();\r\n        };\r\n        drawer.addEventListener('transitionend', this.transitionEndHandler, { once: true });\r\n      }\r\n    } else {\r\n      // 关闭抽屉时，恢复背景滚动\r\n      document.body.style.overflow = this.bodyOverflowBeforeOpen;\r\n      \r\n      // 添加过渡结束事件监听器\r\n      const drawer = this.hostElement.shadowRoot.querySelector('.drawer-content') as HTMLElement;\r\n      if (drawer) {\r\n        this.transitionEndHandler = () => {\r\n          this.afterClose.emit();\r\n        };\r\n        drawer.addEventListener('transitionend', this.transitionEndHandler, { once: true });\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    // 尝试从缓存中读取 zIndex\r\n    const cachedZIndex = configStore.getItem<number>('modal-zIndex');\r\n    if (cachedZIndex) {\r\n      this.zIndex = cachedZIndex + 500;\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    // 组件卸载时恢复背景滚动\r\n    if (this.isOpen) {\r\n      document.body.style.overflow = this.bodyOverflowBeforeOpen;\r\n    }\r\n    \r\n    // 移除事件监听器\r\n    const drawer = this.hostElement.shadowRoot?.querySelector('.drawer-content') as HTMLElement;\r\n    if (drawer && this.transitionEndHandler) {\r\n      drawer.removeEventListener('transitionend', this.transitionEndHandler);\r\n    }\r\n  }\r\n\r\n  private handleMaskClick = () => {\r\n    if (this.maskClosable) {\r\n      this.handleClose();\r\n    }\r\n  };\r\n\r\n  private handleClose = () => {\r\n    this.isOpen = false;\r\n    this.closed.emit();\r\n  };\r\n\r\n  render() {\r\n    const drawerStyle = {\r\n      width: this.width,\r\n      zIndex: `${this.zIndex + 1}`,\r\n    };\r\n\r\n    const maskStyle = {\r\n      zIndex: `${this.zIndex}`,\r\n    };\r\n\r\n    return (\r\n      <div class={{ 'drawer-container': true, 'drawer-open': this.isOpen }}>\r\n        <div \r\n          class={{ 'drawer-mask': true, 'mask-visible': this.isOpen }} \r\n          style={maskStyle}\r\n          onClick={this.handleMaskClick}\r\n        ></div>\r\n        <div \r\n          class={{ 'drawer-content': true, 'drawer-content-visible': this.isOpen }} \r\n          style={drawerStyle}\r\n        >\r\n          <div class=\"drawer-header\">\r\n            {this.drawerTitle && <div class=\"drawer-title\">{this.drawerTitle}</div>}\r\n            <div class=\"drawer-header-actions\">\r\n              <slot name=\"header-actions\"></slot>\r\n            </div>\r\n            {this.closable && (\r\n              <button class=\"close-button\" onClick={this.handleClose}>\r\n                <span>×</span>\r\n              </button>\r\n            )}\r\n          </div>\r\n          <div class=\"drawer-body\">\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\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.45);\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  backdrop-filter: blur(4px);\r\n}\r\n\r\n/* 模态框容器 */\r\n.modal-container {\r\n  background: white;\r\n  border-radius: 8px;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  max-width: min(1000px, calc(100vw - 40px));\r\n  max-height: calc(100vh - 40px);\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 模态框头部 */\r\n.modal-header {\r\n  padding: 16px 24px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background: #fafafa;\r\n}\r\n\r\n.modal-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #262626;\r\n}\r\n\r\n.modal-close {\r\n  background: none;\r\n  border: none;\r\n  font-size: 18px;\r\n  color: #8c8c8c;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n  border-radius: 4px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.modal-close:hover {\r\n  background-color: #f5f5f5;\r\n  color: #262626;\r\n}\r\n\r\n/* 模态框主体 */\r\n.modal-body {\r\n  padding: 24px;\r\n  flex: 1;\r\n  overflow: auto;\r\n}\r\n\r\n/* 按钮样式 */\r\n.btn {\r\n  border: none;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  transition: all 0.2s;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n}\r\n\r\n.btn-small {\r\n  padding: 4px 8px;\r\n  font-size: 12px;\r\n}\r\n\r\n.btn-medium {\r\n  padding: 8px 16px;\r\n}\r\n\r\n.btn-primary {\r\n  background-color: #1890ff;\r\n  color: white;\r\n  border: 1px solid #1890ff;\r\n}\r\n\r\n.btn-primary:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.btn-default {\r\n  background-color: white;\r\n  color: #595959;\r\n  border: 1px solid #d9d9d9;\r\n}\r\n\r\n.btn-default:hover {\r\n  background-color: #f5f5f5;\r\n  border-color: #40a9ff;\r\n  color: #40a9ff;\r\n}\r\n\r\n.btn-danger {\r\n  background-color: #f5222d;\r\n  color: white;\r\n  border: 1px solid #f5222d;\r\n}\r\n\r\n.btn-danger:hover {\r\n  background-color: #cf1322;\r\n  border-color: #cf1322;\r\n}\r\n\r\n/* 表格容器 */\r\n.table-container {\r\n  border: 1px solid #f0f0f0;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n/* 表格样式 */\r\n.table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  background: white;\r\n}\r\n\r\n.table th {\r\n  background-color: #fafafa;\r\n  padding: 12px 16px;\r\n  font-weight: 600;\r\n  color: #262626;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  font-size: 14px;\r\n}\r\n\r\n.table td {\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  color: #595959;\r\n  font-size: 14px;\r\n}\r\n\r\n.table tbody tr:hover {\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.table tbody tr:last-child td {\r\n  border-bottom: none;\r\n}\r\n\r\n/* 标签样式 */\r\n.tag {\r\n  display: inline-block;\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n  color: white;\r\n  text-align: center;\r\n  min-width: 60px;\r\n}\r\n\r\n/* 操作按钮容器 */\r\n.action-buttons {\r\n  display: flex;\r\n  gap: 8px;\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  padding: 60px 20px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f0f0f0;\r\n  border-top: 3px solid #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n  margin-bottom: 16px;\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.empty-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.empty-icon {\r\n  font-size: 48px;\r\n  margin-bottom: 16px;\r\n  opacity: 0.6;\r\n}\r\n\r\n.empty-text {\r\n  font-size: 14px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n/* 分页容器 */\r\n.pagination-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px 0;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.pagination-info {\r\n  color: #8c8c8c;\r\n  font-size: 14px;\r\n}\r\n\r\n.pagination-controls {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.pagination-btn {\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  background: white;\r\n  color: #595959;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.pagination-btn:hover:not(:disabled) {\r\n  border-color: #40a9ff;\r\n  color: #40a9ff;\r\n}\r\n\r\n.pagination-btn:disabled {\r\n  background-color: #f5f5f5;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  border-color: #f0f0f0;\r\n}\r\n\r\n.pagination-current {\r\n  color: #262626;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  padding: 0 8px;\r\n}\r\n\r\n.pagination-size-select {\r\n  padding: 6px 8px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 4px;\r\n  background: white;\r\n  color: #595959;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.pagination-size-select:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.pagination-size-select:focus {\r\n  outline: none;\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/* 消息提示 */\r\n.message {\r\n  position: fixed;\r\n  top: 24px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  padding: 12px 24px;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  z-index: 1100;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  animation: messageSlideIn 0.3s ease-out;\r\n}\r\n\r\n.message-success {\r\n  background-color: #f6ffed;\r\n  color: #52c41a;\r\n  border: 1px solid #b7eb8f;\r\n}\r\n\r\n.message-error {\r\n  background-color: #fff2f0;\r\n  color: #ff4d4f;\r\n  border: 1px solid #ffccc7;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(-50%) translateY(-20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(-50%) translateY(0);\r\n  }\r\n}\r\n\r\n/* 响应式设计 */\r\n@media (max-width: 768px) {\r\n  .modal-container {\r\n    margin: 20px;\r\n    max-width: calc(100vw - 40px);\r\n  }\r\n  \r\n  .modal-header {\r\n    padding: 12px 16px;\r\n  }\r\n  \r\n  .modal-body {\r\n    padding: 16px;\r\n  }\r\n  \r\n  .table th,\r\n  .table td {\r\n    padding: 8px 12px;\r\n    font-size: 13px;\r\n  }\r\n  \r\n  .pagination-container {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    align-items: stretch;\r\n  }\r\n  \r\n  .pagination-controls {\r\n    justify-content: center;\r\n  }\r\n  \r\n  .modal-title {\r\n    font-size: 14px;\r\n    gap: 8px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .table-container {\r\n    overflow-x: auto;\r\n  }\r\n  \r\n  .table {\r\n    min-width: 600px;\r\n  }\r\n  \r\n  .action-buttons {\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n}","import { Component, Prop, State, h, Watch, Event, EventEmitter } from '@stencil/core';\r\nimport { getCosPresignedUrl, sendHttpRequest } from '../../utils/utils';\r\n\r\ninterface ExportRecord {\r\n  id: string;\r\n  file_name: string;\r\n  status: number;\r\n  created_at: string;\r\n  cos_key?: string;\r\n}\r\n\r\ninterface PaginationType {\r\n  page: number;\r\n  size: number;\r\n  total?: number;\r\n}\r\n\r\nconst DEFAULT_PAGINATION = {\r\n  page: 1,\r\n  size: 10,\r\n};\r\n\r\nconst EXPORT_BATCH_STATUS_MAP: Record<string, { text: string; color: string }> = {\r\n  '0': { text: '处理中', color: '#1890ff' },\r\n  '1': { text: '已完成', color: '#52c41a' },\r\n  '-1': { text: '失败', color: '#ff4d4f' },\r\n};\r\n\r\n@Component({\r\n  tag: 'components-export-records-modal',\r\n  styleUrl: 'components-export-records-modal.css',\r\n  shadow: true,\r\n})\r\nexport class ComponentsExportRecordsModal {\r\n  @Prop() botId?: string;\r\n  @Prop() sourceId?: string;\r\n  @Prop() open: boolean = false;\r\n  @Event() cancel: EventEmitter<void>;\r\n\r\n  @State() loading: boolean = true;\r\n  @State() pagination: PaginationType = DEFAULT_PAGINATION;\r\n  @State() data: ExportRecord[] = [];\r\n  @State() showMessage: boolean = false;\r\n  @State() messageText: string = '';\r\n  @State() messageType: 'success' | 'error' = 'success';\r\n\r\n  @Watch('open')\r\n  watchOpen(newValue: boolean) {\r\n    if (newValue) {\r\n      this.fetchData(this.pagination);\r\n    }\r\n  }\r\n\r\n  private async fetchData(p: PaginationType) {\r\n    this.loading = true;\r\n    try {\r\n      // 模拟API调用\r\n      const response = await sendHttpRequest({\r\n        url: '/sdk/v1/export_batch/page',\r\n        method: 'GET',\r\n        params: {\r\n          page: p.page,\r\n          size: p.size,\r\n          bot_id: this.botId,\r\n          source_id: this.sourceId,\r\n        },\r\n      });\r\n      if (response.success && response.data) {\r\n        const records = response?.data?.records ?? [];\r\n        this.data = records;\r\n        this.pagination = {\r\n          ...p,\r\n          total: response?.data?.total ?? 0,\r\n        };\r\n      }\r\n    } catch (error) {\r\n      console.error('Failed to fetch data:', error);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  private async handleDownload(record: ExportRecord) {\r\n    try {\r\n      const downloadUrl = await getCosPresignedUrl(record.cos_key);\r\n      const fileName = record.file_name;\r\n      if (downloadUrl) {\r\n          const link = document.createElement(\"a\");\r\n          link.href = downloadUrl;\r\n          link.setAttribute(\"download\", fileName);\r\n          document.body.appendChild(link);\r\n          link.click();\r\n          link.remove();\r\n          this.showMessageToast('下载成功', 'success');\r\n      } else {\r\n          this.showMessageToast('获取下载链接失败', 'error');\r\n      }\r\n      \r\n    } catch (error) {\r\n      this.showMessageToast('下载失败', 'error');\r\n    }\r\n  }\r\n\r\n  private async handleDelete(record: ExportRecord) {\r\n    try {\r\n      const response = await sendHttpRequest({\r\n        url: `/sdk/v1/export_batch/delete/${record.id}`,\r\n        method: \"DELETE\",\r\n      });\r\n      if (response?.success) {\r\n        this.showMessageToast('删除成功', 'success');\r\n        setTimeout(() => {\r\n          this.fetchData(this.pagination);\r\n        }, 100);\r\n      }\r\n    } catch (error) {\r\n      this.showMessageToast(`删除失败: ${error.message}`, 'error');\r\n    }\r\n  }\r\n\r\n  private showMessageToast(text: string, type: 'success' | 'error') {\r\n    this.messageText = text;\r\n    this.messageType = type;\r\n    this.showMessage = true;\r\n    setTimeout(() => {\r\n      this.showMessage = false;\r\n    }, 3000);\r\n  }\r\n\r\n  private handleRefresh = () => {\r\n    this.fetchData(this.pagination);\r\n  };\r\n\r\n  private handlePageChange = (page: number, size: number) => {\r\n    const newPagination = {\r\n      ...this.pagination,\r\n      page,\r\n      size,\r\n    };\r\n    this.fetchData(newPagination);\r\n  };\r\n\r\n  private formatDate(dateString: string): string {\r\n    const date = new Date(dateString);\r\n    return date.toLocaleString('zh-CN', {\r\n      year: 'numeric',\r\n      month: '2-digit',\r\n      day: '2-digit',\r\n      hour: '2-digit',\r\n      minute: '2-digit',\r\n      second: '2-digit',\r\n    });\r\n  }\r\n\r\n  private renderEmpty() {\r\n    return (\r\n      <div class=\"empty-container\">\r\n        <div class=\"empty-icon\">📄</div>\r\n        <div class=\"empty-text\">暂无任务</div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderTag(status: number) {\r\n    const statusInfo = EXPORT_BATCH_STATUS_MAP[status.toString()] || { text: '未知', color: '#d9d9d9' };\r\n    return (\r\n      <span class=\"tag\" style={{ backgroundColor: statusInfo.color }}>\r\n        {statusInfo.text}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderButton(text: string, onClick: () => void, variant: 'primary' | 'default' | 'danger' = 'default', size: 'small' | 'medium' = 'medium') {\r\n    return (\r\n      <button\r\n        class={`btn btn-${variant} btn-${size}`}\r\n        onClick={onClick}\r\n      >\r\n        {text}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  private renderTable() {\r\n    if (this.loading) {\r\n      return (\r\n        <div class=\"loading-container\">\r\n          <div class=\"loading-spinner\"></div>\r\n          <div>加载中...</div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (!this.data || this.data.length === 0) {\r\n      return this.renderEmpty();\r\n    }\r\n\r\n    return (\r\n      <div class=\"table-container\">\r\n        <table class=\"table\">\r\n          <thead>\r\n            <tr>\r\n              <th style={{ width: '300px', textAlign: 'center' }}>文件名</th>\r\n              <th style={{ width: '100px', textAlign: 'center' }}>状态</th>\r\n              <th style={{ width: '180px', textAlign: 'center' }}>创建时间</th>\r\n              <th style={{ width: '100px', textAlign: 'left' }}>操作</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {this.data.map((record) => (\r\n              <tr key={record.id}>\r\n                <td style={{ textAlign: 'center' }}>{record.file_name}</td>\r\n                <td style={{ textAlign: 'center' }}>\r\n                  {this.renderTag(record.status)}\r\n                </td>\r\n                <td style={{ textAlign: 'center' }}>\r\n                  {this.formatDate(record.created_at)}\r\n                </td>\r\n                <td style={{ textAlign: 'left' }}>\r\n                  <div class=\"action-buttons\">\r\n                    {record.status !== 0 && this.renderButton(\r\n                      '删除',\r\n                      () => this.handleDelete(record),\r\n                      'danger',\r\n                      'small'\r\n                    )}\r\n                    {record.cos_key && this.renderButton(\r\n                      '下载',\r\n                      () => this.handleDownload(record),\r\n                      'primary',\r\n                      'small'\r\n                    )}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderPagination() {\r\n    if (!this.pagination.total || this.pagination.total === 0) {\r\n      return null;\r\n    }\r\n\r\n    const totalPages = Math.ceil(this.pagination.total / this.pagination.size);\r\n    const currentPage = this.pagination.page;\r\n\r\n    return (\r\n      <div class=\"pagination-container\">\r\n        <div class=\"pagination-info\">\r\n          共{this.pagination.total}条\r\n        </div>\r\n        <div class=\"pagination-controls\">\r\n          <button\r\n            class=\"pagination-btn\"\r\n            disabled={currentPage <= 1}\r\n            onClick={() => this.handlePageChange(currentPage - 1, this.pagination.size)}\r\n          >\r\n            上一页\r\n          </button>\r\n          <span class=\"pagination-current\">\r\n            {currentPage} / {totalPages}\r\n          </span>\r\n          <button\r\n            class=\"pagination-btn\"\r\n            disabled={currentPage >= totalPages}\r\n            onClick={() => this.handlePageChange(currentPage + 1, this.pagination.size)}\r\n          >\r\n            下一页\r\n          </button>\r\n          <select\r\n            class=\"pagination-size-select\"\r\n            onChange={(e) => this.handlePageChange(1, parseInt((e.target as HTMLSelectElement).value))}\r\n          >\r\n            <option value=\"10\" selected={this.pagination.size === 10}>10条/页</option>\r\n            <option value=\"20\" selected={this.pagination.size === 20}>20条/页</option>\r\n            <option value=\"50\" selected={this.pagination.size === 50}>50条/页</option>\r\n          </select>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderMessage() {\r\n    if (!this.showMessage) return null;\r\n\r\n    return (\r\n      <div class={`message message-${this.messageType}`}>\r\n        {this.messageText}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (!this.open) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div class=\"modal-overlay\" onClick={() => this.cancel.emit()}>\r\n        <div class=\"modal-container\" onClick={(e) => e.stopPropagation()}>\r\n          <div class=\"modal-header\">\r\n            <div class=\"modal-title\">\r\n              <span>导出任务列表</span>\r\n              {this.renderButton(\r\n                '🔄 刷新',\r\n                this.handleRefresh,\r\n                'default',\r\n                'small'\r\n              )}\r\n            </div>\r\n            <button class=\"modal-close\" onClick={() => this.cancel.emit()}>\r\n              ✕\r\n            </button>\r\n          </div>\r\n          <div class=\"modal-body\">\r\n            {this.renderTable()}\r\n            {this.renderPagination()}\r\n          </div>\r\n          {this.renderMessage()}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}",".pcm-message {\r\n  position: fixed;\r\n  top: 20px;\r\n  left: 50%;\r\n  transform: translateX(-50%) translateY(-100%);\r\n  background-color: #fff;\r\n  padding: 10px 16px;\r\n  border-radius: 4px;\r\n  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\r\n  pointer-events: all;\r\n  z-index: 1010;\r\n  opacity: 0;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.pcm-message-visible {\r\n  transform: translateX(-50%) translateY(0);\r\n  opacity: 1;\r\n}\r\n\r\n.pcm-message-content {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.pcm-message-icon {\r\n  margin-right: 8px;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n}\r\n\r\n.pcm-message-success .pcm-message-icon {\r\n  color: #52c41a;\r\n}\r\n\r\n.pcm-message-error .pcm-message-icon {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.pcm-message-warning .pcm-message-icon {\r\n  color: #faad14;\r\n}\r\n\r\n.pcm-message-info .pcm-message-icon {\r\n  color: #1890ff;\r\n}\r\n\r\n.pcm-message-text {\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.pcm-message-container {\r\n  position: fixed;\r\n  top: 20px;\r\n  left: 0;\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  pointer-events: none;\r\n  z-index: 1010;\r\n} \r\n\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, h, Prop, State, Element, Method } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'components-message',\r\n  styleUrls: ['components-message.css', '../../global/host.css'],\r\n  shadow: true,\r\n})\r\nexport class ComponentsMessage {\r\n  @Element() el: HTMLElement;\r\n  @Prop() content: string = '';\r\n  @Prop() type: 'success' | 'error' | 'info' | 'warning' = 'info';\r\n  @Prop() duration: number = 3000;\r\n  @State() visible: boolean = false;\r\n\r\n  private timer: number;\r\n\r\n  componentWillLoad() {\r\n    if (this.content) {\r\n      this.visible = true;\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.visible && this.duration > 0) {\r\n      this.timer = window.setTimeout(() => {\r\n        this.close();\r\n      }, this.duration);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.timer) {\r\n      clearTimeout(this.timer);\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async show() {\r\n    this.visible = true;\r\n    \r\n    if (this.duration > 0) {\r\n      this.timer = window.setTimeout(() => {\r\n        this.close();\r\n      }, this.duration);\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async close() {\r\n    this.visible = false;\r\n    \r\n    // 等待动画结束后移除元素\r\n    setTimeout(() => {\r\n      if (this.el && this.el.parentNode) {\r\n        this.el.parentNode.removeChild(this.el);\r\n      }\r\n    }, 300);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={{\r\n        'pcm-message': true,\r\n        'pcm-message-visible': this.visible,\r\n        [`pcm-message-${this.type}`]: true\r\n      }}>\r\n        <div class=\"pcm-message-content\">\r\n          <span class=\"pcm-message-icon\">\r\n            {this.renderIcon()}\r\n          </span>\r\n          <span class=\"pcm-message-text\">{this.content}</span>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private renderIcon() {\r\n    switch (this.type) {\r\n      case 'success':\r\n        return <svg viewBox=\"64 64 896 896\" width=\"16px\" height=\"16px\" fill=\"currentColor\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z\"></path></svg>;\r\n      case 'error':\r\n        return <svg viewBox=\"64 64 896 896\" width=\"16px\" height=\"16px\" fill=\"currentColor\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z\"></path></svg>;\r\n      case 'warning':\r\n        return <svg viewBox=\"64 64 896 896\" width=\"16px\" height=\"16px\" fill=\"currentColor\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\"></path></svg>;\r\n      default: // info\r\n        return <svg viewBox=\"64 64 896 896\" width=\"16px\" height=\"16px\" fill=\"currentColor\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 664c-30.9 0-56-25.1-56-56 0-30.9 25.1-56 56-56s56 25.1 56 56c0 30.9-25.1 56-56 56zm32-296c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V248c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184z\"></path></svg>;\r\n    }\r\n  }\r\n} ","//---------------------------------------------------------------------\n//\n// QR Code Generator for JavaScript\n//\n// Copyright (c) 2009 Kazuhiko Arase\n//\n// URL: http://www.d-project.com/\n//\n// Licensed under the MIT license:\n//  http://www.opensource.org/licenses/mit-license.php\n//\n// The word 'QR Code' is registered trademark of\n// DENSO WAVE INCORPORATED\n//  http://www.denso-wave.com/qrcode/faqpatent-e.html\n//\n//---------------------------------------------------------------------\n\nvar qrcode = function() {\n\n  //---------------------------------------------------------------------\n  // qrcode\n  //---------------------------------------------------------------------\n\n  /**\n   * qrcode\n   * @param typeNumber 1 to 40\n   * @param errorCorrectionLevel 'L','M','Q','H'\n   */\n  var qrcode = function(typeNumber, errorCorrectionLevel) {\n\n    var PAD0 = 0xEC;\n    var PAD1 = 0x11;\n\n    var _typeNumber = typeNumber;\n    var _errorCorrectionLevel = QRErrorCorrectionLevel[errorCorrectionLevel];\n    var _modules = null;\n    var _moduleCount = 0;\n    var _dataCache = null;\n    var _dataList = [];\n\n    var _this = {};\n\n    var makeImpl = function(test, maskPattern) {\n\n      _moduleCount = _typeNumber * 4 + 17;\n      _modules = function(moduleCount) {\n        var modules = new Array(moduleCount);\n        for (var row = 0; row < moduleCount; row += 1) {\n          modules[row] = new Array(moduleCount);\n          for (var col = 0; col < moduleCount; col += 1) {\n            modules[row][col] = null;\n          }\n        }\n        return modules;\n      }(_moduleCount);\n\n      setupPositionProbePattern(0, 0);\n      setupPositionProbePattern(_moduleCount - 7, 0);\n      setupPositionProbePattern(0, _moduleCount - 7);\n      setupPositionAdjustPattern();\n      setupTimingPattern();\n      setupTypeInfo(test, maskPattern);\n\n      if (_typeNumber >= 7) {\n        setupTypeNumber(test);\n      }\n\n      if (_dataCache == null) {\n        _dataCache = createData(_typeNumber, _errorCorrectionLevel, _dataList);\n      }\n\n      mapData(_dataCache, maskPattern);\n    };\n\n    var setupPositionProbePattern = function(row, col) {\n\n      for (var r = -1; r <= 7; r += 1) {\n\n        if (row + r <= -1 || _moduleCount <= row + r) continue;\n\n        for (var c = -1; c <= 7; c += 1) {\n\n          if (col + c <= -1 || _moduleCount <= col + c) continue;\n\n          if ( (0 <= r && r <= 6 && (c == 0 || c == 6) )\n              || (0 <= c && c <= 6 && (r == 0 || r == 6) )\n              || (2 <= r && r <= 4 && 2 <= c && c <= 4) ) {\n            _modules[row + r][col + c] = true;\n          } else {\n            _modules[row + r][col + c] = false;\n          }\n        }\n      }\n    };\n\n    var getBestMaskPattern = function() {\n\n      var minLostPoint = 0;\n      var pattern = 0;\n\n      for (var i = 0; i < 8; i += 1) {\n\n        makeImpl(true, i);\n\n        var lostPoint = QRUtil.getLostPoint(_this);\n\n        if (i == 0 || minLostPoint > lostPoint) {\n          minLostPoint = lostPoint;\n          pattern = i;\n        }\n      }\n\n      return pattern;\n    };\n\n    var setupTimingPattern = function() {\n\n      for (var r = 8; r < _moduleCount - 8; r += 1) {\n        if (_modules[r][6] != null) {\n          continue;\n        }\n        _modules[r][6] = (r % 2 == 0);\n      }\n\n      for (var c = 8; c < _moduleCount - 8; c += 1) {\n        if (_modules[6][c] != null) {\n          continue;\n        }\n        _modules[6][c] = (c % 2 == 0);\n      }\n    };\n\n    var setupPositionAdjustPattern = function() {\n\n      var pos = QRUtil.getPatternPosition(_typeNumber);\n\n      for (var i = 0; i < pos.length; i += 1) {\n\n        for (var j = 0; j < pos.length; j += 1) {\n\n          var row = pos[i];\n          var col = pos[j];\n\n          if (_modules[row][col] != null) {\n            continue;\n          }\n\n          for (var r = -2; r <= 2; r += 1) {\n\n            for (var c = -2; c <= 2; c += 1) {\n\n              if (r == -2 || r == 2 || c == -2 || c == 2\n                  || (r == 0 && c == 0) ) {\n                _modules[row + r][col + c] = true;\n              } else {\n                _modules[row + r][col + c] = false;\n              }\n            }\n          }\n        }\n      }\n    };\n\n    var setupTypeNumber = function(test) {\n\n      var bits = QRUtil.getBCHTypeNumber(_typeNumber);\n\n      for (var i = 0; i < 18; i += 1) {\n        var mod = (!test && ( (bits >> i) & 1) == 1);\n        _modules[Math.floor(i / 3)][i % 3 + _moduleCount - 8 - 3] = mod;\n      }\n\n      for (var i = 0; i < 18; i += 1) {\n        var mod = (!test && ( (bits >> i) & 1) == 1);\n        _modules[i % 3 + _moduleCount - 8 - 3][Math.floor(i / 3)] = mod;\n      }\n    };\n\n    var setupTypeInfo = function(test, maskPattern) {\n\n      var data = (_errorCorrectionLevel << 3) | maskPattern;\n      var bits = QRUtil.getBCHTypeInfo(data);\n\n      // vertical\n      for (var i = 0; i < 15; i += 1) {\n\n        var mod = (!test && ( (bits >> i) & 1) == 1);\n\n        if (i < 6) {\n          _modules[i][8] = mod;\n        } else if (i < 8) {\n          _modules[i + 1][8] = mod;\n        } else {\n          _modules[_moduleCount - 15 + i][8] = mod;\n        }\n      }\n\n      // horizontal\n      for (var i = 0; i < 15; i += 1) {\n\n        var mod = (!test && ( (bits >> i) & 1) == 1);\n\n        if (i < 8) {\n          _modules[8][_moduleCount - i - 1] = mod;\n        } else if (i < 9) {\n          _modules[8][15 - i - 1 + 1] = mod;\n        } else {\n          _modules[8][15 - i - 1] = mod;\n        }\n      }\n\n      // fixed module\n      _modules[_moduleCount - 8][8] = (!test);\n    };\n\n    var mapData = function(data, maskPattern) {\n\n      var inc = -1;\n      var row = _moduleCount - 1;\n      var bitIndex = 7;\n      var byteIndex = 0;\n      var maskFunc = QRUtil.getMaskFunction(maskPattern);\n\n      for (var col = _moduleCount - 1; col > 0; col -= 2) {\n\n        if (col == 6) col -= 1;\n\n        while (true) {\n\n          for (var c = 0; c < 2; c += 1) {\n\n            if (_modules[row][col - c] == null) {\n\n              var dark = false;\n\n              if (byteIndex < data.length) {\n                dark = ( ( (data[byteIndex] >>> bitIndex) & 1) == 1);\n              }\n\n              var mask = maskFunc(row, col - c);\n\n              if (mask) {\n                dark = !dark;\n              }\n\n              _modules[row][col - c] = dark;\n              bitIndex -= 1;\n\n              if (bitIndex == -1) {\n                byteIndex += 1;\n                bitIndex = 7;\n              }\n            }\n          }\n\n          row += inc;\n\n          if (row < 0 || _moduleCount <= row) {\n            row -= inc;\n            inc = -inc;\n            break;\n          }\n        }\n      }\n    };\n\n    var createBytes = function(buffer, rsBlocks) {\n\n      var offset = 0;\n\n      var maxDcCount = 0;\n      var maxEcCount = 0;\n\n      var dcdata = new Array(rsBlocks.length);\n      var ecdata = new Array(rsBlocks.length);\n\n      for (var r = 0; r < rsBlocks.length; r += 1) {\n\n        var dcCount = rsBlocks[r].dataCount;\n        var ecCount = rsBlocks[r].totalCount - dcCount;\n\n        maxDcCount = Math.max(maxDcCount, dcCount);\n        maxEcCount = Math.max(maxEcCount, ecCount);\n\n        dcdata[r] = new Array(dcCount);\n\n        for (var i = 0; i < dcdata[r].length; i += 1) {\n          dcdata[r][i] = 0xff & buffer.getBuffer()[i + offset];\n        }\n        offset += dcCount;\n\n        var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);\n        var rawPoly = qrPolynomial(dcdata[r], rsPoly.getLength() - 1);\n\n        var modPoly = rawPoly.mod(rsPoly);\n        ecdata[r] = new Array(rsPoly.getLength() - 1);\n        for (var i = 0; i < ecdata[r].length; i += 1) {\n          var modIndex = i + modPoly.getLength() - ecdata[r].length;\n          ecdata[r][i] = (modIndex >= 0)? modPoly.getAt(modIndex) : 0;\n        }\n      }\n\n      var totalCodeCount = 0;\n      for (var i = 0; i < rsBlocks.length; i += 1) {\n        totalCodeCount += rsBlocks[i].totalCount;\n      }\n\n      var data = new Array(totalCodeCount);\n      var index = 0;\n\n      for (var i = 0; i < maxDcCount; i += 1) {\n        for (var r = 0; r < rsBlocks.length; r += 1) {\n          if (i < dcdata[r].length) {\n            data[index] = dcdata[r][i];\n            index += 1;\n          }\n        }\n      }\n\n      for (var i = 0; i < maxEcCount; i += 1) {\n        for (var r = 0; r < rsBlocks.length; r += 1) {\n          if (i < ecdata[r].length) {\n            data[index] = ecdata[r][i];\n            index += 1;\n          }\n        }\n      }\n\n      return data;\n    };\n\n    var createData = function(typeNumber, errorCorrectionLevel, dataList) {\n\n      var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectionLevel);\n\n      var buffer = qrBitBuffer();\n\n      for (var i = 0; i < dataList.length; i += 1) {\n        var data = dataList[i];\n        buffer.put(data.getMode(), 4);\n        buffer.put(data.getLength(), QRUtil.getLengthInBits(data.getMode(), typeNumber) );\n        data.write(buffer);\n      }\n\n      // calc num max data.\n      var totalDataCount = 0;\n      for (var i = 0; i < rsBlocks.length; i += 1) {\n        totalDataCount += rsBlocks[i].dataCount;\n      }\n\n      if (buffer.getLengthInBits() > totalDataCount * 8) {\n        throw 'code length overflow. ('\n          + buffer.getLengthInBits()\n          + '>'\n          + totalDataCount * 8\n          + ')';\n      }\n\n      // end code\n      if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {\n        buffer.put(0, 4);\n      }\n\n      // padding\n      while (buffer.getLengthInBits() % 8 != 0) {\n        buffer.putBit(false);\n      }\n\n      // padding\n      while (true) {\n\n        if (buffer.getLengthInBits() >= totalDataCount * 8) {\n          break;\n        }\n        buffer.put(PAD0, 8);\n\n        if (buffer.getLengthInBits() >= totalDataCount * 8) {\n          break;\n        }\n        buffer.put(PAD1, 8);\n      }\n\n      return createBytes(buffer, rsBlocks);\n    };\n\n    _this.addData = function(data, mode) {\n\n      mode = mode || 'Byte';\n\n      var newData = null;\n\n      switch(mode) {\n      case 'Numeric' :\n        newData = qrNumber(data);\n        break;\n      case 'Alphanumeric' :\n        newData = qrAlphaNum(data);\n        break;\n      case 'Byte' :\n        newData = qr8BitByte(data);\n        break;\n      case 'Kanji' :\n        newData = qrKanji(data);\n        break;\n      default :\n        throw 'mode:' + mode;\n      }\n\n      _dataList.push(newData);\n      _dataCache = null;\n    };\n\n    _this.isDark = function(row, col) {\n      if (row < 0 || _moduleCount <= row || col < 0 || _moduleCount <= col) {\n        throw row + ',' + col;\n      }\n      return _modules[row][col];\n    };\n\n    _this.getModuleCount = function() {\n      return _moduleCount;\n    };\n\n    _this.make = function() {\n      if (_typeNumber < 1) {\n        var typeNumber = 1;\n\n        for (; typeNumber < 40; typeNumber++) {\n          var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, _errorCorrectionLevel);\n          var buffer = qrBitBuffer();\n\n          for (var i = 0; i < _dataList.length; i++) {\n            var data = _dataList[i];\n            buffer.put(data.getMode(), 4);\n            buffer.put(data.getLength(), QRUtil.getLengthInBits(data.getMode(), typeNumber) );\n            data.write(buffer);\n          }\n\n          var totalDataCount = 0;\n          for (var i = 0; i < rsBlocks.length; i++) {\n            totalDataCount += rsBlocks[i].dataCount;\n          }\n\n          if (buffer.getLengthInBits() <= totalDataCount * 8) {\n            break;\n          }\n        }\n\n        _typeNumber = typeNumber;\n      }\n\n      makeImpl(false, getBestMaskPattern() );\n    };\n\n    _this.createTableTag = function(cellSize, margin) {\n\n      cellSize = cellSize || 2;\n      margin = (typeof margin == 'undefined')? cellSize * 4 : margin;\n\n      var qrHtml = '';\n\n      qrHtml += '<table style=\"';\n      qrHtml += ' border-width: 0px; border-style: none;';\n      qrHtml += ' border-collapse: collapse;';\n      qrHtml += ' padding: 0px; margin: ' + margin + 'px;';\n      qrHtml += '\">';\n      qrHtml += '<tbody>';\n\n      for (var r = 0; r < _this.getModuleCount(); r += 1) {\n\n        qrHtml += '<tr>';\n\n        for (var c = 0; c < _this.getModuleCount(); c += 1) {\n          qrHtml += '<td style=\"';\n          qrHtml += ' border-width: 0px; border-style: none;';\n          qrHtml += ' border-collapse: collapse;';\n          qrHtml += ' padding: 0px; margin: 0px;';\n          qrHtml += ' width: ' + cellSize + 'px;';\n          qrHtml += ' height: ' + cellSize + 'px;';\n          qrHtml += ' background-color: ';\n          qrHtml += _this.isDark(r, c)? '#000000' : '#ffffff';\n          qrHtml += ';';\n          qrHtml += '\"/>';\n        }\n\n        qrHtml += '</tr>';\n      }\n\n      qrHtml += '</tbody>';\n      qrHtml += '</table>';\n\n      return qrHtml;\n    };\n\n    _this.createSvgTag = function(cellSize, margin, alt, title) {\n\n      var opts = {};\n      if (typeof arguments[0] == 'object') {\n        // Called by options.\n        opts = arguments[0];\n        // overwrite cellSize and margin.\n        cellSize = opts.cellSize;\n        margin = opts.margin;\n        alt = opts.alt;\n        title = opts.title;\n      }\n\n      cellSize = cellSize || 2;\n      margin = (typeof margin == 'undefined')? cellSize * 4 : margin;\n\n      // Compose alt property surrogate\n      alt = (typeof alt === 'string') ? {text: alt} : alt || {};\n      alt.text = alt.text || null;\n      alt.id = (alt.text) ? alt.id || 'qrcode-description' : null;\n\n      // Compose title property surrogate\n      title = (typeof title === 'string') ? {text: title} : title || {};\n      title.text = title.text || null;\n      title.id = (title.text) ? title.id || 'qrcode-title' : null;\n\n      var size = _this.getModuleCount() * cellSize + margin * 2;\n      var c, mc, r, mr, qrSvg='', rect;\n\n      rect = 'l' + cellSize + ',0 0,' + cellSize +\n        ' -' + cellSize + ',0 0,-' + cellSize + 'z ';\n\n      qrSvg += '<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"';\n      qrSvg += !opts.scalable ? ' width=\"' + size + 'px\" height=\"' + size + 'px\"' : '';\n      qrSvg += ' viewBox=\"0 0 ' + size + ' ' + size + '\" ';\n      qrSvg += ' preserveAspectRatio=\"xMinYMin meet\"';\n      qrSvg += (title.text || alt.text) ? ' role=\"img\" aria-labelledby=\"' +\n          escapeXml([title.id, alt.id].join(' ').trim() ) + '\"' : '';\n      qrSvg += '>';\n      qrSvg += (title.text) ? '<title id=\"' + escapeXml(title.id) + '\">' +\n          escapeXml(title.text) + '</title>' : '';\n      qrSvg += (alt.text) ? '<description id=\"' + escapeXml(alt.id) + '\">' +\n          escapeXml(alt.text) + '</description>' : '';\n      qrSvg += '<rect width=\"100%\" height=\"100%\" fill=\"white\" cx=\"0\" cy=\"0\"/>';\n      qrSvg += '<path d=\"';\n\n      for (r = 0; r < _this.getModuleCount(); r += 1) {\n        mr = r * cellSize + margin;\n        for (c = 0; c < _this.getModuleCount(); c += 1) {\n          if (_this.isDark(r, c) ) {\n            mc = c*cellSize+margin;\n            qrSvg += 'M' + mc + ',' + mr + rect;\n          }\n        }\n      }\n\n      qrSvg += '\" stroke=\"transparent\" fill=\"black\"/>';\n      qrSvg += '</svg>';\n\n      return qrSvg;\n    };\n\n    _this.createDataURL = function(cellSize, margin) {\n\n      cellSize = cellSize || 2;\n      margin = (typeof margin == 'undefined')? cellSize * 4 : margin;\n\n      var size = _this.getModuleCount() * cellSize + margin * 2;\n      var min = margin;\n      var max = size - margin;\n\n      return createDataURL(size, size, function(x, y) {\n        if (min <= x && x < max && min <= y && y < max) {\n          var c = Math.floor( (x - min) / cellSize);\n          var r = Math.floor( (y - min) / cellSize);\n          return _this.isDark(r, c)? 0 : 1;\n        } else {\n          return 1;\n        }\n      } );\n    };\n\n    _this.createImgTag = function(cellSize, margin, alt) {\n\n      cellSize = cellSize || 2;\n      margin = (typeof margin == 'undefined')? cellSize * 4 : margin;\n\n      var size = _this.getModuleCount() * cellSize + margin * 2;\n\n      var img = '';\n      img += '<img';\n      img += '\\u0020src=\"';\n      img += _this.createDataURL(cellSize, margin);\n      img += '\"';\n      img += '\\u0020width=\"';\n      img += size;\n      img += '\"';\n      img += '\\u0020height=\"';\n      img += size;\n      img += '\"';\n      if (alt) {\n        img += '\\u0020alt=\"';\n        img += escapeXml(alt);\n        img += '\"';\n      }\n      img += '/>';\n\n      return img;\n    };\n\n    var escapeXml = function(s) {\n      var escaped = '';\n      for (var i = 0; i < s.length; i += 1) {\n        var c = s.charAt(i);\n        switch(c) {\n        case '<': escaped += '&lt;'; break;\n        case '>': escaped += '&gt;'; break;\n        case '&': escaped += '&amp;'; break;\n        case '\"': escaped += '&quot;'; break;\n        default : escaped += c; break;\n        }\n      }\n      return escaped;\n    };\n\n    var _createHalfASCII = function(margin) {\n      var cellSize = 1;\n      margin = (typeof margin == 'undefined')? cellSize * 2 : margin;\n\n      var size = _this.getModuleCount() * cellSize + margin * 2;\n      var min = margin;\n      var max = size - margin;\n\n      var y, x, r1, r2, p;\n\n      var blocks = {\n        '██': '█',\n        '█ ': '▀',\n        ' █': '▄',\n        '  ': ' '\n      };\n\n      var blocksLastLineNoMargin = {\n        '██': '▀',\n        '█ ': '▀',\n        ' █': ' ',\n        '  ': ' '\n      };\n\n      var ascii = '';\n      for (y = 0; y < size; y += 2) {\n        r1 = Math.floor((y - min) / cellSize);\n        r2 = Math.floor((y + 1 - min) / cellSize);\n        for (x = 0; x < size; x += 1) {\n          p = '█';\n\n          if (min <= x && x < max && min <= y && y < max && _this.isDark(r1, Math.floor((x - min) / cellSize))) {\n            p = ' ';\n          }\n\n          if (min <= x && x < max && min <= y+1 && y+1 < max && _this.isDark(r2, Math.floor((x - min) / cellSize))) {\n            p += ' ';\n          }\n          else {\n            p += '█';\n          }\n\n          // Output 2 characters per pixel, to create full square. 1 character per pixels gives only half width of square.\n          ascii += (margin < 1 && y+1 >= max) ? blocksLastLineNoMargin[p] : blocks[p];\n        }\n\n        ascii += '\\n';\n      }\n\n      if (size % 2 && margin > 0) {\n        return ascii.substring(0, ascii.length - size - 1) + Array(size+1).join('▀');\n      }\n\n      return ascii.substring(0, ascii.length-1);\n    };\n\n    _this.createASCII = function(cellSize, margin) {\n      cellSize = cellSize || 1;\n\n      if (cellSize < 2) {\n        return _createHalfASCII(margin);\n      }\n\n      cellSize -= 1;\n      margin = (typeof margin == 'undefined')? cellSize * 2 : margin;\n\n      var size = _this.getModuleCount() * cellSize + margin * 2;\n      var min = margin;\n      var max = size - margin;\n\n      var y, x, r, p;\n\n      var white = Array(cellSize+1).join('██');\n      var black = Array(cellSize+1).join('  ');\n\n      var ascii = '';\n      var line = '';\n      for (y = 0; y < size; y += 1) {\n        r = Math.floor( (y - min) / cellSize);\n        line = '';\n        for (x = 0; x < size; x += 1) {\n          p = 1;\n\n          if (min <= x && x < max && min <= y && y < max && _this.isDark(r, Math.floor((x - min) / cellSize))) {\n            p = 0;\n          }\n\n          // Output 2 characters per pixel, to create full square. 1 character per pixels gives only half width of square.\n          line += p ? white : black;\n        }\n\n        for (r = 0; r < cellSize; r += 1) {\n          ascii += line + '\\n';\n        }\n      }\n\n      return ascii.substring(0, ascii.length-1);\n    };\n\n    _this.renderTo2dContext = function(context, cellSize) {\n      cellSize = cellSize || 2;\n      var length = _this.getModuleCount();\n      for (var row = 0; row < length; row++) {\n        for (var col = 0; col < length; col++) {\n          context.fillStyle = _this.isDark(row, col) ? 'black' : 'white';\n          context.fillRect(col * cellSize, row * cellSize, cellSize, cellSize);\n        }\n      }\n    }\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // qrcode.stringToBytes\n  //---------------------------------------------------------------------\n\n  qrcode.stringToBytesFuncs = {\n    'default' : function(s) {\n      var bytes = [];\n      for (var i = 0; i < s.length; i += 1) {\n        var c = s.charCodeAt(i);\n        bytes.push(c & 0xff);\n      }\n      return bytes;\n    }\n  };\n\n  qrcode.stringToBytes = qrcode.stringToBytesFuncs['default'];\n\n  //---------------------------------------------------------------------\n  // qrcode.createStringToBytes\n  //---------------------------------------------------------------------\n\n  /**\n   * @param unicodeData base64 string of byte array.\n   * [16bit Unicode],[16bit Bytes], ...\n   * @param numChars\n   */\n  qrcode.createStringToBytes = function(unicodeData, numChars) {\n\n    // create conversion map.\n\n    var unicodeMap = function() {\n\n      var bin = base64DecodeInputStream(unicodeData);\n      var read = function() {\n        var b = bin.read();\n        if (b == -1) throw 'eof';\n        return b;\n      };\n\n      var count = 0;\n      var unicodeMap = {};\n      while (true) {\n        var b0 = bin.read();\n        if (b0 == -1) break;\n        var b1 = read();\n        var b2 = read();\n        var b3 = read();\n        var k = String.fromCharCode( (b0 << 8) | b1);\n        var v = (b2 << 8) | b3;\n        unicodeMap[k] = v;\n        count += 1;\n      }\n      if (count != numChars) {\n        throw count + ' != ' + numChars;\n      }\n\n      return unicodeMap;\n    }();\n\n    var unknownChar = '?'.charCodeAt(0);\n\n    return function(s) {\n      var bytes = [];\n      for (var i = 0; i < s.length; i += 1) {\n        var c = s.charCodeAt(i);\n        if (c < 128) {\n          bytes.push(c);\n        } else {\n          var b = unicodeMap[s.charAt(i)];\n          if (typeof b == 'number') {\n            if ( (b & 0xff) == b) {\n              // 1byte\n              bytes.push(b);\n            } else {\n              // 2bytes\n              bytes.push(b >>> 8);\n              bytes.push(b & 0xff);\n            }\n          } else {\n            bytes.push(unknownChar);\n          }\n        }\n      }\n      return bytes;\n    };\n  };\n\n  //---------------------------------------------------------------------\n  // QRMode\n  //---------------------------------------------------------------------\n\n  var QRMode = {\n    MODE_NUMBER :    1 << 0,\n    MODE_ALPHA_NUM : 1 << 1,\n    MODE_8BIT_BYTE : 1 << 2,\n    MODE_KANJI :     1 << 3\n  };\n\n  //---------------------------------------------------------------------\n  // QRErrorCorrectionLevel\n  //---------------------------------------------------------------------\n\n  var QRErrorCorrectionLevel = {\n    L : 1,\n    M : 0,\n    Q : 3,\n    H : 2\n  };\n\n  //---------------------------------------------------------------------\n  // QRMaskPattern\n  //---------------------------------------------------------------------\n\n  var QRMaskPattern = {\n    PATTERN000 : 0,\n    PATTERN001 : 1,\n    PATTERN010 : 2,\n    PATTERN011 : 3,\n    PATTERN100 : 4,\n    PATTERN101 : 5,\n    PATTERN110 : 6,\n    PATTERN111 : 7\n  };\n\n  //---------------------------------------------------------------------\n  // QRUtil\n  //---------------------------------------------------------------------\n\n  var QRUtil = function() {\n\n    var PATTERN_POSITION_TABLE = [\n      [],\n      [6, 18],\n      [6, 22],\n      [6, 26],\n      [6, 30],\n      [6, 34],\n      [6, 22, 38],\n      [6, 24, 42],\n      [6, 26, 46],\n      [6, 28, 50],\n      [6, 30, 54],\n      [6, 32, 58],\n      [6, 34, 62],\n      [6, 26, 46, 66],\n      [6, 26, 48, 70],\n      [6, 26, 50, 74],\n      [6, 30, 54, 78],\n      [6, 30, 56, 82],\n      [6, 30, 58, 86],\n      [6, 34, 62, 90],\n      [6, 28, 50, 72, 94],\n      [6, 26, 50, 74, 98],\n      [6, 30, 54, 78, 102],\n      [6, 28, 54, 80, 106],\n      [6, 32, 58, 84, 110],\n      [6, 30, 58, 86, 114],\n      [6, 34, 62, 90, 118],\n      [6, 26, 50, 74, 98, 122],\n      [6, 30, 54, 78, 102, 126],\n      [6, 26, 52, 78, 104, 130],\n      [6, 30, 56, 82, 108, 134],\n      [6, 34, 60, 86, 112, 138],\n      [6, 30, 58, 86, 114, 142],\n      [6, 34, 62, 90, 118, 146],\n      [6, 30, 54, 78, 102, 126, 150],\n      [6, 24, 50, 76, 102, 128, 154],\n      [6, 28, 54, 80, 106, 132, 158],\n      [6, 32, 58, 84, 110, 136, 162],\n      [6, 26, 54, 82, 110, 138, 166],\n      [6, 30, 58, 86, 114, 142, 170]\n    ];\n    var G15 = (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0);\n    var G18 = (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0);\n    var G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1);\n\n    var _this = {};\n\n    var getBCHDigit = function(data) {\n      var digit = 0;\n      while (data != 0) {\n        digit += 1;\n        data >>>= 1;\n      }\n      return digit;\n    };\n\n    _this.getBCHTypeInfo = function(data) {\n      var d = data << 10;\n      while (getBCHDigit(d) - getBCHDigit(G15) >= 0) {\n        d ^= (G15 << (getBCHDigit(d) - getBCHDigit(G15) ) );\n      }\n      return ( (data << 10) | d) ^ G15_MASK;\n    };\n\n    _this.getBCHTypeNumber = function(data) {\n      var d = data << 12;\n      while (getBCHDigit(d) - getBCHDigit(G18) >= 0) {\n        d ^= (G18 << (getBCHDigit(d) - getBCHDigit(G18) ) );\n      }\n      return (data << 12) | d;\n    };\n\n    _this.getPatternPosition = function(typeNumber) {\n      return PATTERN_POSITION_TABLE[typeNumber - 1];\n    };\n\n    _this.getMaskFunction = function(maskPattern) {\n\n      switch (maskPattern) {\n\n      case QRMaskPattern.PATTERN000 :\n        return function(i, j) { return (i + j) % 2 == 0; };\n      case QRMaskPattern.PATTERN001 :\n        return function(i, j) { return i % 2 == 0; };\n      case QRMaskPattern.PATTERN010 :\n        return function(i, j) { return j % 3 == 0; };\n      case QRMaskPattern.PATTERN011 :\n        return function(i, j) { return (i + j) % 3 == 0; };\n      case QRMaskPattern.PATTERN100 :\n        return function(i, j) { return (Math.floor(i / 2) + Math.floor(j / 3) ) % 2 == 0; };\n      case QRMaskPattern.PATTERN101 :\n        return function(i, j) { return (i * j) % 2 + (i * j) % 3 == 0; };\n      case QRMaskPattern.PATTERN110 :\n        return function(i, j) { return ( (i * j) % 2 + (i * j) % 3) % 2 == 0; };\n      case QRMaskPattern.PATTERN111 :\n        return function(i, j) { return ( (i * j) % 3 + (i + j) % 2) % 2 == 0; };\n\n      default :\n        throw 'bad maskPattern:' + maskPattern;\n      }\n    };\n\n    _this.getErrorCorrectPolynomial = function(errorCorrectLength) {\n      var a = qrPolynomial([1], 0);\n      for (var i = 0; i < errorCorrectLength; i += 1) {\n        a = a.multiply(qrPolynomial([1, QRMath.gexp(i)], 0) );\n      }\n      return a;\n    };\n\n    _this.getLengthInBits = function(mode, type) {\n\n      if (1 <= type && type < 10) {\n\n        // 1 - 9\n\n        switch(mode) {\n        case QRMode.MODE_NUMBER    : return 10;\n        case QRMode.MODE_ALPHA_NUM : return 9;\n        case QRMode.MODE_8BIT_BYTE : return 8;\n        case QRMode.MODE_KANJI     : return 8;\n        default :\n          throw 'mode:' + mode;\n        }\n\n      } else if (type < 27) {\n\n        // 10 - 26\n\n        switch(mode) {\n        case QRMode.MODE_NUMBER    : return 12;\n        case QRMode.MODE_ALPHA_NUM : return 11;\n        case QRMode.MODE_8BIT_BYTE : return 16;\n        case QRMode.MODE_KANJI     : return 10;\n        default :\n          throw 'mode:' + mode;\n        }\n\n      } else if (type < 41) {\n\n        // 27 - 40\n\n        switch(mode) {\n        case QRMode.MODE_NUMBER    : return 14;\n        case QRMode.MODE_ALPHA_NUM : return 13;\n        case QRMode.MODE_8BIT_BYTE : return 16;\n        case QRMode.MODE_KANJI     : return 12;\n        default :\n          throw 'mode:' + mode;\n        }\n\n      } else {\n        throw 'type:' + type;\n      }\n    };\n\n    _this.getLostPoint = function(qrcode) {\n\n      var moduleCount = qrcode.getModuleCount();\n\n      var lostPoint = 0;\n\n      // LEVEL1\n\n      for (var row = 0; row < moduleCount; row += 1) {\n        for (var col = 0; col < moduleCount; col += 1) {\n\n          var sameCount = 0;\n          var dark = qrcode.isDark(row, col);\n\n          for (var r = -1; r <= 1; r += 1) {\n\n            if (row + r < 0 || moduleCount <= row + r) {\n              continue;\n            }\n\n            for (var c = -1; c <= 1; c += 1) {\n\n              if (col + c < 0 || moduleCount <= col + c) {\n                continue;\n              }\n\n              if (r == 0 && c == 0) {\n                continue;\n              }\n\n              if (dark == qrcode.isDark(row + r, col + c) ) {\n                sameCount += 1;\n              }\n            }\n          }\n\n          if (sameCount > 5) {\n            lostPoint += (3 + sameCount - 5);\n          }\n        }\n      };\n\n      // LEVEL2\n\n      for (var row = 0; row < moduleCount - 1; row += 1) {\n        for (var col = 0; col < moduleCount - 1; col += 1) {\n          var count = 0;\n          if (qrcode.isDark(row, col) ) count += 1;\n          if (qrcode.isDark(row + 1, col) ) count += 1;\n          if (qrcode.isDark(row, col + 1) ) count += 1;\n          if (qrcode.isDark(row + 1, col + 1) ) count += 1;\n          if (count == 0 || count == 4) {\n            lostPoint += 3;\n          }\n        }\n      }\n\n      // LEVEL3\n\n      for (var row = 0; row < moduleCount; row += 1) {\n        for (var col = 0; col < moduleCount - 6; col += 1) {\n          if (qrcode.isDark(row, col)\n              && !qrcode.isDark(row, col + 1)\n              &&  qrcode.isDark(row, col + 2)\n              &&  qrcode.isDark(row, col + 3)\n              &&  qrcode.isDark(row, col + 4)\n              && !qrcode.isDark(row, col + 5)\n              &&  qrcode.isDark(row, col + 6) ) {\n            lostPoint += 40;\n          }\n        }\n      }\n\n      for (var col = 0; col < moduleCount; col += 1) {\n        for (var row = 0; row < moduleCount - 6; row += 1) {\n          if (qrcode.isDark(row, col)\n              && !qrcode.isDark(row + 1, col)\n              &&  qrcode.isDark(row + 2, col)\n              &&  qrcode.isDark(row + 3, col)\n              &&  qrcode.isDark(row + 4, col)\n              && !qrcode.isDark(row + 5, col)\n              &&  qrcode.isDark(row + 6, col) ) {\n            lostPoint += 40;\n          }\n        }\n      }\n\n      // LEVEL4\n\n      var darkCount = 0;\n\n      for (var col = 0; col < moduleCount; col += 1) {\n        for (var row = 0; row < moduleCount; row += 1) {\n          if (qrcode.isDark(row, col) ) {\n            darkCount += 1;\n          }\n        }\n      }\n\n      var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;\n      lostPoint += ratio * 10;\n\n      return lostPoint;\n    };\n\n    return _this;\n  }();\n\n  //---------------------------------------------------------------------\n  // QRMath\n  //---------------------------------------------------------------------\n\n  var QRMath = function() {\n\n    var EXP_TABLE = new Array(256);\n    var LOG_TABLE = new Array(256);\n\n    // initialize tables\n    for (var i = 0; i < 8; i += 1) {\n      EXP_TABLE[i] = 1 << i;\n    }\n    for (var i = 8; i < 256; i += 1) {\n      EXP_TABLE[i] = EXP_TABLE[i - 4]\n        ^ EXP_TABLE[i - 5]\n        ^ EXP_TABLE[i - 6]\n        ^ EXP_TABLE[i - 8];\n    }\n    for (var i = 0; i < 255; i += 1) {\n      LOG_TABLE[EXP_TABLE[i] ] = i;\n    }\n\n    var _this = {};\n\n    _this.glog = function(n) {\n\n      if (n < 1) {\n        throw 'glog(' + n + ')';\n      }\n\n      return LOG_TABLE[n];\n    };\n\n    _this.gexp = function(n) {\n\n      while (n < 0) {\n        n += 255;\n      }\n\n      while (n >= 256) {\n        n -= 255;\n      }\n\n      return EXP_TABLE[n];\n    };\n\n    return _this;\n  }();\n\n  //---------------------------------------------------------------------\n  // qrPolynomial\n  //---------------------------------------------------------------------\n\n  function qrPolynomial(num, shift) {\n\n    if (typeof num.length == 'undefined') {\n      throw num.length + '/' + shift;\n    }\n\n    var _num = function() {\n      var offset = 0;\n      while (offset < num.length && num[offset] == 0) {\n        offset += 1;\n      }\n      var _num = new Array(num.length - offset + shift);\n      for (var i = 0; i < num.length - offset; i += 1) {\n        _num[i] = num[i + offset];\n      }\n      return _num;\n    }();\n\n    var _this = {};\n\n    _this.getAt = function(index) {\n      return _num[index];\n    };\n\n    _this.getLength = function() {\n      return _num.length;\n    };\n\n    _this.multiply = function(e) {\n\n      var num = new Array(_this.getLength() + e.getLength() - 1);\n\n      for (var i = 0; i < _this.getLength(); i += 1) {\n        for (var j = 0; j < e.getLength(); j += 1) {\n          num[i + j] ^= QRMath.gexp(QRMath.glog(_this.getAt(i) ) + QRMath.glog(e.getAt(j) ) );\n        }\n      }\n\n      return qrPolynomial(num, 0);\n    };\n\n    _this.mod = function(e) {\n\n      if (_this.getLength() - e.getLength() < 0) {\n        return _this;\n      }\n\n      var ratio = QRMath.glog(_this.getAt(0) ) - QRMath.glog(e.getAt(0) );\n\n      var num = new Array(_this.getLength() );\n      for (var i = 0; i < _this.getLength(); i += 1) {\n        num[i] = _this.getAt(i);\n      }\n\n      for (var i = 0; i < e.getLength(); i += 1) {\n        num[i] ^= QRMath.gexp(QRMath.glog(e.getAt(i) ) + ratio);\n      }\n\n      // recursive call\n      return qrPolynomial(num, 0).mod(e);\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // QRRSBlock\n  //---------------------------------------------------------------------\n\n  var QRRSBlock = function() {\n\n    var RS_BLOCK_TABLE = [\n\n      // L\n      // M\n      // Q\n      // H\n\n      // 1\n      [1, 26, 19],\n      [1, 26, 16],\n      [1, 26, 13],\n      [1, 26, 9],\n\n      // 2\n      [1, 44, 34],\n      [1, 44, 28],\n      [1, 44, 22],\n      [1, 44, 16],\n\n      // 3\n      [1, 70, 55],\n      [1, 70, 44],\n      [2, 35, 17],\n      [2, 35, 13],\n\n      // 4\n      [1, 100, 80],\n      [2, 50, 32],\n      [2, 50, 24],\n      [4, 25, 9],\n\n      // 5\n      [1, 134, 108],\n      [2, 67, 43],\n      [2, 33, 15, 2, 34, 16],\n      [2, 33, 11, 2, 34, 12],\n\n      // 6\n      [2, 86, 68],\n      [4, 43, 27],\n      [4, 43, 19],\n      [4, 43, 15],\n\n      // 7\n      [2, 98, 78],\n      [4, 49, 31],\n      [2, 32, 14, 4, 33, 15],\n      [4, 39, 13, 1, 40, 14],\n\n      // 8\n      [2, 121, 97],\n      [2, 60, 38, 2, 61, 39],\n      [4, 40, 18, 2, 41, 19],\n      [4, 40, 14, 2, 41, 15],\n\n      // 9\n      [2, 146, 116],\n      [3, 58, 36, 2, 59, 37],\n      [4, 36, 16, 4, 37, 17],\n      [4, 36, 12, 4, 37, 13],\n\n      // 10\n      [2, 86, 68, 2, 87, 69],\n      [4, 69, 43, 1, 70, 44],\n      [6, 43, 19, 2, 44, 20],\n      [6, 43, 15, 2, 44, 16],\n\n      // 11\n      [4, 101, 81],\n      [1, 80, 50, 4, 81, 51],\n      [4, 50, 22, 4, 51, 23],\n      [3, 36, 12, 8, 37, 13],\n\n      // 12\n      [2, 116, 92, 2, 117, 93],\n      [6, 58, 36, 2, 59, 37],\n      [4, 46, 20, 6, 47, 21],\n      [7, 42, 14, 4, 43, 15],\n\n      // 13\n      [4, 133, 107],\n      [8, 59, 37, 1, 60, 38],\n      [8, 44, 20, 4, 45, 21],\n      [12, 33, 11, 4, 34, 12],\n\n      // 14\n      [3, 145, 115, 1, 146, 116],\n      [4, 64, 40, 5, 65, 41],\n      [11, 36, 16, 5, 37, 17],\n      [11, 36, 12, 5, 37, 13],\n\n      // 15\n      [5, 109, 87, 1, 110, 88],\n      [5, 65, 41, 5, 66, 42],\n      [5, 54, 24, 7, 55, 25],\n      [11, 36, 12, 7, 37, 13],\n\n      // 16\n      [5, 122, 98, 1, 123, 99],\n      [7, 73, 45, 3, 74, 46],\n      [15, 43, 19, 2, 44, 20],\n      [3, 45, 15, 13, 46, 16],\n\n      // 17\n      [1, 135, 107, 5, 136, 108],\n      [10, 74, 46, 1, 75, 47],\n      [1, 50, 22, 15, 51, 23],\n      [2, 42, 14, 17, 43, 15],\n\n      // 18\n      [5, 150, 120, 1, 151, 121],\n      [9, 69, 43, 4, 70, 44],\n      [17, 50, 22, 1, 51, 23],\n      [2, 42, 14, 19, 43, 15],\n\n      // 19\n      [3, 141, 113, 4, 142, 114],\n      [3, 70, 44, 11, 71, 45],\n      [17, 47, 21, 4, 48, 22],\n      [9, 39, 13, 16, 40, 14],\n\n      // 20\n      [3, 135, 107, 5, 136, 108],\n      [3, 67, 41, 13, 68, 42],\n      [15, 54, 24, 5, 55, 25],\n      [15, 43, 15, 10, 44, 16],\n\n      // 21\n      [4, 144, 116, 4, 145, 117],\n      [17, 68, 42],\n      [17, 50, 22, 6, 51, 23],\n      [19, 46, 16, 6, 47, 17],\n\n      // 22\n      [2, 139, 111, 7, 140, 112],\n      [17, 74, 46],\n      [7, 54, 24, 16, 55, 25],\n      [34, 37, 13],\n\n      // 23\n      [4, 151, 121, 5, 152, 122],\n      [4, 75, 47, 14, 76, 48],\n      [11, 54, 24, 14, 55, 25],\n      [16, 45, 15, 14, 46, 16],\n\n      // 24\n      [6, 147, 117, 4, 148, 118],\n      [6, 73, 45, 14, 74, 46],\n      [11, 54, 24, 16, 55, 25],\n      [30, 46, 16, 2, 47, 17],\n\n      // 25\n      [8, 132, 106, 4, 133, 107],\n      [8, 75, 47, 13, 76, 48],\n      [7, 54, 24, 22, 55, 25],\n      [22, 45, 15, 13, 46, 16],\n\n      // 26\n      [10, 142, 114, 2, 143, 115],\n      [19, 74, 46, 4, 75, 47],\n      [28, 50, 22, 6, 51, 23],\n      [33, 46, 16, 4, 47, 17],\n\n      // 27\n      [8, 152, 122, 4, 153, 123],\n      [22, 73, 45, 3, 74, 46],\n      [8, 53, 23, 26, 54, 24],\n      [12, 45, 15, 28, 46, 16],\n\n      // 28\n      [3, 147, 117, 10, 148, 118],\n      [3, 73, 45, 23, 74, 46],\n      [4, 54, 24, 31, 55, 25],\n      [11, 45, 15, 31, 46, 16],\n\n      // 29\n      [7, 146, 116, 7, 147, 117],\n      [21, 73, 45, 7, 74, 46],\n      [1, 53, 23, 37, 54, 24],\n      [19, 45, 15, 26, 46, 16],\n\n      // 30\n      [5, 145, 115, 10, 146, 116],\n      [19, 75, 47, 10, 76, 48],\n      [15, 54, 24, 25, 55, 25],\n      [23, 45, 15, 25, 46, 16],\n\n      // 31\n      [13, 145, 115, 3, 146, 116],\n      [2, 74, 46, 29, 75, 47],\n      [42, 54, 24, 1, 55, 25],\n      [23, 45, 15, 28, 46, 16],\n\n      // 32\n      [17, 145, 115],\n      [10, 74, 46, 23, 75, 47],\n      [10, 54, 24, 35, 55, 25],\n      [19, 45, 15, 35, 46, 16],\n\n      // 33\n      [17, 145, 115, 1, 146, 116],\n      [14, 74, 46, 21, 75, 47],\n      [29, 54, 24, 19, 55, 25],\n      [11, 45, 15, 46, 46, 16],\n\n      // 34\n      [13, 145, 115, 6, 146, 116],\n      [14, 74, 46, 23, 75, 47],\n      [44, 54, 24, 7, 55, 25],\n      [59, 46, 16, 1, 47, 17],\n\n      // 35\n      [12, 151, 121, 7, 152, 122],\n      [12, 75, 47, 26, 76, 48],\n      [39, 54, 24, 14, 55, 25],\n      [22, 45, 15, 41, 46, 16],\n\n      // 36\n      [6, 151, 121, 14, 152, 122],\n      [6, 75, 47, 34, 76, 48],\n      [46, 54, 24, 10, 55, 25],\n      [2, 45, 15, 64, 46, 16],\n\n      // 37\n      [17, 152, 122, 4, 153, 123],\n      [29, 74, 46, 14, 75, 47],\n      [49, 54, 24, 10, 55, 25],\n      [24, 45, 15, 46, 46, 16],\n\n      // 38\n      [4, 152, 122, 18, 153, 123],\n      [13, 74, 46, 32, 75, 47],\n      [48, 54, 24, 14, 55, 25],\n      [42, 45, 15, 32, 46, 16],\n\n      // 39\n      [20, 147, 117, 4, 148, 118],\n      [40, 75, 47, 7, 76, 48],\n      [43, 54, 24, 22, 55, 25],\n      [10, 45, 15, 67, 46, 16],\n\n      // 40\n      [19, 148, 118, 6, 149, 119],\n      [18, 75, 47, 31, 76, 48],\n      [34, 54, 24, 34, 55, 25],\n      [20, 45, 15, 61, 46, 16]\n    ];\n\n    var qrRSBlock = function(totalCount, dataCount) {\n      var _this = {};\n      _this.totalCount = totalCount;\n      _this.dataCount = dataCount;\n      return _this;\n    };\n\n    var _this = {};\n\n    var getRsBlockTable = function(typeNumber, errorCorrectionLevel) {\n\n      switch(errorCorrectionLevel) {\n      case QRErrorCorrectionLevel.L :\n        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];\n      case QRErrorCorrectionLevel.M :\n        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];\n      case QRErrorCorrectionLevel.Q :\n        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];\n      case QRErrorCorrectionLevel.H :\n        return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];\n      default :\n        return undefined;\n      }\n    };\n\n    _this.getRSBlocks = function(typeNumber, errorCorrectionLevel) {\n\n      var rsBlock = getRsBlockTable(typeNumber, errorCorrectionLevel);\n\n      if (typeof rsBlock == 'undefined') {\n        throw 'bad rs block @ typeNumber:' + typeNumber +\n            '/errorCorrectionLevel:' + errorCorrectionLevel;\n      }\n\n      var length = rsBlock.length / 3;\n\n      var list = [];\n\n      for (var i = 0; i < length; i += 1) {\n\n        var count = rsBlock[i * 3 + 0];\n        var totalCount = rsBlock[i * 3 + 1];\n        var dataCount = rsBlock[i * 3 + 2];\n\n        for (var j = 0; j < count; j += 1) {\n          list.push(qrRSBlock(totalCount, dataCount) );\n        }\n      }\n\n      return list;\n    };\n\n    return _this;\n  }();\n\n  //---------------------------------------------------------------------\n  // qrBitBuffer\n  //---------------------------------------------------------------------\n\n  var qrBitBuffer = function() {\n\n    var _buffer = [];\n    var _length = 0;\n\n    var _this = {};\n\n    _this.getBuffer = function() {\n      return _buffer;\n    };\n\n    _this.getAt = function(index) {\n      var bufIndex = Math.floor(index / 8);\n      return ( (_buffer[bufIndex] >>> (7 - index % 8) ) & 1) == 1;\n    };\n\n    _this.put = function(num, length) {\n      for (var i = 0; i < length; i += 1) {\n        _this.putBit( ( (num >>> (length - i - 1) ) & 1) == 1);\n      }\n    };\n\n    _this.getLengthInBits = function() {\n      return _length;\n    };\n\n    _this.putBit = function(bit) {\n\n      var bufIndex = Math.floor(_length / 8);\n      if (_buffer.length <= bufIndex) {\n        _buffer.push(0);\n      }\n\n      if (bit) {\n        _buffer[bufIndex] |= (0x80 >>> (_length % 8) );\n      }\n\n      _length += 1;\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // qrNumber\n  //---------------------------------------------------------------------\n\n  var qrNumber = function(data) {\n\n    var _mode = QRMode.MODE_NUMBER;\n    var _data = data;\n\n    var _this = {};\n\n    _this.getMode = function() {\n      return _mode;\n    };\n\n    _this.getLength = function(buffer) {\n      return _data.length;\n    };\n\n    _this.write = function(buffer) {\n\n      var data = _data;\n\n      var i = 0;\n\n      while (i + 2 < data.length) {\n        buffer.put(strToNum(data.substring(i, i + 3) ), 10);\n        i += 3;\n      }\n\n      if (i < data.length) {\n        if (data.length - i == 1) {\n          buffer.put(strToNum(data.substring(i, i + 1) ), 4);\n        } else if (data.length - i == 2) {\n          buffer.put(strToNum(data.substring(i, i + 2) ), 7);\n        }\n      }\n    };\n\n    var strToNum = function(s) {\n      var num = 0;\n      for (var i = 0; i < s.length; i += 1) {\n        num = num * 10 + chatToNum(s.charAt(i) );\n      }\n      return num;\n    };\n\n    var chatToNum = function(c) {\n      if ('0' <= c && c <= '9') {\n        return c.charCodeAt(0) - '0'.charCodeAt(0);\n      }\n      throw 'illegal char :' + c;\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // qrAlphaNum\n  //---------------------------------------------------------------------\n\n  var qrAlphaNum = function(data) {\n\n    var _mode = QRMode.MODE_ALPHA_NUM;\n    var _data = data;\n\n    var _this = {};\n\n    _this.getMode = function() {\n      return _mode;\n    };\n\n    _this.getLength = function(buffer) {\n      return _data.length;\n    };\n\n    _this.write = function(buffer) {\n\n      var s = _data;\n\n      var i = 0;\n\n      while (i + 1 < s.length) {\n        buffer.put(\n          getCode(s.charAt(i) ) * 45 +\n          getCode(s.charAt(i + 1) ), 11);\n        i += 2;\n      }\n\n      if (i < s.length) {\n        buffer.put(getCode(s.charAt(i) ), 6);\n      }\n    };\n\n    var getCode = function(c) {\n\n      if ('0' <= c && c <= '9') {\n        return c.charCodeAt(0) - '0'.charCodeAt(0);\n      } else if ('A' <= c && c <= 'Z') {\n        return c.charCodeAt(0) - 'A'.charCodeAt(0) + 10;\n      } else {\n        switch (c) {\n        case ' ' : return 36;\n        case '$' : return 37;\n        case '%' : return 38;\n        case '*' : return 39;\n        case '+' : return 40;\n        case '-' : return 41;\n        case '.' : return 42;\n        case '/' : return 43;\n        case ':' : return 44;\n        default :\n          throw 'illegal char :' + c;\n        }\n      }\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // qr8BitByte\n  //---------------------------------------------------------------------\n\n  var qr8BitByte = function(data) {\n\n    var _mode = QRMode.MODE_8BIT_BYTE;\n    var _data = data;\n    var _bytes = qrcode.stringToBytes(data);\n\n    var _this = {};\n\n    _this.getMode = function() {\n      return _mode;\n    };\n\n    _this.getLength = function(buffer) {\n      return _bytes.length;\n    };\n\n    _this.write = function(buffer) {\n      for (var i = 0; i < _bytes.length; i += 1) {\n        buffer.put(_bytes[i], 8);\n      }\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // qrKanji\n  //---------------------------------------------------------------------\n\n  var qrKanji = function(data) {\n\n    var _mode = QRMode.MODE_KANJI;\n    var _data = data;\n\n    var stringToBytes = qrcode.stringToBytesFuncs['SJIS'];\n    if (!stringToBytes) {\n      throw 'sjis not supported.';\n    }\n    !function(c, code) {\n      // self test for sjis support.\n      var test = stringToBytes(c);\n      if (test.length != 2 || ( (test[0] << 8) | test[1]) != code) {\n        throw 'sjis not supported.';\n      }\n    }('\\u53cb', 0x9746);\n\n    var _bytes = stringToBytes(data);\n\n    var _this = {};\n\n    _this.getMode = function() {\n      return _mode;\n    };\n\n    _this.getLength = function(buffer) {\n      return ~~(_bytes.length / 2);\n    };\n\n    _this.write = function(buffer) {\n\n      var data = _bytes;\n\n      var i = 0;\n\n      while (i + 1 < data.length) {\n\n        var c = ( (0xff & data[i]) << 8) | (0xff & data[i + 1]);\n\n        if (0x8140 <= c && c <= 0x9FFC) {\n          c -= 0x8140;\n        } else if (0xE040 <= c && c <= 0xEBBF) {\n          c -= 0xC140;\n        } else {\n          throw 'illegal char at ' + (i + 1) + '/' + c;\n        }\n\n        c = ( (c >>> 8) & 0xff) * 0xC0 + (c & 0xff);\n\n        buffer.put(c, 13);\n\n        i += 2;\n      }\n\n      if (i < data.length) {\n        throw 'illegal char at ' + (i + 1);\n      }\n    };\n\n    return _this;\n  };\n\n  //=====================================================================\n  // GIF Support etc.\n  //\n\n  //---------------------------------------------------------------------\n  // byteArrayOutputStream\n  //---------------------------------------------------------------------\n\n  var byteArrayOutputStream = function() {\n\n    var _bytes = [];\n\n    var _this = {};\n\n    _this.writeByte = function(b) {\n      _bytes.push(b & 0xff);\n    };\n\n    _this.writeShort = function(i) {\n      _this.writeByte(i);\n      _this.writeByte(i >>> 8);\n    };\n\n    _this.writeBytes = function(b, off, len) {\n      off = off || 0;\n      len = len || b.length;\n      for (var i = 0; i < len; i += 1) {\n        _this.writeByte(b[i + off]);\n      }\n    };\n\n    _this.writeString = function(s) {\n      for (var i = 0; i < s.length; i += 1) {\n        _this.writeByte(s.charCodeAt(i) );\n      }\n    };\n\n    _this.toByteArray = function() {\n      return _bytes;\n    };\n\n    _this.toString = function() {\n      var s = '';\n      s += '[';\n      for (var i = 0; i < _bytes.length; i += 1) {\n        if (i > 0) {\n          s += ',';\n        }\n        s += _bytes[i];\n      }\n      s += ']';\n      return s;\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // base64EncodeOutputStream\n  //---------------------------------------------------------------------\n\n  var base64EncodeOutputStream = function() {\n\n    var _buffer = 0;\n    var _buflen = 0;\n    var _length = 0;\n    var _base64 = '';\n\n    var _this = {};\n\n    var writeEncoded = function(b) {\n      _base64 += String.fromCharCode(encode(b & 0x3f) );\n    };\n\n    var encode = function(n) {\n      if (n < 0) {\n        // error.\n      } else if (n < 26) {\n        return 0x41 + n;\n      } else if (n < 52) {\n        return 0x61 + (n - 26);\n      } else if (n < 62) {\n        return 0x30 + (n - 52);\n      } else if (n == 62) {\n        return 0x2b;\n      } else if (n == 63) {\n        return 0x2f;\n      }\n      throw 'n:' + n;\n    };\n\n    _this.writeByte = function(n) {\n\n      _buffer = (_buffer << 8) | (n & 0xff);\n      _buflen += 8;\n      _length += 1;\n\n      while (_buflen >= 6) {\n        writeEncoded(_buffer >>> (_buflen - 6) );\n        _buflen -= 6;\n      }\n    };\n\n    _this.flush = function() {\n\n      if (_buflen > 0) {\n        writeEncoded(_buffer << (6 - _buflen) );\n        _buffer = 0;\n        _buflen = 0;\n      }\n\n      if (_length % 3 != 0) {\n        // padding\n        var padlen = 3 - _length % 3;\n        for (var i = 0; i < padlen; i += 1) {\n          _base64 += '=';\n        }\n      }\n    };\n\n    _this.toString = function() {\n      return _base64;\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // base64DecodeInputStream\n  //---------------------------------------------------------------------\n\n  var base64DecodeInputStream = function(str) {\n\n    var _str = str;\n    var _pos = 0;\n    var _buffer = 0;\n    var _buflen = 0;\n\n    var _this = {};\n\n    _this.read = function() {\n\n      while (_buflen < 8) {\n\n        if (_pos >= _str.length) {\n          if (_buflen == 0) {\n            return -1;\n          }\n          throw 'unexpected end of file./' + _buflen;\n        }\n\n        var c = _str.charAt(_pos);\n        _pos += 1;\n\n        if (c == '=') {\n          _buflen = 0;\n          return -1;\n        } else if (c.match(/^\\s$/) ) {\n          // ignore if whitespace.\n          continue;\n        }\n\n        _buffer = (_buffer << 6) | decode(c.charCodeAt(0) );\n        _buflen += 6;\n      }\n\n      var n = (_buffer >>> (_buflen - 8) ) & 0xff;\n      _buflen -= 8;\n      return n;\n    };\n\n    var decode = function(c) {\n      if (0x41 <= c && c <= 0x5a) {\n        return c - 0x41;\n      } else if (0x61 <= c && c <= 0x7a) {\n        return c - 0x61 + 26;\n      } else if (0x30 <= c && c <= 0x39) {\n        return c - 0x30 + 52;\n      } else if (c == 0x2b) {\n        return 62;\n      } else if (c == 0x2f) {\n        return 63;\n      } else {\n        throw 'c:' + c;\n      }\n    };\n\n    return _this;\n  };\n\n  //---------------------------------------------------------------------\n  // gifImage (B/W)\n  //---------------------------------------------------------------------\n\n  var gifImage = function(width, height) {\n\n    var _width = width;\n    var _height = height;\n    var _data = new Array(width * height);\n\n    var _this = {};\n\n    _this.setPixel = function(x, y, pixel) {\n      _data[y * _width + x] = pixel;\n    };\n\n    _this.write = function(out) {\n\n      //---------------------------------\n      // GIF Signature\n\n      out.writeString('GIF87a');\n\n      //---------------------------------\n      // Screen Descriptor\n\n      out.writeShort(_width);\n      out.writeShort(_height);\n\n      out.writeByte(0x80); // 2bit\n      out.writeByte(0);\n      out.writeByte(0);\n\n      //---------------------------------\n      // Global Color Map\n\n      // black\n      out.writeByte(0x00);\n      out.writeByte(0x00);\n      out.writeByte(0x00);\n\n      // white\n      out.writeByte(0xff);\n      out.writeByte(0xff);\n      out.writeByte(0xff);\n\n      //---------------------------------\n      // Image Descriptor\n\n      out.writeString(',');\n      out.writeShort(0);\n      out.writeShort(0);\n      out.writeShort(_width);\n      out.writeShort(_height);\n      out.writeByte(0);\n\n      //---------------------------------\n      // Local Color Map\n\n      //---------------------------------\n      // Raster Data\n\n      var lzwMinCodeSize = 2;\n      var raster = getLZWRaster(lzwMinCodeSize);\n\n      out.writeByte(lzwMinCodeSize);\n\n      var offset = 0;\n\n      while (raster.length - offset > 255) {\n        out.writeByte(255);\n        out.writeBytes(raster, offset, 255);\n        offset += 255;\n      }\n\n      out.writeByte(raster.length - offset);\n      out.writeBytes(raster, offset, raster.length - offset);\n      out.writeByte(0x00);\n\n      //---------------------------------\n      // GIF Terminator\n      out.writeString(';');\n    };\n\n    var bitOutputStream = function(out) {\n\n      var _out = out;\n      var _bitLength = 0;\n      var _bitBuffer = 0;\n\n      var _this = {};\n\n      _this.write = function(data, length) {\n\n        if ( (data >>> length) != 0) {\n          throw 'length over';\n        }\n\n        while (_bitLength + length >= 8) {\n          _out.writeByte(0xff & ( (data << _bitLength) | _bitBuffer) );\n          length -= (8 - _bitLength);\n          data >>>= (8 - _bitLength);\n          _bitBuffer = 0;\n          _bitLength = 0;\n        }\n\n        _bitBuffer = (data << _bitLength) | _bitBuffer;\n        _bitLength = _bitLength + length;\n      };\n\n      _this.flush = function() {\n        if (_bitLength > 0) {\n          _out.writeByte(_bitBuffer);\n        }\n      };\n\n      return _this;\n    };\n\n    var getLZWRaster = function(lzwMinCodeSize) {\n\n      var clearCode = 1 << lzwMinCodeSize;\n      var endCode = (1 << lzwMinCodeSize) + 1;\n      var bitLength = lzwMinCodeSize + 1;\n\n      // Setup LZWTable\n      var table = lzwTable();\n\n      for (var i = 0; i < clearCode; i += 1) {\n        table.add(String.fromCharCode(i) );\n      }\n      table.add(String.fromCharCode(clearCode) );\n      table.add(String.fromCharCode(endCode) );\n\n      var byteOut = byteArrayOutputStream();\n      var bitOut = bitOutputStream(byteOut);\n\n      // clear code\n      bitOut.write(clearCode, bitLength);\n\n      var dataIndex = 0;\n\n      var s = String.fromCharCode(_data[dataIndex]);\n      dataIndex += 1;\n\n      while (dataIndex < _data.length) {\n\n        var c = String.fromCharCode(_data[dataIndex]);\n        dataIndex += 1;\n\n        if (table.contains(s + c) ) {\n\n          s = s + c;\n\n        } else {\n\n          bitOut.write(table.indexOf(s), bitLength);\n\n          if (table.size() < 0xfff) {\n\n            if (table.size() == (1 << bitLength) ) {\n              bitLength += 1;\n            }\n\n            table.add(s + c);\n          }\n\n          s = c;\n        }\n      }\n\n      bitOut.write(table.indexOf(s), bitLength);\n\n      // end code\n      bitOut.write(endCode, bitLength);\n\n      bitOut.flush();\n\n      return byteOut.toByteArray();\n    };\n\n    var lzwTable = function() {\n\n      var _map = {};\n      var _size = 0;\n\n      var _this = {};\n\n      _this.add = function(key) {\n        if (_this.contains(key) ) {\n          throw 'dup key:' + key;\n        }\n        _map[key] = _size;\n        _size += 1;\n      };\n\n      _this.size = function() {\n        return _size;\n      };\n\n      _this.indexOf = function(key) {\n        return _map[key];\n      };\n\n      _this.contains = function(key) {\n        return typeof _map[key] != 'undefined';\n      };\n\n      return _this;\n    };\n\n    return _this;\n  };\n\n  var createDataURL = function(width, height, getPixel) {\n    var gif = gifImage(width, height);\n    for (var y = 0; y < height; y += 1) {\n      for (var x = 0; x < width; x += 1) {\n        gif.setPixel(x, y, getPixel(x, y) );\n      }\n    }\n\n    var b = byteArrayOutputStream();\n    gif.write(b);\n\n    var base64 = base64EncodeOutputStream();\n    var bytes = b.toByteArray();\n    for (var i = 0; i < bytes.length; i += 1) {\n      base64.writeByte(bytes[i]);\n    }\n    base64.flush();\n\n    return 'data:image/gif;base64,' + base64;\n  };\n\n  //---------------------------------------------------------------------\n  // returns qrcode function.\n\n  return qrcode;\n}();\n\n// multibyte support\n!function() {\n\n  qrcode.stringToBytesFuncs['UTF-8'] = function(s) {\n    // http://stackoverflow.com/questions/18729405/how-to-convert-utf8-string-to-byte-array\n    function toUTF8Array(str) {\n      var utf8 = [];\n      for (var i=0; i < str.length; i++) {\n        var charcode = str.charCodeAt(i);\n        if (charcode < 0x80) utf8.push(charcode);\n        else if (charcode < 0x800) {\n          utf8.push(0xc0 | (charcode >> 6),\n              0x80 | (charcode & 0x3f));\n        }\n        else if (charcode < 0xd800 || charcode >= 0xe000) {\n          utf8.push(0xe0 | (charcode >> 12),\n              0x80 | ((charcode>>6) & 0x3f),\n              0x80 | (charcode & 0x3f));\n        }\n        // surrogate pair\n        else {\n          i++;\n          // UTF-16 encodes 0x10000-0x10FFFF by\n          // subtracting 0x10000 and splitting the\n          // 20 bits of 0x0-0xFFFFF into two halves\n          charcode = 0x10000 + (((charcode & 0x3ff)<<10)\n            | (str.charCodeAt(i) & 0x3ff));\n          utf8.push(0xf0 | (charcode >>18),\n              0x80 | ((charcode>>12) & 0x3f),\n              0x80 | ((charcode>>6) & 0x3f),\n              0x80 | (charcode & 0x3f));\n        }\n      }\n      return utf8;\n    }\n    return toUTF8Array(s);\n  };\n\n}();\n\n(function (factory) {\n  if (typeof define === 'function' && define.amd) {\n      define([], factory);\n  } else if (typeof exports === 'object') {\n      module.exports = factory();\n  }\n}(function () {\n    return qrcode;\n}));\n","import { sendHttpRequest } from \"../../utils/utils\";\r\n\r\n// 文件上传流水号SDK\r\nconst uploadNumberSDK = {\r\n    number: '',\r\n    isWorking: false,\r\n    close: async function (params?: {\r\n        onOk?: () => void;\r\n        onError?: () => void;\r\n    }) {\r\n        const { onOk, onError } = params ?? {};\r\n        const { number } = this;\r\n        if (number) {\r\n            const result = await sendHttpRequest({\r\n                url: `/resource/update_id/${number}`,\r\n                method: 'delete',\r\n            });\r\n            if (result.success) {\r\n                this.number = '';\r\n                onOk?.();\r\n            } else {\r\n                onError?.();\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport default uploadNumberSDK;",".mobile-upload {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.btn {\r\n    position: relative;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n}\r\n\r\n.btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.btn:hover::after {\r\n    background-color: rgba(0,0,0,0.04);\r\n}\r\n\r\n.btn-link {\r\n    color: #0D75FB;\r\n}\r\n\r\n.btn-default {\r\n    background-color: #ffffff;\r\n    color: #0D75FB;\r\n    border: 1px solid #0D75FB;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: #0D75FB;\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n.loading {\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.mask {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.5);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 10000;\r\n}\r\n\r\n.mask .upload-wrapper {\r\n    width: 540px;\r\n    max-width: 80%;\r\n    max-height: 80%;\r\n    background-color: #ffffff;\r\n    padding: 32px 24px;\r\n    border-radius: 16px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.mask .upload-wrapper .upload-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.time-expire {\r\n    margin: 8px 0;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #555555;\r\n}\r\n\r\n.time-count-down {\r\n    margin-left: 8px;\r\n    color: #0D75FB;\r\n}\r\n\r\n.alert-tip {\r\n    margin-top: 8px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.qrcode-wrapper {\r\n    width: 160px;\r\n    height: 160px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 4px;\r\n    padding: 1px;\r\n}\r\n\r\n.qrcode-wrapper .qrcode {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.modal-footer {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.modal-footer .btn {\r\n    min-width: 100px;\r\n}\r\n\r\n.qrcode-textarea {\r\n    width: calc(100% - 16px);\r\n    min-height: 120px;\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.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, State, Event, h, EventEmitter } from \"@stencil/core\";\r\nimport qrcode from 'qrcode-generator'\r\nimport { sendHttpRequest, PCM_DOMAIN } from \"../../utils/utils\";\r\nimport { Message } from \"../../services/message.service\";\r\nimport uploadNumberSDK from \"./uploadNumberSDK\";\r\n\r\n@Component({\r\n    tag: 'components-mobile-input-btn',\r\n    styleUrls: ['components-mobile-input-btn.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class ComponentsMobileInputBtn {\r\n    // 标题\r\n    @Prop() name: string = '';\r\n    /**\r\n     * 最大文件数\r\n     */\r\n    @Prop() rows: number = 8;\r\n    /**\r\n     * 最大文件大小\r\n     */\r\n    @Prop() maxLength: number = undefined;\r\n    /**\r\n     * 填写请求头\r\n     */\r\n    @Prop() uploadHeaders?: Record<string, any>;\r\n    /**\r\n     * 填写请求参数\r\n     */\r\n    @Prop() uploadParams?: Record<string, any>;\r\n\r\n    @State() QR_CODE_VALID_TIME: number = 0;\r\n    @State() open: boolean = false;\r\n    @State() mobileUrl: string = '';\r\n    @State() setStartMobileUpload: boolean = false;\r\n    @State() startMobileUploadLoading: boolean = false;\r\n    @State() qrcodeStatus: 'active' | 'expired' | 'loading' | undefined = 'loading';\r\n    @State() value: string = '';\r\n    @State() expireTime: string = ''; // 过期时间\r\n\r\n    @Event() ok: EventEmitter<string>;\r\n\r\n    private setStartMobileUploadWrapper = (e: boolean) => {\r\n        uploadNumberSDK.isWorking = e;\r\n        this.setStartMobileUpload = e;\r\n    }\r\n\r\n    @State() qrcodeUrl: string = '';\r\n    private setMobileUrlWrapper = (e: string) => {\r\n        this.mobileUrl = e;\r\n        if (e) {\r\n            const qr = qrcode(0, 'M');\r\n            qr.addData(e);\r\n            qr.make();\r\n            this.qrcodeUrl = qr.createDataURL(4, 0);\r\n        } else {\r\n            this.qrcodeUrl = '';\r\n        }\r\n    }\r\n\r\n    // 轮询流水号数据\r\n    private pollingQueryNumberInfo = async (num: any) => {\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id/${num}/status`,\r\n            method: 'get',\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n                custom_data?: any;\r\n            } = res.data ?? {};\r\n            const { custom_data } = resData;\r\n            this.value = custom_data ?? '';\r\n        }\r\n        if (uploadNumberSDK.isWorking) {\r\n            setTimeout(() => {\r\n                this.pollingQueryNumberInfo(num);\r\n            }, 3000);\r\n        }\r\n    }\r\n\r\n    private handleStartMobileUpload = async () => {\r\n        const that = this;\r\n        this.qrcodeStatus = 'loading';\r\n        this.startMobileUploadLoading = true;\r\n        const params = this.uploadParams ?? {};\r\n        const reqData: {\r\n            cfg?: Record<string, any>;\r\n        } = {\r\n            cfg: {\r\n                fromUserName: '',\r\n                fromUserId: '',\r\n                upload: that.uploadParams,\r\n                name: that.name,\r\n                rows: that.rows,\r\n                maxLength: that.maxLength,\r\n                params,\r\n            },\r\n        }\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id`,\r\n            method: 'post',\r\n            data: reqData,\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n                now?: any;\r\n            } = res.data ?? {};\r\n            uploadNumberSDK.number = resData.update_id;\r\n            // 计算过期时间:创建后+1小时\r\n            const expireDate = new Date(Date.now() + 3600 * 1000);\r\n            this.expireTime = `${expireDate.getHours().toString().padStart(2, '0')}:${expireDate.getMinutes().toString().padStart(2, '0')}`;\r\n            const theMobileUrl = `${PCM_DOMAIN}/agents/inputByCode?num=${uploadNumberSDK.number}`;\r\n            this.setMobileUrlWrapper(theMobileUrl)\r\n            this.setStartMobileUploadWrapper(true);\r\n            this.qrcodeStatus = 'active';\r\n            // 开启轮询\r\n            this.pollingQueryNumberInfo(uploadNumberSDK.number);\r\n        }\r\n        this.startMobileUploadLoading = false;\r\n    }\r\n\r\n    // 取消手机填写\r\n    @State() cancelLoading = false;\r\n    private cancelMobileUpload = async () => {\r\n        this.cancelLoading = true;\r\n        await uploadNumberSDK.close({\r\n            onError() {\r\n                Message.info('取消失败');\r\n            }\r\n        })\r\n        this.cancelLoading = false;\r\n        this.QR_CODE_VALID_TIME = 0;\r\n        this.expireTime = '';\r\n        this.setStartMobileUploadWrapper(false);\r\n        this.setMobileUrlWrapper('');\r\n        this.qrcodeStatus = 'expired';\r\n        this.value = '';\r\n        this.open = false;\r\n    }\r\n\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                    <div class=\"mobile-upload\">\r\n                        <div\r\n                            class=\"btn btn-link\"\r\n                            onClick={() => {\r\n                                this.open = true;\r\n                                this.handleStartMobileUpload();\r\n                            }}\r\n                        >扫码填写</div>\r\n                    </div>\r\n                    {\r\n                        this.open && <div class=\"mask\">\r\n                            <div class=\"upload-wrapper\">\r\n                                {\r\n                                    this.setStartMobileUpload ? <div class=\"upload-box\">\r\n                                        <div class=\"qrcode-wrapper\">\r\n                                            {\r\n                                                this.qrcodeStatus === 'active' && <img class=\"qrcode\" src={this.qrcodeUrl} />\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'loading' && <span class=\"loading\">加载中...</span>\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'expired' && <div\r\n                                                    class=\"btn btn-link\"\r\n                                                    onClick={this.handleStartMobileUpload}\r\n                                                >重新获取</div>\r\n                                            }\r\n                                        </div>\r\n                                        <div class=\"time-expire\">\r\n                                            二维码有效期至 {this.expireTime}\r\n                                        </div>\r\n                                        <div class=\"alert-tip\">\r\n                                            填写过程中请不要关闭此弹窗\r\n                                        </div>\r\n                                        {\r\n                                            this.qrcodeStatus === 'active' && <div\r\n                                                style={{ marginTop: '12px', fontSize: '12px' }}\r\n                                                class=\"btn btn-link\"\r\n                                                onClick={() => {\r\n                                                    navigator.clipboard\r\n                                                        .writeText(this.mobileUrl)\r\n                                                        .then(() => {\r\n                                                            Message.success(\"已复制到剪贴板\");\r\n                                                        })\r\n                                                        .catch(() => {\r\n                                                            Message.error(\"复制失败\");\r\n                                                        });\r\n                                                }}\r\n                                            >复制二维码地址</div>\r\n                                        }\r\n                                    </div> : (this.startMobileUploadLoading && <span class=\"loading\">加载中...</span>)\r\n                                }\r\n                                {/* 填写文件列表 */}\r\n                                <div style={{ marginTop: '12px' }}>\r\n                                    {\r\n                                        !!this.value?.length && <textarea\r\n                                            readOnly\r\n                                            class=\"qrcode-textarea\"\r\n                                            value={this.value}\r\n                                            onChange={(e: any) => {\r\n                                                this.value = e.target.value;\r\n                                            }}\r\n                                        />\r\n                                    }\r\n                                </div>\r\n                                <div class=\"modal-footer\">\r\n                                    <div class=\"btn btn-default\" onClick={this.cancelMobileUpload}>取消</div>\r\n                                    <div class=\"btn btn-primary\" onClick={() => {\r\n                                        if (!this.value) {\r\n                                            Message.info(`请输入内容`);\r\n                                            return;\r\n                                        }\r\n                                        if (this.value.length > this.maxLength) {\r\n                                            Message.info(`输入内容不能超过${this.maxLength}个字符`);\r\n                                            return;\r\n                                        }\r\n                                        this.ok.emit(this.value);\r\n                                        this.cancelMobileUpload();\r\n                                    }}>完成</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n        )\r\n    }\r\n}","import { sendHttpRequest } from \"../../utils/utils\";\r\n\r\n// 文件上传流水号SDK\r\nconst uploadNumberSDK = {\r\n    number: '',\r\n    isWorking: false,\r\n    close: async function (params?: {\r\n        onOk?: () => void;\r\n        onError?: () => void;\r\n    }) {\r\n        const { onOk, onError } = params ?? {};\r\n        const { number } = this;\r\n        if (number) {\r\n            const result = await sendHttpRequest({\r\n                url: `/resource/update_id/${number}`,\r\n                method: 'delete',\r\n            });\r\n            if (result.success) {\r\n                this.number = '';\r\n                onOk?.();\r\n            } else {\r\n                onError?.();\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport default uploadNumberSDK;",".upload-area {\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.upload-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 12px;\r\n    width: 100%;\r\n}\r\n\r\n.upload-placeholder {\r\n    width: 100%;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder img {\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n\r\n.upload-placeholder p {\r\n    text-align: center;\r\n}\r\n\r\n.upload-text {\r\n    margin: 8px 0;\r\n}\r\n\r\n.upload-hint {\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.file-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 8px 0;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    min-width: 0;\r\n}\r\n\r\n.file-name {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n.remove-file {\r\n    border: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n}\r\n\r\n.mobile-upload {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.btn {\r\n    position: relative;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n}\r\n\r\n.btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.btn:hover::after {\r\n    background-color: rgba(0,0,0,0.04);\r\n}\r\n\r\n.btn-link {\r\n    color: #0D75FB;\r\n}\r\n\r\n.btn-default {\r\n    background-color: #ffffff;\r\n    color: #0D75FB;\r\n    border: 1px solid #0D75FB;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: #0D75FB;\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n.loading {\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.mask {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.5);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 10000;\r\n}\r\n\r\n.mask .upload-wrapper {\r\n    width: 540px;\r\n    max-width: 80%;\r\n    max-height: 80%;\r\n    background-color: #ffffff;\r\n    padding: 32px 24px;\r\n    border-radius: 16px;\r\n    overflow-y: auto;\r\n}\r\n\r\n.mask .upload-wrapper .upload-box {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.time-expire {\r\n    margin: 8px 0;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #555555;\r\n}\r\n\r\n.time-count-down {\r\n    margin-left: 8px;\r\n    color: #0D75FB;\r\n}\r\n\r\n.alert-tip {\r\n    margin-top: 8px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999999;\r\n}\r\n\r\n.qrcode-wrapper {\r\n    width: 160px;\r\n    height: 160px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 4px;\r\n    padding: 1px;\r\n}\r\n\r\n.qrcode-wrapper .qrcode {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.modal-footer {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.modal-footer .btn {\r\n    min-width: 100px;\r\n}","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, State, Event, h, EventEmitter, Method } from \"@stencil/core\";\r\nimport { FileUploadResponse, sendHttpRequest, PCM_DOMAIN } from \"../../utils/utils\";\r\nimport uploadNumberSDK from \"./uploadNumberSDK\";\r\nimport { Message } from \"../../services/message.service\";\r\nimport qrcode from 'qrcode-generator'\r\n\r\n@Component({\r\n    tag: 'components-mobile-upload-btn',\r\n    styleUrls: ['components-mobile-upload-btn.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class ComponentsMobileUploadBtn {\r\n    /**\r\n     * 是否支持多文件上传\r\n     */\r\n    @Prop() multiple: boolean = false;\r\n    /**\r\n     * 支持的文件后缀列表（需要带上小数点.）\r\n     */\r\n    @Prop() acceptFileSuffixList: string[] = [];\r\n    /**\r\n     * 最大文件数\r\n     */\r\n    @Prop() maxFileCount: number = Infinity;\r\n    /**\r\n     * 最大文件大小\r\n     */\r\n    @Prop() maxFileSize: number = Infinity;\r\n    /**\r\n     * 上传请求头\r\n     */\r\n    @Prop() uploadHeaders?: Record<string, unknown>;\r\n    /**\r\n     * 上传请求参数\r\n     */\r\n    @Prop() uploadParams?: Record<string, unknown>;\r\n    /**\r\n     * 是否使用上传区域样式\r\n     */\r\n    @Prop() uploadAreaMode: boolean = false;\r\n    /**\r\n     * 是否禁用上传\r\n     */\r\n    @Prop() disabled: boolean = false;\r\n    /**\r\n     * 默认文件列表\r\n     */\r\n    @Prop() defaultFileList: FileUploadResponse[] = [];\r\n    /**\r\n     * 上传区域提示文本\r\n     */\r\n    @Prop() uploadText: string = '点击上传简历';\r\n    @State() QR_CODE_VALID_TIME: number = 0;\r\n    @State() open: boolean = false;\r\n    @State() mobileUrl: string = '';\r\n    @State() setStartMobileUpload: boolean = false;\r\n    @State() startMobileUploadLoading: boolean = false;\r\n    @State() qrcodeStatus: 'active' | 'expired' | 'loading' | undefined = 'loading';\r\n    @State() value: FileUploadResponse[] = [];\r\n    @State() mobileUploadFiles: FileUploadResponse[] = [];\r\n    @State() expireTime: string = ''; // 过期时间\r\n\r\n    @Event() ok: EventEmitter<FileUploadResponse[]>;\r\n\r\n    componentWillLoad(): void {\r\n        this.value = [...this.defaultFileList];\r\n    }\r\n\r\n    @Method()\r\n    async getIsUploading(): Promise<boolean> {\r\n        return this.startMobileUploadLoading;\r\n    }\r\n\r\n    @Method()\r\n    async clearSelectedFiles(): Promise<void> {\r\n        this.value = [];\r\n    }\r\n\r\n    private setStartMobileUploadWrapper = (e: boolean) => {\r\n        uploadNumberSDK.isWorking = e;\r\n        this.setStartMobileUpload = e;\r\n    }\r\n\r\n    @State() qrcodeUrl: string = '';\r\n    private setMobileUrlWrapper = (e: string) => {\r\n        this.mobileUrl = e;\r\n        if (e) {\r\n            const qr = qrcode(0, 'M');\r\n            qr.addData(e);\r\n            qr.make();\r\n            this.qrcodeUrl = qr.createDataURL(4, 0);\r\n        } else {\r\n            this.qrcodeUrl = '';\r\n        }\r\n    }\r\n\r\n    // 轮询流水号数据\r\n    private pollingQueryNumberInfo = async (num: string): Promise<void> => {\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id/${num}/status`,\r\n            method: 'get',\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n            } = res.data ?? {};\r\n            const { file_list } = resData;\r\n            this.mobileUploadFiles = file_list ?? [];\r\n        }\r\n        if (uploadNumberSDK.isWorking) {\r\n            setTimeout(() => {\r\n                this.pollingQueryNumberInfo(num);\r\n            }, 3000);\r\n        }\r\n    }\r\n\r\n    private handleStartMobileUpload = async () => {\r\n        const that = this;\r\n        this.qrcodeStatus = 'loading';\r\n        this.startMobileUploadLoading = true;\r\n        const params = this.uploadParams ?? {};\r\n        const tags = Array.isArray(params.tags) ? params.tags as string[] : undefined;\r\n        const reqData: {\r\n            tags?: string[];\r\n            cfg?: Record<string, any>;\r\n            is_knowledge_doc?: boolean,\r\n        } = {\r\n            is_knowledge_doc: false,\r\n            tags,\r\n            cfg: {\r\n                maxSize: that.maxFileSize,\r\n                maxCount: that.multiple ? that.maxFileCount : 1,\r\n                fromUserName: '',\r\n                fromUserId: '',\r\n                customAccept: that.acceptFileSuffixList.join(','),\r\n                upload: that.uploadParams,\r\n            },\r\n        }\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id`,\r\n            method: 'post',\r\n            data: reqData,\r\n        });\r\n        if (res?.success) {\r\n            const resData: {\r\n                update_id?: any;\r\n                tags?: any;\r\n                status?: any;\r\n                file_list?: any;\r\n                user_id?: any;\r\n                cfg?: any;\r\n                iat?: any;\r\n                exp?: any;\r\n                now?: any;\r\n                custom_data?: any;\r\n            } = res.data ?? {};\r\n            uploadNumberSDK.number = resData.update_id;\r\n            // 计算过期时间:创建后+1小时\r\n            const expireDate = new Date(Date.now() + 3600 * 1000);\r\n            this.expireTime = `${expireDate.getHours().toString().padStart(2, '0')}:${expireDate.getMinutes().toString().padStart(2, '0')}`;\r\n            const theMobileUrl = `${PCM_DOMAIN}/agents/uploadFileByCode?num=${uploadNumberSDK.number}`;\r\n            this.setMobileUrlWrapper(theMobileUrl)\r\n            this.setStartMobileUploadWrapper(true);\r\n            this.qrcodeStatus = 'active';\r\n            // 开启轮询\r\n            this.pollingQueryNumberInfo(uploadNumberSDK.number);\r\n        }\r\n        this.startMobileUploadLoading = false;\r\n    }\r\n\r\n    // 取消手机上传\r\n    @State() cancelLoading = false;\r\n    private cancelMobileUpload = async (clearValue: boolean = true) => {\r\n        this.cancelLoading = true;\r\n        await uploadNumberSDK.close({\r\n            onError() {\r\n                Message.info('取消失败');\r\n            }\r\n        })\r\n        this.cancelLoading = false;\r\n        this.QR_CODE_VALID_TIME = 0;\r\n        this.expireTime = '';\r\n        this.setStartMobileUploadWrapper(false);\r\n        this.setMobileUrlWrapper('');\r\n        this.qrcodeStatus = 'expired';\r\n        if (clearValue) {\r\n            this.mobileUploadFiles = [];\r\n        }\r\n        this.open = false;\r\n    }\r\n\r\n    // 删除文件\r\n    private handleDelete = async (cos_key: any) => {\r\n        const res = await sendHttpRequest({\r\n            url: `/sdk/v1/update_id/${uploadNumberSDK.number}/file`,\r\n            method: 'delete',\r\n            params: {\r\n                update_id: uploadNumberSDK.number,\r\n                cos_key,\r\n            }\r\n        });\r\n        if (res?.success) {\r\n            this.mobileUploadFiles = this.mobileUploadFiles.filter(it => it.cos_key !== cos_key);\r\n            this.value = this.value.filter(it => it.cos_key !== cos_key);\r\n            this.ok.emit(this.value);\r\n        }\r\n    }\r\n\r\n\r\n    private handleOpenUpload = (): void => {\r\n        if (this.disabled) return;\r\n        if (this.maxFileCount <= this.value.length) {\r\n            Message.info('文件数量已达到上限！');\r\n            return;\r\n        }\r\n        this.mobileUploadFiles = [];\r\n        this.open = true;\r\n        this.handleStartMobileUpload();\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                    {this.uploadAreaMode ? <div class=\"upload-area-mode\">\r\n                        <div class=\"upload-area\">\r\n                            {this.value.map((item, index) => <div class=\"file-item\" key={item.cos_key || index}>\r\n                                <div class=\"file-item-content\">\r\n                                    <span class=\"file-icon\">📝</span>\r\n                                    <span class=\"file-name\">{item.file_name}</span>\r\n                                </div>\r\n                                {!this.disabled && <button class=\"remove-file\" onClick={(event) => {\r\n                                    event.stopPropagation();\r\n                                    this.handleDelete(item.cos_key);\r\n                                }}>×</button>}\r\n                            </div>)}\r\n                        </div>\r\n                        {!this.disabled && this.value.length < this.maxFileCount && <div class=\"upload-actions\">\r\n                            <div class=\"upload-placeholder\" onClick={this.handleOpenUpload}>\r\n                                <img src=\"https://pub.pincaimao.com/static/web/images/home/i_upload.png\" />\r\n                                <p class=\"upload-text\">{this.uploadText}</p>\r\n                                {!!this.acceptFileSuffixList.length && <p class=\"upload-hint\">支持 {this.acceptFileSuffixList.join('、')} 格式。</p>}\r\n                            </div>\r\n                        </div>}\r\n                    </div> : <div class=\"mobile-upload\">\r\n                        <div class=\"btn btn-link\" onClick={this.handleOpenUpload}>扫码上传</div>\r\n                    </div>}\r\n                    {\r\n                        this.open && <div class=\"mask\">\r\n                            <div class=\"upload-wrapper\">\r\n                                {\r\n                                    this.setStartMobileUpload ? <div class=\"upload-box\">\r\n                                        <div class=\"qrcode-wrapper\">\r\n                                            {\r\n                                                this.qrcodeStatus === 'active' && <img class=\"qrcode\" src={this.qrcodeUrl} />\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'loading' && <span class=\"loading\">加载中...</span>\r\n                                            }\r\n                                            {\r\n                                                this.qrcodeStatus === 'expired' && <div\r\n                                                    class=\"btn btn-link\"\r\n                                                    onClick={this.handleStartMobileUpload}\r\n                                                >重新获取</div>\r\n                                            }\r\n                                        </div>\r\n                                        <div class=\"time-expire\">\r\n                                            二维码有效期至 {this.expireTime}\r\n                                        </div>\r\n                                        <div class=\"alert-tip\">\r\n                                            上传过程中请不要关闭此弹窗\r\n                                        </div>\r\n                                        {\r\n                                            this.qrcodeStatus === 'active' && <div\r\n                                                style={{ marginTop: '12px', fontSize: '12px' }}\r\n                                                class=\"btn btn-link\"\r\n                                                onClick={() => {\r\n                                                    navigator.clipboard\r\n                                                        .writeText(this.mobileUrl)\r\n                                                        .then(() => {\r\n                                                            Message.success(\"已复制到剪贴板\");\r\n                                                        })\r\n                                                        .catch(() => {\r\n                                                            Message.error(\"复制失败\");\r\n                                                        });\r\n                                                }}\r\n                                            >复制二维码地址</div>\r\n                                        }\r\n                                    </div> : (this.startMobileUploadLoading && <span class=\"loading\">加载中...</span>)\r\n                                }\r\n                                {/* 上传文件列表 */}\r\n                                <div style={{ marginTop: '12px' }}>\r\n                                    {\r\n                                        this.mobileUploadFiles.map((item, index) => {\r\n                                            return <div class=\"file-item\" key={index}>\r\n                                                <div class=\"file-item-content\">\r\n                                                    <span class=\"file-icon\">📝</span>\r\n                                                    <span class=\"file-name\">{item?.file_name}</span>\r\n                                                </div>\r\n                                                <button class=\"remove-file\" onClick={(e) => {\r\n                                                    e.stopPropagation();\r\n                                                    this.handleDelete(item.cos_key)\r\n                                                }}>×</button>\r\n                                            </div>\r\n                                        })\r\n                                    }\r\n                                </div>\r\n                                <div class=\"modal-footer\">\r\n                                    <div class=\"btn btn-default\" onClick={() => this.cancelMobileUpload()}>取消</div>\r\n                                    <div class=\"btn btn-primary\" onClick={() => {\r\n                                        if (this.value.length + this.mobileUploadFiles.length > this.maxFileCount) {\r\n                                            Message.info(`最多只能选择${this.maxFileCount}个文件，请删除多余文件!`);\r\n                                            return;\r\n                                        }\r\n                                        this.value = this.multiple\r\n                                            ? [...this.value, ...this.mobileUploadFiles]\r\n                                            : this.mobileUploadFiles.slice(0, 1);\r\n                                        this.ok.emit(this.value);\r\n                                        this.cancelMobileUpload(false);\r\n                                    }}>完成</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n        )\r\n    }\r\n}",":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100%;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-height: 100%;\r\n}\r\n\r\n/* 数字人视频背景层 */\r\n.digital-human-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.digital-human-background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  max-width: 1200px;\r\n}\r\n\r\n/* 当没有数字人时的默认背景 */\r\n.modal-container:not(.digital-human-mode) {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 90vh;\r\n  max-height: 800px;\r\n}\r\n\r\n/* 内容层 */\r\n.modal-content-layer {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 20%,\r\n    rgba(0, 0, 0, 0.1) 80%,\r\n    rgba(0, 0, 0, 0.4) 100%\r\n  );\r\n}\r\n\r\n.main-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; /* 水平居中 */\r\n  overflow: hidden;\r\n  padding: 24px 24px 40px 24px; /* 增加底部间距 */\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: -webkit-fill-available;\r\n}\r\n\r\n.chat-history-section {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.ai-message-item {\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  animation: fadeIn 0.5s ease-in-out;\r\n}\r\n\r\n.recording-preview-top-right {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 180px;\r\n  height: 120px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  background-color: #000;\r\n  z-index: 10;\r\n}\r\n\r\n.user-video-preview {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.recording-status-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: white;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  margin-top: 4px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  animation: slideInUp 0.5s ease-out;\r\n  line-height: 40px;\r\n}\r\n\r\n.audio-waveform {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n}\r\n\r\n.waveform-bar {\r\n  width: 4px;\r\n  margin: 0 2px;\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border-radius: 2px;\r\n  height: 6px;\r\n  animation: waveform-animation 1.2s infinite ease-in-out;\r\n}\r\n\r\n.waveform-bar:nth-child(1) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(2) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(3) {\r\n  animation-delay: 0.5s;\r\n}\r\n.waveform-bar:nth-child(4) {\r\n  animation-delay: 0.2s;\r\n}\r\n.waveform-bar:nth-child(5) {\r\n  animation-delay: 0.4s;\r\n}\r\n.waveform-bar:nth-child(6) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(7) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(8) {\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes waveform-animation {\r\n  0%,\r\n  100% {\r\n    height: 6px;\r\n  }\r\n  50% {\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  font-family: 'Courier New', Courier, monospace;\r\n}\r\n\r\n.finish-recording-btn {\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transition:\r\n    background-color 0.3s,\r\n    transform 0.2s;\r\n}\r\n\r\n.finish-recording-btn:hover {\r\n  background-color: #148a3f;\r\n}\r\n\r\n.finish-recording-btn:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.status-indicator-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: #595959;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.status-indicator-text.loading .loading-spinner-small {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: 2px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: #595959;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.status-indicator-text.error {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.status-indicator-text.ready {\r\n  color: #16a34a;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus + .input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 移动端也基于父组件尺寸 */\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 100%;\r\n    border-radius: 16px 16px 0 0;\r\n    /* 保留安全区域支持 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n}\r\n\r\n/* 工作区样式 */\r\n.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\r\n\r\n\r\n/* 历史会话抽屉样式 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}\r\n\r\n/* AI消息显示样式 */\r\n.ai-message-item {\r\n  box-sizing: border-box;\r\n  margin: 0 auto;\r\n  animation: messageSlideIn 0.3s ease-out;\r\n  width: 100%;\r\n  padding: 40px;\r\n}\r\n\r\n.ai-message-item.streaming {\r\n  position: relative;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ai-message-content {\r\n  box-sizing: border-box;\r\n  color: #fff;\r\n  padding: 40px 48px;\r\n  border-radius: 32px;\r\n  font-family: \"Microsoft YaHei\", \"PingFang SC\", sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  word-wrap: break-word;\r\n  backdrop-filter: blur(100px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  margin-bottom: 16px;\r\n  max-width: 100%;\r\n  text-align: left;\r\n}\r\n\r\n/* 打字指示器 */\r\n.typing-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 16px 48px;\r\n  margin-top: -16px;\r\n}\r\n\r\n.typing-indicator span {\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  background: #4facfe;\r\n  animation: typingPulse 1.4s ease-in-out infinite;\r\n  opacity: 0.6;\r\n}\r\n\r\n.typing-indicator span:nth-child(1) { animation-delay: 0s; }\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes typingPulse {\r\n  0%, 60%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  30% {\r\n    transform: scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 字幕区域响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n  .ai-message-item {\r\n    padding: 30px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 32px 40px;\r\n    font-size: 30px;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 12px 40px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .ai-message-item {\r\n    padding: 0;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 28px 36px;\r\n    font-size: 28px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 10px 36px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n}\r\n\r\n\r\n.waveform-bar {\r\n  width: 3px;\r\n  background: #4facfe;\r\n  border-radius: 2px;\r\n  min-height: 2px;\r\n  animation: waveformAnimation 1.2s ease-in-out infinite alternate;\r\n  transform-origin: bottom;\r\n}\r\n\r\n@keyframes waveformAnimation {\r\n  0% { transform: scaleY(0.2); }\r\n  100% { transform: scaleY(1); }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n.close-button{\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 20;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button:hover {\r\n  background: rgba(255, 255, 255, 1);\r\n  border-color: rgba(0, 0, 0, 0.15);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.close-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button svg {\r\n  color: #666;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.close-button:hover svg {\r\n  color: #333;\r\n}\r\n\r\n/* 结束面试按钮容器 */\r\n.end-interview-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-bottom: 4px;\r\n  padding-left: 0;\r\n}\r\n\r\n/* 结束面试按钮 */\r\n.end-interview-button {\r\n  padding: 5px 10px;\r\n  background-color: #ff4d4f;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n.end-interview-button:hover {\r\n  background-color: #ff7875;\r\n  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.end-interview-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n}\r\n\r\n.end-interview-button:disabled {\r\n  background-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\r\n\r\n\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}",":host {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.position-selector-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #fff;\r\n}\r\n\r\n/* 搜索栏样式 */\r\n.search-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-input-wrapper {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  min-width: 200px;\r\n  max-width: 500px;\r\n}\r\n\r\n.search-icon {\r\n  position: absolute;\r\n  left: 12px;\r\n  color: #bfbfbf;\r\n  pointer-events: none;\r\n}\r\n\r\n.search-input {\r\n  width: 100%;\r\n  height: 36px;\r\n  padding: 4px 36px 4px 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  background-image: none;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.search-input:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-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.search-input::placeholder {\r\n  color: #bfbfbf;\r\n}\r\n\r\n.clear-button {\r\n  position: absolute;\r\n  right: 12px;\r\n  background: none;\r\n  border: none;\r\n  padding: 4px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #bfbfbf;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.clear-button:hover {\r\n  color: #8c8c8c;\r\n}\r\n\r\n.search-button {\r\n  padding: 4px 15px;\r\n  height: 36px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.search-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.search-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\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  padding: 40px;\r\n  gap: 16px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f0f0f0;\r\n  border-top-color: #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n/* 空状态 */\r\n.empty-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 60px 20px;\r\n  gap: 16px;\r\n}\r\n\r\n.empty-icon {\r\n  opacity: 0.5;\r\n}\r\n\r\n.empty-text {\r\n  margin: 0;\r\n  color: #8c8c8c;\r\n  font-size: 14px;\r\n}\r\n\r\n/* 职位列表 */\r\n.position-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  min-height: 0;\r\n}\r\n\r\n.table-container {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n}\r\n\r\n.position-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-size: 14px;\r\n}\r\n\r\n.position-table thead {\r\n  background-color: #fafafa;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.position-table th {\r\n  padding: 12px 16px;\r\n  text-align: left;\r\n  font-weight: 500;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  border-bottom: 1px solid #f0f0f0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.position-table td {\r\n  padding: 12px 16px;\r\n  border-bottom: 1px solid #f0f0f0;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n.position-table tbody tr {\r\n  transition: background-color 0.3s;\r\n}\r\n\r\n.position-table tbody tr:hover {\r\n  background-color: #fafafa;\r\n}\r\n\r\n.position-table tbody tr.selected-row {\r\n  background-color: #e6f7ff;\r\n}\r\n\r\n/* 列宽设置 */\r\n.checkbox-column {\r\n  width: 50px;\r\n  text-align: center;\r\n}\r\n\r\n.title-column {\r\n  min-width: 150px;\r\n  max-width: 200px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.company-column {\r\n  min-width: 120px;\r\n  max-width: 180px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.location-column {\r\n  min-width: 100px;\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.requirements-column {\r\n  min-width: 200px;\r\n  max-width: 300px;\r\n}\r\n\r\n.requirements-text {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 2;\r\n  -webkit-box-orient: vertical;\r\n  white-space: normal;\r\n  word-break: break-word;\r\n  line-height: 1.5;\r\n}\r\n\r\n.salary-column {\r\n  min-width: 100px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.action-column {\r\n  width: 100px;\r\n  text-align: center;\r\n}\r\n\r\n/* 复选框样式 */\r\n.position-checkbox {\r\n  width: 16px;\r\n  height: 16px;\r\n  cursor: pointer;\r\n  accent-color: #1890ff;\r\n}\r\n\r\n/* 选择按钮 */\r\n.select-button {\r\n  padding: 4px 15px;\r\n  height: 28px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: #fff;\r\n  background-color: #1890ff;\r\n  border: 1px solid #1890ff;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.select-button:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.select-button:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n  .search-bar {\r\n    padding: 12px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .search-input-wrapper {\r\n    min-width: auto;\r\n    max-width: none;\r\n  }\r\n\r\n  .search-input {\r\n    height: 40px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .search-button {\r\n    height: 40px;\r\n    padding: 4px 12px;\r\n  }\r\n\r\n  .table-container {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .position-table {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .position-table th,\r\n  .position-table td {\r\n    padding: 8px 12px;\r\n  }\r\n\r\n  .title-column,\r\n  .company-column,\r\n  .location-column {\r\n    min-width: 100px;\r\n  }\r\n\r\n  .select-button {\r\n    padding: 4px 12px;\r\n    height: 32px;\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n/* 分页器样式 */\r\n.pagination-container {\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 #f0f0f0;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.pagination-button {\r\n  padding: 4px 15px;\r\n  height: 32px;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  border-radius: 6px;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: #fff;\r\n  border: 1px solid #d9d9d9;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.pagination-button:hover:not(:disabled) {\r\n  color: #40a9ff;\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.pagination-button:active:not(:disabled) {\r\n  color: #096dd9;\r\n  border-color: #096dd9;\r\n}\r\n\r\n.pagination-button:disabled {\r\n  color: rgba(0, 0, 0, 0.25);\r\n  background-color: #f5f5f5;\r\n  border-color: #d9d9d9;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.pagination-info {\r\n  font-size: 14px;\r\n  color: rgba(0, 0, 0, 0.65);\r\n}\r\n\r\n/* 滚动条样式 */\r\n.position-list::-webkit-scrollbar {\r\n  width: 8px;\r\n  height: 8px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-track {\r\n  background: #f1f1f1;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb {\r\n  background: #888;\r\n  border-radius: 4px;\r\n}\r\n\r\n.position-list::-webkit-scrollbar-thumb:hover {\r\n  background: #555;\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    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n","/* Loading 状态 */\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  padding: 80px 20px;\r\n  background: #fff;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 48px;\r\n  height: 48px;\r\n  border: 4px solid #e8e8e8;\r\n  border-top-color: #0D75FB;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-text {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  color: #333;\r\n  margin-top: 24px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.loading-subtext {\r\n  font-size: 14px;\r\n  color: #666;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.loading-dots {\r\n  display: flex;\r\n  gap: 8px;\r\n}\r\n\r\n.dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background-color: #0D75FB;\r\n  animation: pulse 1.5s ease-in-out infinite;\r\n}\r\n\r\n.dot.delay-1 {\r\n  animation-delay: 0.2s;\r\n}\r\n\r\n.dot.delay-2 {\r\n  animation-delay: 0.4s;\r\n}\r\n\r\n@keyframes pulse {\r\n  0%, 100% {\r\n    opacity: 0.4;\r\n    transform: scale(0.8);\r\n  }\r\n  50% {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n}\r\n\r\n/* 错误状态 */\r\n.error-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 80px 20px;\r\n  background: #fff;\r\n}\r\n\r\n.error-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  background-color: #fee2e2;\r\n  color: #ef4444;\r\n  font-size: 24px;\r\n  font-weight: bold;\r\n}\r\n\r\n.error-text {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: #666;\r\n  margin-top: 16px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.retry-button {\r\n  padding: 10px 24px;\r\n  background-color: #0D75FB;\r\n  color: #fff;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.retry-button:hover {\r\n  background-color: #0a5fd9;\r\n}\r\n\r\n/* 分析视图 */\r\n.analysis-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n  padding: 20px;\r\n  background: #fff;\r\n}\r\n\r\n.analysis-header {\r\n  flex-shrink: 0;\r\n  padding-bottom: 16px;\r\n}\r\n\r\n.analysis-title {\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.analysis-desc {\r\n  font-size: 14px;\r\n  color: #666;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n/* Tab 样式 */\r\n.tab-container {\r\n  display: flex;\r\n  gap: 8px;\r\n  padding: 4px;\r\n  background-color: #f5f5f5;\r\n  border-radius: 8px;\r\n}\r\n\r\n.tab-button {\r\n  padding: 8px 16px;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 14px;\r\n  color: #666;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.tab-button:hover {\r\n  color: #333;\r\n}\r\n\r\n.tab-button.active {\r\n  background-color: #0D75FB;\r\n  color: #fff;\r\n}\r\n\r\n/* iframe 容器 */\r\n.iframe-container {\r\n  flex: 1;\r\n  width: 100%;\r\n  min-height: 400px;\r\n  height: 85vh;\r\n  overflow: hidden;\r\n  padding: 20px;\r\n}\r\n\r\n.iframe-container iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n}\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: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n}\r\n\r\n.fullscreen-overlay {\r\n  background: rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 12px;\r\n  width: 90%;\r\n  max-width: 1200px;\r\n  height: 90vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.fullscreen {\r\n  width: 100%;\r\n  height: 100%;\r\n  max-width: 100%;\r\n  border-radius: 0;\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: 16px 20px;\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: 12px;\r\n}\r\n\r\n.header-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n  object-fit: contain;\r\n}\r\n\r\n.close-button {\r\n  background: transparent;\r\n  border: none;\r\n  font-size: 24px;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 4px 8px;\r\n  line-height: 1;\r\n}\r\n\r\n.close-button:hover {\r\n  color: #333;\r\n}\r\n\r\n/* 响应式 */\r\n@media screen and (max-width: 768px) {\r\n  .modal-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 100%;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .analysis-title {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .tab-container {\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .tab-button {\r\n    padding: 6px 12px;\r\n    font-size: 12px;\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    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { PCM_DOMAIN, sendSSERequest } from '../../utils/utils';\r\nimport { ConversationStartEventData, StreamCompleteEventData, InterviewCompleteEventData } from '../../interfaces/events';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { verifyApiKey } from '../../utils/utils';\r\n\r\n/**\r\n * 千岗千简历分析包装组件\r\n * 支持 optimizationType:\r\n * - 0: 直接改写（不使用此组件，使用 pcm-app-chat-modal）\r\n * - 1: 改进建议（发起流式请求后显示改进建议 iframe）\r\n * - 2: 深度分析（发起流式请求后显示包含三个 Tab 的分析视图）\r\n */\r\n\r\n@Component({\r\n  tag: 'components-thousand-resume-wrapper',\r\n  styleUrls: ['components-thousand-resume-wrapper.css', '../../global/global.css', '../../global/host.css'],\r\n  shadow: true,\r\n})\r\nexport class ComponentsThousandResumeWrapper {\r\n  /**\r\n   * SDK鉴权密钥\r\n   */\r\n  @Prop({ attribute: 'token' }) token!: string;\r\n\r\n  /**\r\n   * 是否显示模态框\r\n   */\r\n  @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n  /**\r\n   * 会话ID，传入继续对话，否则创建新会话\r\n   */\r\n  @Prop({ mutable: true }) conversationId?: string;\r\n\r\n  /**\r\n   * 机器人ID\r\n   */\r\n  @Prop() botId: string = '45444431062634496';\r\n\r\n  /**\r\n   * 优化类型<br>\r\n   * 1: 改进建议 - 显示改进建议 iframe<br>\r\n   * 2: 深度分析 - 显示包含三个 Tab 的分析视图（深度分析、改进建议、简历内容）\r\n   */\r\n  @Prop() optimizationType: number = 1;\r\n\r\n  /**\r\n   * 自定义输入参数\r\n   */\r\n  @Prop() customInputs: Record<string, any> = {};\r\n\r\n  /**\r\n   * 默认查询文本\r\n   */\r\n  @Prop() defaultQuery: string = '生成简历格式数据';\r\n\r\n  /**\r\n   * 模态框标题\r\n   */\r\n  @Prop() modalTitle: string = '千岗千简历';\r\n\r\n  /**\r\n   * 应用图标URL\r\n   */\r\n  @Prop() icon?: string;\r\n\r\n  /**\r\n   * 是否全屏模式\r\n   */\r\n  @Prop() fullscreen: boolean = false;\r\n\r\n  /**\r\n   * 页面层级\r\n   */\r\n  @Prop() zIndex?: number = 1000;\r\n\r\n  /**\r\n   * 是否展示顶部标题栏\r\n   */\r\n  @Prop() isShowHeader: boolean = true;\r\n\r\n  /**\r\n   * 是否展示关闭按钮\r\n   */\r\n  @Prop() isNeedClose: boolean = true;\r\n\r\n  /**\r\n   * 当点击模态框关闭时触发\r\n   */\r\n  @Event() modalClosed: EventEmitter<void>;\r\n\r\n  /**\r\n   * 新会话开始的回调\r\n   */\r\n  @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n  /**\r\n   * 流式输出完成事件\r\n   */\r\n  @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n  /**\r\n   * 当聊天完成时触发\r\n   */\r\n  @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n  /**\r\n   * 错误事件\r\n   */\r\n  @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n  /**\r\n   * SDK密钥验证失败事件\r\n   */\r\n  @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n  @State() isLoading: boolean = true;\r\n  @State() internalConversationId?: string;\r\n  @State() error: string = '';\r\n  @State() activeTab: 'analysis' | 'suggestions' | 'resume' = 'analysis';\r\n\r\n  @Element() hostElement: HTMLElement;\r\n\r\n  private tokenInvalidListener: () => void;\r\n  private removeErrorListener: () => void;\r\n\r\n  @Watch('token')\r\n  handleTokenChange(newToken: string) {\r\n    if (newToken && newToken !== authStore.getToken()) {\r\n      authStore.setToken(newToken);\r\n    }\r\n  }\r\n\r\n  @Watch('isOpen')\r\n  async handleIsOpenChange(newValue: boolean) {\r\n    if (!newValue) {\r\n      // 重置状态\r\n      this.isLoading = true;\r\n      this.internalConversationId = undefined;\r\n      this.error = '';\r\n      this.activeTab = 'analysis';\r\n    } else {\r\n      await verifyApiKey(this.token);\r\n\r\n      if (this.conversationId) {\r\n        // 有历史会话ID，直接显示结果\r\n        this.internalConversationId = this.conversationId;\r\n        this.isLoading = false;\r\n      } else {\r\n        // 新会话，发起流式请求\r\n        await this.startChatStream();\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (this.zIndex) {\r\n      configStore.setItem('modal-zIndex', this.zIndex);\r\n    }\r\n    if (this.token) {\r\n      authStore.setToken(this.token);\r\n    }\r\n    verifyApiKey(this.token);\r\n\r\n    this.tokenInvalidListener = () => {\r\n      this.tokenInvalid.emit();\r\n    };\r\n    this.removeErrorListener = ErrorEventBus.addErrorListener(errorDetail => {\r\n      this.someErrorEvent.emit(errorDetail);\r\n    });\r\n    document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.isOpen) {\r\n      this.handleIsOpenChange(true);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    if (this.removeErrorListener) {\r\n      this.removeErrorListener();\r\n    }\r\n  }\r\n\r\n  private handleClose = () => {\r\n    this.modalClosed.emit();\r\n  };\r\n\r\n  /**\r\n   * 发起流式请求\r\n   */\r\n  private startChatStream = async () => {\r\n    this.isLoading = true;\r\n    this.error = '';\r\n\r\n    const requestData = {\r\n      bot_id: this.botId,\r\n      response_mode: 'streaming',\r\n      conversation_id: this.conversationId,\r\n      query: this.defaultQuery,\r\n      inputs: {\r\n        ...this.customInputs,\r\n        optimization_type: this.optimizationType,\r\n      },\r\n    };\r\n\r\n    let tempConversationId: string | undefined;\r\n\r\n    await sendSSERequest({\r\n      url: '/sdk/v1/chat/chat-messages',\r\n      method: 'POST',\r\n      data: requestData,\r\n      onMessage: data => {\r\n        // 获取 conversation_id\r\n        if (data.conversation_id && !tempConversationId) {\r\n          tempConversationId = data.conversation_id;\r\n          this.internalConversationId = data.conversation_id;\r\n          this.conversationStart.emit({\r\n            conversation_id: data.conversation_id,\r\n            event: data.event,\r\n            message_id: data.message_id,\r\n            id: data.id,\r\n          });\r\n        }\r\n\r\n        // 检查任务结束\r\n        if (data.event === 'node_finished' && data.data?.title?.includes('聘才猫任务结束')) {\r\n          this.isLoading = false;\r\n          this.interviewComplete.emit({\r\n            conversation_id: this.internalConversationId,\r\n          });\r\n        }\r\n\r\n        // 检查 message_end\r\n        if (data.event === 'message_end') {\r\n          this.streamComplete.emit({\r\n            conversation_id: data.conversation_id || '',\r\n            event: data.event,\r\n            message_id: data.message_id,\r\n            id: data.id,\r\n          });\r\n        }\r\n\r\n        // 检查错误\r\n        if (data.event === 'error') {\r\n          this.isLoading = false;\r\n          this.error = data.data?.message || data.message || '请求失败';\r\n          ErrorEventBus.emitError({\r\n            error: data.data,\r\n            message: this.error,\r\n          });\r\n        }\r\n      },\r\n      onError: error => {\r\n        console.error('SSE 请求错误:', error);\r\n        this.isLoading = false;\r\n        this.error = '请求失败，请重试';\r\n        ErrorEventBus.emitError({\r\n          error: error,\r\n          message: this.error,\r\n        });\r\n      },\r\n      onComplete: () => {\r\n        this.isLoading = false;\r\n      },\r\n    });\r\n  };\r\n\r\n  /**\r\n   * 重试按钮点击\r\n   */\r\n  private handleRetry = () => {\r\n    this.startChatStream();\r\n  };\r\n\r\n  /**\r\n   * Tab 切换\r\n   */\r\n  private handleTabChange = (tab: 'analysis' | 'suggestions' | 'resume') => {\r\n    this.activeTab = tab;\r\n  };\r\n\r\n  render() {\r\n    if (!this.isOpen) return null;\r\n\r\n    const modalStyle = {\r\n      zIndex: String(this.zIndex),\r\n    };\r\n\r\n    const containerClass = {\r\n      'modal-container': true,\r\n      'fullscreen': this.fullscreen,\r\n    };\r\n\r\n    const overlayClass = {\r\n      'modal-overlay': true,\r\n      'fullscreen-overlay': this.fullscreen,\r\n    };\r\n\r\n    const tabItems = [\r\n      { key: 'analysis', label: '深度分析' },\r\n      { key: 'suggestions', label: '改进建议' },\r\n      { key: 'resume', label: '优化版本' },\r\n    ];\r\n\r\n    const iframeUrl = this.optimizationType === 1\r\n      ? `${PCM_DOMAIN}/reportNode/thousandResume?conversationId=${this.internalConversationId}&referrer=sdk&reportType=suggestions&showHeader=1&token=${this.token}`\r\n      : `${PCM_DOMAIN}/reportNode/thousandResume?conversationId=${this.internalConversationId}&referrer=sdk&reportType=${this.activeTab}&token=${this.token}`;\r\n\r\n    return (\r\n      <div class={overlayClass} style={modalStyle}>\r\n        <div class={containerClass}>\r\n          {this.isShowHeader && (\r\n            <div class=\"modal-header\">\r\n              <div class=\"header-left\">\r\n                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                <div>{this.modalTitle}</div>\r\n              </div>\r\n              {this.isNeedClose && (\r\n                <button class=\"close-button\" onClick={this.handleClose}>\r\n                  <span>×</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {/* Loading 状态 */}\r\n          {this.isLoading && (\r\n            <div class=\"loading-container\">\r\n              <div class=\"loading-spinner\"></div>\r\n              <p class=\"loading-text\">AI 正在分析您的简历</p>\r\n              <p class=\"loading-subtext\">请耐心等待...</p>\r\n              <div class=\"loading-dots\">\r\n                <span class=\"dot\"></span>\r\n                <span class=\"dot delay-1\"></span>\r\n                <span class=\"dot delay-2\"></span>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* 错误状态 */}\r\n          {!this.isLoading && this.error && (\r\n            <div class=\"error-container\">\r\n              <span class=\"error-icon\">!</span>\r\n              <p class=\"error-text\">{this.error}</p>\r\n              <button class=\"retry-button\" onClick={this.handleRetry}>重新分析</button>\r\n            </div>\r\n          )}\r\n\r\n          {/* optimizationType=1: 改进建议 */}\r\n          {!this.isLoading && !this.error && this.optimizationType === 1 && this.internalConversationId && (\r\n            <div class=\"iframe-container\">\r\n              <iframe src={iframeUrl} frameborder=\"0\"></iframe>\r\n            </div>\r\n          )}\r\n\r\n          {/* optimizationType=2: 深度分析 */}\r\n          {!this.isLoading && !this.error && this.optimizationType === 2 && this.internalConversationId && (\r\n            <div class=\"analysis-container\">\r\n              <div class=\"analysis-header\">\r\n                <h1 class=\"analysis-title\">深度分析报告</h1>\r\n                <p class=\"analysis-desc\">全面诊断 + 改进建议 + 优化版本</p>\r\n                <div class=\"tab-container\">\r\n                  {tabItems.map(item => (\r\n                    <button\r\n                      class={{\r\n                        'tab-button': true,\r\n                        'active': this.activeTab === item.key\r\n                      }}\r\n                      onClick={() => this.handleTabChange(item.key as 'analysis' | 'suggestions' | 'resume')}\r\n                    >\r\n                      {item.label}\r\n                    </button>\r\n                  ))}\r\n                </div>\r\n              </div>\r\n              <div class=\"iframe-container\">\r\n                <iframe src={iframeUrl} frameborder=\"0\"></iframe>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}",".upload-area{\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n.upload-actions {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 12px;\r\n    width: 100%;\r\n}\r\n","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, h, State, Element, Prop, Event, EventEmitter, Method } from \"@stencil/core\";\r\nimport { FileUploadResponse, FileUploadResponseWithState, FileUploadState, formatFileSize, uploadFileToBackend } from \"../../utils/utils\";\r\nimport { Message } from \"../../services/message.service\";\r\nimport { SentryReporter } from \"../../utils/sentry-reporter\";\r\n\r\n\r\nexport type UploadFailedEvent = {\r\n    error: Error;\r\n    message: string;\r\n}\r\n\r\n@Component({\r\n    tag: 'components-upload',\r\n    styleUrls: ['components-upload.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class ComponentsUpload {\r\n    /**\r\n     * 是否支持多文件上传\r\n     */\r\n    @Prop() multiple: boolean = false;\r\n    /**\r\n     * 是否开启移动端上传\r\n     */\r\n    @Prop() mobileUploadAble: boolean = false;\r\n\r\n    /**\r\n     * 支持的文件后缀列表（需要带上小数点.）\r\n     */\r\n    @Prop() acceptFileSuffixList: string[] = [];\r\n    /**\r\n     * 最大文件数\r\n     */\r\n    @Prop() maxFileCount: number = Infinity;\r\n    /**\r\n     * 最大文件大小\r\n     */\r\n    @Prop() maxFileSize: number = Infinity;\r\n    /**\r\n     * 上传请求头\r\n     */\r\n    @Prop() uploadHeaders?: Record<string, any>;\r\n    /**\r\n     * 上传请求参数\r\n     */\r\n    @Prop() uploadParams?: Record<string, any>;\r\n    /**\r\n     * 自定义上传文本\r\n     */\r\n    @Prop() uploadText: string = '点击上传简历';\r\n    /**\r\n     * 默认文件列表（预填充文件）\r\n     */\r\n    @Prop() defaultFileList?: FileUploadResponse[];\r\n    /**\r\n     * 是否禁用上传（禁用时只显示文件，不允许修改）\r\n     */\r\n    @Prop() disabled: boolean = false;\r\n    /**\r\n     * 上传失败监听\r\n     */\r\n    @Event() uploadFailed: EventEmitter<UploadFailedEvent>;\r\n    /**\r\n     * 上传文件变化监听\r\n     */\r\n    @Event() uploadChange: EventEmitter<FileUploadResponse[]>;\r\n\r\n\r\n    @Element() hostElement: HTMLElement;\r\n    @State() selectedFiles: FileUploadResponseWithState[] | null = null;\r\n\r\n    componentWillLoad() {\r\n        // 如果有默认文件列表，则初始化 selectedFiles\r\n        if (this.defaultFileList && this.defaultFileList.length > 0) {\r\n            this.selectedFiles = this.defaultFileList.map(file => ({\r\n                ...file,\r\n                state: FileUploadState.Success,\r\n            }));\r\n        }\r\n    }\r\n\r\n    @Method()\r\n    async getIsUploading() {\r\n        return !!this.selectedFiles?.some(item => item.state === FileUploadState.Uploading);\r\n    }\r\n\r\n    /**\r\n     * 清除已选择的文件\r\n     */\r\n    @Method()\r\n    async clearSelectedFiles() {\r\n        this.selectedFiles = null;\r\n        this.clearSelectedFile(); // 同时清除input的值\r\n    }\r\n\r\n    private handleUploadClick = () => {\r\n        if (this.disabled) return;\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        fileInput?.click();\r\n    };\r\n\r\n    private clearSelectedFile = () => {\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    };\r\n\r\n    private async uploadFile(file: File): Promise<FileUploadResponseWithState> {\r\n        try {\r\n            const result = await uploadFileToBackend(file, this.uploadHeaders || {}, this.uploadParams || {});\r\n            return {\r\n                ...result,\r\n                file,\r\n                file_name: file.name,\r\n                file_size: file.size,\r\n                state: FileUploadState.Success,\r\n            }\r\n        } catch (error) {\r\n            this.clearSelectedFile();\r\n            SentryReporter.captureError(error, {\r\n                action: 'uploadFile',\r\n                component: 'pcm-mnms-modal',\r\n                title: '文件上传失败'\r\n            });\r\n            this.uploadFailed.emit({\r\n                error: error,\r\n                message: '文件上传失败，请重试'\r\n            });\r\n            return {\r\n                file,\r\n                error,\r\n                state: FileUploadState.Failed,\r\n            }\r\n        }\r\n    }\r\n\r\n    private handleFileChange = async (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n\r\n        if (this.multiple) {\r\n            // 多选\r\n            const files = Array.from(input.files || []);\r\n            if (files.length === 0) return;\r\n\r\n            // 验证文件数量限制\r\n            const currentFileCount = this.selectedFiles?.length || 0;\r\n            const remainingSlots = this.maxFileCount - currentFileCount;\r\n            if (files.length > remainingSlots) {\r\n                Message.info(`最多只能上传 ${this.maxFileCount} 个文件，当前已选择 ${currentFileCount} 个`);\r\n                return;\r\n            }\r\n\r\n            const validFiles: File[] = [];\r\n            const invalidFiles: string[] = [];\r\n\r\n            // 验证每个文件\r\n            files.forEach(file => {\r\n                // 检测文件后缀名\r\n                if (this.acceptFileSuffixList?.length) {\r\n                    const suffix = '.' + file.name.split('.').pop()?.toLowerCase();\r\n                    if (!this.acceptFileSuffixList.includes(suffix)) {\r\n                        invalidFiles.push(`${file.name}(格式不支持)`);\r\n                        return;\r\n                    }\r\n                }\r\n                // 检测文件大小\r\n                if (this.maxFileSize < file.size) {\r\n                    invalidFiles.push(`${file.name}(文件过大)`);\r\n                    return;\r\n                }\r\n                validFiles.push(file);\r\n            });\r\n\r\n            // 提示无效文件\r\n            if (invalidFiles.length > 0) {\r\n                const supportedFormats = this.acceptFileSuffixList?.length ? this.acceptFileSuffixList.join('、') : '';\r\n                const maxSizeText = this.maxFileSize !== Infinity ? formatFileSize(this.maxFileSize) : '';\r\n                Message.info(`以下文件无法上传：${invalidFiles.join('、')}。${supportedFormats ? `支持格式：${supportedFormats}。` : ''}${maxSizeText ? `最大文件大小：${maxSizeText}。` : ''}`);\r\n            }\r\n\r\n            if (validFiles.length === 0) {\r\n                this.clearSelectedFile();\r\n                return;\r\n            }\r\n\r\n            // 为有效文件创建初始状态\r\n            const newFileItems: FileUploadResponseWithState[] = validFiles.map(file => ({\r\n                file,\r\n                file_name: file.name,\r\n                file_size: file.size,\r\n                state: FileUploadState.Uploading,\r\n                cos_key: '',\r\n                error: undefined,\r\n            }));\r\n\r\n            // 添加到现有文件列表\r\n            this.selectedFiles = [\r\n                ...(this.selectedFiles || []),\r\n                ...newFileItems\r\n            ];\r\n\r\n            // 依次上传文件\r\n            for (let i = 0; i < validFiles.length; i++) {\r\n                const file = validFiles[i];\r\n                const uploadResult = await this.uploadFile(file);\r\n\r\n                // 更新对应文件的状态\r\n                if (this.selectedFiles) {\r\n                    const currentFileCount = this.selectedFiles.length;\r\n                    const targetIndex = currentFileCount - validFiles.length + i;\r\n                    if (targetIndex >= 0 && targetIndex < this.selectedFiles.length) {\r\n                        this.selectedFiles[targetIndex] = uploadResult;\r\n                        // 触发重新渲染\r\n                        this.selectedFiles = [...this.selectedFiles];\r\n                    }\r\n                }\r\n            }\r\n\r\n            this.clearSelectedFile();\r\n            this.emitUploadChange();\r\n        } else {\r\n            // 单选\r\n            const file = input.files?.[0];\r\n            if (!file) return;\r\n            // 检测文件是否符合后缀名\r\n            if (this.acceptFileSuffixList?.length) {\r\n                const suffix = '.' + file.name.split('.').pop()?.toLowerCase();\r\n                if (!this.acceptFileSuffixList.includes(suffix)) {\r\n                    Message.info(`请上传 ${this.acceptFileSuffixList.join('、')} 格式的文件`);\r\n                    return;\r\n                }\r\n            }\r\n            // 检测文件大小是否超出限制\r\n            if (this.maxFileSize < file.size) {\r\n                Message.info(`文件大小不能超过 ${formatFileSize(this.maxFileSize) ?? '-'}`);\r\n                return;\r\n            }\r\n            this.selectedFiles = [{\r\n                file,\r\n                file_name: file.name,\r\n                file_size: file.size,\r\n                state: FileUploadState.Uploading,\r\n                cos_key: '',\r\n                error: undefined,\r\n            }];\r\n            const uploadResult = await this.uploadFile(file);\r\n            this.selectedFiles = [uploadResult];\r\n            this.clearSelectedFile();\r\n            this.emitUploadChange();\r\n        }\r\n    };\r\n\r\n    private emitUploadChange = () => {\r\n        this.uploadChange.emit(this.selectedFiles?.filter(item => item.state === FileUploadState.Success).map?.(item => ({\r\n            cos_key: item.cos_key,\r\n            file_name: item.file_name,\r\n            file_size: item.file_size,\r\n            ext: item.ext,\r\n        })));\r\n    }\r\n\r\n    private uploadBtn() {\r\n        return <div style={{ width: '100%' }}>\r\n            {\r\n                !!this.mobileUploadAble && <components-mobile-upload-btn\r\n                    multiple={this.multiple}\r\n                    acceptFileSuffixList={this.acceptFileSuffixList}\r\n                    maxFileCount={this.maxFileCount}\r\n                    maxFileSize={this.maxFileSize}\r\n                    uploadHeaders={this.uploadHeaders}\r\n                    uploadParams={this.uploadParams}\r\n                    onOk={e => {\r\n                        this.selectedFiles = [\r\n                            ...(this.selectedFiles ?? []),\r\n                            ...(e.detail ?? []).map(item => ({\r\n                                ...item,\r\n                                state: FileUploadState.Success,\r\n                            }))\r\n                        ]\r\n                        this.emitUploadChange();\r\n                    }}\r\n                />\r\n            }\r\n            <div class=\"upload-placeholder\" onClick={this.handleUploadClick}>\r\n                <img src='https://pub.pincaimao.com/static/web/images/home/i_upload.png'></img>\r\n                <p class='upload-text'>{this.uploadText}</p>\r\n                {\r\n                    !!this.acceptFileSuffixList?.length && <p class=\"upload-hint\">支持 {this.acceptFileSuffixList.join('、')} 格式。</p>\r\n                }\r\n                {\r\n                    !!this.maxFileSize && this.maxFileSize !== Infinity && <p class=\"upload-hint\">文件大小不能超过 {formatFileSize(this.maxFileSize) ?? ''}。</p>\r\n                }\r\n                {\r\n                    !!this.maxFileCount && this.maxFileCount !== Infinity && <p class=\"upload-hint\">最多上传 {this.maxFileCount} 个文件。</p>\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                <div class=\"resume-upload-section\">\r\n                    <div class=\"upload-area\">\r\n                        <div>\r\n                            {\r\n                                this.selectedFiles?.map?.((item, index) => {\r\n                                    return <div class=\"file-item\">\r\n                                        <div class=\"file-item-content\">\r\n                                            <span class=\"file-icon\">📝</span>\r\n                                            <span class=\"file-name\" style={item.state === FileUploadState.Failed ? { color: 'red', textDecoration: 'line-through' } : undefined}>{item?.file_name}</span>\r\n                                            {\r\n                                                item.state === FileUploadState.Failed && <span style={{ color: 'red', marginLeft: '4px' }}>({item.error?.message ?? '上传失败'})</span>\r\n                                            }\r\n                                        </div>\r\n                                        {!this.disabled && <button class=\"remove-file\" onClick={(e) => {\r\n                                            e.stopPropagation();\r\n                                            this.selectedFiles = this.selectedFiles?.filter((_, itemIndex) => index !== itemIndex);\r\n                                            this.emitUploadChange();\r\n                                        }}>×</button>}\r\n                                    </div>\r\n                                })\r\n                            }\r\n                        </div>\r\n\r\n                    </div>\r\n                    {\r\n                        !this.disabled && (this.multiple ? <div class=\"upload-actions\">\r\n                            {\r\n                                (this.selectedFiles?.length ?? 0) < this.maxFileCount && this.uploadBtn()\r\n                            }\r\n                        </div> : <div class=\"upload-actions\">\r\n                            {\r\n                                !this.selectedFiles?.length && this.uploadBtn()\r\n                            }\r\n                        </div>)\r\n                    }\r\n                </div>\r\n                <input\r\n                    type=\"file\"\r\n                    class=\"file-input\"\r\n                    multiple={this.multiple}\r\n                    onChange={this.handleFileChange}\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n}",":host {\n  display: inline-flex;\n}\n\n.voice-input-button {\n  width: 32px;\n  height: 32px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  margin: 0;\n  border: 1px solid #d9d9d9;\n  border-radius: 6px;\n  background: #fff;\n  color: #666;\n  cursor: pointer;\n  transition: background-color 0.2s, color 0.2s, border-color 0.2s;\n}\n\n.voice-input-button:hover:not(:disabled) {\n  background-color: #f0f0f0;\n  border-color: #bfbfbf;\n}\n\n.voice-input-button:focus-visible {\n  outline: 2px solid rgba(46, 110, 223, 0.35);\n  outline-offset: 2px;\n}\n\n.voice-input-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.voice-input-button.recording {\n  background-color: rgba(255, 0, 0, 0.1);\n  border-color: rgba(255, 59, 48, 0.45);\n  color: #ff3b30;\n  animation: pulse 1.5s infinite;\n}\n\n.voice-input-button.converting {\n  background-color: rgba(0, 122, 255, 0.1);\n  border-color: rgba(0, 122, 255, 0.35);\n  color: #007aff;\n}\n\n.converting-icon {\n  animation: spin 1.5s linear infinite;\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.65;\n  }\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { convertAudioToText, getSupportedAudioMimeType, uploadFileToBackend } from '../../utils/utils';\nimport { ErrorEventDetail } from '../../utils/error-event';\n\nexport type VoiceInputStatus = 'idle' | 'recording' | 'converting';\n\n/**\n * 通用语音输入按钮\n * 负责录音、上传音频并将语音转换为文字\n */\n@Component({\n  tag: 'components-voice-input-btn',\n  styleUrls: ['components-voice-input-btn.css'],\n  shadow: true,\n})\nexport class ComponentsVoiceInputBtn {\n  /**\n   * 是否禁用语音输入\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 最大录音时长，单位为秒\n   */\n  @Prop() maxRecordingTime: number = 60;\n\n  /**\n   * 组件语言\n   */\n  @Prop() locale: 'zh' | 'en' = 'zh';\n\n  /**\n   * 语音识别完成事件，返回识别后的文字\n   */\n  @Event() voiceRecognized: EventEmitter<string>;\n\n  /**\n   * 语音输入状态变化事件\n   */\n  @Event() voiceStatusChange: EventEmitter<VoiceInputStatus>;\n\n  /**\n   * 语音输入错误事件\n   */\n  @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\n\n  @State() private _status: VoiceInputStatus = 'idle';\n  @State() private _recordingTimeLeft: number = 60;\n\n  private _audioRecorder: MediaRecorder | null = null;\n  private _audioStream: MediaStream | null = null;\n  private _audioChunks: BlobPart[] = [];\n  private _audioMimeType: string = '';\n  private _recordingStartTime: number = 0;\n  private _recordingTimer: ReturnType<typeof setInterval> | null = null;\n\n  disconnectedCallback(): void {\n    this._releaseRecordingResources();\n  }\n\n  private _getText(zhText: string, enText: string): string {\n    return this.locale === 'en' ? enText : zhText;\n  }\n\n  private _setStatus(status: VoiceInputStatus): void {\n    this._status = status;\n    this.voiceStatusChange.emit(status);\n  }\n\n  private _emitError(error: unknown, message: string): void {\n    console.error(message, error);\n    this.someErrorEvent.emit({ error, message });\n  }\n\n  private _handleClick = (): void => {\n    if (this.disabled || this._status === 'converting') {\n      return;\n    }\n\n    if (this._status === 'recording') {\n      this._stopRecording();\n      return;\n    }\n\n    if (!navigator.mediaDevices?.getUserMedia || !window.MediaRecorder) {\n      this._emitError(new Error('MediaRecorder API is unavailable'), this._getText('当前浏览器不支持语音输入', 'Voice input is not supported by this browser'));\n      return;\n    }\n\n    navigator.mediaDevices\n      .getUserMedia({ audio: true })\n      .then((stream: MediaStream) => this._startRecording(stream))\n      .catch((error: unknown) => {\n        this._emitError(error, this._getText('无法访问麦克风，请检查麦克风权限', 'Unable to access the microphone. Please check microphone permissions'));\n      });\n  };\n\n  private _startRecording(stream: MediaStream): void {\n    this._audioStream = stream;\n\n    try {\n      const supportedMimeType = getSupportedAudioMimeType();\n      this._audioRecorder = supportedMimeType\n        ? new MediaRecorder(stream, { mimeType: supportedMimeType })\n        : new MediaRecorder(stream);\n      this._audioMimeType = this._audioRecorder.mimeType || supportedMimeType || 'audio/webm';\n    } catch (error) {\n      this._releaseRecordingResources();\n      this._emitError(error, this._getText('无法启动录音，请检查麦克风设备', 'Unable to start recording. Please check the microphone'));\n      return;\n    }\n\n    this._audioChunks = [];\n    this._recordingStartTime = Date.now();\n    this._recordingTimeLeft = this.maxRecordingTime;\n\n    this._audioRecorder.ondataavailable = (event: BlobEvent): void => {\n      if (event.data.size > 0) {\n        this._audioChunks.push(event.data);\n      }\n    };\n\n    this._audioRecorder.onerror = (event: Event): void => {\n      this._emitError(event, this._getText('录音失败，请重试', 'Recording failed. Please try again'));\n      this._releaseRecordingResources();\n      this._setStatus('idle');\n    };\n\n    this._audioRecorder.onstop = (): void => {\n      this._stopMediaStream();\n      void this._processAudioRecording();\n    };\n\n    try {\n      this._audioRecorder.start(100);\n      this._setStatus('recording');\n      this._recordingTimer = setInterval((): void => {\n        const elapsedTime = Math.floor((Date.now() - this._recordingStartTime) / 1000);\n        this._recordingTimeLeft = Math.max(0, this.maxRecordingTime - elapsedTime);\n        if (this._recordingTimeLeft <= 0) {\n          this._stopRecording();\n        }\n      }, 1000);\n    } catch (error) {\n      this._releaseRecordingResources();\n      this._setStatus('idle');\n      this._emitError(error, this._getText('开始录音失败，请重试', 'Failed to start recording. Please try again'));\n    }\n  }\n\n  private _stopRecording(): void {\n    if (!this._audioRecorder || this._audioRecorder.state === 'inactive') {\n      return;\n    }\n\n    this._clearRecordingTimer();\n    this._audioRecorder.stop();\n  }\n\n  private async _processAudioRecording(): Promise<void> {\n    if (this._audioChunks.length === 0) {\n      this._setStatus('idle');\n      this._emitError(new Error('Recorded audio is empty'), this._getText('未录制到语音内容，请重试', 'No audio was recorded. Please try again'));\n      return;\n    }\n\n    this._setStatus('converting');\n\n    try {\n      const audioBlob = new Blob(this._audioChunks, { type: this._audioMimeType });\n      if (audioBlob.size === 0) {\n        throw new Error('Recorded audio is empty');\n      }\n\n      const extension = this._getFileExtension(this._audioMimeType);\n      const audioFile = new File([audioBlob], `audio_input.${extension}`, { type: this._audioMimeType });\n      const fileInfo = await uploadFileToBackend(audioFile, {}, { tags: ['audio'] });\n      const transcriptionText = await convertAudioToText(fileInfo.cos_key);\n\n      if (!transcriptionText) {\n        throw new Error('No transcription text returned');\n      }\n\n      this.voiceRecognized.emit(transcriptionText);\n    } catch (error) {\n      this._emitError(error, this._getText('语音识别失败，请重试', 'Speech recognition failed. Please try again'));\n    } finally {\n      this._audioChunks = [];\n      this._audioRecorder = null;\n      this._setStatus('idle');\n    }\n  }\n\n  private _getFileExtension(mimeType: string): string {\n    if (mimeType.includes('mp4')) return 'm4a';\n    if (mimeType.includes('ogg')) return 'ogg';\n    return 'webm';\n  }\n\n  private _clearRecordingTimer(): void {\n    if (this._recordingTimer) {\n      clearInterval(this._recordingTimer);\n      this._recordingTimer = null;\n    }\n  }\n\n  private _stopMediaStream(): void {\n    this._audioStream?.getTracks().forEach((track: MediaStreamTrack): void => track.stop());\n    this._audioStream = null;\n  }\n\n  private _releaseRecordingResources(): void {\n    this._clearRecordingTimer();\n\n    if (this._audioRecorder) {\n      this._audioRecorder.ondataavailable = null;\n      this._audioRecorder.onerror = null;\n      this._audioRecorder.onstop = null;\n      if (this._audioRecorder.state !== 'inactive') {\n        this._audioRecorder.stop();\n      }\n    }\n\n    this._stopMediaStream();\n    this._audioRecorder = null;\n    this._audioChunks = [];\n  }\n\n  render() {\n    const isRecording = this._status === 'recording';\n    const isConverting = this._status === 'converting';\n    const title = isRecording\n      ? this._getText(`点击停止录音（剩余${this._recordingTimeLeft}秒）`, `Stop recording (${this._recordingTimeLeft}s remaining)`)\n      : isConverting\n        ? this._getText('正在识别语音...', 'Recognizing speech...')\n        : this._getText('语音输入', 'Voice input');\n\n    return (\n      <button\n        type=\"button\"\n        class={{\n          'voice-input-button': true,\n          'recording': isRecording,\n          'converting': isConverting,\n        }}\n        title={title}\n        aria-label={title}\n        aria-pressed={isRecording ? 'true' : 'false'}\n        disabled={this.disabled || isConverting}\n        onClick={this._handleClick}\n      >\n        {isConverting ? (\n          <svg class=\"converting-icon\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z\" />\n          </svg>\n        ) : (\n          <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z\" />\n            <path d=\"M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z\" />\n            {isRecording && <circle cx=\"12\" cy=\"11\" r=\"4\" fill=\"red\" />}\n          </svg>\n        )}\n      </button>\n    );\n  }\n}\n","export const CAST_ASSESSMENT_VERSION: string = 'CAST-1.0';\r\n\r\nexport type CastDimension = 'C' | 'A' | 'S' | 'T';\r\n\r\nexport interface CastSituationQuestion {\r\n  scene: string;\r\n  question: string;\r\n  options: Record<CastDimension, string>;\r\n}\r\n\r\nexport interface CastValidityQuestion {\r\n  id: 'soc' | 'c1' | 'att' | 'c2';\r\n  after: number;\r\n  question: string;\r\n}\r\n\r\nexport interface CastTypeDescription {\r\n  name: string;\r\n  tag: string;\r\n  strengths: string;\r\n  cautions: string;\r\n  advice: string;\r\n}\r\n\r\nexport interface CastJobProfile {\r\n  name: string;\r\n  weights: [number, number, number, number];\r\n}\r\n\r\nconst situation = (scene: string, question: string, C: string, A: string, S: string, T: string): CastSituationQuestion => ({ scene, question, options: { C, A, S, T } });\r\n\r\nexport const CAST_DIMENSIONS: CastDimension[] = ['C', 'A', 'S', 'T'];\r\n\r\nexport const CAST_DIMENSION_INFO: Record<CastDimension, { name: string; englishName: string; drive: string }> = {\r\n  C: { name: '掌控', englishName: 'Command', drive: '目标驱动' },\r\n  A: { name: '感召', englishName: 'Attract', drive: '关系驱动' },\r\n  S: { name: '协同', englishName: 'Support', drive: '稳定驱动' },\r\n  T: { name: '精研', englishName: 'Think', drive: '标准驱动' },\r\n};\r\n\r\nexport const CAST_SITUATION_QUESTIONS: CastSituationQuestion[] = [\r\n  situation('求职准备', '招聘会现场，你想去的企业展位排着长队。', '找现场负责人问能不能加快，或先谈别家、回头插空', '跟排队的人聊起来，顺便打听这家公司的情况', '安静排队，利用等待时间想好要说什么', '先对比几家展位的岗位说明，确认哪家最值得排'),\r\n  situation('面试', '面试官问了一个你完全没准备过的问题。', '先给结论再补充理由，不纠结', '轻松地承认没想过，把气氛带一下再答', '稳住语速，往自己熟悉的经历上靠', '先花几秒确认问题理解得对不对，再分点回答'),\r\n  situation('职业选择', '你同时拿到两个 offer：大平台做螺丝钉，小公司独当一面。你最看重——', '哪个能更快拿到话语权和结果', '哪个团队的人让我更想加入', '哪个更稳定、变动风险更小', '把薪资、成长、行业前景列出来打分对比'),\r\n  situation('团队协作', '小组项目出现分歧，眼看要拖期。', '拍板定方向，先推进再说', '私下一个个沟通，先把情绪拉回来', '主动接下别人不愿做的部分，先保住进度', '把分歧点写清楚，用事实判断哪个方案可行'),\r\n  situation('入职适应', '新入职第一周，制度和流程没人系统讲。', '直接问领导边界在哪，然后按自己节奏干', '先跟同事熟起来，从聊天里摸清规矩', '观察别人怎么做，跟着做，不轻易出头', '自己翻文档，整理一份流程笔记'),\r\n  situation('求职准备', '简历投了两周没有回音。', '加大投递并直接联系 HR、找内推，主动出击', '找学长学姐、发朋友圈动用关系', '保持每天固定的投递节奏，不慌，继续等', '复盘简历和岗位的匹配度，分析问题出在哪'),\r\n  situation('任务处理', '领导交给你一个没做过、也没说清要求的任务。', '自己定一个目标，先动手做', '找相关的人聊一圈，把需求问出来', '请领导明确期望和时间，按要求稳妥推进', '先查资料和历史案例，把验收标准搞清楚'),\r\n  situation('压力应对', '连续加班一周，任务还在增加。', '直接跟上级谈优先级，砍掉不该我做的', '找人吐槽、互相打气，靠氛围撑过去', '先忍一忍，把手上的做完再说', '排一个优先级表，按投入产出重新安排'),\r\n  situation('面试', '无领导小组讨论刚开始，还没有人说话。', '先抢时间定讨论框架，把节奏带起来', '做气氛协调，让每个人都能说上话', '认真听，等别人说完再补充', '负责记录和梳理，最后做总结陈述'),\r\n  situation('团队协作', '你发现一位比你资深的同事做法有明显问题。', '直接指出来，对事不对人', '找个轻松的场合旁敲侧击提一下', '先不说，再观察一段时间', '把问题和依据整理清楚，用书面方式反馈'),\r\n  situation('学习成长', '换赛道需要补一门新技能，你会——', '直接上手做项目，边做边补', '找人带、进社群，跟着大家一起学', '按部就班跟完一整套系统课程', '先搞清楚知识体系结构，再逐块攻'),\r\n  situation('面试', '面试就在明天，你只剩一个晚上准备。', '挑最可能问的几个问题直接练答法', '找人模拟面试，练现场感觉', '把常见问题稳稳过一遍', '把公司、岗位、业务查透，做一份提纲'),\r\n  situation('薪酬谈判', 'HR 给出的薪资低于你的预期。', '直接谈，报出自己的数字和理由', '先聊其他条件，把关系谈好再回到薪资', '觉得差不多就接受，稳妥拿下机会', '拿行业薪酬数据和岗位职责说明来谈'),\r\n  situation('组织变化', '部门要推一个新流程，你判断会增加大量重复劳动。', '在会上直接提出反对，并给替代方案', '先私下问问其他人怎么看，联合反馈', '先按新流程执行，走一段再说', '算一下实际增加多少工时，用数字说话'),\r\n  situation('入职适应', '实习期快结束，还不确定能不能留用。', '直接找负责人问清留用标准和自己的差距', '多和团队走动，让更多人记住我', '把手上的事做扎实，等公司安排', '对照岗位要求自查，把短板列出来补'),\r\n  situation('求职准备', '一个你很想去的岗位，要求里有两条你不满足。', '照投，先拿到沟通机会再说', '找认识的人问问这两条到底卡不卡', '先不投，去找更匹配的岗位', '评估这两条的权重，能补的先补上再投'),\r\n  situation('团队协作', '团队里有人长期不出活，已经影响到你的进度。', '直接摊开谈，或者向上反馈', '先了解他遇到什么困难，帮着推一把', '自己多做一点，把缺口补上', '把任务拆细、节点写明，让责任可追溯'),\r\n  situation('任务处理', '你被安排去做一件明显不擅长的事。', '争取换掉，或者改成由我说了算的方式做', '找擅长的人搭伙一起做', '先接下来，慢慢摸索着做', '先研究方法和范例，把门槛降下来'),\r\n  situation('人际拓展', '参加行业交流会，到场发现一个认识的人都没有。', '直奔我想认识的关键人物', '随便找人聊起来，很快就能熟', '待在相对安静的位置，跟着人群走', '先看议程和参会名单，挑有价值的场次和人'),\r\n  situation('挫折应对', '你的方案被否了，理由你并不认同。', '再争取一次，把逻辑讲透', '找决策人私下聊，弄清楚真实顾虑', '接受结果，按新方向调整', '复盘对方的判断依据，看是不是我漏了什么'),\r\n  situation('工作偏好', '日常工作里，最让你不舒服的是——', '什么都要请示，自己说了不算', '一整天没人交流，各干各的', '计划天天变，节奏总被打乱', '标准模糊，全靠“大概差不多”'),\r\n  situation('求职准备', '求职过程中，你更愿意把时间花在——', '争取更好的机会，多谈几家', '拓展人脉，让机会主动找上门', '把已有的机会稳稳跟进好', '分析行业和岗位，找准方向再出手'),\r\n  situation('任务处理', '项目上线前一天，发现一个不影响主流程的小问题。', '不影响就先上，上完再修', '拉群同步一下，看大家怎么定', '按原计划上线，不擅自改动', '评估影响范围，写清楚风险再决定'),\r\n  situation('自我认知', '别人对你的第一印象，通常是——', '目标感强、有主见', '好接近、聊得来', '靠谱、让人放心', '认真、想得细'),\r\n  situation('表达沟通', '要向完全不懂你业务的人介绍自己的工作。', '直接讲我做成了什么', '讲个具体的故事，让对方有画面感', '按时间顺序老老实实讲一遍', '先讲清楚这件事的逻辑和结构'),\r\n  situation('职业选择', '被问到“三年后想做什么”，你的思路是——', '想清楚要到什么位置，然后倒推路径', '看有什么人和圈子值得靠近', '把当下做好，走一步看一步', '分析行业趋势和自己的能力曲线'),\r\n  situation('团队协作', '项目庆功，让你说两句。', '简短说结果和下一步', '感谢每个人，把气氛带热', '说两句客套的，把话头让给别人', '复盘一下这次做对了什么'),\r\n  situation('挫折应对', '一次重要的求职失败（比如终面被刷）之后。', '立刻投下一批，不停下来', '找人说说，情绪过了再继续', '缓一缓，按原来的节奏慢慢来', '复盘整个流程，找出问题点'),\r\n];\r\n\r\nexport const CAST_VALIDITY_QUESTIONS: CastValidityQuestion[] = [\r\n  { id: 'soc', after: 7, question: '我从来没有在简历或面试中，把自己的经历说得比实际更好一些。' },\r\n  { id: 'c1', after: 14, question: '和陌生人打交道，对我来说是一件轻松的事。' },\r\n  { id: 'att', after: 21, question: '注意力检查：请直接选择“比较不符合”。' },\r\n  { id: 'c2', after: 28, question: '在陌生的场合，我更愿意少说话。' },\r\n];\r\n\r\nexport const CAST_JOB_PROFILES: CastJobProfile[] = [\r\n  { name: '销售代表 / 商务拓展', weights: [0.85, 0.8, 0.25, 0.35] },\r\n  { name: '客户成功 / 客户经理', weights: [0.4, 0.8, 0.65, 0.4] },\r\n  { name: '项目经理 / PMO', weights: [0.75, 0.55, 0.45, 0.65] },\r\n  { name: '产品经理', weights: [0.65, 0.55, 0.35, 0.75] },\r\n  { name: '数据分析师', weights: [0.25, 0.2, 0.45, 0.95] },\r\n  { name: '财务 / 会计', weights: [0.2, 0.2, 0.7, 0.9] },\r\n  { name: '人力资源专员', weights: [0.35, 0.7, 0.65, 0.55] },\r\n  { name: '行政 / 综合事务', weights: [0.2, 0.4, 0.9, 0.55] },\r\n  { name: '软件工程师', weights: [0.3, 0.2, 0.5, 0.9] },\r\n  { name: '运营专员', weights: [0.5, 0.6, 0.5, 0.6] },\r\n  { name: '教师 / 培训讲师', weights: [0.45, 0.8, 0.6, 0.55] },\r\n  { name: '质量管理 / 合规审核', weights: [0.35, 0.2, 0.6, 0.95] },\r\n  { name: '客服 / 服务支持', weights: [0.15, 0.6, 0.9, 0.45] },\r\n  { name: '创业者 / 业务负责人', weights: [0.95, 0.65, 0.2, 0.5] },\r\n  { name: '市场策划 / 品牌', weights: [0.55, 0.75, 0.35, 0.6] },\r\n  { name: '供应链 / 仓储物流', weights: [0.45, 0.3, 0.7, 0.7] },\r\n];\r\n\r\nexport const CAST_TYPE_DESCRIPTIONS: Record<string, CastTypeDescription> = {\r\n  C: { name: '破局者', tag: '你习惯把模糊的局面推向一个明确的方向。别人还在观望时，你已经先动了。', strengths: '目标感强，决策快，不怕承担责任。在需要快速拿结果、边界不清、压力大的场合，你反而更容易出成绩。求职中你敢于主动出击、直接对话，往往比同龄人更早拿到机会。', cautions: '节奏太快时容易忽略他人的感受和信息的完整性，可能在还没听完的时候就下了判断。初入职场时，这种风格容易被解读为“不服管”。', advice: '优先考虑结果导向、授权充分、有明确指标的岗位。面试时把“我推动了什么、拿到了什么结果”讲清楚，但要主动补一句你是怎么和别人协作的——这是面试官最容易担心的点。' },\r\n  A: { name: '联结者', tag: '你天然能把人和人接上。信息、资源、机会常常是从关系里流向你的。', strengths: '表达自然，感染力强，进入新环境的适应速度快。你善于在非正式场合获取真实信息，这在求职阶段是被严重低估的优势——很多岗位的真实情况只存在于对话里。', cautions: '注意力容易被人和场面牵走，独自处理需要长时间专注、细节精确的任务时会明显吃力。也容易因为不想让人失望而答应过多。', advice: '优先考虑与人打交道密度高的岗位。面试时你的临场表现通常是加分项，但要补足“具体做了什么、数据是多少”——避免只留下“很会说”的印象。' },\r\n  S: { name: '压舱石', tag: '你不追求存在感，但你在的地方事情不容易塌。稳定本身就是一种稀缺能力。', strengths: '耐性好，责任心强，配合度高，交出去的事情让人放心。在需要长期投入、流程稳定、重复中见功力的岗位上，你的复利效应最明显。', cautions: '变动和不确定会持续消耗你的能量。你倾向于自己扛而不是提出来，久了容易积压。求职中也容易因为“不好意思争取”而低估自己的价码。', advice: '优先考虑组织成熟、节奏可预期的用人单位。面试时要刻意练习把自己的贡献说出口——“这件事是我做的”这句话，你需要比别人多说几次。' },\r\n  T: { name: '解析者', tag: '你信任可以被验证的东西。在别人凭感觉决定的地方，你要求一个说得通的理由。', strengths: '标准意识强，逻辑清晰，出错率低。你能发现别人忽略的漏洞，在质量、风险、数据相关的环节上是团队的防线。求职中你的准备通常比别人扎实得多。', cautions: '追求确定性可能拖慢决策，信息不足时你会倾向于不动。对模糊指令的容忍度低，也容易在标准问题上让人觉得不好推进。', advice: '优先考虑规则清晰、专业性强、有明确方法论的岗位。面试时你的准备是优势，但要注意别把答案讲得太密——先给结论，再给依据。' },\r\n  CA: { name: '开拓者', tag: '既能定方向，又能把人带上车。你适合从零开始的局面。', strengths: '驱动力和感染力同时在线，能一边扛目标一边聚人。在业务拓展、新市场、新团队这类没有现成路径的场景里，你的组合最有杀伤力。', cautions: '两个维度都偏“外放”，意味着耐性和细节是你的短板。容易开局漂亮、收尾粗糙，也容易同时铺开太多事。', advice: '优先考虑增量型、拓展型岗位。给自己配一个精研型的搭档比任何自我改进都有效——这句话在面试谈团队协作时也很好用。' },\r\n  CS: { name: '攻坚手', tag: '想清楚就一直干下去。你的强势不体现在气势上，而体现在不放弃上。', strengths: '有主见又有韧性，能在长周期、难啃的任务上持续投入。看起来温和，但在关键问题上你不会退让，这种组合在团队里信任度很高。', cautions: '驱动和稳定这两股力量有时会互相拉扯，让你在“该推还是该等”上内耗。外部表达偏少，功劳容易被别人代言。', advice: '优先考虑需要长期攻坚的岗位。面试时主动讲一个“很久才做成”的事——这是你最有说服力的材料。' },\r\n  CT: { name: '操盘手', tag: '你要的不只是做成，而是想清楚了再做成。判断和执行你都要抓在手里。', strengths: '决策快但有依据，既敢拍板又能自证。在需要独立判断、责任重、容错低的岗位上非常合适，也是团队里少见的能同时看战略和细节的人。', cautions: '对他人的容错度偏低，容易显得难以合作。习惯自己扛判断，授权和培养他人是你的弱项。', advice: '优先考虑有决策空间的专业岗或管理岗。面试时把“我依据什么做的判断”讲透，这是你区别于纯执行者的地方。' },\r\n  AS: { name: '凝聚者', tag: '你让团队变得舒服。人在你身边容易放松，也容易被留下。', strengths: '亲和又可靠，是天然的黏合剂。冲突在你手里往往会软化，新人到你身边容易上手。服务、协作、支持类工作你会做得很自然。', cautions: '两个维度都偏“他人导向”，最容易的失误是把自己的诉求排在最后。面对需要强硬的场合会退，界限感偏弱。', advice: '优先考虑人际密度高、组织氛围好的单位。求职中要提前练习拒绝和谈条件——你不是不会，是不习惯。' },\r\n  AT: { name: '洞察者', tag: '你既看得懂人，也看得懂数。这两样能凑到一起的人并不多。', strengths: '能把复杂的东西讲清楚，也能从对话中提取有效信息。适合做翻译层的工作——把需求变成方案，把方案讲给不懂的人听。', cautions: '分析和表达都强，但推进力偏弱。容易停在“想明白、说明白”，而不是“做成”。也可能因为看得太清楚而迟迟不下场。', advice: '优先考虑咨询、产品、研究、培训一类的岗位。面试时要补一个亲手落地的案例，避免留下“会分析不会干”的印象。' },\r\n  ST: { name: '守正者', tag: '你把事情做对，而且一直做对。可靠是你最不需要证明的东西。', strengths: '严谨、稳定、低出错率，在需要长期一致性的岗位上极难被替代。规则、流程、数据、账目这些事交给你，别人不用复查。', cautions: '变化和模糊会让你不适，主动争取的意愿低。容易被安排而不是被选择，长期下来议价能力偏弱。', advice: '优先考虑制度成熟、专业纵深强的组织。求职中要主动展示你的“不出错”值多少钱——把差错率、经手规模这类数字讲出来。' },\r\n  BAL: { name: '多面手', tag: '你的四个维度没有明显短板，也没有单一的强势面。这既是弹性，也是需要注意的地方。', strengths: '适应性强，能根据场合切换风格，在多变的环境和需要跨界协调的岗位上容易生存。团队重组、轮岗、创业早期这类场景对你有利。', cautions: '没有鲜明的风格标签，在需要“一眼被记住”的求职竞争中会吃亏。也容易在职业早期方向摇摆，什么都做一点，什么都不够深。', advice: '你的突破口不在性格，而在技能纵深。尽早选定一个可积累的专业方向，用能力标签补上风格标签的空缺。面试时把适应力讲成具体案例，而不是形容词。' },\r\n  LOW: { name: '待探索', tag: '本次作答的区分度不足，暂时无法给出稳定的风格判断。', strengths: '这通常不代表你没有风格，而更可能是作答过快、题目情境与你的经历距离较远，或者你正处在职业角色的过渡期。', cautions: '在剖面平坦的情况下，任何风格解读都会失真，我们选择不给结论，而不是给一个看起来像样的结论。', advice: '建议在安静的状态下重新作答一次，代入真实经历而不是理想中的自己。如果两次结果都偏平，可以到人工咨询窗口做一次深度职业访谈。' },\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    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n  --cast-primary: #397ee8;\r\n  --cast-primary-hover: #2f6fce;\r\n  --cast-primary-soft: #eef5ff;\r\n  --cast-text: #111827;\r\n  --cast-secondary: #8b95a5;\r\n  --cast-border: #e4e7ec;\r\n  --cast-surface: #ffffff;\r\n  display: block;\r\n  font-family: \"Microsoft YaHei\", \"PingFang SC\", Arial, sans-serif;\r\n}\r\n\r\n.cast-overlay {\r\n  align-items: flex-start;\r\n}\r\n\r\n.cast-modal {\r\n  max-width: 600px;\r\n  max-height: 96vh;\r\n  border: 0;\r\n  border-radius: 0;\r\n  box-shadow: 0 16px 44px rgba(31, 40, 58, 0.16);\r\n}\r\n\r\n.cast-close-button {\r\n  position: absolute;\r\n  top: 10px;\r\n  right: 10px;\r\n  z-index: 4;\r\n}\r\n\r\n.close-confirm-container,\r\n.instructions-confirm-container {\r\n  position: relative;\r\n  z-index: 100;\r\n}\r\n\r\n.instructions-content {\r\n  color: #7f8793;\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.instructions-content > p {\r\n  margin: 0;\r\n}\r\n\r\n.instructions-content ol {\r\n  margin: 14px 0;\r\n  padding: 0 0 0 22px;\r\n}\r\n\r\n.instructions-content li {\r\n  padding: 7px 0 7px 4px;\r\n  border-top: 1px solid #eceef1;\r\n}\r\n\r\n.instructions-content li:last-child {\r\n  border-bottom: 1px solid #eceef1;\r\n}\r\n\r\n.instructions-content strong,\r\n.instructions-content span {\r\n  display: block;\r\n}\r\n\r\n.instructions-content strong {\r\n  color: #242b36;\r\n  font-size: 14px;\r\n}\r\n\r\n.instructions-content .instructions-content-note {\r\n  color: #9aa1ac;\r\n}\r\n\r\n.close-confirm-message {\r\n  margin-bottom: 16px;\r\n  color: #595959;\r\n  font-size: 16px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.cast-scroll-area {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  overscroll-behavior: contain;\r\n}\r\n\r\n.cast-content {\r\n  width: 100%;\r\n  padding: 20px;\r\n  box-sizing: border-box;\r\n  color: var(--cast-text);\r\n}\r\n\r\n.intro-content {\r\n  background: var(--cast-surface);\r\n}\r\n\r\n.brand-line {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: var(--cast-secondary);\r\n  font-size: 12px;\r\n  line-height: 20px;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.brand-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--cast-primary);\r\n  box-shadow: 0 0 0 4px rgba(57, 126, 232, 0.09);\r\n}\r\n\r\n.intro-content h1 {\r\n  margin: 17px 0 7px;\r\n  font-size: 21px;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.intro-description,\r\n.privacy-note {\r\n  margin: 0;\r\n  color: var(--cast-secondary);\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.dimension-heading {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 8px;\r\n  margin-top: 21px;\r\n  font-size: 12px;\r\n}\r\n\r\n.dimension-heading strong {\r\n  color: #111827;\r\n  font-size: 13px;\r\n}\r\n\r\n.dimension-heading span {\r\n  color: #9aa2af;\r\n}\r\n\r\n.dimension-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 11px;\r\n  margin: 17px 0 23px;\r\n}\r\n\r\n.dimension-card {\r\n  position: relative;\r\n  min-height: 101px;\r\n  padding: 15px 11px 12px;\r\n  overflow: hidden;\r\n  border: 1px solid var(--cast-border);\r\n  border-top: 3px solid var(--dimension-color, var(--cast-primary));\r\n  border-radius: 8px;\r\n  background: #fff;\r\n  box-shadow: 0 2px 5px rgba(31, 40, 58, 0.08);\r\n  box-sizing: border-box;\r\n}\r\n\r\n.dimension-card:nth-child(1) {\r\n  --dimension-color: #df4038;\r\n}\r\n\r\n.dimension-card:nth-child(2) {\r\n  --dimension-color: #dc941b;\r\n}\r\n\r\n.dimension-card:nth-child(3) {\r\n  --dimension-color: #397a59;\r\n}\r\n\r\n.dimension-card:nth-child(4) {\r\n  --dimension-color: #315880;\r\n}\r\n\r\n.dimension-card strong {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  color: #202734;\r\n  font-size: 14px;\r\n  line-height: 1.45;\r\n}\r\n\r\n.dimension-card strong span {\r\n  margin: 0;\r\n  color: var(--dimension-color);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 24px;\r\n  line-height: 1;\r\n}\r\n\r\n.dimension-card p {\r\n  margin: 5px 0 0;\r\n  color: var(--cast-secondary);\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.primary-button {\r\n  width: 100%;\r\n  min-height: 46px;\r\n  padding: 10px 18px;\r\n  border: 0;\r\n  border-radius: 7px;\r\n  background: var(--cast-primary);\r\n  box-shadow: 0 8px 18px rgba(57, 126, 232, 0.2);\r\n  color: #fff;\r\n  font: inherit;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.14em;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;\r\n}\r\n\r\n.primary-button:hover {\r\n  background: var(--cast-primary-hover);\r\n  box-shadow: 0 10px 22px rgba(57, 126, 232, 0.26);\r\n}\r\n\r\n.primary-button:active {\r\n  transform: scale(0.99);\r\n}\r\n\r\n.primary-button:focus-visible,\r\n.answer-option:focus-visible,\r\n.validity-options button:focus-visible,\r\n.quiz-footer button:focus-visible,\r\n.phase-tabs span:focus-visible {\r\n  outline: 3px solid rgba(63, 127, 240, 0.28);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.assessment-notice {\r\n  padding: 16px 15px 13px;\r\n  border: 1px solid #e4e6e9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n}\r\n\r\n.assessment-notice h2 {\r\n  margin: 0 0 7px;\r\n  color: #181d25;\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.assessment-notice ul {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  color: #939ba7;\r\n  font-size: 12px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.assessment-notice li {\r\n  position: relative;\r\n  padding-left: 13px;\r\n}\r\n\r\n.assessment-notice li::before {\r\n  position: absolute;\r\n  left: 1px;\r\n  content: \"·\";\r\n  color: #aab0b9;\r\n}\r\n\r\n.assessment-notice strong {\r\n  color: #151a21;\r\n  font-weight: 700;\r\n}\r\n\r\n.consent-row {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 9px;\r\n  margin: 18px 0 15px;\r\n  color: #9aa1ac;\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  cursor: pointer;\r\n}\r\n\r\n.consent-row input {\r\n  width: 16px;\r\n  height: 16px;\r\n  margin: 1px 0 0;\r\n  border: 1px solid #d9dde3;\r\n  accent-color: var(--cast-primary);\r\n  cursor: pointer;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.primary-button:disabled {\r\n  background: #dedede;\r\n  box-shadow: none;\r\n  color: #fff;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.primary-button:disabled:hover {\r\n  background: #dedede;\r\n  box-shadow: none;\r\n}\r\n\r\n.intro-footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-top: 10px;\r\n  color: #99a1ad;\r\n  font-size: 11px;\r\n  line-height: 18px;\r\n}\r\n\r\n.quiz-content {\r\n  padding: 27px 20px 24px;\r\n}\r\n\r\n.progress-track {\r\n  height: 2px;\r\n  margin-right: 27px;\r\n  overflow: hidden;\r\n  background: var(--cast-border);\r\n}\r\n\r\n.progress-track span {\r\n  display: block;\r\n  height: 100%;\r\n  background: var(--cast-primary);\r\n  transition: width 0.25s ease;\r\n}\r\n\r\n.question-meta {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 11px 0 13px;\r\n  border-bottom: 1px solid #eceef1;\r\n  color: #202632;\r\n  font-size: 12px;\r\n}\r\n\r\n.question-meta strong {\r\n  font-size: 13px;\r\n}\r\n\r\n.question-meta > span {\r\n  padding: 3px 8px;\r\n  border: 1px solid #e5e7eb;\r\n  color: #202632;\r\n  line-height: 16px;\r\n}\r\n\r\n.phase-tabs {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  margin-top: 14px;\r\n}\r\n\r\n.phase-tabs span,\r\n.validity-hint {\r\n  padding: 6px 10px;\r\n  border: 1px solid var(--cast-border);\r\n  border-radius: 0;\r\n  color: #a2a7af;\r\n  font-size: 12px;\r\n  line-height: 16px;\r\n}\r\n\r\n.phase-tabs span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.phase-tabs span i {\r\n  display: inline-flex;\r\n  width: 16px;\r\n  height: 16px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #e5e7eb;\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-style: normal;\r\n}\r\n\r\n.phase-tabs span strong {\r\n  font-weight: 600;\r\n}\r\n\r\n.phase-tabs > b {\r\n  color: #aab0ba;\r\n  font-size: 13px;\r\n  font-weight: 400;\r\n}\r\n\r\n.phase-tabs span.active {\r\n  border-color: var(--cast-primary);\r\n  background: #fff;\r\n  color: var(--cast-primary);\r\n}\r\n\r\n.phase-tabs span.active i {\r\n  background: var(--cast-primary);\r\n}\r\n\r\n.phase-tabs span.completed {\r\n  color: #a2a7af;\r\n}\r\n\r\n.validity-hint {\r\n  display: inline-block;\r\n  margin-top: 14px;\r\n  border-color: var(--cast-primary);\r\n  color: var(--cast-primary);\r\n}\r\n\r\n.quiz-content h2 {\r\n  margin: 14px 0 14px;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.option-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.answer-option {\r\n  width: 100%;\r\n  min-height: 47px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 10px 13px;\r\n  border: 1px solid #dfe1e5;\r\n  border-radius: 8px;\r\n  background: #fff;\r\n  box-shadow: 0 1px 2px rgba(31, 40, 58, 0.08);\r\n  color: #4f5662;\r\n  font: inherit;\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  transition: border-color 0.18s, background-color 0.18s, box-shadow 0.18s;\r\n}\r\n\r\n.answer-option:hover {\r\n  border-color: #9dbcf5;\r\n  background: #fbfdff;\r\n}\r\n\r\n.answer-option.selecting-least:hover {\r\n  border-color: #181818;\r\n  background: #fff;\r\n  box-shadow: none;\r\n}\r\n\r\n.answer-option.selecting-least:hover::after {\r\n  flex: 0 0 auto;\r\n  margin-left: auto;\r\n  padding: 2px 7px;\r\n  background: #181818;\r\n  color: #fff;\r\n  content: \"最不符合我\";\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.answer-option.selected-most,\r\n.answer-option.selected-most:disabled {\r\n  border-color: var(--cast-primary);\r\n  background: var(--cast-primary-soft);\r\n  box-shadow: 0 0 0 1px rgba(63, 127, 240, 0.08);\r\n  color: #2867d8;\r\n  cursor: default;\r\n  opacity: 1;\r\n}\r\n\r\n.option-letter {\r\n  flex: 0 0 16px;\r\n  color: #a5aab3;\r\n  font-family: Georgia, serif;\r\n}\r\n\r\n.selected-most .option-letter {\r\n  color: var(--cast-primary);\r\n}\r\n\r\n.answer-option.selected-least {\r\n  border-color: #9ba2ad;\r\n  border-style: dashed;\r\n  background: #f7f8fa;\r\n  color: #777f8b;\r\n}\r\n\r\n.answer-mark {\r\n  flex: 0 0 auto;\r\n  margin-left: auto;\r\n  padding: 2px 7px;\r\n  background: var(--cast-primary);\r\n  color: #fff;\r\n  font-size: 11px;\r\n  line-height: 16px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.selected-least .answer-mark {\r\n  background: #8d96a3;\r\n}\r\n\r\n.validity-options {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  gap: 7px;\r\n}\r\n\r\n.validity-options button {\r\n  min-height: 72px;\r\n  padding: 8px 4px;\r\n  border: 1px solid var(--cast-border);\r\n  border-radius: 8px;\r\n  background: #fff;\r\n  color: var(--cast-secondary);\r\n  font: inherit;\r\n  font-size: 11px;\r\n  cursor: pointer;\r\n}\r\n\r\n.validity-options button:hover,\r\n.validity-options button.selected {\r\n  border-color: var(--cast-primary);\r\n  background: var(--cast-primary-soft);\r\n  color: var(--cast-primary);\r\n}\r\n\r\n.validity-options button.selected strong {\r\n  color: var(--cast-primary);\r\n}\r\n\r\n.validity-options strong,\r\n.validity-options span {\r\n  display: block;\r\n}\r\n\r\n.validity-options strong {\r\n  margin-bottom: 8px;\r\n  color: var(--cast-text);\r\n  font-size: 18px;\r\n}\r\n\r\n.quiz-footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 16px;\r\n  padding: 14px 2px 0;\r\n  border-top: 1px solid #eceef1;\r\n  color: #acb1ba;\r\n  font-size: 12px;\r\n  min-height: 26px;\r\n}\r\n\r\n.quiz-footer button {\r\n  padding: 5px 0;\r\n  border: 0;\r\n  background: transparent;\r\n  color: #7e8795;\r\n  font: inherit;\r\n  cursor: pointer;\r\n}\r\n\r\n.quiz-footer button:disabled {\r\n  color: #d7dade;\r\n  cursor: default;\r\n}\r\n\r\n.quiz-footer .saved-next-button {\r\n  color: var(--cast-primary);\r\n}\r\n\r\n.result-content {\r\n  padding: 46px 36px 20px;\r\n}\r\n\r\n.result-label {\r\n  color: #a2a8b2;\r\n  font-size: 12px;\r\n}\r\n\r\n.result-content > h1 {\r\n  margin: 7px 0 1px;\r\n  font-size: 23px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.result-code {\r\n  margin: 0;\r\n  color: #7f91ad;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n}\r\n\r\n.result-tag {\r\n  margin: 12px 0 18px;\r\n  padding-bottom: 18px;\r\n  border-bottom: 1px solid #e8eaed;\r\n  color: #949ba6;\r\n  font-size: 13px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.score-list {\r\n  display: grid;\r\n  gap: 15px;\r\n}\r\n\r\n.score-row > div:first-child {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: baseline;\r\n  margin-bottom: 7px;\r\n  font-size: 16px;\r\n}\r\n\r\n.score-row > div:first-child strong > span {\r\n  color: var(--cast-text);\r\n}\r\n\r\n.score-row > div:first-child > span {\r\n  color: #9097a1;\r\n  font-size: 12px;\r\n  font-weight: 400;\r\n}\r\n\r\n.score-track {\r\n  position: relative;\r\n  height: 4px;\r\n  border-radius: 2px;\r\n  background: #e9eaec;\r\n  overflow: hidden;\r\n}\r\n\r\n.score-track i {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n  width: 1px;\r\n  z-index: 1;\r\n  background: #bfc4cb;\r\n}\r\n\r\n.score-track span {\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  background: var(--cast-primary);\r\n}\r\n\r\n.job-matches {\r\n  margin-top: 30px;\r\n}\r\n\r\n.result-section-label {\r\n  margin-bottom: 7px;\r\n  color: #a2a8b2;\r\n  font-size: 12px;\r\n}\r\n\r\n.job-match-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  min-height: 40px;\r\n  border-bottom: 1px solid #e8eaed;\r\n  color: #3f4651;\r\n  font-size: 13px;\r\n}\r\n\r\n.job-match-row strong {\r\n  color: #111722;\r\n  font-size: 13px;\r\n}\r\n\r\n.quality-warning {\r\n  margin: 22px 0 0;\r\n  padding: 0;\r\n  border: 0;\r\n  background: transparent;\r\n  color: #a0a6af;\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.quality-warning strong {\r\n  font-weight: 400;\r\n}\r\n\r\n.result-content .primary-button {\r\n  margin-top: 26px;\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n  .cast-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .cast-modal {\r\n    width: 100%;\r\n    min-width: 0;\r\n    margin: 0;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .cast-modal.fullscreen {\r\n    min-height: 100%;\r\n    max-height: 100%;\r\n  }\r\n\r\n  .cast-content {\r\n    padding: 46px 20px 24px;\r\n  }\r\n\r\n  .quiz-content {\r\n    padding-top: 27px;\r\n  }\r\n\r\n  .cast-modal.fullscreen .cast-content {\r\n    min-height: 100%;\r\n  }\r\n\r\n  .result-content {\r\n    padding: 46px 20px 20px;\r\n  }\r\n\r\n  .dimension-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 9px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .dimension-card {\r\n    min-height: 92px;\r\n    padding: 14px 12px 12px;\r\n  }\r\n\r\n  .dimension-card:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .phase-tabs {\r\n    gap: 5px;\r\n  }\r\n\r\n  .phase-tabs span {\r\n    padding: 6px 7px;\r\n  }\r\n\r\n  .phase-tabs > b {\r\n    display: none;\r\n  }\r\n\r\n  .validity-options {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .validity-options button {\r\n    min-height: 46px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 8px 14px;\r\n    text-align: left;\r\n  }\r\n\r\n  .validity-options strong {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 360px) {\r\n  .cast-content {\r\n    padding-right: 16px;\r\n    padding-left: 16px;\r\n  }\r\n\r\n  .dimension-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .dimension-card {\r\n    min-height: 76px;\r\n  }\r\n\r\n  .dimension-card strong {\r\n    flex-direction: row;\r\n    align-items: baseline;\r\n    gap: 7px;\r\n  }\r\n}\r\n\r\n@media (hover: none) {\r\n  .answer-option.selecting-least:hover {\r\n    border-color: #dfe1e5;\r\n    background: #fff;\r\n    box-shadow: 0 1px 2px rgba(31, 40, 58, 0.08);\r\n  }\r\n\r\n  .answer-option.selecting-least:hover::after {\r\n    display: none;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .primary-button,\r\n  .answer-option,\r\n  .dimension-card,\r\n  .progress-track span {\r\n    transition: none;\r\n  }\r\n}\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\r\nimport { configStore } from '../../../store/config.store';\r\nimport {\r\n  CAST_ASSESSMENT_VERSION,\r\n  CAST_DIMENSION_INFO,\r\n  CAST_DIMENSIONS,\r\n  CAST_JOB_PROFILES,\r\n  CAST_SITUATION_QUESTIONS,\r\n  CAST_TYPE_DESCRIPTIONS,\r\n  CAST_VALIDITY_QUESTIONS,\r\n  CastDimension,\r\n  CastSituationQuestion,\r\n  CastValidityQuestion,\r\n} from './cast-data';\r\n\r\nexport interface CastOption {\r\n  dimension: CastDimension;\r\n  text: string;\r\n}\r\n\r\ninterface CastSituationItem {\r\n  kind: 'situation';\r\n  scene: string;\r\n  question: string;\r\n  options: CastOption[];\r\n}\r\n\r\ninterface CastValidityItem {\r\n  kind: 'validity';\r\n  id: CastValidityQuestion['id'];\r\n  scene: '作答核查';\r\n  question: string;\r\n}\r\n\r\ntype CastQuestionItem = CastSituationItem | CastValidityItem;\r\n\r\ninterface CastSituationAnswer {\r\n  kind: 'situation';\r\n  most: CastDimension;\r\n  least: CastDimension;\r\n  mostIndex: number;\r\n  duration: number;\r\n}\r\n\r\ninterface CastValidityAnswer {\r\n  kind: 'validity';\r\n  value: number;\r\n  duration: number;\r\n}\r\n\r\ntype CastAnswer = CastSituationAnswer | CastValidityAnswer;\r\n\r\nexport interface CastJobMatch {\r\n  name: string;\r\n  percentage: number;\r\n}\r\n\r\nexport interface CastAssessmentResult {\r\n  type: string;\r\n  name: string;\r\n  tag: string;\r\n  strengths: string;\r\n  cautions: string;\r\n  advice: string;\r\n  rawScores: Record<CastDimension, number>;\r\n  standardScores: Record<CastDimension, number>;\r\n  jobMatches: CastJobMatch[];\r\n  qualityWarnings: string[];\r\n  isReferenceOnly: boolean;\r\n  completedAt: string;\r\n}\r\n\r\nexport interface CastSituationAnswerRecord {\r\n  kind: 'situation';\r\n  index: number;\r\n  scene: string;\r\n  question: string;\r\n  options: CastOption[];\r\n  most: CastDimension;\r\n  least: CastDimension;\r\n  mostIndex: number;\r\n  duration: number;\r\n}\r\n\r\nexport interface CastValidityAnswerRecord {\r\n  kind: 'validity';\r\n  index: number;\r\n  id: CastValidityQuestion['id'];\r\n  scene: '作答核查';\r\n  question: string;\r\n  value: number;\r\n  duration: number;\r\n}\r\n\r\nexport type CastAnswerRecord = CastSituationAnswerRecord | CastValidityAnswerRecord;\r\n\r\nexport interface CastAssessmentCompleteDetail {\r\n  version: string;\r\n  resultTitle: string;\r\n  reportJson: string;\r\n  answerRecordsJson: string;\r\n}\r\n\r\ntype CastScreen = 'intro' | 'quiz' | 'result';\r\n\r\n@Component({\r\n  tag: 'oem-cast-modal',\r\n  styleUrls: ['../../global/global.css', 'oem-cast-modal.css', '../../global/host.css'],\r\n  shadow: true,\r\n})\r\nexport class OemCastModal {\r\n  /** 是否显示测评模态框。 */\r\n  @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n  /** 模态框的页面层级。 */\r\n  @Prop() zIndex: number = 1000;\r\n\r\n  /** 是否以全屏模式打开，移动端建议设置为 true。 */\r\n  @Prop() fullscreen: boolean = false;\r\n\r\n  /** 是否展示右上角关闭按钮。 */\r\n  @Prop() isNeedClose: boolean = true;\r\n\r\n  /** 点击关闭按钮时触发。 */\r\n  @Event({ eventName: 'modal-closed' }) modalClosed: EventEmitter<void>;\r\n\r\n  /** 完成全部题目并生成结果时触发，返回测评版本、结果标题、报告 JSON 和答题记录 JSON。 */\r\n  @Event({ eventName: 'assessment-complete' }) assessmentComplete: EventEmitter<CastAssessmentCompleteDetail>;\r\n\r\n  @State() private _screen: CastScreen = 'intro';\r\n  @State() private _questionIndex: number = 0;\r\n  @State() private _phase: 1 | 2 = 1;\r\n  @State() private _mostDimension?: CastDimension;\r\n  @State() private _answers: Array<CastAnswer | undefined> = [];\r\n  @State() private _result?: CastAssessmentResult;\r\n  @State() private _showCloseConfirmModal: boolean = false;\r\n  @State() private _hasAcceptedNotice: boolean = false;\r\n  @State() private _showInstructions: boolean = false;\r\n\r\n  private _deck: CastQuestionItem[] = [];\r\n  private _questionStartedAt: number = 0;\r\n\r\n  @Watch('isOpen')\r\n  protected handleIsOpenChange(isOpen: boolean): void {\r\n    if (isOpen) {\r\n      this._resetAssessment();\r\n    } else {\r\n      this._showCloseConfirmModal = false;\r\n    }\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    configStore.setItem('modal-zIndex', this.zIndex);\r\n    this._resetAssessment();\r\n  }\r\n\r\n  private _shuffleOptions(question: CastSituationQuestion): CastOption[] {\r\n    const options: CastOption[] = CAST_DIMENSIONS.map(dimension => ({ dimension, text: question.options[dimension] }));\r\n    for (let index = options.length - 1; index > 0; index--) {\r\n      const randomIndex = Math.floor(Math.random() * (index + 1));\r\n      [options[index], options[randomIndex]] = [options[randomIndex], options[index]];\r\n    }\r\n    return options;\r\n  }\r\n\r\n  private _createDeck(): CastQuestionItem[] {\r\n    const deck: CastQuestionItem[] = [];\r\n    CAST_SITUATION_QUESTIONS.forEach((question, index) => {\r\n      deck.push({ kind: 'situation', scene: question.scene, question: question.question, options: this._shuffleOptions(question) });\r\n      const validityQuestion = CAST_VALIDITY_QUESTIONS.find(item => item.after === index + 1);\r\n      if (validityQuestion) {\r\n        deck.push({ kind: 'validity', id: validityQuestion.id, scene: '作答核查', question: validityQuestion.question });\r\n      }\r\n    });\r\n    return deck;\r\n  }\r\n\r\n  private _resetAssessment(): void {\r\n    this._deck = this._createDeck();\r\n    this._screen = 'intro';\r\n    this._questionIndex = 0;\r\n    this._phase = 1;\r\n    this._mostDimension = undefined;\r\n    this._answers = new Array(this._deck.length).fill(undefined);\r\n    this._result = undefined;\r\n    this._hasAcceptedNotice = false;\r\n    this._showInstructions = false;\r\n    this._questionStartedAt = 0;\r\n  }\r\n\r\n  private _showAssessmentInstructions = (): void => {\r\n    if (!this._hasAcceptedNotice) return;\r\n    this._showInstructions = true;\r\n  };\r\n\r\n  private _startAssessment = (): void => {\r\n    this._showInstructions = false;\r\n    this._screen = 'quiz';\r\n    this._questionStartedAt = performance.now();\r\n  };\r\n\r\n  private _hideAssessmentInstructions = (): void => {\r\n    this._showInstructions = false;\r\n  };\r\n\r\n  private _handleClose = (): void => {\r\n    if (this._screen !== 'quiz') {\r\n      this.modalClosed.emit();\r\n      return;\r\n    }\r\n    this._showCloseConfirmModal = true;\r\n  };\r\n\r\n  private _handleCloseConfirm = (): void => {\r\n    this._showCloseConfirmModal = false;\r\n    this.modalClosed.emit();\r\n  };\r\n\r\n  private _handleCloseCancel = (): void => {\r\n    this._showCloseConfirmModal = false;\r\n  };\r\n\r\n  private _selectSituationOption(option: CastOption): void {\r\n    if (this._phase === 1) {\r\n      this._mostDimension = option.dimension;\r\n      this._phase = 2;\r\n      return;\r\n    }\r\n    if (option.dimension === this._mostDimension || !this._mostDimension) return;\r\n\r\n    this._answers[this._questionIndex] = {\r\n      kind: 'situation',\r\n      most: this._mostDimension,\r\n      least: option.dimension,\r\n      mostIndex: this._getCurrentSituationItem().options.findIndex(item => item.dimension === this._mostDimension),\r\n      duration: performance.now() - this._questionStartedAt,\r\n    };\r\n    this._answers = [...this._answers];\r\n    this._goToNextQuestion();\r\n  }\r\n\r\n  private _selectValidityOption(value: number): void {\r\n    this._answers[this._questionIndex] = {\r\n      kind: 'validity',\r\n      value,\r\n      duration: performance.now() - this._questionStartedAt,\r\n    };\r\n    this._answers = [...this._answers];\r\n    this._goToNextQuestion();\r\n  }\r\n\r\n  private _getCurrentSituationItem(): CastSituationItem {\r\n    return this._deck[this._questionIndex] as CastSituationItem;\r\n  }\r\n\r\n  private _goToNextQuestion(): void {\r\n    if (this._questionIndex >= this._deck.length - 1) {\r\n      this._completeAssessment();\r\n      return;\r\n    }\r\n    this._questionIndex += 1;\r\n    this._phase = 1;\r\n    this._mostDimension = undefined;\r\n    this._questionStartedAt = performance.now();\r\n  }\r\n\r\n  private _goToPreviousQuestion = (): void => {\r\n    if (this._questionIndex === 0) return;\r\n    this._questionIndex -= 1;\r\n    this._phase = 1;\r\n    this._mostDimension = undefined;\r\n    this._questionStartedAt = performance.now();\r\n  };\r\n\r\n  private _goToSavedNextQuestion = (): void => {\r\n    if (!this._answers[this._questionIndex]) return;\r\n    this._goToNextQuestion();\r\n  };\r\n\r\n  private _getValidityValue(id: CastValidityQuestion['id']): number {\r\n    const deckIndex = this._deck.findIndex(item => item.kind === 'validity' && item.id === id);\r\n    const answer = this._answers[deckIndex];\r\n    return answer?.kind === 'validity' ? answer.value : 3;\r\n  }\r\n\r\n  private _calculateCosineSimilarity(values: number[], weights: number[]): number {\r\n    const dotProduct = values.reduce((total, value, index) => total + value * weights[index], 0);\r\n    const valuesLength = Math.sqrt(values.reduce((total, value) => total + value * value, 0));\r\n    const weightsLength = Math.sqrt(weights.reduce((total, value) => total + value * value, 0));\r\n    return valuesLength && weightsLength ? dotProduct / (valuesLength * weightsLength) : 0;\r\n  }\r\n\r\n  private _calculateJobMatches(standardScores: Record<CastDimension, number>): CastJobMatch[] {\r\n    const scoreVector = CAST_DIMENSIONS.map(dimension => standardScores[dimension]);\r\n    return CAST_JOB_PROFILES.map(job => {\r\n      const averageWeight = job.weights.reduce((total, weight) => total + weight, 0) / job.weights.length;\r\n      const centeredWeights = job.weights.map(weight => weight - averageWeight);\r\n      const similarity = this._calculateCosineSimilarity(scoreVector, centeredWeights);\r\n      return { name: job.name, percentage: Math.round(((similarity + 1) / 2) * 100) };\r\n    })\r\n      .sort((first, second) => second.percentage - first.percentage)\r\n      .slice(0, 6);\r\n  }\r\n\r\n  private _calculateResult(): CastAssessmentResult {\r\n    const rawScores: Record<CastDimension, number> = { C: 0, A: 0, S: 0, T: 0 };\r\n    const selectedPositions: number[] = [];\r\n    let fastAnswerCount = 0;\r\n    let situationCount = 0;\r\n\r\n    this._answers.forEach(answer => {\r\n      if (answer?.kind !== 'situation') return;\r\n      situationCount += 1;\r\n      rawScores[answer.most] += 2;\r\n      rawScores[answer.least] -= 1;\r\n      selectedPositions.push(answer.mostIndex);\r\n      if (answer.duration < 1500) fastAnswerCount += 1;\r\n    });\r\n\r\n    const standardScores = CAST_DIMENSIONS.reduce(\r\n      (scores, dimension) => ({ ...scores, [dimension]: (rawScores[dimension] - 7) / 12 }),\r\n      {} as Record<CastDimension, number>,\r\n    );\r\n    const qualityWarnings: string[] = [];\r\n    if (fastAnswerCount / situationCount > 0.4) qualityWarnings.push(`作答速度偏快（${Math.round((fastAnswerCount / situationCount) * 100)}% 的情境题用时不足 1.5 秒）`);\r\n\r\n    let streak = 1;\r\n    let maximumStreak = 1;\r\n    for (let index = 1; index < selectedPositions.length; index++) {\r\n      streak = selectedPositions[index] === selectedPositions[index - 1] ? streak + 1 : 1;\r\n      maximumStreak = Math.max(maximumStreak, streak);\r\n    }\r\n    if (maximumStreak >= 5) qualityWarnings.push(`存在连续 ${maximumStreak} 次选择同一位置选项的情况`);\r\n    if (this._getValidityValue('soc') >= 5) qualityWarnings.push('社会赞许倾向偏高，结果可能偏理想化');\r\n    if (this._getValidityValue('att') !== 2) qualityWarnings.push('注意力检查题未通过');\r\n    if (Math.abs(this._getValidityValue('c1') + this._getValidityValue('c2') - 6) >= 3) qualityWarnings.push('一致性题组存在矛盾作答');\r\n\r\n    const sortedDimensions = [...CAST_DIMENSIONS].sort((first, second) => standardScores[second] - standardScores[first]);\r\n    const spread = standardScores[sortedDimensions[0]] - standardScores[sortedDimensions[3]];\r\n    let type: string;\r\n    if (qualityWarnings.length >= 3 || spread < 0.35) type = 'LOW';\r\n    else if (spread < 0.75) type = 'BAL';\r\n    else if (standardScores[sortedDimensions[0]] - standardScores[sortedDimensions[1]] < 0.5) {\r\n      type = CAST_DIMENSIONS.filter(dimension => dimension === sortedDimensions[0] || dimension === sortedDimensions[1]).join('');\r\n    } else type = sortedDimensions[0];\r\n\r\n    const description = CAST_TYPE_DESCRIPTIONS[type];\r\n    return {\r\n      type,\r\n      name: description.name,\r\n      tag: description.tag,\r\n      strengths: description.strengths,\r\n      cautions: description.cautions,\r\n      advice: description.advice,\r\n      rawScores,\r\n      standardScores,\r\n      jobMatches: this._calculateJobMatches(standardScores),\r\n      qualityWarnings,\r\n      isReferenceOnly: qualityWarnings.length > 0,\r\n      completedAt: new Date().toISOString(),\r\n    };\r\n  }\r\n\r\n  private _createAnswerRecords(): CastAnswerRecord[] {\r\n    return this._deck.flatMap<CastAnswerRecord>((item, index): CastAnswerRecord[] => {\r\n      const answer = this._answers[index];\r\n      if (item.kind === 'situation' && answer?.kind === 'situation') {\r\n        return [{\r\n          kind: 'situation' as const,\r\n          index: index + 1,\r\n          scene: item.scene,\r\n          question: item.question,\r\n          options: item.options.map(option => ({ ...option })),\r\n          most: answer.most,\r\n          least: answer.least,\r\n          mostIndex: answer.mostIndex,\r\n          duration: answer.duration,\r\n        }];\r\n      }\r\n      if (item.kind === 'validity' && answer?.kind === 'validity') {\r\n        return [{\r\n          kind: 'validity' as const,\r\n          index: index + 1,\r\n          id: item.id,\r\n          scene: item.scene,\r\n          question: item.question,\r\n          value: answer.value,\r\n          duration: answer.duration,\r\n        }];\r\n      }\r\n      return [];\r\n    });\r\n  }\r\n\r\n  private _completeAssessment(): void {\r\n    const result = this._calculateResult();\r\n    const completeDetail: CastAssessmentCompleteDetail = {\r\n      version: CAST_ASSESSMENT_VERSION,\r\n      resultTitle: result.name,\r\n      reportJson: JSON.stringify(result),\r\n      answerRecordsJson: JSON.stringify(this._createAnswerRecords()),\r\n    };\r\n    this._result = result;\r\n    this._screen = 'result';\r\n    this.assessmentComplete.emit(completeDetail);\r\n  }\r\n\r\n  private _renderCloseButton() {\r\n    if (!this.isNeedClose) return null;\r\n    return (\r\n      <button class=\"close-button cast-close-button\" type=\"button\" aria-label=\"关闭测评\" onClick={this._handleClose}>\r\n        <span aria-hidden=\"true\">×</span>\r\n      </button>\r\n    );\r\n  }\r\n\r\n  private _renderIntro() {\r\n    return (\r\n      <main class=\"cast-content intro-content\">\r\n        <div class=\"brand-line\"><span class=\"brand-dot\" aria-hidden=\"true\"></span>聘才猫 · CAST 才型测评</div>\r\n        <h1>才型 · 职业性格测评</h1>\r\n        <p class=\"intro-description\">32 道题 / 约 6 分钟。按顺序作答，完成后立即查看结果。</p>\r\n        <div class=\"dimension-heading\">\r\n          <strong>测评的四个维度</strong>\r\n          <span>CAST 模型 · 仅作说明，无需选择</span>\r\n        </div>\r\n        <div class=\"dimension-grid\">\r\n          {CAST_DIMENSIONS.map(dimension => (\r\n            <div class=\"dimension-card\">\r\n              <strong><span>{dimension}</span> {CAST_DIMENSION_INFO[dimension].name}</strong>\r\n              <p>{CAST_DIMENSION_INFO[dimension].drive}</p>\r\n            </div>\r\n          ))}\r\n        </div>\r\n        <section class=\"assessment-notice\" aria-labelledby=\"cast-assessment-notice-title\">\r\n          <h2 id=\"cast-assessment-notice-title\">关于本次测评</h2>\r\n          <ul>\r\n            <li><span>收集内容：</span>你的选项、每题作答用时。不收集姓名、身份证号、联系方式。</li>\r\n            <li><span>用途：</span>生成个人职业风格报告，并作为岗位推荐的参考权重之一。</li>\r\n            <li><span>结果</span><strong>不用于任何招聘录用决策</strong><span>，不提供给用人单位。</span></li>\r\n            <li><span>存储：</span>匿名化后保留 12 个月用于常模建设，可随时申请删除。</li>\r\n            <li><span>说明：</span>本测评题目、算法、常模与解读文案均为聘才猫自主研发。</li>\r\n          </ul>\r\n        </section>\r\n        <label class=\"consent-row\">\r\n          <input\r\n            type=\"checkbox\"\r\n            checked={this._hasAcceptedNotice}\r\n            onChange={(event: Event) => { this._hasAcceptedNotice = (event.target as HTMLInputElement).checked; }}\r\n          />\r\n          <span>我已阅读并理解上述说明，同意在此范围内处理我的作答数据。</span>\r\n        </label>\r\n        <button class=\"primary-button\" type=\"button\" disabled={!this._hasAcceptedNotice} onClick={this._showAssessmentInstructions}>开始测评</button>\r\n        <div class=\"intro-footer\"><span>{CAST_ASSESSMENT_VERSION.replace('-', ' v')}</span><span>32 题 / 约 6 分钟</span></div>\r\n      </main>\r\n    );\r\n  }\r\n\r\n  private _renderSituationOptions(item: CastSituationItem) {\r\n    const savedAnswer = this._answers[this._questionIndex];\r\n    const savedSituationAnswer = savedAnswer?.kind === 'situation' ? savedAnswer : undefined;\r\n    const displayedMost = this._mostDimension ?? savedSituationAnswer?.most;\r\n    const displayedLeast = this._mostDimension ? undefined : savedSituationAnswer?.least;\r\n\r\n    return (\r\n      <div class=\"option-list\" role=\"group\" aria-label={this._phase === 1 ? '选择最符合你的选项' : '选择最不符合你的选项'}>\r\n        {item.options.map((option, index) => {\r\n          const selectedMost = option.dimension === displayedMost;\r\n          const selectedLeast = option.dimension === displayedLeast;\r\n          return (\r\n            <button\r\n              class={{\r\n                'answer-option': true,\r\n                'selecting-least': this._phase === 2 && !selectedMost,\r\n                'selected-most': selectedMost,\r\n                'selected-least': selectedLeast,\r\n              }}\r\n              type=\"button\"\r\n              disabled={this._phase === 2 && selectedMost}\r\n              aria-pressed={selectedMost || selectedLeast ? 'true' : 'false'}\r\n              onClick={() => this._selectSituationOption(option)}\r\n            >\r\n              <span class=\"option-letter\">{'ABCD'[index]}</span>\r\n              <span>{option.text}</span>\r\n              {selectedMost && <span class=\"answer-mark\">最符合</span>}\r\n              {selectedLeast && <span class=\"answer-mark\">最不符合</span>}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderValidityOptions() {\r\n    const labels: string[] = ['非常不符合', '比较不符合', '一般', '比较符合', '非常符合'];\r\n    const savedAnswer = this._answers[this._questionIndex];\r\n    const savedValue = savedAnswer?.kind === 'validity' ? savedAnswer.value : undefined;\r\n    return (\r\n      <div class=\"validity-options\" role=\"group\" aria-label=\"选择符合程度\">\r\n        {labels.map((label, index) => (\r\n          <button class={{ selected: savedValue === index + 1 }} type=\"button\" aria-pressed={savedValue === index + 1 ? 'true' : 'false'} onClick={() => this._selectValidityOption(index + 1)}>\r\n            <strong>{index + 1}</strong><span>{label}</span>\r\n          </button>\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderQuiz() {\r\n    const item = this._deck[this._questionIndex];\r\n    const progress = (this._questionIndex / this._deck.length) * 100;\r\n    const hasSavedAnswer = Boolean(this._answers[this._questionIndex]);\r\n    return (\r\n      <main class=\"cast-content quiz-content\">\r\n        <div class=\"progress-track\" aria-hidden=\"true\"><span style={{ width: `${progress}%` }}></span></div>\r\n        <div class=\"question-meta\">\r\n          <strong>第 {String(this._questionIndex + 1).padStart(2, '0')} 题 / 共 {this._deck.length} 题</strong>\r\n          <span>情境：{item.scene}</span>\r\n        </div>\r\n        {item.kind === 'situation' ? (\r\n          <div class=\"phase-tabs\" aria-label=\"当前选择步骤\">\r\n            <span class={{ active: this._phase === 1, completed: this._phase === 2 }}><i>1</i>选出<strong>最符合我</strong>的一项</span>\r\n            <b aria-hidden=\"true\">→</b>\r\n            <span class={{ active: this._phase === 2 }}><i>2</i>再选<strong>最不符合我</strong>的一项</span>\r\n          </div>\r\n        ) : <div class=\"validity-hint\">请选择这句话符合你的程度</div>}\r\n        <h2>{item.question}</h2>\r\n        {item.kind === 'situation' ? this._renderSituationOptions(item) : this._renderValidityOptions()}\r\n        <div class=\"quiz-footer\">\r\n          <button type=\"button\" disabled={this._questionIndex === 0} onClick={this._goToPreviousQuestion}>← 上一题</button>\r\n          {hasSavedAnswer && this._phase === 1 ? (\r\n            <button type=\"button\" class=\"saved-next-button\" onClick={this._goToSavedNextQuestion}>保留原答案，下一题 →</button>\r\n          ) : (\r\n            <span>{item.kind === 'situation' ? (this._phase === 1 ? '先选最符合' : '再选最不符合') : '选择后自动进入下一题'}</span>\r\n          )}\r\n        </div>\r\n      </main>\r\n    );\r\n  }\r\n\r\n  private _renderResult() {\r\n    if (!this._result) return null;\r\n    const description = CAST_TYPE_DESCRIPTIONS[this._result.type];\r\n    return (\r\n      <main class=\"cast-content result-content\">\r\n        <div class=\"result-label\">你的才型</div>\r\n        <h1>{description.name}</h1>\r\n        <p class=\"result-code\">{this._result.type === 'BAL' || this._result.type === 'LOW' ? 'CAST · 均衡剖面' : `${this._result.type} 型`}</p>\r\n        <p class=\"result-tag\">{description.tag}</p>\r\n        <div class=\"score-list\">\r\n          {CAST_DIMENSIONS.map(dimension => {\r\n            const score = this._result.standardScores[dimension];\r\n            const width = Math.min(Math.abs(score) / 2.2, 1) * 50;\r\n            return (\r\n              <div class={`score-row score-${dimension.toLowerCase()}`}>\r\n                <div><strong>{CAST_DIMENSION_INFO[dimension].name} <span>{CAST_DIMENSION_INFO[dimension].englishName}</span></strong><span>{score >= 0 ? '+' : ''}{score.toFixed(2)}</span></div>\r\n                <div class=\"score-track\"><i></i><span style={{ left: score >= 0 ? '50%' : `${50 - width}%`, width: `${width}%` }}></span></div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n        <div class=\"job-matches\">\r\n          <div class=\"result-section-label\">匹配岗位</div>\r\n          {this._result.jobMatches.map(job => (\r\n            <div class=\"job-match-row\"><span>{job.name}</span><strong>{job.percentage}%</strong></div>\r\n          ))}\r\n        </div>\r\n        {this._result.qualityWarnings.length > 0 && (\r\n          <p class=\"quality-warning\">\r\n            <strong>作答提示：</strong>{this._result.qualityWarnings.join('；')}。本次结果已标记为“参考”，不计入常模样本库。\r\n          </p>\r\n        )}\r\n        <button class=\"primary-button\" type=\"button\" onClick={() => this._resetAssessment()}>重新测一次</button>\r\n      </main>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (!this.isOpen) return null;\r\n    return (\r\n      <div class={{ 'modal-overlay': true, 'fullscreen-overlay': this.fullscreen, 'cast-overlay': true }} style={{ zIndex: String(this.zIndex) }}>\r\n        <div class={{ 'modal-container': true, fullscreen: this.fullscreen, 'pc-layout': true, 'cast-modal': true }}>\r\n          {this._renderCloseButton()}\r\n          <div class=\"cast-scroll-area\">\r\n            {this._screen === 'intro' && this._renderIntro()}\r\n            {this._screen === 'quiz' && this._renderQuiz()}\r\n            {this._screen === 'result' && this._renderResult()}\r\n          </div>\r\n          <div class=\"instructions-confirm-container\">\r\n            <components-confirm-modal\r\n              isOpen={this._showInstructions}\r\n              modalTitle=\"每道题，请选两次\"\r\n              okText=\"知道了，开始\"\r\n              cancelText=\"取消\"\r\n              okType=\"primary\"\r\n              maskClosable={false}\r\n              onOk={this._startAssessment}\r\n              onCancel={this._hideAssessmentInstructions}\r\n              onClosed={this._hideAssessmentInstructions}\r\n            >\r\n              <div class=\"instructions-content\">\r\n                <p>这不是单选题。四个选项没有对错，我们通过“你最像哪一个、最不像哪一个”来定位你的行为风格。</p>\r\n                <ol>\r\n                  <li><strong>先选择「最符合我」的一项</strong><span>该选项会被标记并保留。</span></li>\r\n                  <li><strong>再选择「最不符合我」的一项</strong><span>选择后自动进入下一题，无需确认。</span></li>\r\n                </ol>\r\n                <p class=\"instructions-content-note\">部分题目为单选的符合程度题，按提示选择即可。</p>\r\n              </div>\r\n            </components-confirm-modal>\r\n          </div>\r\n          <div class=\"close-confirm-container\">\r\n            <components-confirm-modal\r\n              isOpen={this._showCloseConfirmModal}\r\n              modalTitle=\"确认关闭？\"\r\n              okText=\"确认关闭\"\r\n              cancelText=\"继续测评\"\r\n              okType=\"danger\"\r\n              maskClosable={false}\r\n              onOk={this._handleCloseConfirm}\r\n              onCancel={this._handleCloseCancel}\r\n              onClosed={this._handleCloseCancel}\r\n            >\r\n              <div class=\"close-confirm-message\">关闭后当前作答进度和答案不会保存，确认要关闭吗？</div>\r\n            </components-confirm-modal>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","/* 输入模式切换 */\r\n.input-mode-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 16px;\r\n}\r\n  \r\n.input-mode-toggle span {\r\n    color: #333;\r\n    margin-right: 12px;\r\n}\r\n  \r\n.toggle-button {\r\n    display: flex;\r\n    align-items: center;\r\n    background: none;\r\n    border: none;\r\n    color: #2E6EDF;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    padding: 4px 8px;\r\n}\r\n  \r\n.toggle-button svg {\r\n    margin-right: 4px;\r\n}\r\n\r\n/* 自由输入模式 */\r\n.free-input {\r\n    width: 100%;\r\n}\r\n\r\n.textarea-container {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.textarea-container 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.textarea-container textarea {\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    resize: vertical;\r\n    background-color: #f9f9f9;\r\n    min-height: 150px;\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    margin-bottom: 20px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.textarea-container textarea:focus {\r\n    outline: none;\r\n    border-color: #2E6EDF;\r\n    box-shadow: 0 0 0 2px rgba(46, 110, 223, 0.2);\r\n}\r\n\r\n.required {\r\n    color: #f56c6c;\r\n}\r\n\r\n.input-guide {\r\n    background-color: #f5f7fa;\r\n    border-radius: 4px;\r\n    padding: 12px 16px;\r\n    margin-bottom: 20px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.guide-title {\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.guide-content {\r\n    color: #666;\r\n    font-size: 13px;\r\n    max-width: 100%;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.guide-content div {\r\n    margin-bottom: 4px;\r\n}\r\n\r\n/* 手机号输入框样式 */\r\n.phone-input {\r\n    width: calc(100% - 16px);\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.phone-input: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.verification-code-container {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n}\r\n\r\n.verification-code-input {\r\n    flex: 1;\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.verification-code-input: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.send-code-button {\r\n    padding: 8px 16px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    min-width: 100px;\r\n}\r\n\r\n.send-code-button:hover:not(:disabled) {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.send-code-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.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey, verifySmsCode } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../interfaces/events';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\n\r\n/**\r\n * 劳动合同卫士\r\n */\r\n\r\n@Component({\r\n    tag: 'oem-htws-modal',\r\n    styleUrls: ['oem-htws-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class OemHtwsModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '劳动合同卫士';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始分析';\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，可直接传入customInputs.file_url时<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse[]>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n     * 错误事件\r\n     */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 发送短信验证码请求事件\r\n     * 接入方需要监听此事件并调用自己的短信接口发送验证码\r\n     * 事件参数: { mobile: string, codeType: number }\r\n     */\r\n    @Event() sendSmsCodeRequest: EventEmitter<{ mobile: string; codeType: number }>;\r\n\r\n    /**\r\n     * 附件预览模式\r\n     * 'drawer': 在右侧抽屉中预览\r\n     * 'window': 在新窗口中打开\r\n     */\r\n    @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse[] | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    // 手机号和验证码相关状态\r\n    @State() phoneNumber: string = '';\r\n    @State() verificationCode: string = '';\r\n    @State() isSendingCode: boolean = false;\r\n    @State() countdown: number = 0;\r\n    @State() isVerifyingCode: boolean = false;\r\n\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n    private pcmUploadRef;\r\n    private countdownTimer: NodeJS.Timeout | null = null;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.showChatModal = false;\r\n            this.isSubmitting = false;\r\n            this.uploadedFileInfo = null;\r\n            // 重置手机号和验证码相关状态\r\n            this.phoneNumber = '';\r\n            this.verificationCode = '';\r\n            this.isSendingCode = false;\r\n            this.isVerifyingCode = false;\r\n            this.countdown = 0;\r\n            if (this.countdownTimer) {\r\n                clearInterval(this.countdownTimer);\r\n                this.countdownTimer = null;\r\n            }\r\n        } else {\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果有会话ID直接显示聊天模态框\r\n            if (this.conversationId) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    componentWillLoad() {\r\n\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n\r\n        // 初始化时设置 token,但不验证(验证在 @Watch('isOpen') 中处理)\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n        // 清理倒计时定时器\r\n        if (this.countdownTimer) {\r\n            clearInterval(this.countdownTimer);\r\n            this.countdownTimer = null;\r\n        }\r\n    }\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handlePhoneNumberChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.phoneNumber = input.value;\r\n    };\r\n\r\n    private handleVerificationCodeChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.verificationCode = input.value;\r\n    };\r\n\r\n    private startCountdown = () => {\r\n        this.countdown = 60;\r\n        if (this.countdownTimer) {\r\n            clearInterval(this.countdownTimer);\r\n        }\r\n        this.countdownTimer = setInterval(() => {\r\n            this.countdown--;\r\n            if (this.countdown <= 0) {\r\n                if (this.countdownTimer) {\r\n                    clearInterval(this.countdownTimer);\r\n                    this.countdownTimer = null;\r\n                }\r\n            }\r\n        }, 1000);\r\n    };\r\n\r\n    private handleSendCode = () => {\r\n        if (!this.phoneNumber.trim()) {\r\n            Message.error('请输入手机号');\r\n            return;\r\n        }\r\n\r\n        // 验证手机号格式\r\n        const phoneRegex = /^1[3-9]\\d{9}$/;\r\n        if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n            Message.error('请输入正确的手机号');\r\n            return;\r\n        }\r\n\r\n        // 设置发送中状态\r\n        this.isSendingCode = true;\r\n\r\n        // 触发事件，让接入方去调用自己的短信接口\r\n        this.sendSmsCodeRequest.emit({\r\n            mobile: this.phoneNumber.trim(),\r\n            codeType: 8\r\n        });\r\n\r\n        // 开始倒计时并重置发送状态\r\n        this.startCountdown();\r\n        this.isSendingCode = false;\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        // 既没有预设 file_url，也没有上传文件，则提示\r\n        if (!this.customInputs?.file_url && !this.uploadedFileInfo?.length) {\r\n            Message.info('请上传合同文件');\r\n            return;\r\n        }\r\n\r\n        // 如果填写了手机号，则需要验证验证码\r\n        if (this.phoneNumber.trim()) {\r\n            // 验证手机号格式\r\n            const phoneRegex = /^1[3-9]\\d{9}$/;\r\n            if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n                Message.error('请输入正确的手机号');\r\n                return;\r\n            }\r\n\r\n            // 验证验证码是否填写\r\n            if (!this.verificationCode.trim()) {\r\n                Message.error('请输入验证码');\r\n                return;\r\n            }\r\n\r\n            // 验证验证码是否正确\r\n            this.isVerifyingCode = true;\r\n            try {\r\n                const result = await verifySmsCode(this.phoneNumber.trim(), this.verificationCode.trim(), 0);\r\n                if (!result.success) {\r\n                    Message.error(result.message || '验证码错误');\r\n                    this.isVerifyingCode = false;\r\n                    return;\r\n                }\r\n            } catch (error) {\r\n                Message.error('验证码校验失败');\r\n                this.isVerifyingCode = false;\r\n                return;\r\n            }\r\n            this.isVerifyingCode = false;\r\n        }\r\n\r\n        // 判断文件是否正在上传\r\n        if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n            Message.info('文件上传中，请稍后');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n        this.showChatModal = true;\r\n        this.isSubmitting = false;\r\n    };\r\n\r\n    \r\n\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && (\r\n                        <div class=\"input-container\">\r\n                            {/* 文件上传区域 */}\r\n                            <div class=\"resume-upload-section\">\r\n                                <label>上传合同</label>\r\n                                <components-mobile-upload-btn\r\n                                    maxFileSize={25 * 1024 * 1024}\r\n                                    multiple={true}\r\n                                    maxFileCount={5}\r\n                                    uploadAreaMode={true}\r\n                                    uploadText=\"点击上传合同\"\r\n                                    acceptFileSuffixList={[\".pdf\", \".doc\", \".docx\", \".jpg\", \".jpeg\", \".png\"]}\r\n                                    uploadParams={{\r\n                                        tags: ['other'],\r\n                                    }}\r\n                                    defaultFileList={this.customInputs?.file_url ? this.customInputs?.file_url?.split?.(',')?.map?.((item, index) => {\r\n                                        const file_name_list = this.customInputs?.file_name?.split?.(',');\r\n                                        return {\r\n                                            cos_key: item,\r\n                                            file_name: file_name_list?.[index] || '预设文件',\r\n                                            file_size: 0,\r\n                                            ext: '',\r\n                                        }\r\n                                    }) : undefined}\r\n                                    disabled={!!this.customInputs?.file_url}\r\n                                    onOk={(e) => {\r\n                                        const result: FileUploadResponse[] = e.detail ?? [];\r\n                                        this.uploadedFileInfo = result;\r\n                                        this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                                    }}\r\n                                />\r\n                            </div>\r\n\r\n                            {/* 手机号和验证码区域（可选） */}\r\n                            <div class=\"jd-input-section\">\r\n                                <label>手机号（选填，填写后结果将通过短信发送）</label>\r\n                                <input\r\n                                    type=\"tel\"\r\n                                    class=\"phone-input\"\r\n                                    placeholder=\"请输入手机号\"\r\n                                    maxLength={11}\r\n                                    value={this.phoneNumber}\r\n                                    onInput={this.handlePhoneNumberChange}\r\n                                />\r\n                            </div>\r\n\r\n                            {/* 验证码输入区域 - 仅在填写了手机号时显示 */}\r\n                            {this.phoneNumber.trim().length === 11 && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label>验证码</label>\r\n                                    <div class=\"verification-code-container\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            class=\"verification-code-input\"\r\n                                            placeholder=\"请输入验证码\"\r\n                                            maxLength={6}\r\n                                            value={this.verificationCode}\r\n                                            onInput={this.handleVerificationCodeChange}\r\n                                        />\r\n                                        <button\r\n                                            class=\"send-code-button\"\r\n                                            disabled={this.isSendingCode || this.countdown > 0 || !this.phoneNumber.trim()}\r\n                                            onClick={this.handleSendCode}\r\n                                        >\r\n                                            {this.isSendingCode ? '发送中...' : this.countdown > 0 ? `${this.countdown}秒` : '发送验证码'}\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            )}\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={(!this.customInputs?.file_url && !this.uploadedFileInfo?.length) || this.isUploading || this.isSubmitting || this.isVerifyingCode}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isVerifyingCode ? '验证中...' : this.isSubmitting ? '处理中...' : '开始分析'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                     {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                     {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div>\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isNeedClose}\r\n                                fullscreen={this.fullscreen}\r\n                                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                botId=\"3022316191018882\"\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                filePreviewMode={this.filePreviewMode}\r\n                                customInputs={{\r\n                                    ...this.customInputs,\r\n                                    file_url: this.customInputs?.file_url || this.uploadedFileInfo?.map?.((item) => item.cos_key)?.join(\",\"),\r\n                                    file_name: this.customInputs?.file_name || this.uploadedFileInfo?.map?.((item) => item.file_name)?.join(\",\"),\r\n                                    phone: this.phoneNumber.trim() || undefined\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} ","/* 输入模式切换 */\r\n.input-mode-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 16px;\r\n}\r\n  \r\n.input-mode-toggle span {\r\n    color: #333;\r\n    margin-right: 12px;\r\n}\r\n  \r\n.toggle-button {\r\n    display: flex;\r\n    align-items: center;\r\n    background: none;\r\n    border: none;\r\n    color: #2E6EDF;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    padding: 4px 8px;\r\n}\r\n  \r\n.toggle-button svg {\r\n    margin-right: 4px;\r\n}\r\n  \r\n.toggle-button:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n}\r\n  \r\n/* 结构化输入模式 */\r\n.structured-input {\r\n    width: 100%;\r\n}\r\n  \r\n.job-name-input {\r\n    margin-bottom: 20px;\r\n}\r\n  \r\n.job-name-input 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-name-input input {\r\n    width: 95%;\r\n    padding: 10px 12px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    background-color: #f9f9f9;\r\n}\r\n\r\n.job-name-input input:focus {\r\n    outline: none;\r\n    border-color: #2E6EDF;\r\n    box-shadow: 0 0 0 2px rgba(46, 110, 223, 0.2);\r\n}\r\n\r\n.required {\r\n    color: #f56c6c;\r\n}\r\n\r\n/* 按钮容器 */\r\n.button-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 24px;\r\n    gap: 12px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\r\n.next-button {\r\n    background-color: #2E6EDF;\r\n    color: white;\r\n}\r\n\r\n.next-button:hover {\r\n    background-color: #2457b8;\r\n}\r\n\r\n.next-button:disabled {\r\n    background-color: #a0c0e8;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.prev-button {\r\n    background-color: #f0f0f0 !important;\r\n    color: #333 !important;\r\n}\r\n\r\n.prev-button:hover {\r\n    background-color: #e0e0e0;\r\n}\r\n\r\n/* 标签选择 */\r\n.tag-selection {\r\n    width: 100%;\r\n}\r\n\r\n.tag-selection-content {\r\n    width: 100%;\r\n}\r\n\r\n.section-title {\r\n    font-weight: 600;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 16px;\r\n}\r\n\r\n.ai-tags-section, .basic-tags-section {\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.tag-group {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.tag-title {\r\n    color: #555;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n}\r\n\r\n.tag-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 6px 12px;\r\n    border-radius: 4px;\r\n    background-color: #f5f5f5;\r\n    border: 1px solid #e0e0e0;\r\n    color: #333;\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.tag:hover {\r\n    background-color: #e8e8e8;\r\n}\r\n\r\n.tag-selected {\r\n    background-color: #e6f0ff;\r\n    border-color: #2E6EDF;\r\n    color: #2E6EDF;\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    padding: 40px 0;\r\n    background-color: #f9f9f9;\r\n    border-radius: 8px;\r\n    margin: 20px 0;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 3px solid rgba(46, 110, 223, 0.2);\r\n    border-radius: 50%;\r\n    border-top-color: #2E6EDF;\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n@keyframes spin {\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n.loading-text {\r\n    text-align: center;\r\n    color: #333;\r\n    font-weight: 500;\r\n}\r\n\r\n.loading-subtext {\r\n    color: #888;\r\n    font-size: 14px;\r\n    margin-top: 4px;\r\n}\r\n\r\n/* 自由输入模式 */\r\n.free-input {\r\n    width: 100%;\r\n}\r\n\r\n.textarea-container {\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.textarea-container 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.textarea-container textarea {\r\n  border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    resize: vertical;\r\n    background-color: #f9f9f9;\r\n    min-height: 150px;\r\n    width: 100%;\r\n    padding: 12px 16px;\r\n    margin-bottom: 20px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.textarea-container textarea:focus {\r\n    outline: none;\r\n    border-color: #2E6EDF;\r\n    box-shadow: 0 0 0 2px rgba(46, 110, 223, 0.2);\r\n}\r\n\r\n.voice-textarea-wrapper {\r\n    position: relative;\r\n}\r\n\r\n.voice-textarea-wrapper textarea {\r\n    padding-bottom: 52px;\r\n}\r\n\r\n.voice-input-entry {\r\n    position: absolute;\r\n    right: 12px;\r\n    bottom: 32px;\r\n    z-index: 1;\r\n}\r\n\r\n.input-guide {\r\n    background-color: #f5f7fa;\r\n    border-radius: 4px;\r\n    padding: 12px 16px;\r\n    margin-bottom: 20px;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.guide-title {\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.guide-content {\r\n    color: #666;\r\n    font-size: 13px;\r\n    max-width: 100%;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.guide-content div {\r\n    margin-bottom: 4px;\r\n}\r\n\r\n\r\n/* 响应式调整 */\r\n@media (max-width: 768px) {\r\n    \r\n    .tag-container {\r\n        gap: 7px;\r\n    }\r\n    \r\n    .tag {\r\n        padding: 4px 8px;\r\n        font-size: 12px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .button-container {\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n    \r\n    .next-button, .prev-button, .submit-button {\r\n        width: 100%;\r\n        margin-bottom: 8px;\r\n    }\r\n    \r\n    .tag {\r\n        max-width: calc(50% - 8px);\r\n    }\r\n}\r\n\r\n.tag-selection, \r\n.tag-selection-content,\r\n.ai-tags-section, \r\n.basic-tags-section,\r\n.structured-input,\r\n.free-input {\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n}","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { sendHttpRequest, verifyApiKey } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { SentryReporter } from '../../utils/sentry-reporter';\r\n\r\n/**\r\n * 职位生成组件\r\n */\r\n\r\n@Component({\r\n    tag: 'oem-jd-modal',\r\n    styleUrls: ['oem-jd-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class OemJdModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '职位生成';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请帮我生成职位信息';\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，传入 customInputs.job_info 时，会切换到自由输入模式并填充 JD 信息<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * 是否显示“保存职位”按钮（仅JD助手智能体生效）\r\n     */\r\n    @Prop() showSaveJdButton: boolean = false;\r\n\r\n    /**\r\n     * 保存职位按钮文本\r\n     */\r\n    @Prop() saveJdButtonText: string = '保存职位';\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n    * 错误事件\r\n    */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 附件预览模式\r\n     * 'drawer': 在右侧抽屉中预览\r\n     * 'window': 在新窗口中打开\r\n     */\r\n    @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    // 输入模式：structured(点选模式) 或 free(表单模式)\r\n    @State() inputMode: 'structured' | 'free' = 'structured';\r\n\r\n    // 步骤：input(输入职位名称) 或 review(选择标签)\r\n    @State() step: 'input' | 'review' = 'input';\r\n\r\n    // 职位名称\r\n    @State() jobName: string = '';\r\n\r\n    // 自由输入模式的文本\r\n    @State() freeInputText: string = '';\r\n\r\n    // 是否正在加载标签\r\n    @State() isLoading: boolean = false;\r\n\r\n    // 是否正在提交\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    // 是否正在录音或识别语音\r\n    @State() isVoiceInputActive: boolean = false;\r\n\r\n    // 标签组\r\n    @State() tagGroups: { dimensionName: string; defaultTags: string[]; optionalTags: string[] }[] = [];\r\n\r\n    // 洗牌后的标签组\r\n    @State() shuffledTagGroups: { dimensionName: string; tags: string[] }[] = [];\r\n\r\n    // 选中的AI标签\r\n    @State() selectedAITags: { [key: string]: string[] } = {};\r\n\r\n    // 选中的基础标签\r\n    @State() selectedTags: {\r\n        salary: string;\r\n        benefits: string[];\r\n        education: string;\r\n    } = {\r\n            salary: '',\r\n            benefits: [],\r\n            education: ''\r\n        };\r\n\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n    \r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.showChatModal = false;\r\n            this.jobDescription = '';\r\n            this.jobName = '';\r\n            this.freeInputText = '';\r\n            this.isVoiceInputActive = false;\r\n            this.step = 'input';\r\n            this.inputMode = 'structured';\r\n            this.tagGroups = [];\r\n            this.shuffledTagGroups = [];\r\n            this.selectedAITags = {};\r\n            this.selectedTags = {\r\n                salary: '',\r\n                benefits: [],\r\n                education: ''\r\n            };\r\n        } else {\r\n            if (this.customInputs && this.customInputs.job_info) {\r\n                this.jobDescription = this.customInputs.job_info;\r\n                // 如果有 job_info，直接切换到自由输入模式并填充内容\r\n                this.inputMode = 'free';\r\n                this.freeInputText = this.customInputs.job_info;\r\n            }\r\n            await verifyApiKey(this.token);\r\n            if (this.conversationId) {\r\n                // 如果有会话ID，直接显示聊天模态框\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    componentWillLoad() {\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n\r\n\r\n    // 薪资范围选项\r\n    private salaryRanges = [\r\n        { text: '3k-5k', value: '3k_5k' },\r\n        { text: '5k-8k', value: '5k_8k' },\r\n        { text: '8k-12k', value: '8k_12k' },\r\n        { text: '12k-15k', value: '12k_15k' },\r\n        { text: '15k-20k', value: '15k_20k' },\r\n        { text: '20k以上', value: 'above_20k' },\r\n    ];\r\n\r\n    // 福利待遇选项\r\n    private benefits = [\r\n        { text: '五险一金', value: '五险一金' },\r\n        { text: '年终奖', value: '年终奖' },\r\n        { text: '带薪年假', value: '带薪年假' },\r\n        { text: '加班补贴', value: '加班补贴' },\r\n        { text: '餐补', value: '餐补' },\r\n        { text: '交通补贴', value: '交通补贴' },\r\n        { text: '节日福利', value: '节日福利' },\r\n        { text: '团队建设', value: '团队建设' },\r\n    ];\r\n\r\n    // 学历要求选项\r\n    private educationRequirements = [\r\n        { text: '大专', value: '大专' },\r\n        { text: '本科', value: '本科' },\r\n        { text: '硕士', value: '硕士' },\r\n        { text: '博士', value: '博士' },\r\n        { text: '学历不限', value: '学历不限' },\r\n    ];\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleToggleInput = () => {\r\n        if (this.isVoiceInputActive) return;\r\n        this.inputMode = this.inputMode === 'structured' ? 'free' : 'structured';\r\n    };\r\n\r\n    private handleJobNameChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.jobName = input.value;\r\n    };\r\n\r\n    private handleFreeInputChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.freeInputText = textarea.value;\r\n    };\r\n\r\n    private handleVoiceRecognized = (event: CustomEvent<string>): void => {\r\n        const textarea = this.hostElement.shadowRoot?.querySelector('#free-input-text') as HTMLTextAreaElement | null;\r\n        const cursorPosition = textarea?.selectionStart ?? this.freeInputText.length;\r\n        const beforeCursor = this.freeInputText.substring(0, cursorPosition);\r\n        const afterCursor = this.freeInputText.substring(cursorPosition);\r\n        const spacer = beforeCursor.length > 0 && !/\\s$/.test(beforeCursor) ? ' ' : '';\r\n\r\n        this.freeInputText = `${beforeCursor}${spacer}${event.detail}${afterCursor}`;\r\n\r\n        requestAnimationFrame((): void => {\r\n            if (!textarea) return;\r\n            const newPosition = cursorPosition + spacer.length + event.detail.length;\r\n            textarea.focus();\r\n            textarea.setSelectionRange(newPosition, newPosition);\r\n        });\r\n    };\r\n\r\n    private handleVoiceStatusChange = (event: CustomEvent<'idle' | 'recording' | 'converting'>): void => {\r\n        this.isVoiceInputActive = event.detail !== 'idle';\r\n    };\r\n\r\n    private handleVoiceInputError = (event: CustomEvent<ErrorEventDetail>): void => {\r\n        this.someErrorEvent.emit(event.detail);\r\n    };\r\n\r\n    private handleNextStep = async () => {\r\n        if (!this.jobName.trim()) {\r\n            alert('请输入职位名称');\r\n            return;\r\n        }\r\n\r\n        this.step = 'review';\r\n        await this.handlePositionAnalysis(this.jobName);\r\n    };\r\n\r\n    private handlePrevStep = () => {\r\n        this.step = 'input';\r\n    };\r\n\r\n    private async handlePositionAnalysis(jobName: string) {\r\n        if (!jobName.trim()) return;\r\n\r\n        this.isLoading = true;\r\n\r\n        try {\r\n            const response = await sendHttpRequest({\r\n                url: '/sdk/v1/chat/workflow/block-run',\r\n                method: 'POST',\r\n                data: {\r\n                    inputs: {\r\n                        input_info: jobName,\r\n\r\n                    },\r\n                    bot_id: \"59322522667307008\",\r\n                    workflow_code: \"generate_jd_tags\"\r\n                }\r\n            });\r\n\r\n            if (response.success && response.data?.data.outputs?.text) {\r\n                try {\r\n                    // 兼容纯JSON和Markdown格式的JSON (```json ... ```)\r\n                    let jsonText = response.data.data.outputs.text.trim();\r\n                    const markdownJsonMatch = jsonText.match(/```json\\s*([\\s\\S]*?)\\s*```/);\r\n                    if (markdownJsonMatch) {\r\n                        jsonText = markdownJsonMatch[1].trim();\r\n                    }\r\n                    const parsedOutput = JSON.parse(jsonText);\r\n                    this.tagGroups = parsedOutput.tagGroup || [];\r\n\r\n                    // 自动选中所有默认标签\r\n                    const initialSelectedTags: { [key: string]: string[] } = {};\r\n\r\n                    // 洗牌处理标签\r\n                    const shuffled = (parsedOutput.tagGroup || []).map(group => {\r\n                        // 将默认标签和可选标签合并\r\n                        const allTags = [...(group.defaultTags || []), ...(group.optionalTags || [])];\r\n\r\n                        // Fisher-Yates 洗牌算法打乱标签顺序\r\n                        for (let i = allTags.length - 1; i > 0; i--) {\r\n                            const j = Math.floor(Math.random() * (i + 1));\r\n                            [allTags[i], allTags[j]] = [allTags[j], allTags[i]];\r\n                        }\r\n\r\n                        // 设置默认选中的标签\r\n                        if (group.defaultTags && group.defaultTags.length > 0) {\r\n                            initialSelectedTags[group.dimensionName] = [...group.defaultTags];\r\n                        }\r\n\r\n                        return {\r\n                            dimensionName: group.dimensionName,\r\n                            tags: allTags\r\n                        };\r\n                    });\r\n\r\n                    this.shuffledTagGroups = shuffled;\r\n                    this.selectedAITags = initialSelectedTags;\r\n                } catch (error) {\r\n                    SentryReporter.captureError(error, {\r\n                        action: 'handlePositionAnalysis',\r\n                        component: 'oem-jd-modal',\r\n                        title: '解析前置标签时错误'\r\n                    });\r\n                    this.someErrorEvent.emit({\r\n                        error: error,\r\n                        message: '解析前置标签时错误'\r\n                    });\r\n                }\r\n            }\r\n        } catch (error) {\r\n            console.error('工作流运行错误:', error);\r\n        } finally {\r\n            this.isLoading = false;\r\n        }\r\n    }\r\n\r\n    private handleTagClick = (category: 'salary' | 'benefits' | 'education', value: string) => {\r\n        if (category === 'benefits') {\r\n            const currentTags = [...this.selectedTags.benefits];\r\n            const newTags = currentTags.includes(value)\r\n                ? currentTags.filter(t => t !== value)\r\n                : [...currentTags, value];\r\n\r\n            this.selectedTags = {\r\n                ...this.selectedTags,\r\n                benefits: newTags\r\n            };\r\n        } else {\r\n            this.selectedTags = {\r\n                ...this.selectedTags,\r\n                [category]: this.selectedTags[category] === value ? '' : value\r\n            };\r\n        }\r\n    };\r\n\r\n    private handleAITagClick = (dimensionName: string, tag: string) => {\r\n        const currentTags = this.selectedAITags[dimensionName] || [];\r\n        const newTags = currentTags.includes(tag)\r\n            ? currentTags.filter(t => t !== tag)\r\n            : [...currentTags, tag];\r\n\r\n        this.selectedAITags = {\r\n            ...this.selectedAITags,\r\n            [dimensionName]: newTags\r\n        };\r\n    };\r\n\r\n    private handleSubmitStructured = async () => {\r\n        this.isSubmitting = true;\r\n\r\n        try {\r\n            // 处理薪资范围标签\r\n            let salaryRange = '';\r\n            if (this.selectedTags.salary) {\r\n                const range = this.salaryRanges.find(r => r.value === this.selectedTags.salary);\r\n                if (range) {\r\n                    salaryRange = range.text;\r\n                }\r\n            }\r\n\r\n            // 处理福利待遇标签\r\n            const selectedBenefits = this.selectedTags.benefits.join('、');\r\n\r\n            // 处理学历要求标签\r\n            let education = '';\r\n            if (this.selectedTags.education) {\r\n                const edu = this.educationRequirements.find(e => e.value === this.selectedTags.education);\r\n                if (edu) {\r\n                    education = edu.text;\r\n                }\r\n            }\r\n\r\n            // 构建职位描述\r\n            let jobInfo = `职位名称：${this.jobName}\\n`;\r\n\r\n            if (salaryRange) {\r\n                jobInfo += `薪资范围：${salaryRange}\\n`;\r\n            }\r\n\r\n            if (selectedBenefits) {\r\n                jobInfo += `福利待遇：${selectedBenefits}\\n`;\r\n            }\r\n\r\n            if (education) {\r\n                jobInfo += `学历要求：${education}\\n`;\r\n            }\r\n\r\n            // 添加AI标签\r\n            Object.entries(this.selectedAITags).forEach(([dimension, tags]) => {\r\n                if (tags.length > 0) {\r\n                    jobInfo += `${dimension}：${tags.join('、')}\\n`;\r\n                }\r\n            });\r\n\r\n            // 显示聊天模态框\r\n            this.showChatModal = true;\r\n            this.jobDescription = jobInfo;\r\n        } catch (error) {\r\n            console.error('提交结构化数据时出错:', error);\r\n            SentryReporter.captureError(error, {\r\n                action: 'handleSubmitStructured',\r\n                component: 'oem-jd-modal',\r\n                title: '提交数据时出错'\r\n            });\r\n            this.someErrorEvent.emit({\r\n                error: error,\r\n                message: '提交数据时出错，请重试'\r\n            });\r\n        } finally {\r\n            this.isSubmitting = false;\r\n        }\r\n    };\r\n\r\n    private handleSubmitFree = async () => {\r\n        if (!this.freeInputText.trim()) {\r\n            alert('请输入职位需求信息');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n\r\n        try {\r\n            // 直接使用自由输入的文本作为职位描述\r\n            this.jobDescription = this.freeInputText;\r\n\r\n            // 显示聊天模态框\r\n            this.showChatModal = true;\r\n        } catch (error) {\r\n            console.error('提交自由输入数据时出错:', error);\r\n            SentryReporter.captureError(error, {\r\n                action: 'handleSubmitFree',\r\n                component: 'oem-jd-modal',\r\n                title: '提交数据时出错'\r\n            });\r\n            this.someErrorEvent.emit({\r\n                error: error,\r\n                message: '提交数据时出错，请重试'\r\n            });\r\n        } finally {\r\n            this.isSubmitting = false;\r\n        }\r\n    };\r\n\r\n    @State() jobDescription: string = '';\r\n\r\n   \r\n\r\n\r\n    // 渲染标签组\r\n    private renderTagGroup(title: string, options: { text: string, value: string }[], category: 'salary' | 'benefits' | 'education') {\r\n        return (\r\n            <div class=\"tag-group\">\r\n                <div class=\"tag-title\">{title}</div>\r\n                <div class=\"tag-container\">\r\n                    {options.map(option => {\r\n                        const isSelected = category === 'benefits'\r\n                            ? this.selectedTags.benefits.includes(option.value)\r\n                            : this.selectedTags[category] === option.value;\r\n\r\n                        return (\r\n                            <div\r\n                                class={{\r\n                                    'tag': true,\r\n                                    'tag-selected': isSelected\r\n                                }}\r\n                                onClick={() => this.handleTagClick(category, option.value)}\r\n                            >\r\n                                {option.text}\r\n                            </div>\r\n                        );\r\n                    })}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    // 渲染AI标签组\r\n    private renderAITagGroups() {\r\n        return (\r\n            <div class=\"ai-tag-groups\">\r\n                {this.shuffledTagGroups.map(group => (\r\n                    <div class=\"tag-group\">\r\n                        <div class=\"tag-title\">{group.dimensionName}</div>\r\n                        <div class=\"tag-container\">\r\n                            {group.tags.map(tag => {\r\n                                const isSelected = (this.selectedAITags[group.dimensionName] || []).includes(tag);\r\n                                return (\r\n                                    <div\r\n                                        class={{\r\n                                            'tag': true,\r\n                                            'tag-selected': isSelected\r\n                                        }}\r\n                                        onClick={() => this.handleAITagClick(group.dimensionName, tag)}\r\n                                    >\r\n                                        {tag}\r\n                                    </div>\r\n                                );\r\n                            })}\r\n                        </div>\r\n                    </div>\r\n                ))}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    // 渲染加载状态\r\n    private renderLoadingState() {\r\n        return (\r\n            <div class=\"loading-container\">\r\n                <div class=\"loading-spinner\"></div>\r\n                <div class=\"loading-text\">\r\n                    <div>AI 正在分析职位信息</div>\r\n                    <div class=\"loading-subtext\">请稍候...</div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 修正这里的逻辑，确保当 customInputs.job_info 存在时不隐藏输入区域，而是显示自由输入模式\r\n        const hideJdInput = false;\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && !hideJdInput && (\r\n                        <div class=\"input-container\">\r\n                            {/* 输入模式切换 */}\r\n                            <div class=\"input-mode-toggle\">\r\n                                <span>职位需求信息</span>\r\n                                <button\r\n                                    class=\"toggle-button\"\r\n                                    onClick={this.handleToggleInput}\r\n                                    disabled={this.isLoading || this.isVoiceInputActive}\r\n                                >\r\n                                    <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\">\r\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\r\n                                    </svg>\r\n                                    切换输入\r\n                                </button>\r\n                            </div>\r\n\r\n                            {/* 结构化输入模式 */}\r\n                            {this.inputMode === 'structured' && (\r\n                                <div class=\"structured-input\">\r\n                                    {/* 第一步：输入职位名称 */}\r\n                                    {this.step === 'input' && (\r\n                                        <div class=\"job-name-input\">\r\n                                            <label htmlFor=\"job-name\">\r\n                                                职位名称 <span class=\"required\">*</span>\r\n                                            </label>\r\n                                            <input\r\n                                                id=\"job-name\"\r\n                                                type=\"text\"\r\n                                                placeholder=\"请输入职位名称\"\r\n                                                value={this.jobName}\r\n                                                onInput={this.handleJobNameChange}\r\n                                                disabled={this.isLoading}\r\n                                            />\r\n                                            <div class=\"button-container\">\r\n                                                <button\r\n                                                    class=\"submit-button next-button\"\r\n                                                    onClick={this.handleNextStep}\r\n                                                    disabled={!this.jobName.trim() || this.isLoading}\r\n                                                >\r\n                                                    下一步\r\n                                                </button>\r\n                                            </div>\r\n                                        </div>\r\n                                    )}\r\n\r\n                                    {/* 第二步：选择标签 */}\r\n                                    {this.step === 'review' && (\r\n                                        <div class=\"tag-selection\">\r\n                                            {this.isLoading ? (\r\n                                                this.renderLoadingState()\r\n                                            ) : (\r\n                                                <div class=\"tag-selection-content\">\r\n                                                    {/* AI推荐标签 */}\r\n                                                    {this.tagGroups.length > 0 && (\r\n                                                        <div class=\"ai-tags-section\">\r\n                                                            <div class=\"section-title\">AI 推荐标签</div>\r\n                                                            {this.renderAITagGroups()}\r\n                                                        </div>\r\n                                                    )}\r\n\r\n                                                    {/* 基础标签 */}\r\n                                                    {this.tagGroups.length > 0 && (\r\n                                                        <div class=\"basic-tags-section\">\r\n                                                            {this.renderTagGroup('月薪范围', this.salaryRanges, 'salary')}\r\n                                                            {this.renderTagGroup('福利待遇', this.benefits, 'benefits')}\r\n                                                            {this.renderTagGroup('学历要求', this.educationRequirements, 'education')}\r\n                                                        </div>\r\n                                                    )}\r\n\r\n                                                    <div class=\"button-container\">\r\n                                                        <button\r\n                                                            class=\"submit-button prev-button\"\r\n                                                            onClick={this.handlePrevStep}\r\n                                                        >\r\n                                                            上一步\r\n                                                        </button>\r\n                                                        <button\r\n                                                            class=\"submit-button\"\r\n                                                            onClick={this.handleSubmitStructured}\r\n                                                            disabled={this.isSubmitting}\r\n                                                        >\r\n                                                            {this.isSubmitting ? '处理中...' : '生成JD'}\r\n                                                        </button>\r\n                                                    </div>\r\n                                                </div>\r\n                                            )}\r\n                                        </div>\r\n                                    )}\r\n                                </div>\r\n                            )}\r\n\r\n                            {/* 自由输入模式 */}\r\n                            {this.inputMode === 'free' && (\r\n                                <div class=\"free-input\">\r\n                                    <div class=\"textarea-container\">\r\n                                        <label htmlFor=\"free-input-text\">\r\n                                            JD信息 <span class=\"required\">*</span>\r\n                                        </label>\r\n                                        <div class=\"voice-textarea-wrapper\">\r\n                                            <textarea\r\n                                                id=\"free-input-text\"\r\n                                                placeholder=\"请按照下方提示格式输入职位需求信息\"\r\n                                                rows={8}\r\n                                                value={this.freeInputText}\r\n                                                onInput={this.handleFreeInputChange}\r\n                                                disabled={this.isVoiceInputActive}\r\n                                            ></textarea>\r\n                                            <div class=\"voice-input-entry\">\r\n                                                <components-voice-input-btn\r\n                                                    disabled={this.isSubmitting}\r\n                                                    onVoiceRecognized={this.handleVoiceRecognized}\r\n                                                    onVoiceStatusChange={this.handleVoiceStatusChange}\r\n                                                    onSomeErrorEvent={this.handleVoiceInputError}\r\n                                                ></components-voice-input-btn>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div class=\"input-guide\">\r\n                                        <div class=\"guide-title\">输入格式参考：</div>\r\n                                        <div class=\"guide-content\">\r\n                                            <div>• 职位名称 - 明确定义职位的名称</div>\r\n                                            <div>• 薪资范围 - 明确该岗位的月薪或年薪</div>\r\n                                            <div>• 福利待遇 - 该职位的福利待遇，如：五险一金、年休假、下午茶等</div>\r\n                                            <div>• 工作职责 - 描述工作内容</div>\r\n                                            <div>• 任职资格 - 包括学历、经验和技术要求</div>\r\n                                            <div>• 工作地点与性质 - 全职/兼职、远程/办公室</div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div class=\"button-container\">\r\n                                        <button\r\n                                            class=\"submit-button\"\r\n                                            onClick={this.handleSubmitFree}\r\n                                            disabled={!this.freeInputText.trim() || this.isSubmitting || this.isVoiceInputActive}\r\n                                        >\r\n                                            {this.isSubmitting ? '处理中...' : '生成JD'}\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            )}\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div>\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isNeedClose}\r\n                                fullscreen={this.fullscreen}\r\n                                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                botId=\"3022316191018873\"\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                filePreviewMode={this.filePreviewMode}\r\n                                customInputs={{\r\n                                    ...this.customInputs,\r\n                                    job_info: this.customInputs?.job_info || this.jobDescription\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                                showSaveJdButton={this.showSaveJdButton}\r\n                                saveJdButtonText={this.saveJdButtonText}\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\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.phone-input {\r\n    width: calc(100% - 16px);\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.phone-input: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.verification-code-container {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n}\r\n\r\n.verification-code-input {\r\n    flex: 1;\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.verification-code-input: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.send-code-button {\r\n    padding: 8px 16px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    min-width: 100px;\r\n}\r\n\r\n.send-code-button:hover:not(:disabled) {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.send-code-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.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.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey, verifySmsCode, Position } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../interfaces/events';\r\nimport { ErrorEventDetail, ErrorEventBus } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\n\r\n/**\r\n * 简历匹配\r\n */\r\n\r\n@Component({\r\n    tag: 'oem-jlpp-modal',\r\n    styleUrls: ['oem-jlpp-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class OemJlppModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '简历剖析助手';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始分析';\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n\r\n    /**\r\n     * 自定义输入参数，传入customInputs.job_info时，JD输入区域不可修改<br>\r\n     * 传入customInputs.file_url时，简历上传区域不可修改。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * OEM ID，用于获取职位列表\r\n     */\r\n    @Prop() oemId?: string;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n    * 错误事件\r\n    */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 发送短信验证码请求事件\r\n     * 接入方需要监听此事件并调用自己的短信接口发送验证码\r\n     * 事件参数: { mobile: string, codeType: number }\r\n     */\r\n    @Event() sendSmsCodeRequest: EventEmitter<{ mobile: string; codeType: number }>;\r\n\r\n    /**\r\n     * 附件预览模式\r\n     * 'drawer': 在右侧抽屉中预览\r\n     * 'window': 在新窗口中打开\r\n     */\r\n    @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    // 手机号和验证码相关状态\r\n    @State() phoneNumber: string = '';\r\n    @State() verificationCode: string = '';\r\n    @State() isSendingCode: boolean = false;\r\n    @State() countdown: number = 0;\r\n    @State() isVerifyingCode: boolean = false;\r\n\r\n    // 职位选择器相关状态\r\n    @State() showPositionSelector: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n    private pcmUploadRef;\r\n    private countdownTimer: NodeJS.Timeout | null = null;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.showChatModal = false;\r\n            this.jobDescription = '';\r\n            this.isSubmitting = false;\r\n            this.uploadedFileInfo = null;\r\n            // 重置手机号和验证码相关状态\r\n            this.phoneNumber = '';\r\n            this.verificationCode = '';\r\n            this.isSendingCode = false;\r\n            this.isVerifyingCode = false;\r\n            this.countdown = 0;\r\n            if (this.countdownTimer) {\r\n                clearInterval(this.countdownTimer);\r\n                this.countdownTimer = null;\r\n            }\r\n\r\n        } else {\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果有会话ID直接显示聊天模态框\r\n            if (this.conversationId) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    componentWillLoad() {\r\n\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n\r\n        // 初始化时设置 token,但不验证(验证在 @Watch('isOpen') 中处理)\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n\r\n        // 清理倒计时定时器\r\n        if (this.countdownTimer) {\r\n            clearInterval(this.countdownTimer);\r\n            this.countdownTimer = null;\r\n        }\r\n    }\r\n\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handlePhoneNumberChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.phoneNumber = input.value;\r\n    };\r\n\r\n    private handleVerificationCodeChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.verificationCode = input.value;\r\n    };\r\n\r\n    private startCountdown = () => {\r\n        this.countdown = 60;\r\n        if (this.countdownTimer) {\r\n            clearInterval(this.countdownTimer);\r\n        }\r\n        this.countdownTimer = setInterval(() => {\r\n            this.countdown--;\r\n            if (this.countdown <= 0) {\r\n                if (this.countdownTimer) {\r\n                    clearInterval(this.countdownTimer);\r\n                    this.countdownTimer = null;\r\n                }\r\n            }\r\n        }, 1000);\r\n    };\r\n\r\n    private handleSendCode = () => {\r\n        if (!this.phoneNumber.trim()) {\r\n            Message.error('请输入手机号');\r\n            return;\r\n        }\r\n\r\n        // 验证手机号格式\r\n        const phoneRegex = /^1[3-9]\\d{9}$/;\r\n        if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n            Message.error('请输入正确的手机号');\r\n            return;\r\n        }\r\n\r\n        // 设置发送中状态\r\n        this.isSendingCode = true;\r\n\r\n        // 触发事件，让接入方去调用自己的短信接口\r\n        this.sendSmsCodeRequest.emit({\r\n            mobile: this.phoneNumber.trim(),\r\n            codeType: 8\r\n        });\r\n\r\n        // 开始倒计时并重置发送状态\r\n        this.startCountdown();\r\n        this.isSendingCode = false;\r\n    };\r\n\r\n    private handleOpenPositionSelector = () => {\r\n        if (!this.oemId) {\r\n            Message.info('未配置OEM ID，无法选择职位');\r\n            return;\r\n        }\r\n        this.showPositionSelector = true;\r\n    };\r\n\r\n    private handleClosePositionSelector = () => {\r\n        this.showPositionSelector = false;\r\n    };\r\n\r\n    private handlePositionSelected = (event: CustomEvent<Position & { formatted_text?: string }>) => {\r\n        const position = event.detail;\r\n        // 直接使用职位选择器组件提供的格式化文本\r\n        this.jobDescription = position.formatted_text || '';\r\n        this.showPositionSelector = false;\r\n        Message.success('职位信息已填充');\r\n    };\r\n\r\n    private handleStartAnalysis = async () => {\r\n        // 既没有预设 file_url，也没有上传文件，则提示\r\n        if (!this.customInputs?.file_url && !this.uploadedFileInfo) {\r\n            Message.info('请上传简历');\r\n            return;\r\n        }\r\n\r\n        // 如果没有预设的job_info，则需要检查用户输入\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            Message.info('请输入职位描述');\r\n            return;\r\n        }\r\n\r\n        // 如果填写了手机号，则需要验证验证码\r\n        if (this.phoneNumber.trim()) {\r\n            // 验证手机号格式\r\n            const phoneRegex = /^1[3-9]\\d{9}$/;\r\n            if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n                Message.error('请输入正确的手机号');\r\n                return;\r\n            }\r\n\r\n            // 验证验证码是否填写\r\n            if (!this.verificationCode.trim()) {\r\n                Message.error('请输入验证码');\r\n                return;\r\n            }\r\n\r\n            // 验证验证码是否正确\r\n            this.isVerifyingCode = true;\r\n            try {\r\n                const result = await verifySmsCode(this.phoneNumber.trim(), this.verificationCode.trim(), 0);\r\n                if (!result.success) {\r\n                    Message.error(result.message || '验证码错误');\r\n                    this.isVerifyingCode = false;\r\n                    return;\r\n                }\r\n            } catch (error) {\r\n                Message.error('验证码校验失败');\r\n                this.isVerifyingCode = false;\r\n                return;\r\n            }\r\n            this.isVerifyingCode = false;\r\n        }\r\n\r\n        // 判断文件是否正在上传\r\n        if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n            Message.info('文件上传中，请稍后');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n        this.showChatModal = true;\r\n        this.isSubmitting = false;\r\n    };\r\n\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 判断是否禁用JD输入区域（有预设job_info时禁用）\r\n        const disableJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n\r\n        // 判断是否禁用简历上传区域（有预设file_url时禁用）\r\n        const disableResumeUpload = Boolean(this.customInputs && this.customInputs.file_url);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 */}\r\n                            <div class=\"jd-input-section\">\r\n                                <div class=\"label-with-button\">\r\n                                    <label htmlFor=\"job-description\">请输入职位描述 (JD)</label>\r\n                                    {!disableJdInput && (\r\n                                        <div class=\"button-group\">\r\n                                            {this.oemId && (\r\n                                                <button\r\n                                                    class=\"position-selector-button\"\r\n                                                    onClick={this.handleOpenPositionSelector}\r\n                                                    type=\"button\"\r\n                                                >\r\n                                                    选择职位\r\n                                                </button>\r\n                                            )}\r\n                                            <components-mobile-input-btn\r\n                                                name=\"职位描述\"\r\n                                                onOk={(e) => {\r\n                                                    this.jobDescription = e.detail;\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                    )}\r\n                                </div>\r\n                                <textarea\r\n                                    id=\"job-description\"\r\n                                    class=\"job-description-textarea\"\r\n                                    placeholder=\"请输入职位描述，包括职责、要求等信息...\"\r\n                                    rows={6}\r\n                                    value={this.customInputs?.job_info || this.jobDescription}\r\n                                    onInput={this.handleJobDescriptionChange}\r\n                                    disabled={disableJdInput}\r\n                                ></textarea>\r\n                            </div>\r\n\r\n                            {/* 简历上传区域 */}\r\n                            <div class=\"resume-upload-section\">\r\n                                <label>上传简历</label>\r\n                                <components-mobile-upload-btn\r\n                                    maxFileSize={15 * 1024 * 1024}\r\n                                    multiple={false}\r\n                                    uploadAreaMode={true}\r\n                                    acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n                                    uploadParams={{\r\n                                        tags: ['resume'],\r\n                                    }}\r\n                                    defaultFileList={this.customInputs?.file_url ? [{\r\n                                        cos_key: this.customInputs.file_url,\r\n                                        file_name: this.customInputs?.file_name || '预设简历',\r\n                                        file_size: 0,\r\n                                        ext: '',\r\n                                    }] : undefined}\r\n                                    disabled={disableResumeUpload}\r\n                                    onOk={(e) => {\r\n                                        const result: FileUploadResponse[] = e.detail ?? [];\r\n                                        this.uploadedFileInfo = result[0];\r\n                                        this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                                    }}\r\n                                />\r\n                            </div>\r\n\r\n                            {/* 手机号和验证码区域（可选） */}\r\n                            <div class=\"jd-input-section\">\r\n                                <label>手机号（选填，填写后结果将通过短信发送）</label>\r\n                                <input\r\n                                    type=\"tel\"\r\n                                    class=\"phone-input\"\r\n                                    placeholder=\"请输入手机号\"\r\n                                    maxLength={11}\r\n                                    value={this.phoneNumber}\r\n                                    onInput={this.handlePhoneNumberChange}\r\n                                />\r\n                            </div>\r\n\r\n                            {/* 验证码输入区域 - 仅在填写了手机号时显示 */}\r\n                            {this.phoneNumber.trim().length === 11 && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label>验证码</label>\r\n                                    <div class=\"verification-code-container\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            class=\"verification-code-input\"\r\n                                            placeholder=\"请输入验证码\"\r\n                                            maxLength={6}\r\n                                            value={this.verificationCode}\r\n                                            onInput={this.handleVerificationCodeChange}\r\n                                        />\r\n                                        <button\r\n                                            class=\"send-code-button\"\r\n                                            disabled={this.isSendingCode || this.countdown > 0 || !this.phoneNumber.trim()}\r\n                                            onClick={this.handleSendCode}\r\n                                        >\r\n                                            {this.isSendingCode ? '发送中...' : this.countdown > 0 ? `${this.countdown}秒` : '发送验证码'}\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            )}\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={(!disableResumeUpload && !this.uploadedFileInfo) || !(this.customInputs?.job_info || this.jobDescription.trim()) || this.isUploading || this.isSubmitting || this.isVerifyingCode}\r\n                                onClick={this.handleStartAnalysis}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isVerifyingCode ? '验证中...' : this.isSubmitting ? '处理中...' : '开始分析'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isNeedClose}\r\n                                fullscreen={this.fullscreen}\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                filePreviewMode={this.filePreviewMode}\r\n                                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                botId=\"3022316191018881\"\r\n                                customInputs={{\r\n                                    ...this.customInputs,\r\n                                    file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                    file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                    job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                    phone: this.phoneNumber.trim() || undefined\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n\r\n                {/* 职位选择器弹窗 */}\r\n                {this.showPositionSelector && (\r\n                    <div class=\"position-selector-modal-overlay\">\r\n                        <div class=\"position-selector-modal\">\r\n                            <div class=\"position-selector-modal-header\">\r\n                                <h3>选择职位</h3>\r\n                                <button class=\"position-selector-close-btn\" onClick={this.handleClosePositionSelector}>\r\n                                    ×\r\n                                </button>\r\n                            </div>\r\n                            <div class=\"position-selector-modal-body\">\r\n                                <components-position-selector\r\n                                    oemId={this.oemId}\r\n                                    multiple={false}\r\n                                    onPositionSelected={this.handlePositionSelected}\r\n                                ></components-position-selector>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        );\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    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n","/* 任务界面专用样式 */\r\n.pc-layout{\r\n    max-width:none;\r\n}\r\n/* 任务布局容器 */\r\n.task-layout {\r\n    width: 90%;\r\n    max-width: 1200px;\r\n    min-width: 800px;\r\n}\r\n\r\n@media screen and (max-width: 1024px) {\r\n    .task-layout {\r\n        width: 95%;\r\n        min-width: 320px;\r\n    }\r\n}\r\n\r\n/* 任务容器 */\r\n.task-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    overflow-y: auto;\r\n    gap: 20px;\r\n}\r\n\r\n.upload-area{\r\n    max-height: 300px;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 步骤头部 */\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/* 刷新按钮样式 */\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.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.section-header h4 {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    color: #333;\r\n}\r\n\r\n.count-badge {\r\n    background: #1890ff;\r\n    color: white;\r\n    padding: 2px 8px;\r\n    border-radius: 12px;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n}\r\n\r\n.analyze-btn {\r\n    padding: 8px 16px;\r\n    background: #52c41a;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n    font-size: 14px;\r\n}\r\n\r\n.analyze-btn:hover {\r\n    background: #73d13d;\r\n}\r\n\r\n.analyze-btn:disabled {\r\n    background: #d9d9d9;\r\n    cursor: not-allowed;\r\n}\r\n\r\n/* 简历表格区域 */\r\n.resume-table-section {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 0;\r\n}\r\n\r\n.table-container {\r\n    flex: 1;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 8px;\r\n    background: white;\r\n    overflow-x: auto;\r\n    min-height: 400px;\r\n}\r\n\r\n.resume-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    font-size: 14px;\r\n}\r\n\r\n.resume-table th {\r\n    background: #fafafa;\r\n    padding: 12px 16px;\r\n    text-align: left;\r\n    font-weight: 500;\r\n    color: #333;\r\n    border-bottom: 1px solid #e8e8e8;\r\n}\r\n\r\n.resume-table td {\r\n    padding: 12px 16px;\r\n    vertical-align: middle;\r\n    height: 60px;\r\n}\r\n\r\n.resume-table tr {\r\n    border-bottom: 1px solid #f0f0f0;\r\n    height: 60px;\r\n}\r\n.resume-table tr:hover {\r\n    background: #f9f9f9;\r\n}\r\n\r\n/* 表格单元格样式 */\r\n.filename-cell {\r\n    max-width: 200px;\r\n    height: 100%;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.filename-cell span:last-child {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.talent-info-cell {\r\n    max-width: 180px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n\r\n.score-badge {\r\n    display: inline-block;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    font-weight: 500;\r\n    font-size: 12px;\r\n}\r\n\r\n.score-badge.excellent {\r\n    background: #f6ffed;\r\n    color: #52c41a;\r\n    border: 1px solid #b7eb8f;\r\n}\r\n\r\n.score-badge.good {\r\n    background: #e6f7ff;\r\n    color: #1890ff;\r\n    border: 1px solid #91d5ff;\r\n}\r\n\r\n.score-badge.average {\r\n    background: #fff7e6;\r\n    color: #fa8c16;\r\n    border: 1px solid #ffd591;\r\n}\r\n\r\n.score-badge.below-average {\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n    border: 1px solid #ffa39e;\r\n}\r\n\r\n.score-badge.poor {\r\n    background: #f5f5f5;\r\n    color: #8c8c8c;\r\n    border: 1px solid #d9d9d9;\r\n}\r\n\r\n\r\n.status-badge {\r\n    display: inline-block;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    font-weight: 500;\r\n    font-size: 12px;\r\n}\r\n\r\n.status-badge.status-pending {\r\n    background: #f0f0f0;\r\n    color: #8c8c8c;\r\n    border: 1px solid #d9d9d9;\r\n}\r\n\r\n.status-badge.status-analyzing {\r\n    background: #e6f7ff;\r\n    color: #1890ff;\r\n    border: 1px solid #91d5ff;\r\n}\r\n\r\n.status-badge.status-completed {\r\n    background: #f6ffed;\r\n    color: #52c41a;\r\n    border: 1px solid #b7eb8f;\r\n}\r\n\r\n.status-badge.status-failed {\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n    border: 1px solid #ffa39e;\r\n}\r\n\r\n.detail-cell {\r\n    max-width: 200px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.detail-content {\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n}\r\n\r\n.detail-content:hover {\r\n    color: #40a9ff;\r\n}\r\n\r\n.action-cell {\r\n    display: flex;\r\n    gap: 8px;\r\n    position: relative;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n}\r\n\r\n.action-dropdown {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.dropdown-trigger {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    padding: 6px 12px;\r\n    background: #f0f0f0;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    color: #595959;\r\n    transition: all 0.2s;\r\n    min-width: 60px;\r\n    justify-content: center;\r\n}\r\n\r\n.dropdown-trigger:hover {\r\n    background: #e6e6e6;\r\n    border-color: #bfbfbf;\r\n    color: #333;\r\n}\r\n\r\n.dropdown-trigger svg {\r\n    transition: transform 0.2s;\r\n    margin-left: 4px;\r\n}\r\n\r\n.dropdown-menu {\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 0;\r\n    z-index: 9999;\r\n    min-width: 120px;\r\n    background: white;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 6px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n    overflow: hidden;\r\n    margin-top: 4px;\r\n}\r\n\r\n.dropdown-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 12px;\r\n    font-size: 14px;\r\n    color: #333;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n    border-bottom: 1px solid #f5f5f5;\r\n    white-space: nowrap;\r\n}\r\n\r\n.dropdown-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.dropdown-item:hover {\r\n    background: #f5f5f5;\r\n}\r\n\r\n.dropdown-item.danger {\r\n    color: #f5222d;\r\n}\r\n\r\n.dropdown-item.danger:hover {\r\n    background: #fff1f0;\r\n    color: #cf1322;\r\n}\r\n\r\n.dropdown-item svg {\r\n    flex-shrink: 0;\r\n}\r\n\r\n.view-btn {\r\n    background: #e6f7ff;\r\n    color: #1890ff;\r\n}\r\n\r\n.view-btn:hover {\r\n    background: #bae7ff;\r\n}\r\n\r\n.delete-btn {\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n}\r\n\r\n.delete-btn:hover {\r\n    background: #ffccc7;\r\n}\r\n\r\n/* 空状态 */\r\n.empty-row {\r\n    text-align: center;\r\n    padding: 40px 20px !important;\r\n    border-bottom: none !important;\r\n}\r\n\r\n.empty-state {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #999;\r\n}\r\n\r\n.empty-state p {\r\n    margin: 0;\r\n}\r\n\r\n.empty-hint {\r\n    font-size: 12px;\r\n}\r\n\r\n/* 响应式表格 */\r\n@media screen and (max-width: 768px) {\r\n    .task-container {\r\n        padding: 16px;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .resume-table {\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .resume-table th,\r\n    .resume-table td {\r\n        padding: 8px 12px;\r\n    }\r\n    \r\n    .filename-cell,\r\n    .talent-info-cell,\r\n    .detail-cell {\r\n        max-width: 120px;\r\n    }\r\n    \r\n    .action-cell {\r\n        flex-direction: column;\r\n        gap: 4px;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-width: 80px;\r\n        height: 100%;\r\n    }\r\n    \r\n    .dropdown-trigger {\r\n        min-width: 50px;\r\n        padding: 4px 8px;\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n/* 评分标准表格样式 */\r\n.criteria-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.criteria-header label {\r\n    margin: 0;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.criteria-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.total-weight {\r\n    font-size: 14px;\r\n    color: #52c41a;\r\n    font-weight: 500;\r\n}\r\n\r\n.total-weight.invalid {\r\n    color: #f5222d;\r\n}\r\n\r\n.add-criteria-btn-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: end;\r\n}\r\n\r\n.add-criteria-btn {\r\n    padding: 6px 12px;\r\n    background: #1890ff;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.add-criteria-btn:hover {\r\n    background: #40a9ff;\r\n}\r\n\r\n.criteria-table-container {\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 6px;\r\n    overflow: hidden;\r\n    background: white;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.criteria-table {\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    font-size: 14px;\r\n}\r\n\r\n.criteria-table th {\r\n    background: #fafafa;\r\n    padding: 12px 16px;\r\n    text-align: left;\r\n    font-weight: 500;\r\n    color: #333;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    border-right: 1px solid #e8e8e8;\r\n    font-size: 13px;\r\n    vertical-align: middle;\r\n}\r\n\r\n.criteria-table th:last-child {\r\n    border-right: none;\r\n}\r\n\r\n.criteria-table td {\r\n    padding: 12px 16px;\r\n    border-bottom: 1px solid #f0f0f0;\r\n    border-right: 1px solid #f0f0f0;\r\n    vertical-align: middle;\r\n}\r\n\r\n.criteria-table td:last-child {\r\n    border-right: none;\r\n}\r\n\r\n.criteria-table tr:last-child td {\r\n    border-bottom: none;\r\n}\r\n\r\n.criteria-name-input {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    outline: none;\r\n    transition: border-color 0.2s;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.criteria-name-input:focus {\r\n    border-color: #40a9ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.criteria-value-input {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    outline: none;\r\n    transition: border-color 0.2s;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.criteria-value-input:focus {\r\n    border-color: #40a9ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.criteria-description-input {\r\n    width: 100%;\r\n    padding: 8px 12px;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    outline: none;\r\n    resize: vertical;\r\n    min-height: 80px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.2s;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.criteria-description-input:focus {\r\n    border-color: #40a9ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n.remove-criteria-btn {\r\n    width: 28px;\r\n    height: 28px;\r\n    background: #fff1f0;\r\n    color: #f5222d;\r\n    border: 1px solid #ffa39e;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    margin: 0 auto;\r\n}\r\n\r\n.remove-criteria-btn:hover:not(:disabled) {\r\n    background: #ffccc7;\r\n    border-color: #ff7875;\r\n}\r\n\r\n.remove-criteria-btn:disabled {\r\n    background: #f5f5f5;\r\n    color: #bfbfbf;\r\n    border-color: #d9d9d9;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.criteria-warning {\r\n    color: #fa8c16;\r\n    font-size: 13px;\r\n    margin: 8px 0 0 0;\r\n    padding: 8px 12px;\r\n    background: #fff7e6;\r\n    border: 1px solid #ffd591;\r\n    border-radius: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n\r\n/* 移动端适配 */\r\n@media screen and (max-width: 768px) {\r\n    .criteria-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .criteria-actions {\r\n        width: 100%;\r\n        justify-content: space-between;\r\n    }\r\n    \r\n    .criteria-table th,\r\n    .criteria-table td {\r\n        padding: 10px 8px;\r\n        font-size: 12px;\r\n        vertical-align: middle;\r\n    }\r\n    \r\n    .criteria-table th:nth-child(1) { width: 20%; }\r\n    .criteria-table th:nth-child(2) { width: 15%; }\r\n    .criteria-table th:nth-child(3) { width: 55%; }\r\n    .criteria-table th:nth-child(4) { width: 10%; }\r\n    \r\n    .criteria-name-input,\r\n    .criteria-value-input,\r\n    .criteria-description-input {\r\n        font-size: 12px;\r\n        padding: 6px 8px;\r\n    }\r\n    \r\n    .criteria-description-input {\r\n        min-height: 60px;\r\n    }\r\n    \r\n    .remove-criteria-btn {\r\n        width: 24px;\r\n        height: 24px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n/* 表格排序样式 */\r\n.sortable-header {\r\n    cursor: pointer !important;\r\n    user-select: none;\r\n    transition: background-color 0.2s;\r\n}\r\n\r\n.sortable-header:hover {\r\n    background: #f0f0f0 !important;\r\n}\r\n\r\n.sortable-header.active {\r\n    background: #e6f7ff !important;\r\n    color: #1890ff;\r\n}\r\n\r\n.header-content {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n}\r\n\r\n.sort-icons {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1px;\r\n    margin-left: 8px;\r\n    opacity: 0.6;\r\n}\r\n\r\n.sortable-header:hover .sort-icons {\r\n    opacity: 1;\r\n}\r\n\r\n.sort-icon {\r\n    transition: color 0.2s;\r\n    color: #bfbfbf;\r\n}\r\n\r\n.sort-icon.active {\r\n    color: #1890ff;\r\n}\r\n\r\n/* 分页样式 */\r\n.pagination {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 20px 0;\r\n    margin-top: 16px;\r\n    border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.page-btn {\r\n    padding: 8px 16px;\r\n    background: #fff;\r\n    border: 1px solid #d9d9d9;\r\n    border-radius: 6px;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    color: #333;\r\n    transition: all 0.2s;\r\n    min-width: 80px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 36px;\r\n}\r\n\r\n.page-btn:hover:not(:disabled) {\r\n    border-color: #40a9ff;\r\n    color: #40a9ff;\r\n    background: #f6f8ff;\r\n}\r\n\r\n.page-btn:disabled {\r\n    background: #f5f5f5;\r\n    border-color: #d9d9d9;\r\n    color: #bfbfbf;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.page-info {\r\n    font-size: 14px;\r\n    color: #666;\r\n    padding: 0 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    height: 36px;\r\n    white-space: nowrap;\r\n}\r\n\r\n/* 移动端分页适配 */\r\n@media screen and (max-width: 768px) {\r\n    .pagination {\r\n        gap: 12px;\r\n        padding: 16px 0;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .page-btn {\r\n        min-width: 70px;\r\n        padding: 6px 12px;\r\n        font-size: 13px;\r\n        height: 32px;\r\n    }\r\n    \r\n    .page-info {\r\n        font-size: 13px;\r\n        padding: 0 8px;\r\n        height: 32px;\r\n        order: 3;\r\n        width: 100%;\r\n        justify-content: center;\r\n        margin-top: 8px;\r\n    }\r\n}\r\n\r\n/* 任务管理相关样式 */\r\n.step-indicator.clickable {\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.step-indicator.clickable:hover {\r\n    background: #bae7ff;\r\n    color: #0958d9;\r\n    transform: translateY(-1px);\r\n}\r\n\r\n/* 任务历史抽屉内容 */\r\n.task-history-drawer-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n.task-list {\r\n    flex: 1;\r\n    overflow-y: auto;\r\n    padding: 16px 0;\r\n}\r\n\r\n.loading-tasks,\r\n.empty-tasks {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 40px 20px;\r\n    color: #666;\r\n}\r\n\r\n.loading-spinner-small {\r\n    width: 24px;\r\n    height: 24px;\r\n    border: 2px solid #f0f0f0;\r\n    border-top: 2px solid #1890ff;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.task-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 16px;\r\n    margin-bottom: 8px;\r\n    border: 1px solid #e8e8e8;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    background: #fff;\r\n}\r\n\r\n.task-item:hover {\r\n    border-color: #1890ff;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.task-item.active {\r\n    border-color: #1890ff;\r\n    background: #f6ffed;\r\n    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.15);\r\n}\r\n\r\n.task-info {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.task-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.task-id {\r\n    font-weight: 600;\r\n    color: #333;\r\n    font-size: 14px;\r\n}\r\n\r\n.task-time {\r\n    font-size: 12px;\r\n    color: #666;\r\n}\r\n\r\n.task-job-info {\r\n    font-size: 14px;\r\n    color: #333;\r\n    margin-bottom: 8px;\r\n    line-height: 1.4;\r\n    word-break: break-word;\r\n}\r\n\r\n.task-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.resume-count {\r\n    font-size: 12px;\r\n    color: #666;\r\n    background: #f5f5f5;\r\n    padding: 2px 6px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.current-task-indicator {\r\n    flex-shrink: 0;\r\n    margin-left: 12px;\r\n    color: #52c41a;\r\n}\r\n\r\n.current-task-indicator svg {\r\n    width: 16px;\r\n    height: 16px;\r\n}\r\n\r\n/* 响应式设计 */\r\n@media screen and (max-width: 768px) {\r\n    .task-item {\r\n        padding: 12px;\r\n    }\r\n\r\n    .task-header {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        gap: 4px;\r\n    }\r\n\r\n    .task-job-info {\r\n        font-size: 13px;\r\n        margin-bottom: 6px;\r\n    }\r\n}\r\n\r\n/* 职位选择器相关样式 */\r\n.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.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.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.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@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\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}",".resume-type-container {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  justify-content: space-evenly;\r\n  gap: 0;\r\n  margin-bottom: 16px;\r\n  border-bottom: 2px solid #f0f0f0;\r\n  padding-left: 0;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n}\r\n\r\n.resume-type-item {\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  color: #333;\r\n  padding: 0 0 8px 0;\r\n  position: relative;\r\n  background: none;\r\n  border: none;\r\n  outline: none;\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.resume-type-item.selected {\r\n  color: #2563eb;\r\n  font-weight: 600;\r\n}\r\n\r\n.resume-type-item.selected::after {\r\n  content: '';\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: -2px;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: #2563eb;\r\n  border-radius: 2px;\r\n}\r\n\r\n.chat-content {\r\n  background-color: #f7f9fc;\r\n  border: 1px solid #e0e6f1;\r\n  border-radius: 8px;\r\n  padding: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.chat-content-icon {\r\n  font-size: 24px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.chat-content-text {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  line-height: 1.6;\r\n}\r\n\r\n.resume-type-item:not(.selected):hover {\r\n  color: #2563eb;\r\n}\r\n.iframe-container {\r\n  width: 100%;\r\n  height: 85vh;\r\n}\r\n\r\n.iframe-container iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.optimizing-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: rgba(0, 0, 0, 0.35);\r\n  z-index: 2000;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.optimizing-modal-content {\r\n  background: #fff;\r\n  border-radius: 8px;\r\n  padding: 32px 40px;\r\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n.optimizing-modal-content .loading-spinner {\r\n  width: 40px;\r\n  height: 40px;\r\n  border: 4px solid #e0e0e0;\r\n  border-top: 4px solid #2563eb;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n  margin-bottom: 16px;\r\n}\r\n.converstation-list {\r\n  height: 600px;\r\n  overflow: auto;\r\n}\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\r\n}\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n.optimizing-modal-content .loading-text {\r\n  font-size: 18px;\r\n  color: #222;\r\n  font-weight: 500;\r\n  margin: 0;\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    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","/* 标签和按钮组合布局 */\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.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey, Position } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\n\r\n/**\r\n * 模拟出题大师\r\n */\r\n\r\n@Component({\r\n    tag: 'oem-mnct-modal',\r\n    styleUrls: ['oem-mnct-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class OemMnctModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '面试出题大师';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始出题';\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数<br>\r\n     * 传入customInputs.job_info时，会禁用JD输入区域。<br>\r\n     * 传入customInputs.file_url时，会禁用简历上传。<br>\r\n     * 传入customInputs.question_number时，会设置面试题数量。<br>\r\n     * 传入customInputs.can_outputAnalysis时，会设置是否需要参考答案。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * OEM ID，用于获取职位列表\r\n     */\r\n    @Prop() oemId?: string;\r\n\r\n    /**\r\n     * 面试题数量，默认6题（范围：3-20题）\r\n     */\r\n    @Prop({ mutable: true }) questionNumber: number = 6;\r\n\r\n    /**\r\n     * 是否需要参考答案，默认开启\r\n     */\r\n    @Prop({ mutable: true }) canOutputAnalysis: boolean = true;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n    * 错误事件\r\n    */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 附件预览模式\r\n     * 'drawer': 在右侧抽屉中预览\r\n     * 'window': 在新窗口中打开\r\n     */\r\n    @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    // 职位选择器相关状态\r\n    @State() showPositionSelector: boolean = false;\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n    private pcmUploadRef;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.showChatModal = false;\r\n            this.jobDescription = '';\r\n\r\n        } else {\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果有会话ID，直接显示聊天模态框\r\n            if (this.conversationId) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n    componentWillLoad() {\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handleQuestionNumberChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        const value = parseInt(input.value);\r\n        this.questionNumber = (value >= 3 && value <= 20) ? value : 6;\r\n    };\r\n\r\n    private handleAnalysisToggle = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.canOutputAnalysis = input.checked;\r\n    };\r\n\r\n    private handleOpenPositionSelector = () => {\r\n        if (!this.oemId) {\r\n            Message.info('未配置OEM ID，无法选择职位');\r\n            return;\r\n        }\r\n        this.showPositionSelector = true;\r\n    };\r\n\r\n    private handleClosePositionSelector = () => {\r\n        this.showPositionSelector = false;\r\n    };\r\n\r\n    private handlePositionSelected = (event: CustomEvent<Position & { formatted_text?: string }>) => {\r\n        const position = event.detail;\r\n        // 直接使用职位选择器组件提供的格式化文本\r\n        this.jobDescription = position.formatted_text || '';\r\n        this.showPositionSelector = false;\r\n        Message.success('职位信息已填充');\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        // 既没有预设 file_url，也没有上传文件，则提示\r\n        if (!this.customInputs?.file_url && !this.uploadedFileInfo) {\r\n            Message.info('请上传简历');\r\n            return;\r\n        }\r\n\r\n        // 如果没有预设的job_info，则需要检查用户输入\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            Message.info('请输入职位描述');\r\n            return;\r\n        }\r\n\r\n        // 判断文件是否正在上传\r\n        if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n            Message.info('文件上传中，请稍后');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n        this.showChatModal = true;\r\n        this.isSubmitting = false;\r\n    };\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 判断是否禁用JD输入区域（有预设job_info时禁用）\r\n        const disableJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n\r\n        // 判断是否禁用简历上传区域（有预设file_url时禁用）\r\n        const disableResumeUpload = Boolean(this.customInputs && this.customInputs.file_url);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 */}\r\n                            <div class=\"jd-input-section\">\r\n                                <div class=\"label-with-button\">\r\n                                    <label htmlFor=\"job-description\">请输入职位描述 (JD)</label>\r\n                                    {!disableJdInput && (\r\n                                        <div class=\"button-group\">\r\n                                            {this.oemId && (\r\n                                                <button\r\n                                                    class=\"position-selector-button\"\r\n                                                    onClick={this.handleOpenPositionSelector}\r\n                                                    type=\"button\"\r\n                                                >\r\n                                                    选择职位\r\n                                                </button>\r\n                                            )}\r\n                                            <components-mobile-input-btn\r\n                                                name=\"职位描述\"\r\n                                                onOk={(e) => {\r\n                                                    this.jobDescription = e.detail;\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                    )}\r\n                                </div>\r\n                                <textarea\r\n                                    id=\"job-description\"\r\n                                    class=\"job-description-textarea\"\r\n                                    placeholder=\"请输入职位描述，包括职责、要求等信息...\"\r\n                                    rows={6}\r\n                                    value={this.customInputs?.job_info || this.jobDescription}\r\n                                    onInput={this.handleJobDescriptionChange}\r\n                                    disabled={disableJdInput}\r\n                                ></textarea>\r\n                            </div>\r\n\r\n                            {/* 简历上传区域 */}\r\n                            <div class=\"resume-upload-section\">\r\n                                <label>上传简历</label>\r\n                                <components-mobile-upload-btn\r\n                                    maxFileSize={15 * 1024 * 1024}\r\n                                    multiple={false}\r\n                                    uploadAreaMode={true}\r\n                                    acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n                                    uploadParams={{\r\n                                        tags: ['resume'],\r\n                                    }}\r\n                                    defaultFileList={this.customInputs?.file_url ? [{\r\n                                        cos_key: this.customInputs.file_url,\r\n                                        file_name: this.customInputs?.file_name || '预设简历',\r\n                                        file_size: 0,\r\n                                        ext: '',\r\n                                    }] : undefined}\r\n                                    disabled={disableResumeUpload}\r\n                                    onOk={(e) => {\r\n                                        const result: FileUploadResponse[] = e.detail ?? [];\r\n                                        this.uploadedFileInfo = result[0];\r\n                                        this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                                    }}\r\n                                />\r\n                            </div>\r\n\r\n                            {/* 面试设置区域 */}\r\n                            <div class=\"interview-settings-section\">\r\n                                <div class=\"settings-row\">\r\n                                    <div class=\"question-number-section\">\r\n                                        <label class=\"settings-label\">面试题数量：</label>\r\n                                        <div class=\"slider-container\">\r\n                                            <input\r\n                                                type=\"range\"\r\n                                                min=\"3\"\r\n                                                max=\"20\"\r\n                                                value={this.questionNumber}\r\n                                                class=\"question-slider\"\r\n                                                onInput={this.handleQuestionNumberChange}\r\n                                            />\r\n                                            <div class=\"slider-value\">{this.questionNumber}题</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div class=\"settings-row\">\r\n                                    <div class=\"analysis-toggle-section\">\r\n                                        <label class=\"settings-label\">是否需要参考答案：</label>\r\n                                        <div class=\"toggle-container\">\r\n                                            <label class=\"toggle-switch\">\r\n                                                <input\r\n                                                    type=\"checkbox\"\r\n                                                    checked={this.canOutputAnalysis}\r\n                                                    onChange={this.handleAnalysisToggle}\r\n                                                />\r\n                                                <span class=\"toggle-slider\"></span>\r\n                                            </label>\r\n                                            <span class=\"toggle-text\">{this.canOutputAnalysis ? '开启' : '关闭'}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={(!disableResumeUpload && !this.uploadedFileInfo) || !(this.customInputs?.job_info || this.jobDescription.trim()) || this.isSubmitting}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isSubmitting ? '处理中...' : '开始分析'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div>\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isNeedClose}\r\n                                fullscreen={this.fullscreen}\r\n                                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                botId=\"3022316191018876\"\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                filePreviewMode={this.filePreviewMode}\r\n                                customInputs={{\r\n                                    ...this.customInputs,\r\n                                    file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                    file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                    job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                    question_number: this.questionNumber,\r\n                                    can_outputAnalysis: this.canOutputAnalysis ? 'true' : 'false',\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n\r\n                {/* 职位选择器弹窗 */}\r\n                {this.showPositionSelector && (\r\n                    <div class=\"position-selector-modal-overlay\">\r\n                        <div class=\"position-selector-modal\">\r\n                            <div class=\"position-selector-modal-header\">\r\n                                <h3>选择职位</h3>\r\n                                <button class=\"position-selector-close-btn\" onClick={this.handleClosePositionSelector}>\r\n                                    ×\r\n                                </button>\r\n                            </div>\r\n                            <div class=\"position-selector-modal-body\">\r\n                                <components-position-selector\r\n                                    oemId={this.oemId}\r\n                                    multiple={false}\r\n                                    onPositionSelected={this.handlePositionSelected}\r\n                                ></components-position-selector>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\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.phone-input {\r\n    width: calc(100% - 16px);\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.phone-input: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.verification-code-container {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n}\r\n\r\n.verification-code-input {\r\n    flex: 1;\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.verification-code-input: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.send-code-button {\r\n    padding: 8px 16px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    min-width: 100px;\r\n}\r\n\r\n.send-code-button:hover:not(:disabled) {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.send-code-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.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.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey, verifySmsCode, Position } from '../../utils/utils';\r\nimport {\r\n    StreamCompleteEventData,\r\n    ConversationStartEventData,\r\n    InterviewCompleteEventData,\r\n    RecordingErrorEventData,\r\n} from '../../interfaces/events';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\n\r\n/**\r\n * 模拟面试（求职）\r\n */\r\n\r\n@Component({\r\n    tag: 'oem-mnms-modal',\r\n    styleUrls: ['oem-mnms-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class OemMnmsModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '模拟面试';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始模拟面试';\r\n\r\n    /**\r\n     * 视频录制最大时长（秒）默认120\r\n     */\r\n    @Prop() maxRecordingTime: number = 120;\r\n\r\n    /**\r\n     * 等待录制时间（秒）默认10\r\n     */\r\n    @Prop() waitingTime: number = 10;\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，可传入以下参数：<br>\r\n     * customInputs.job_info时，JD输入区域不可修改。<br>\r\n     * customInputs.file_url或customInputs.resume_content时，简历上传区域不可修改。<br>\r\n     * customInputs.resume_content：可传入json字符串，或纯文本字符串，字符串内容为简历内容。<br>\r\n     * customInputs.url_callback：可传入url字符串，当报告生成后，会调用该url进行回调。该url请使用post请求，接收报告字段为report_content，会话id字段为conversation_id。<br>\r\n     * customInputs.question_number时，会设置面试题总数量, 默认5题。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * OEM ID，用于获取职位列表\r\n     */\r\n    @Prop() oemId?: string;\r\n\r\n    /**\r\n     * 虚拟数字人ID，指定则开启虚拟数字人功能</br>\r\n     * 智琪：79202506752 </br>\r\n     * 艾綝：79402522624 </br>\r\n     * 艾姮：79597885440 </br>\r\n     */\r\n    @Prop() digitalId?: string;\r\n\r\n    /**\r\n     * 数字人开场白索引，用于选择开场白和开场视频（可选：0, 1, 2）\r\n     * 0、您好，我是聘才猫 AI 面试助手。很高兴为你主持这场面试！在开始前，请确保：身处安静、光线充足的环境。网络顺畅，摄像头和麦克风工作正常。现在我正在查看本次面试的相关信息，为您生成专属面试题，马上就好，请稍等片刻。</br>\r\n     * 1、您好，我是您的 AI 面试助手。欢迎参加本次AI面试！为了获得最佳效果，请确认：您在安静、明亮的环境中。您的网络稳定，摄像头和麦克风已开启。我们正在后台为您准备本次专属面试内容，很快开始，请稍候。<br>\r\n     * 2、您好，我是您的 AI 面试助手。面试马上开始。趁此片刻，请快速确认：周围安静吗？光线足够吗？网络没问题？摄像头和麦克风准备好了吗？我们正在为您加载个性化的面试环节，稍等就好！\r\n     */\r\n    @Prop() openingIndex: number = 0;\r\n\r\n    /**\r\n     * 是否启用全屏数字人模式，此模式下面试报告只会通过url_callback回调返回\r\n     */\r\n    @Prop() enableVirtualHuman: boolean = false;\r\n\r\n    /**\r\n     * 是否显示结束面试按钮\r\n     */\r\n    @Prop() showEndInterviewButton: boolean = false;\r\n\r\n    /**\r\n     * 数字人视频播放速率（0.5-2.0之间），默认1.0\r\n     */\r\n    @Prop() playbackRate: number = 1.0;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n     * 错误事件\r\n     */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 发送短信验证码请求事件\r\n     * 接入方需要监听此事件并调用自己的短信接口发送验证码\r\n     * 事件参数: { mobile: string, codeType: number }\r\n     */\r\n    @Event() sendSmsCodeRequest: EventEmitter<{ mobile: string; codeType: number }>;\r\n\r\n    /**\r\n     * 面试模式：text - 文本模式，video - 视频模式\r\n     */\r\n    @Prop() interviewMode: 'text' | 'video' = 'text';\r\n\r\n    /**\r\n     * 录制错误事件\r\n     */\r\n    @Event() recordingError: EventEmitter<RecordingErrorEventData>;\r\n\r\n    /**\r\n     * 是否显示复制按钮\r\n     */\r\n    @Prop() showCopyButton: boolean = true;\r\n\r\n    /**\r\n     * 是否显示点赞点踩按钮\r\n     */\r\n    @Prop() showFeedbackButtons: boolean = true;\r\n\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 手机号和验证码相关状态\r\n    @State() phoneNumber: string = '';\r\n    @State() verificationCode: string = '';\r\n    @State() isSendingCode: boolean = false;\r\n    @State() countdown: number = 0;\r\n    @State() isVerifyingCode: boolean = false;\r\n\r\n    // 职位选择器相关状态\r\n    @State() showPositionSelector: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n\r\n    // 添加对 OEM 数字人面试子组件的引用\r\n    private virtualChatModalRef: { setComponentActive(active: boolean): Promise<void> } | null = null;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 当模态框关闭时，调用子组件方法停止所有活动\r\n            if (this.virtualChatModalRef) {\r\n                await this.virtualChatModalRef.setComponentActive(false);\r\n            }\r\n            // 重置状态\r\n            this.resetState();\r\n        } else {\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果有会话ID，直接显示聊天模态框\r\n            if (this.conversationId) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n\r\n    componentWillLoad() {\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n\r\n        // 初始化时设置 token,但不验证(验证在 @Watch('isOpen') 中处理)\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n        // 清理倒计时定时器\r\n        if (this.countdownTimer) {\r\n            clearInterval(this.countdownTimer);\r\n            this.countdownTimer = null;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * 重置组件状态\r\n     */\r\n    private resetState() {\r\n        this.showChatModal = false;\r\n        this.jobDescription = '';\r\n        this.isSubmitting = false;\r\n        this.selectedFile = null;\r\n        this.isUploading = false;\r\n        this.uploadedFileInfo = null;\r\n        // 重置手机号和验证码相关状态\r\n        this.phoneNumber = '';\r\n        this.verificationCode = '';\r\n        this.isSendingCode = false;\r\n        this.isVerifyingCode = false;\r\n        this.countdown = 0;\r\n        if (this.countdownTimer) {\r\n            clearInterval(this.countdownTimer);\r\n            this.countdownTimer = null;\r\n        }\r\n    }\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handlePhoneNumberChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.phoneNumber = input.value;\r\n    };\r\n\r\n    private handleVerificationCodeChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        this.verificationCode = input.value;\r\n    };\r\n\r\n    private countdownTimer: NodeJS.Timeout | null = null;\r\n\r\n    private startCountdown = () => {\r\n        this.countdown = 60;\r\n        if (this.countdownTimer) {\r\n            clearInterval(this.countdownTimer);\r\n        }\r\n        this.countdownTimer = setInterval(() => {\r\n            this.countdown--;\r\n            if (this.countdown <= 0) {\r\n                if (this.countdownTimer) {\r\n                    clearInterval(this.countdownTimer);\r\n                    this.countdownTimer = null;\r\n                }\r\n            }\r\n        }, 1000);\r\n    };\r\n\r\n    private handleSendCode = () => {\r\n        if (!this.phoneNumber.trim()) {\r\n            Message.error('请输入手机号');\r\n            return;\r\n        }\r\n\r\n        // 验证手机号格式\r\n        const phoneRegex = /^1[3-9]\\d{9}$/;\r\n        if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n            Message.error('请输入正确的手机号');\r\n            return;\r\n        }\r\n\r\n        // 设置发送中状态\r\n        this.isSendingCode = true;\r\n\r\n        // 触发事件，让接入方去调用自己的短信接口\r\n        this.sendSmsCodeRequest.emit({\r\n            mobile: this.phoneNumber.trim(),\r\n            codeType: 8\r\n        });\r\n\r\n        // 开始倒计时并重置发送状态\r\n        this.startCountdown();\r\n        this.isSendingCode = false;\r\n    };\r\n\r\n    private handleOpenPositionSelector = () => {\r\n        if (!this.oemId) {\r\n            Message.info('未配置OEM ID，无法选择职位');\r\n            return;\r\n        }\r\n        this.showPositionSelector = true;\r\n    };\r\n\r\n    private handleClosePositionSelector = () => {\r\n        this.showPositionSelector = false;\r\n    };\r\n\r\n    private handlePositionSelected = (event: CustomEvent<Position & { formatted_text?: string }>) => {\r\n        const position = event.detail;\r\n        // 直接使用职位选择器组件提供的格式化文本\r\n        this.jobDescription = position.formatted_text || '';\r\n        this.showPositionSelector = false;\r\n        Message.success('职位信息已填充');\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        // 检查职位描述是否填写（优先使用customInputs.job_info）\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            Message.error('请输入职位描述');\r\n            return;\r\n        }\r\n\r\n        // 如果填写了手机号，则需要验证验证码\r\n        if (this.phoneNumber.trim()) {\r\n            // 验证手机号格式\r\n            const phoneRegex = /^1[3-9]\\d{9}$/;\r\n            if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n                Message.error('请输入正确的手机号');\r\n                return;\r\n            }\r\n\r\n            // 验证验证码是否填写\r\n            if (!this.verificationCode.trim()) {\r\n                Message.error('请输入验证码');\r\n                return;\r\n            }\r\n\r\n            // 验证验证码是否正确\r\n            this.isVerifyingCode = true;\r\n            try {\r\n                const result = await verifySmsCode(this.phoneNumber.trim(), this.verificationCode.trim(), 0);\r\n                if (!result.success) {\r\n                    Message.error(result.error.detail || '验证码错误');\r\n                    this.isVerifyingCode = false;\r\n                    return;\r\n                }\r\n            } catch (error) {\r\n                Message.error('验证码校验失败');\r\n                this.isVerifyingCode = false;\r\n                return;\r\n            }\r\n            this.isVerifyingCode = false;\r\n        }\r\n\r\n        // 判断文件是否正在上传\r\n        if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n            Message.info('文件上传中，请稍后');\r\n            return;\r\n        }\r\n        this.isSubmitting = true;\r\n        this.showChatModal = true;\r\n    };\r\n\r\n    private pcmUploadRef;\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 判断是否禁用JD输入区域（有预设job_info时禁用）\r\n        const disableJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n\r\n        // 判断是否禁用简历上传区域（有预设file_url或resume_content时禁用）\r\n        const disableResumeUpload = Boolean(this.customInputs && (this.customInputs.file_url || this.customInputs.resume_content));\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 */}\r\n                            <div class=\"jd-input-section\">\r\n                                <div class=\"label-with-button\">\r\n                                    <label htmlFor=\"job-description\">请输入职位描述 (JD)</label>\r\n                                    {!disableJdInput && (\r\n                                        <div class=\"button-group\">\r\n                                            {this.oemId && (\r\n                                                <button\r\n                                                    class=\"position-selector-button\"\r\n                                                    onClick={this.handleOpenPositionSelector}\r\n                                                    type=\"button\"\r\n                                                >\r\n                                                    选择职位\r\n                                                </button>\r\n                                            )}\r\n                                            <components-mobile-input-btn\r\n                                                name=\"职位描述\"\r\n                                                onOk={(e) => {\r\n                                                    this.jobDescription = e.detail;\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                    )}\r\n                                </div>\r\n                                <textarea\r\n                                    id=\"job-description\"\r\n                                    class=\"job-description-textarea\"\r\n                                    placeholder=\"请输入职位描述，包括职责、要求等信息...\"\r\n                                    rows={6}\r\n                                    value={this.customInputs?.job_info || this.jobDescription}\r\n                                    onInput={this.handleJobDescriptionChange}\r\n                                    disabled={disableJdInput}\r\n                                ></textarea>\r\n                            </div>\r\n\r\n                            {/* 简历上传区域 */}\r\n                            <div class=\"jd-input-section\">\r\n                                <label>上传简历（选填）</label>\r\n                                <components-mobile-upload-btn\r\n                                    maxFileSize={15 * 1024 * 1024}\r\n                                    multiple={false}\r\n                                    uploadAreaMode={true}\r\n                                    acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n                                    uploadParams={{\r\n                                        tags: ['resume'],\r\n                                    }}\r\n                                    defaultFileList={this.customInputs?.file_url ? [{\r\n                                        cos_key: this.customInputs.file_url,\r\n                                        file_name: this.customInputs?.file_name || '预设简历',\r\n                                        file_size: 0,\r\n                                        ext: '',\r\n                                    }] : undefined}\r\n                                    disabled={disableResumeUpload}\r\n                                    onOk={(e) => {\r\n                                        const result: FileUploadResponse[] = e.detail ?? [];\r\n                                        this.uploadedFileInfo = result[0];\r\n                                        this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                                    }}\r\n                                />\r\n                            </div>\r\n\r\n                            {/* 手机号和验证码区域（可选） */}\r\n                            <div class=\"jd-input-section\">\r\n                                <label>手机号（选填，填写后报告结果将通过短信发送）</label>\r\n                                <input\r\n                                    type=\"tel\"\r\n                                    class=\"phone-input\"\r\n                                    placeholder=\"请输入手机号\"\r\n                                    maxLength={11}\r\n                                    value={this.phoneNumber}\r\n                                    onInput={this.handlePhoneNumberChange}\r\n                                />\r\n                            </div>\r\n\r\n                            {/* 验证码输入区域 - 仅在填写了手机号时显示 */}\r\n                            {this.phoneNumber.trim().length === 11 && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label>验证码</label>\r\n                                    <div class=\"verification-code-container\">\r\n                                        <input\r\n                                            type=\"text\"\r\n                                            class=\"verification-code-input\"\r\n                                            placeholder=\"请输入验证码\"\r\n                                            maxLength={6}\r\n                                            value={this.verificationCode}\r\n                                            onInput={this.handleVerificationCodeChange}\r\n                                        />\r\n                                        <button\r\n                                            class=\"send-code-button\"\r\n                                            disabled={this.isSendingCode || this.countdown > 0 || !this.phoneNumber.trim()}\r\n                                            onClick={this.handleSendCode}\r\n                                        >\r\n                                            {this.isSendingCode ? '发送中...' : this.countdown > 0 ? `${this.countdown}秒` : '发送验证码'}\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            )}\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={!(this.customInputs?.job_info || this.jobDescription.trim()) || this.isUploading || this.isSubmitting || this.isVerifyingCode}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isVerifyingCode ? '验证中...' : this.isSubmitting ? '处理中...' : '开始面试'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            {this.enableVirtualHuman && this.digitalId ? (\r\n                                <components-oem-virtual-chat-modal\r\n                                    ref={el => this.virtualChatModalRef = el}\r\n                                    isOpen={true}\r\n                                    fullscreen={this.fullscreen}\r\n                                    botId=\"3022316191018884\"\r\n                                    digitalId={this.digitalId}\r\n                                    openingIndex={this.openingIndex}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                        job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                        question_number: this.customInputs?.question_number || 5,\r\n                                        ai_interview_type: this.digitalId,\r\n                                        phone: this.phoneNumber.trim() || undefined\r\n                                    }}\r\n                                ></components-oem-virtual-chat-modal>\r\n                            ) : (\r\n                                <pcm-app-chat-modal\r\n                                    isOpen={true}\r\n                                    modalTitle={this.modalTitle}\r\n                                    icon={this.icon}\r\n                                    isShowHeader={this.isShowHeader}\r\n                                    isNeedClose={this.isShowHeader}\r\n                                    fullscreen={this.fullscreen}\r\n                                    showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                    botId=\"3022316191018884\"\r\n                                    digitalId={this.digitalId}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    maxRecordingTime={this.maxRecordingTime}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    showCopyButton={this.showCopyButton}\r\n                                    showFeedbackButtons={this.showFeedbackButtons}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                        job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                        question_number: this.customInputs?.question_number || 5,\r\n                                        ai_interview_type: this.digitalId || (this.interviewMode === 'video' ? \"2\" : \"1\"),\r\n                                        phone: this.phoneNumber.trim() || undefined\r\n                                    }}\r\n                                    interviewMode={this.interviewMode}\r\n                                ></pcm-app-chat-modal>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n                </div>\r\n\r\n                {/* 职位选择器弹窗 */}\r\n                {this.showPositionSelector && (\r\n                    <div class=\"position-selector-modal-overlay\">\r\n                        <div class=\"position-selector-modal\">\r\n                            <div class=\"position-selector-modal-header\">\r\n                                <h3>选择职位</h3>\r\n                                <button class=\"position-selector-close-btn\" onClick={this.handleClosePositionSelector}>\r\n                                    ×\r\n                                </button>\r\n                            </div>\r\n                            <div class=\"position-selector-modal-body\">\r\n                                <components-position-selector\r\n                                    oemId={this.oemId}\r\n                                    multiple={false}\r\n                                    onPositionSelected={this.handlePositionSelected}\r\n                                ></components-position-selector>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n} ",".iframe-container {\r\n  width: 100%;\r\n  height: 85vh;\r\n}\r\n\r\n.iframe-container iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n/* 分步骤区域样式 */\r\n.step-section {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.step-title {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 12px;\r\n  padding-bottom: 8px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n}\r\n\r\n/* 优化模式选项 */\r\n.mode-options {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 8px;\r\n}\r\n\r\n.mode-option {\r\n  padding: 16px;\r\n  border: 2px solid #e2e8f0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.mode-option:hover {\r\n  border-color: #94a3b8;\r\n}\r\n\r\n.mode-option.selected {\r\n  border-color: #0D75FB;\r\n  background-color: #f0f7ff;\r\n}\r\n\r\n.option-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.option-title {\r\n  font-weight: 600;\r\n  color: #333;\r\n}\r\n\r\n.check-icon {\r\n  color: #0D75FB;\r\n  font-size: 16px;\r\n}\r\n\r\n.option-desc {\r\n  font-size: 14px;\r\n  color: #666;\r\n}\r\n\r\n.option-suitable {\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n/* 输出方式选项 */\r\n.output-options {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.output-option {\r\n  padding: 12px 16px;\r\n  border: 2px solid #e2e8f0;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.output-option:hover {\r\n  border-color: #94a3b8;\r\n}\r\n\r\n.output-option.selected {\r\n  border-color: #0D75FB;\r\n  background-color: #f0f7ff;\r\n}\r\n\r\n.option-time {\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n/* JD 提示 */\r\n.jd-hint {\r\n  padding: 12px;\r\n  background-color: #f6f8fa;\r\n  border-radius: 8px;\r\n  text-align: center;\r\n}\r\n\r\n.jd-hint p {\r\n  font-size: 14px;\r\n  color: #666;\r\n  margin: 0;\r\n}\r\n\r\n/* 表单提示 */\r\n.form-hint {\r\n  font-size: 12px;\r\n  color: #fa8c16;\r\n  text-align: center;\r\n  margin-top: 8px;\r\n}\r\n\r\n.form-hint.warning {\r\n  color: #fa8c16;\r\n}\r\n\r\n/* 响应式 */\r\n@media screen and (max-width: 768px) {\r\n  .mode-options {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\r\n/* ========================== oem ========================== */\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    margin-bottom: 8px;\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.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@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.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",".plan-type-section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.plan-type-section label {\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.plan-type-options {\r\n  display: flex;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n}\r\n\r\n.plan-type-option {\r\n  flex: 1;\r\n  border: none;\r\n  border-right: 1px solid #d9d9d9;\r\n  padding: 7px 8px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  transition: background-color 0.2s, color 0.2s;\r\n  background-color: #fff;\r\n}\r\n\r\n.plan-type-option:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.plan-type-option:hover {\r\n  background-color: #f0f7ff;\r\n}\r\n\r\n.plan-type-option.selected {\r\n  background-color: #1890ff;\r\n}\r\n\r\n.plan-type-option.selected .option-icon,\r\n.plan-type-option.selected .option-label {\r\n  color: #fff;\r\n}\r\n\r\n.option-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.option-icon img {\r\n  height: 18px;\r\n  width: auto;\r\n}\r\n\r\n.option-label {\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: #555;\r\n  white-space: nowrap;\r\n}\r\n\r\n.resume-upload-section {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.resume-upload-section label {\r\n  font-weight: 600;\r\n  color: #333;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n/* 动态表单样式 */\r\n.dynamic-form-section {\r\n  margin-top: 20px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.form-fields {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.form-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.form-field label {\r\n  font-weight: 600;\r\n  color: #333;\r\n  font-size: 14px;\r\n}\r\n\r\n.form-input {\r\n  padding: 10px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n\r\n.form-input:hover {\r\n  border-color: #40a9ff;\r\n}\r\n\r\n.form-input:focus {\r\n  border-color: #1890ff;\r\n  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);\r\n}\r\n\r\n.form-input::placeholder {\r\n  color: #bfbfbf;\r\n}\r\n\r\n.form-hint {\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n  line-height: 1.5;\r\n  margin-top: -8px;\r\n  padding: 8px 12px;\r\n  background-color: #f5f5f5;\r\n  border-radius: 4px;\r\n  border-left: 3px solid #1890ff;\r\n}\r\n\r\n/* 手机号输入框样式 */\r\n.phone-input {\r\n    width: calc(100% - 16px);\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.phone-input: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.verification-code-container {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n}\r\n\r\n.verification-code-input {\r\n    flex: 1;\r\n    padding: 8px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\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}\r\n\r\n.verification-code-input: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.send-code-button {\r\n    padding: 8px 16px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n    min-width: 100px;\r\n}\r\n\r\n.send-code-button:hover:not(:disabled) {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.send-code-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",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey, verifySmsCode } from '../../utils/utils';\r\nimport { ConversationStartEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store'; // 导入 authStore\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\n\r\n/**\r\n * 职业规划助手\r\n */\r\n\r\nexport type CareerPlanType = '初入职场' | '转型建议' | '晋升路径';\r\n\r\n@Component({\r\n  tag: 'oem-zygh-modal',\r\n  styleUrls: ['../../global/global.css', 'oem-zygh-modal.css', '../../global/host.css'],\r\n  shadow: true,\r\n})\r\nexport class OemZyghModal {\r\n  /**\r\n   * 模态框标题\r\n   */\r\n  @Prop() modalTitle: string = '职业规划助手';\r\n\r\n  /**\r\n   * SDK鉴权密钥\r\n   */\r\n  @Prop({ attribute: 'token' }) token!: string;\r\n\r\n  /**\r\n   * 是否显示聊天模态框\r\n   */\r\n  @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n  /**\r\n   * 当点击模态框关闭时触发\r\n   */\r\n  @Event() modalClosed: EventEmitter<void>;\r\n\r\n  /**\r\n   * 应用图标URL\r\n   */\r\n  @Prop() icon?: string;\r\n\r\n  /**\r\n   * 聊天框的页面层级\r\n   */\r\n  @Prop() zIndex?: number = 1000;\r\n\r\n  /**\r\n   * 是否展示顶部标题栏\r\n   */\r\n  @Prop() isShowHeader: boolean = true;\r\n\r\n  /**\r\n   * 是否展示右上角的关闭按钮\r\n   */\r\n  @Prop() isNeedClose: boolean = true;\r\n\r\n  /**\r\n   * 会话ID，传入继续对话，否则创建新会话\r\n   */\r\n  @Prop({ mutable: true }) conversationId?: string;\r\n\r\n  /**\r\n   * 默认查询文本\r\n   */\r\n  @Prop() defaultQuery: string = '请开始规划';\r\n\r\n  /**\r\n   * 是否以全屏模式打开，移动端建议设置为true\r\n   */\r\n  @Prop() fullscreen: boolean = false;\r\n\r\n  /**\r\n   * 自定义输入参数，传入customInputs.type则可以指定规划类型，可传入\"转型建议\"、\"晋升路径\"<br>\r\n   * 传入customInputs.file_url时，简历上传区域不可修改。<br>\r\n   */\r\n  @Prop() customInputs: Record<string, string> = {};\r\n\r\n  /**\r\n   * 是否显示工作区历史会话按钮\r\n   */\r\n  @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n  /**\r\n   * 上传成功事件\r\n   */\r\n  @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n  /**\r\n   * 流式输出完成事件\r\n   */\r\n  @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n  /**\r\n   * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n   */\r\n  @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n  /**\r\n   * 当聊天完成时触发\r\n   */\r\n  @Event() planningComplete: EventEmitter<{\r\n    conversation_id: string;\r\n    type: CareerPlanType;\r\n  }>;\r\n\r\n  /**\r\n   * SDK密钥验证失败事件\r\n   */\r\n  @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n  /**\r\n   * 错误事件\r\n   */\r\n  @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n  /**\r\n   * 发送短信验证码请求事件\r\n   * 接入方需要监听此事件并调用自己的短信接口发送验证码\r\n   * 事件参数: { mobile: string, codeType: number }\r\n   */\r\n  @Event() sendSmsCodeRequest: EventEmitter<{ mobile: string; codeType: number }>;\r\n\r\n  /**\r\n   * 附件预览模式\r\n   * 'drawer': 在右侧抽屉中预览\r\n   * 'window': 在新窗口中打开\r\n   */\r\n  @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n  @State() isUploading: boolean = false;\r\n  @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n  @State() showChatModal: boolean = false;\r\n  @State() isSubmitting: boolean = false;\r\n  @State() selectedPlanType: CareerPlanType = '初入职场';\r\n  @State() targetPosition: string = ''; // 晋升目标岗位\r\n  @State() industryName: string = ''; // 感兴趣的行业\r\n  @State() jobPosition: string = ''; // 感兴趣的职位\r\n  @State() timePeriod: string = ''; // 期望转型时间\r\n\r\n  // 手机号和验证码相关状态\r\n  @State() phoneNumber: string = '';\r\n  @State() verificationCode: string = '';\r\n  @State() isSendingCode: boolean = false;\r\n  @State() countdown: number = 0;\r\n  @State() isVerifyingCode: boolean = false;\r\n\r\n  // 使用 @Element 装饰器获取组件的 host 元素\r\n  @Element() hostElement: HTMLElement;\r\n\r\n  private tokenInvalidListener: () => void;\r\n  private removeErrorListener: () => void;\r\n  private pcmUploadRef;\r\n  private countdownTimer: NodeJS.Timeout | null = null;\r\n\r\n  @Watch('token')\r\n  handleTokenChange(newToken: string) {\r\n    // 当传入的 token 变化时，更新 authStore 中的 token\r\n    if (newToken && newToken !== authStore.getToken()) {\r\n      authStore.setToken(newToken);\r\n    }\r\n  }\r\n\r\n  @Watch('isOpen')\r\n  async handleIsOpenChange(newValue: boolean) {\r\n    if (!newValue) {\r\n      // 重置状态\r\n      this.showChatModal = false;\r\n      this.isSubmitting = false;\r\n      this.uploadedFileInfo = null;\r\n      // 重置手机号和验证码相关状态\r\n      this.phoneNumber = '';\r\n      this.verificationCode = '';\r\n      this.isSendingCode = false;\r\n      this.isVerifyingCode = false;\r\n      this.countdown = 0;\r\n      if (this.countdownTimer) {\r\n        clearInterval(this.countdownTimer);\r\n        this.countdownTimer = null;\r\n      }\r\n    } else {\r\n      if (this.customInputs && this.customInputs.type) {\r\n        // 检查是否是有效的 CareerPlanType 值\r\n        const type = this.customInputs.type;\r\n        if (type === '转型建议' || type === '晋升路径' || type === '初入职场') {\r\n          this.selectedPlanType = type;\r\n        }\r\n      }\r\n\r\n      await verifyApiKey(this.token);\r\n\r\n      // 如果有会话ID直接显示聊天模态框\r\n      if (this.conversationId) {\r\n        this.showChatModal = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    // 将 zIndex 存入配置缓存\r\n    if (this.zIndex) {\r\n      configStore.setItem('modal-zIndex', this.zIndex);\r\n    }\r\n\r\n    // 初始化时设置 token,但不验证(验证在 @Watch('isOpen') 中处理)\r\n    if (this.token) {\r\n      authStore.setToken(this.token);\r\n    }\r\n\r\n    // 添加全局token无效事件监听器\r\n    this.tokenInvalidListener = () => {\r\n      this.tokenInvalid.emit();\r\n    };\r\n    // 添加全局错误监听\r\n    this.removeErrorListener = ErrorEventBus.addErrorListener(errorDetail => {\r\n      this.someErrorEvent.emit(errorDetail);\r\n    });\r\n    document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    // 组件销毁时移除事件监听器\r\n    document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    // 移除错误监听器\r\n    if (this.removeErrorListener) {\r\n      this.removeErrorListener();\r\n    }\r\n    // 清理倒计时定时器\r\n    if (this.countdownTimer) {\r\n      clearInterval(this.countdownTimer);\r\n      this.countdownTimer = null;\r\n    }\r\n  }\r\n\r\n  private handleClose = () => {\r\n    this.modalClosed.emit();\r\n  };\r\n\r\n  private handlePlanTypeChange = (type: CareerPlanType) => {\r\n    this.selectedPlanType = type;\r\n    // 切换类型时重置表单字段\r\n    this.targetPosition = '';\r\n    this.industryName = '';\r\n    this.jobPosition = '';\r\n    this.timePeriod = '';\r\n  };\r\n\r\n  private handlePhoneNumberChange = (event: Event) => {\r\n    const input = event.target as HTMLInputElement;\r\n    this.phoneNumber = input.value;\r\n  };\r\n\r\n  private handleVerificationCodeChange = (event: Event) => {\r\n    const input = event.target as HTMLInputElement;\r\n    this.verificationCode = input.value;\r\n  };\r\n\r\n  private startCountdown = () => {\r\n    this.countdown = 60;\r\n    if (this.countdownTimer) {\r\n      clearInterval(this.countdownTimer);\r\n    }\r\n    this.countdownTimer = setInterval(() => {\r\n      this.countdown--;\r\n      if (this.countdown <= 0) {\r\n        if (this.countdownTimer) {\r\n          clearInterval(this.countdownTimer);\r\n          this.countdownTimer = null;\r\n        }\r\n      }\r\n    }, 1000);\r\n  };\r\n\r\n  private handleSendCode = () => {\r\n    if (!this.phoneNumber.trim()) {\r\n      Message.error('请输入手机号');\r\n      return;\r\n    }\r\n\r\n    // 验证手机号格式\r\n    const phoneRegex = /^1[3-9]\\d{9}$/;\r\n    if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n      Message.error('请输入正确的手机号');\r\n      return;\r\n    }\r\n\r\n    // 设置发送中状态\r\n    this.isSendingCode = true;\r\n\r\n    // 触发事件，让接入方去调用自己的短信接口\r\n    this.sendSmsCodeRequest.emit({\r\n      mobile: this.phoneNumber.trim(),\r\n      codeType: 8,\r\n    });\r\n\r\n    // 开始倒计时并重置发送状态\r\n    this.startCountdown();\r\n    this.isSendingCode = false;\r\n  };\r\n\r\n  private handleStartPlanning = async () => {\r\n    // 既没有预设 file_url，也没有上传文件，则提示\r\n    if (!this.customInputs?.file_url && !this.uploadedFileInfo) {\r\n      Message.info('请上传简历');\r\n      return;\r\n    }\r\n\r\n    // 如果填写了手机号，则需要验证验证码\r\n    if (this.phoneNumber.trim()) {\r\n      // 验证手机号格式\r\n      const phoneRegex = /^1[3-9]\\d{9}$/;\r\n      if (!phoneRegex.test(this.phoneNumber.trim())) {\r\n        Message.error('请输入正确的手机号');\r\n        return;\r\n      }\r\n\r\n      // 验证验证码是否填写\r\n      if (!this.verificationCode.trim()) {\r\n        Message.error('请输入验证码');\r\n        return;\r\n      }\r\n\r\n      // 验证验证码是否正确\r\n      this.isVerifyingCode = true;\r\n      try {\r\n        const result = await verifySmsCode(this.phoneNumber.trim(), this.verificationCode.trim(), 0);\r\n        if (!result.success) {\r\n          Message.error(result.message || '验证码错误');\r\n          this.isVerifyingCode = false;\r\n          return;\r\n        }\r\n      } catch (error) {\r\n        Message.error('验证码校验失败');\r\n        this.isVerifyingCode = false;\r\n        return;\r\n      }\r\n      this.isVerifyingCode = false;\r\n    }\r\n\r\n    // 判断文件是否正在上传\r\n    if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n      Message.info('文件上传中，请稍后');\r\n      return;\r\n    }\r\n    this.isSubmitting = true;\r\n    this.showChatModal = true;\r\n    this.isSubmitting = false;\r\n  };\r\n\r\n  // 处理规划完成事件\r\n  private handlePlanningComplete = (event: CustomEvent) => {\r\n    this.planningComplete.emit({\r\n      ...event.detail,\r\n      type: this.selectedPlanType,\r\n    });\r\n  };\r\n\r\n  private getPlanTypeIcon = (type: CareerPlanType) => {\r\n    const isSelected = this.selectedPlanType === type;\r\n    const baseUrl = 'https://pcm-pub-1351162788.cos.ap-guangzhou.myqcloud.com/sdk/image/';\r\n    const iconMap = {\r\n      '初入职场': 'i_entry_level',\r\n      '晋升路径': 'i_promotion',\r\n      '转型建议': 'i_transition',\r\n    };\r\n    return `${baseUrl}${iconMap[type]}${isSelected ? '_actived' : ''}.png`;\r\n  };\r\n\r\n  render() {\r\n    if (!this.isOpen) return null;\r\n\r\n    const modalStyle = {\r\n      zIndex: String(this.zIndex),\r\n    };\r\n\r\n    const containerClass = {\r\n      'modal-container': true,\r\n      'fullscreen': this.fullscreen,\r\n      'pc-layout': true,\r\n    };\r\n\r\n    const overlayClass = {\r\n      'modal-overlay': true,\r\n      'fullscreen-overlay': this.fullscreen,\r\n    };\r\n\r\n    // 显示加载状态\r\n    const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n    // 判断是否禁用简历上传区域（有预设file_url时禁用）\r\n    const disableResumeUpload = Boolean(this.customInputs && this.customInputs.file_url);\r\n\r\n    return (\r\n      <div class={overlayClass} style={modalStyle}>\r\n        <div class={containerClass}>\r\n          {this.isShowHeader && (\r\n            <div class=\"modal-header\">\r\n              <div class=\"header-left\">\r\n                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                <div>{this.modalTitle}</div>\r\n              </div>\r\n              {this.isNeedClose && (\r\n                <button class=\"close-button\" onClick={this.handleClose}>\r\n                  <span>×</span>\r\n                </button>\r\n              )}\r\n            </div>\r\n          )}\r\n\r\n          {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n          {!this.showChatModal && !this.conversationId && (\r\n            <div class=\"input-container\">\r\n              {/* 规划类型选择 */}\r\n              <div class=\"plan-type-section\">\r\n                <label>选择建议类型</label>\r\n                <div class=\"plan-type-options\">\r\n                  <div class={`plan-type-option ${this.selectedPlanType === '初入职场' ? 'selected' : ''}`} onClick={() => this.handlePlanTypeChange('初入职场')}>\r\n                    <div class=\"option-icon\">\r\n                      <img src={this.getPlanTypeIcon('初入职场')} alt=\"初入职场\" />\r\n                    </div>\r\n                    <div class=\"option-label\">初入职场</div>\r\n                  </div>\r\n                  <div class={`plan-type-option ${this.selectedPlanType === '晋升路径' ? 'selected' : ''}`} onClick={() => this.handlePlanTypeChange('晋升路径')}>\r\n                    <div class=\"option-icon\">\r\n                      <img src={this.getPlanTypeIcon('晋升路径')} alt=\"晋升路径\" />\r\n                    </div>\r\n                    <div class=\"option-label\">晋升路径</div>\r\n                  </div>\r\n                  <div class={`plan-type-option ${this.selectedPlanType === '转型建议' ? 'selected' : ''}`} onClick={() => this.handlePlanTypeChange('转型建议')}>\r\n                    <div class=\"option-icon\">\r\n                      <img src={this.getPlanTypeIcon('转型建议')} alt=\"转型建议\" />\r\n                    </div>\r\n                    <div class=\"option-label\">转型建议</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* 动态表单字段 */}\r\n              <div class=\"dynamic-form-section\">\r\n                {this.selectedPlanType === '初入职场' && (\r\n                  <div class=\"form-fields\">\r\n                    <div class=\"form-field\">\r\n                      <label>感兴趣的行业</label>\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-input\"\r\n                        placeholder=\"请输入您感兴趣的行业\"\r\n                        value={this.industryName}\r\n                        onInput={e => (this.industryName = (e.target as HTMLInputElement).value)}\r\n                      />\r\n                    </div>\r\n                    <div class=\"form-field\">\r\n                      <label>感兴趣的职位</label>\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-input\"\r\n                        placeholder=\"请输入您感兴趣的职位\"\r\n                        value={this.jobPosition}\r\n                        onInput={e => (this.jobPosition = (e.target as HTMLInputElement).value)}\r\n                      />\r\n                    </div>\r\n                    <div class=\"form-hint\">为确保职业规划报告的准确性,推荐您至少填写其中一项</div>\r\n                  </div>\r\n                )}\r\n\r\n                {this.selectedPlanType === '转型建议' && (\r\n                  <div class=\"form-fields\">\r\n                    <div class=\"form-field\">\r\n                      <label>感兴趣的行业</label>\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-input\"\r\n                        placeholder=\"请输入您感兴趣的行业\"\r\n                        value={this.industryName}\r\n                        onInput={e => (this.industryName = (e.target as HTMLInputElement).value)}\r\n                      />\r\n                    </div>\r\n                    <div class=\"form-field\">\r\n                      <label>感兴趣的职位</label>\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-input\"\r\n                        placeholder=\"请输入您感兴趣的职位\"\r\n                        value={this.jobPosition}\r\n                        onInput={e => (this.jobPosition = (e.target as HTMLInputElement).value)}\r\n                      />\r\n                    </div>\r\n                    <div class=\"form-hint\">为确保职业规划报告的准确性,推荐您至少填写其中一项</div>\r\n                    <div class=\"form-field\">\r\n                      <label>期望转型时间</label>\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-input\"\r\n                        placeholder=\"请输入您期望的转型时间\"\r\n                        value={this.timePeriod}\r\n                        onInput={e => (this.timePeriod = (e.target as HTMLInputElement).value)}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                )}\r\n\r\n                {this.selectedPlanType === '晋升路径' && (\r\n                  <div class=\"form-fields\">\r\n                    <div class=\"form-field\">\r\n                      <label>晋升目标岗位</label>\r\n                      <input\r\n                        type=\"text\"\r\n                        class=\"form-input\"\r\n                        placeholder=\"请输入您的晋升目标岗位\"\r\n                        value={this.targetPosition}\r\n                        onInput={e => (this.targetPosition = (e.target as HTMLInputElement).value)}\r\n                      />\r\n                    </div>\r\n                    <div class=\"form-hint\">为确保职业规划报告的准确性,建议您填写晋升目标岗位名称</div>\r\n                  </div>\r\n                )}\r\n              </div>\r\n\r\n              {/* 简历上传区域 */}\r\n              <div class=\"resume-upload-section\">\r\n                <label>上传简历</label>\r\n                <components-mobile-upload-btn\r\n                  maxFileSize={15 * 1024 * 1024}\r\n                  multiple={false}\r\n                  uploadAreaMode={true}\r\n                  acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n                  uploadParams={{\r\n                    tags: ['resume'],\r\n                  }}\r\n                  defaultFileList={\r\n                    this.customInputs?.file_url\r\n                      ? [\r\n                          {\r\n                            cos_key: this.customInputs.file_url,\r\n                            file_name: this.customInputs?.file_name || '预设简历',\r\n                            file_size: 0,\r\n                            ext: '',\r\n                          },\r\n                        ]\r\n                      : undefined\r\n                  }\r\n                  disabled={disableResumeUpload}\r\n                  onOk={e => {\r\n                    const result: FileUploadResponse[] = e.detail ?? [];\r\n                    this.uploadedFileInfo = result[0];\r\n                    this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                  }}\r\n                />\r\n              </div>\r\n\r\n              {/* 手机号和验证码区域（可选） */}\r\n              <div class=\"jd-input-section\">\r\n                <label>手机号（选填，填写后结果将通过短信发送）</label>\r\n                <input type=\"tel\" class=\"phone-input\" placeholder=\"请输入手机号\" maxLength={11} value={this.phoneNumber} onInput={this.handlePhoneNumberChange} />\r\n              </div>\r\n\r\n              {/* 验证码输入区域 - 仅在填写了手机号时显示 */}\r\n              {this.phoneNumber.trim().length === 11 && (\r\n                <div class=\"jd-input-section\">\r\n                  <label>验证码</label>\r\n                  <div class=\"verification-code-container\">\r\n                    <input\r\n                      type=\"text\"\r\n                      class=\"verification-code-input\"\r\n                      placeholder=\"请输入验证码\"\r\n                      maxLength={6}\r\n                      value={this.verificationCode}\r\n                      onInput={this.handleVerificationCodeChange}\r\n                    />\r\n                    <button class=\"send-code-button\" disabled={this.isSendingCode || this.countdown > 0 || !this.phoneNumber.trim()} onClick={this.handleSendCode}>\r\n                      {this.isSendingCode ? '发送中...' : this.countdown > 0 ? `${this.countdown}秒` : '发送验证码'}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <button\r\n                class=\"submit-button\"\r\n                disabled={(!disableResumeUpload && !this.uploadedFileInfo) || this.isUploading || this.isSubmitting || this.isVerifyingCode}\r\n                onClick={this.handleStartPlanning}\r\n              >\r\n                {this.isUploading ? '上传中...' : this.isVerifyingCode ? '验证中...' : this.isSubmitting ? '处理中...' : '开始规划'}\r\n              </button>\r\n\r\n              <div class=\"ai-disclaimer\">\r\n                <p>所有内容均由AI生成仅供参考</p>\r\n                <p class=\"beian-info\">\r\n                  <span>中央网信办生成式人工智能服务备案号</span>：\r\n                  <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    Hunan-PinCaiMao-202412310003\r\n                  </a>\r\n                </p>\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n          {isLoading && (\r\n            <div class=\"loading-container\">\r\n              <div class=\"loading-spinner\"></div>\r\n              <p class=\"loading-text\">正在加载对话...</p>\r\n            </div>\r\n          )}\r\n\r\n          {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n          {this.showChatModal && (\r\n            <div>\r\n              <pcm-app-chat-modal\r\n                isOpen={true}\r\n                modalTitle={this.modalTitle}\r\n                icon={this.icon}\r\n                isShowHeader={this.isShowHeader}\r\n                isNeedClose={this.isNeedClose}\r\n                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                botId=\"121182005294690304\"\r\n                fullscreen={this.fullscreen}\r\n                conversationId={this.conversationId}\r\n                defaultQuery={this.defaultQuery}\r\n                filePreviewMode={this.filePreviewMode}\r\n                customInputs={{\r\n                  ...this.customInputs,\r\n                  file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                  file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                  type: this.selectedPlanType,\r\n                  phone: this.phoneNumber.trim() || undefined,\r\n                  // 有值就传递\r\n                  ...(this.industryName ? { industry_name: this.industryName } : {}),\r\n                  ...(this.targetPosition || this.jobPosition ? { target_position: this.targetPosition || this.jobPosition } : {}),\r\n                  ...(this.timePeriod ? { time_period: this.timePeriod } : {}),\r\n                }}\r\n                interviewMode=\"text\"\r\n                onInterviewComplete={this.handlePlanningComplete}\r\n              ></pcm-app-chat-modal>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n",null,"/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport {\r\n    StreamCompleteEventData,\r\n    ConversationStartEventData,\r\n    InterviewCompleteEventData,\r\n    RecordingErrorEventData,\r\n} from '../../interfaces/events';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\n\r\n/**\r\n * 模拟面试\r\n */\r\n\r\n@Component({\r\n    tag: 'pcm-1zhanshi-mnms-modal',\r\n    styleUrls: ['pcm-1zhanshi-mnms-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class ZhanshiMnmsModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '模拟面试';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始模拟面试';\r\n\r\n    /**\r\n     * 视频录制最大时长（秒）默认120\r\n     */\r\n    @Prop() maxRecordingTime: number = 120;\r\n\r\n    /**\r\n     * 等待录制时间（秒）默认10\r\n     */\r\n    @Prop() waitingTime: number = 10;\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，传入customInputs.job_info时，会隐藏JD输入区域<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 虚拟数字人ID，指定则开启虚拟数字人功能\r\n     */\r\n    @Prop() digitalId?: string;\r\n\r\n    /**\r\n     * 数字人开场白索引，用于选择开场白和开场视频（可选：0, 1, 2）\r\n     * 0、您好，我是聘才猫 AI 面试助手。很高兴为你主持这场面试！在开始前，请确保：身处安静、光线充足的环境。网络顺畅，摄像头和麦克风工作正常。现在我正在查看本次面试的相关信息，为您生成专属面试题，马上就好，请稍等片刻。</br>\r\n     * 1、您好，我是您的 AI 面试助手。欢迎参加本次AI面试！为了获得最佳效果，请确认：您在安静、明亮的环境中。您的网络稳定，摄像头和麦克风已开启。我们正在后台为您准备本次专属面试内容，很快开始，请稍候。<br>\r\n     * 2、您好，我是您的 AI 面试助手。面试马上开始。趁此片刻，请快速确认：周围安静吗？光线足够吗？网络没问题？摄像头和麦克风准备好了吗？我们正在为您加载个性化的面试环节，稍等就好！\r\n     */\r\n    @Prop() openingIndex: number = 0;\r\n\r\n    /**\r\n     * 是否启用全屏虚拟数字人模式，此模式下面试结果只会通过interviewComplete事件返回或者通过url_callback回调返回\r\n     */\r\n    @Prop() enableVirtualHuman: boolean = false;\r\n\r\n    /**\r\n     * 是否显示结束面试按钮\r\n     */\r\n    @Prop() showEndInterviewButton: boolean = false;\r\n\r\n    /**\r\n     * 数字人视频播放速率（0.5-2.0之间），默认1.0\r\n     */\r\n    @Prop() playbackRate: number = 1.0;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n     * 错误事件\r\n     */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 录制错误事件\r\n     */\r\n    @Event() recordingError: EventEmitter<RecordingErrorEventData>;\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n\r\n    // 添加对子组件的引用\r\n    private virtualChatModalRef: HTMLPcmVirtualChatModalElement | null = null;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 当模态框关闭时，调用子组件方法停止所有活动\r\n            if (this.virtualChatModalRef) {\r\n                await this.virtualChatModalRef.setComponentActive(false);\r\n            }\r\n            // 重置状态\r\n            this.resetState();\r\n        } else {\r\n            await verifyApiKey(this.token);\r\n            this.showChatModal = true;\r\n        }\r\n    }\r\n\r\n    componentWillLoad() {\r\n\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n    \r\n    /**\r\n     * 重置组件状态\r\n     */\r\n    private resetState() {\r\n        this.showChatModal = false;\r\n        this.jobDescription = '';\r\n        this.isSubmitting = false;\r\n        this.selectedFile = null;\r\n        this.isUploading = false;\r\n        this.uploadedFileInfo = null;\r\n    }\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n\r\n\r\n\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            {this.enableVirtualHuman && this.digitalId ? (\r\n                                <pcm-virtual-chat-modal\r\n                                    ref={el => this.virtualChatModalRef = el}\r\n                                    isOpen={true}\r\n                                    fullscreen={this.fullscreen}\r\n                                    botId=\"3022316191018903\"\r\n                                    digitalId={this.digitalId}\r\n                                    openingIndex={this.openingIndex}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    maxRecordingTime={this.maxRecordingTime}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                        job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                        ai_interview_type: this.digitalId\r\n                                    }}\r\n                                ></pcm-virtual-chat-modal>\r\n                            ) : (\r\n                                <pcm-app-chat-modal\r\n                                    isOpen={true}\r\n                                    modalTitle={this.modalTitle}\r\n                                    icon={this.icon}\r\n                                    isShowHeader={this.isShowHeader}\r\n                                    isNeedClose={this.isShowHeader}\r\n                                    fullscreen={this.fullscreen}\r\n                                    botId=\"3022316191018903\"\r\n                                    digitalId={this.digitalId}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    maxRecordingTime={this.maxRecordingTime}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.uploadedFileInfo?.file_name,\r\n                                        ai_interview_type: this.digitalId || 2,\r\n                                    }}\r\n                                    interviewMode='video'\r\n                                ></pcm-app-chat-modal>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} ",":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  overflow-y: auto;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  /* 改为基于父组件的全屏 */\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\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: 900px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 5vh auto auto auto;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n  width: 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/* 确保内容区域也使用 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  /* 防止内容溢出 */\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.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.video-container {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\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  min-height: 50px;\r\n  border-bottom: 1px solid #e8e8e8;\r\n  flex-shrink: 0;\r\n  /* 防止头部被压缩 */\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-title-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n}\r\n\r\n.header-title-group > div:first-child {\r\n  font-size: 16px;\r\n}\r\n\r\n.header-disclaimer {\r\n  font-size: 11px;\r\n  color: #999;\r\n  line-height: 1;\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-container {\r\n  background-image: url(https://pub.pincaimao.com/static/web/images/login/bg_login_m.png);\r\n  background-size: 100%;\r\n  height: 100%;\r\n  border-radius: 0px 0px 8px 8px;\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  height: 60vh;\r\n  min-height: 400px;\r\n  max-height: 900px;\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.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/** 结束对话按钮 */\r\n.cancel-button {\r\n  width: 150px;\r\n  height: 38px;\r\n  background: #0d75fb;\r\n  color: #fff;\r\n  border: none;\r\n  margin-bottom: 10px;\r\n  cursor: pointer;\r\n  border-radius: 6px;\r\n}\r\n\r\n.cancel-button.disabled {\r\n  background: #d9d9d9;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.send-button {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 16px;\r\n  background: #0d75fb;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.send-button img {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.send-button:hover {\r\n  background: #0a62d6;\r\n}\r\n\r\n.send-button.disabled {\r\n  background: #d9d9d9;\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 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus+.input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button>div,\r\n.toolbar-button>svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 移动端也基于父组件尺寸 */\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 100%;\r\n    border-radius: 16px 16px 0 0;\r\n    /* 保留安全区域支持 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n}\r\n\r\n/* 工作区样式 */\r\n.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 结束面试按钮样式 */\r\n.workspace-button.end-interview-button {\r\n  background: #ff4d4f;\r\n  color: white;\r\n  border-color: #ff4d4f;\r\n}\r\n\r\n.workspace-button.end-interview-button:hover:not(:disabled) {\r\n  background: #ff7875;\r\n  border-color: #ff7875;\r\n  color: white;\r\n  box-shadow: 0 2px 4px rgba(255, 77, 79, 0.2);\r\n}\r\n\r\n.workspace-button.end-interview-button:disabled {\r\n  background: #d9d9d9;\r\n  border-color: #d9d9d9;\r\n  color: #999;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\r\n\r\n\r\n/* 历史会话抽屉样式 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}","\r\n.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}",":host {\r\n  display: inline-block;\r\n}\r\n\r\n.pcm-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 400;\r\n  white-space: nowrap;\r\n  text-align: center;\r\n  background-image: none;\r\n  border: 1px solid transparent;\r\n  cursor: pointer;\r\n  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\r\n  user-select: none;\r\n  touch-action: manipulation;\r\n  height: 32px;\r\n  padding: 0 15px;\r\n  font-size: 14px;\r\n  border-radius: 4px;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  background-color: white;\r\n  border-color: #d9d9d9;\r\n  outline: none;\r\n}\r\n\r\n.pcm-button:hover {\r\n  border-color: #40a9ff;\r\n  color: #40a9ff;\r\n}\r\n\r\n.pcm-button:active {\r\n  border-color: #096dd9;\r\n  color: #096dd9;\r\n}\r\n\r\n/* 按钮类型样式 */\r\n.pcm-button-default {\r\n  background-color: white;\r\n  border-color: #d9d9d9;\r\n  color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.pcm-button-primary {\r\n  background-color: #1677FF;\r\n  border-color: #1677FF;\r\n  color: white;\r\n}\r\n\r\n.pcm-button-primary:hover {\r\n  background-color: #40a9ff;\r\n  border-color: #40a9ff;\r\n  color: white;\r\n}\r\n\r\n.pcm-button-primary:active {\r\n  background-color: #096dd9;\r\n  border-color: #096dd9;\r\n  color: white;\r\n}\r\n\r\n.pcm-button-dashed {\r\n  background-color: white;\r\n  border-color: #d9d9d9;\r\n  border-style: dashed;\r\n}\r\n\r\n.pcm-button-text {\r\n  background-color: transparent;\r\n  border-color: transparent;\r\n  color: rgba(0, 0, 0, 0.85);\r\n  box-shadow: none;\r\n}\r\n\r\n.pcm-button-text:hover {\r\n  background-color: rgba(0, 0, 0, 0.05);\r\n  border-color: transparent;\r\n  color: rgba(0, 0, 0, 0.85);\r\n}\r\n\r\n.pcm-button-link {\r\n  background-color: transparent;\r\n  border-color: transparent;\r\n  color: #1677FF;\r\n  box-shadow: none;\r\n}\r\n\r\n.pcm-button-link:hover {\r\n  color: #40a9ff;\r\n  background-color: transparent;\r\n  border-color: transparent;\r\n}\r\n\r\n/* 按钮尺寸样式 */\r\n.pcm-button-large {\r\n  height: 40px;\r\n  padding: 0 20px;\r\n  font-size: 16px;\r\n}\r\n\r\n.pcm-button-small {\r\n  height: 24px;\r\n  padding: 0 7px;\r\n  font-size: 12px;\r\n}\r\n\r\n/* 按钮形状样式 */\r\n.pcm-button-circle {\r\n  min-width: 32px;\r\n  padding: 0;\r\n  border-radius: 50%;\r\n}\r\n\r\n.pcm-button-large.pcm-button-circle {\r\n  min-width: 40px;\r\n}\r\n\r\n.pcm-button-small.pcm-button-circle {\r\n  min-width: 24px;\r\n}\r\n\r\n.pcm-button-round {\r\n  border-radius: 40px;\r\n}\r\n\r\n/* 按钮加载状态样式 */\r\n.pcm-button-loading {\r\n  opacity: 0.65;\r\n  cursor: default;\r\n}\r\n\r\n.loading-icon {\r\n  width: 14px;\r\n  height: 14px;\r\n  margin-right: 8px;\r\n  border: 2px solid currentColor;\r\n  border-top-color: transparent;\r\n  border-radius: 50%;\r\n  animation: loading-spin 1s infinite linear;\r\n  display: inline-block;\r\n}\r\n\r\n@keyframes loading-spin {\r\n  0% { \r\n    transform: rotate(0deg); \r\n  }\r\n  100% { \r\n    transform: rotate(360deg); \r\n  }\r\n}\r\n\r\n/* 按钮禁用状态样式 */\r\n.pcm-button-disabled {\r\n  cursor: not-allowed;\r\n  opacity: 0.65;\r\n}\r\n\r\n.pcm-button-disabled:hover,\r\n.pcm-button-disabled:active {\r\n  color: rgba(0, 0, 0, 0.25);\r\n  background-color: #f5f5f5;\r\n  border-color: #d9d9d9;\r\n}\r\n\r\n.pcm-button-primary.pcm-button-disabled:hover,\r\n.pcm-button-primary.pcm-button-disabled:active {\r\n  background-color: #1677FF;\r\n  border-color: #1677FF;\r\n  color: white;\r\n}\r\n\r\n/* 图标样式 */\r\n.button-icon {\r\n  margin-right: 8px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n}\r\n\r\n.button-icon img {\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.pcm-button-small .button-icon img {\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n.pcm-button-large .button-icon img {\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n/* 块级按钮样式 */\r\n.pcm-button-block {\r\n  width: 100%;\r\n  display: flex;\r\n}\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h} from '@stencil/core';\r\n\r\n/**\r\n * 按钮组件\r\n * 一个简化版的类似于 ant-design 的按钮组件，支持自定义文字、颜色、圆角等属性\r\n */\r\n@Component({\r\n  tag: 'pcm-button',\r\n  styleUrls: ['pcm-button.css', '../../global/host.css'],\r\n  shadow: true,\r\n})\r\nexport class PcmButton {\r\n  /**\r\n   * 按钮类型\r\n   * 可选值: 'primary', 'default', 'dashed', 'text', 'link'\r\n   */\r\n  @Prop() type: 'primary' | 'default' | 'dashed' | 'text' | 'link' = 'default';\r\n\r\n  /**\r\n   * 按钮尺寸\r\n   * 可选值: 'large', 'middle', 'small'\r\n   */\r\n  @Prop() size: 'large' | 'middle' | 'small' = 'middle';\r\n\r\n  /**\r\n   * 是否为加载状态\r\n   */\r\n  @Prop() loading: boolean = false;\r\n\r\n  /**\r\n   * 是否为禁用状态\r\n   */\r\n  @Prop() disabled: boolean = false;\r\n\r\n  /**\r\n   * 设置按钮的图标\r\n   * 使用图标的URL或者base64字符串\r\n   */\r\n  @Prop() icon: string = 'https://pub.pincaimao.com/static/common/i_pcm_logo.png';\r\n\r\n\r\n  /**\r\n   * 自定义按钮形状\r\n   * 可选值: 'default', 'circle', 'round'\r\n   */\r\n  @Prop() shape: 'default' | 'circle' | 'round' = 'default';\r\n\r\n  /**\r\n   * 自定义按钮背景色\r\n   */\r\n  @Prop() backgroundColor: string = '';\r\n\r\n  /**\r\n   * 自定义按钮文字颜色\r\n   */\r\n  @Prop() textColor: string = '';\r\n\r\n  /**\r\n   * 自定义按钮边框颜色\r\n   */\r\n  @Prop() borderColor: string = '';\r\n\r\n  /**\r\n   * 自定义按钮圆角大小（像素）\r\n   */\r\n  @Prop() borderRadius: number = null;\r\n\r\n  /**\r\n   * 按钮宽度（像素或百分比）\r\n   */\r\n  @Prop() width: string = '';\r\n\r\n  /**\r\n   * 是否为块级按钮（宽度撑满父元素）\r\n   */\r\n  @Prop() block: boolean = false;\r\n\r\n  /**\r\n   * 按钮边框样式\r\n   * 可选值: 'solid', 'dashed', 'dotted', 'none'\r\n   */\r\n  @Prop() borderStyle: 'solid' | 'dashed' | 'dotted' | 'none' = 'solid';\r\n\r\n  render() {\r\n    // 计算样式类名\r\n    const classes = {\r\n      'pcm-button': true,\r\n      [`pcm-button-${this.type}`]: true,\r\n      [`pcm-button-${this.size}`]: true,\r\n      [`pcm-button-${this.shape}`]: true,\r\n      'pcm-button-loading': this.loading,\r\n      'pcm-button-disabled': this.disabled,\r\n      'pcm-button-block': this.block\r\n    };\r\n\r\n    // 计算自定义样式\r\n    const customStyle = {};\r\n    if (this.backgroundColor) {\r\n      customStyle['backgroundColor'] = this.backgroundColor;\r\n    }\r\n    if (this.textColor) {\r\n      customStyle['color'] = this.textColor;\r\n    }\r\n    if (this.borderColor) {\r\n      customStyle['borderColor'] = this.borderColor;\r\n    }\r\n    if (this.borderRadius !== null) {\r\n      customStyle['borderRadius'] = `${this.borderRadius}px`;\r\n    }\r\n    if (this.width) {\r\n      customStyle['width'] = this.width;\r\n    }\r\n    if (this.borderStyle) {\r\n      customStyle['borderStyle'] = this.borderStyle;\r\n    }\r\n\r\n    return (\r\n      <button\r\n        class={Object.keys(classes).filter(key => classes[key]).join(' ')}\r\n        style={customStyle}\r\n        disabled={this.disabled}\r\n        type=\"button\"\r\n      >\r\n        {this.loading && (\r\n          <span class=\"loading-icon\"></span>\r\n        )}\r\n        {this.icon && !this.loading && (\r\n          <span class=\"button-icon\">\r\n            <img src={this.icon} alt=\"\" />\r\n          </span>\r\n        )}\r\n        <slot />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n",":host {\r\n  display: block;\r\n}\r\n\r\n/* 加载和错误状态样式 */\r\n.loading-container,\r\n.error-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 200px;\r\n  width: 100%;\r\n  color: #86909C;\r\n  font-size: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.loading-spinner {\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 3px solid #f3f3f3;\r\n  border-top: 3px solid #1677FF;\r\n  border-radius: 50%;\r\n  margin-bottom: 12px;\r\n  animation: spin 1s linear infinite;\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.error-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n  background-color: #FFF0F0;\r\n  color: #F53F3F;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.error-message {\r\n  color: #86909C;\r\n  max-width: 80%;\r\n}\r\n\r\n.card-container {\r\n  border-radius: 8px;\r\n  padding: 16px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #ffffff;\r\n  border: 1px solid #E5E6EB;\r\n  position: relative;\r\n  height: 100%;\r\n  min-width: 300px;\r\n}\r\n\r\n.card-container:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 16px rgba(0, 21, 41, 0.08);\r\n}\r\n\r\n.card-header {\r\n  display: flex;\r\n  width: 100%;\r\n  padding-bottom: 16px;\r\n  gap: 12px;\r\n}\r\n\r\n.card-icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  margin-right: 12px;\r\n  flex-shrink: 0;\r\n  overflow: hidden;\r\n  border-radius: 2px;\r\n  background-color: #f8f9fa;\r\n}\r\n\r\n.card-icon img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.card-info {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n.title-row {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.title-wrapper {\r\n  flex: 1;\r\n  margin-right: 8px;\r\n  overflow: hidden;\r\n}\r\n\r\n.card-title {\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #1D2129;\r\n  line-height: 24px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: block;\r\n  width: 100%;\r\n}\r\n\r\n.chat-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 24px;\r\n  padding: 0 8px;\r\n  background-color: #F2F7E8;\r\n  color: #56961F;\r\n  font-size: 12px;\r\n  border-radius: 4px;\r\n  font-weight: 500;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.author-row {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-top: 8px;\r\n}\r\n\r\n.author-avatar {\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  margin-right: 4px;\r\n  background-color: #f8f9fa;\r\n  overflow: hidden;\r\n}\r\n\r\n.author-name {\r\n  font-size: 12px;\r\n  color: #86909C;\r\n}\r\n\r\n.card-description {\r\n  font-size: 12px;\r\n  color: #86909C;\r\n  margin-top: 8px;\r\n  line-height: 18px;\r\n  height: 54px;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 3;\r\n  -webkit-box-orient: vertical;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: pre-line;\r\n  word-break: break-word;\r\n}\r\n\r\n.card-footer {\r\n  padding-top: 16px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  border-top: 1px solid #E5E6EB;\r\n}\r\n\r\n.stats-container {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n}\r\n\r\n.stat-item {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-right: 8px;\r\n  color: #86909C;\r\n}\r\n\r\n.stat-icon {\r\n  width: 16px;\r\n  height: 16px;\r\n  margin-right: 4px;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-size: contain;\r\n}\r\n\r\n.user-icon {\r\n  /* 为图标添加SVG背景 */\r\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' focusable='false' aria-hidden='true'%3E%3Cpath d='M12 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6Zm0-10C9.8 4 8 5.8 8 8s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4Z' fill='currentColor'%3E%3C/path%3E%3Cpath d='M21.9 20.6c-.1-.2-2.3-5.6-9.9-5.6-7.6 0-9.8 5.4-9.9 5.6-.2.5 0 1.1.6 1.3.5.2 1.1 0 1.3-.5 0-.2 1.8-4.4 8-4.4s8 4.2 8.1 4.4c.2.5.8.8 1.3.5.5-.2.7-.8.5-1.3Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");\r\n}\r\n\r\n.star-icon {\r\n  /* 为图标添加SVG背景 */\r\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' focusable='false' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5.03 9.57 9.1c-.17.3-.46.5-.8.55l-4.3.79 3 3.46c.22.26.32.6.28.93l-.62 4.46 4.41-1.9c.3-.12.63-.12.92 0l4.4 1.9-.6-4.46c-.05-.34.05-.67.27-.93l3-3.46-4.3-.79a1.17 1.17 0 0 1-.8-.55L12 5.03Zm-1-2.46a1.16 1.16 0 0 1 2 0l3.03 5.07 5.51 1c.89.17 1.26 1.24.68 1.92l-3.8 4.4.77 5.71c.13.9-.78 1.6-1.61 1.23L12 19.5l-5.58 2.4a1.17 1.17 0 0 1-1.61-1.23l.78-5.7-3.8-4.4a1.17 1.17 0 0 1 .67-1.92l5.51-1L11 2.56Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");\r\n}\r\n\r\n.video-icon {\r\n  /* 为图标添加SVG背景 */\r\n  background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' focusable='false' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm0 2h16v16H4V4Zm5.5 3.13A1 1 0 0 0 8 8v8a1 1 0 0 0 1.5.87l7-4a1 1 0 0 0 0-1.74l-7-4ZM13.98 12 10 14.28V9.72L13.98 12Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E\");\r\n}\r\n\r\n.stat-value {\r\n  font-size: 12px;\r\n}\r\n\r\n.use-button {\r\n  font-size: 12px;\r\n  color: #86909C;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n.use-button:hover {\r\n  color: #1677FF;\r\n}\r\n\r\n/* 响应式样式 */\r\n@media screen and (max-width: 768px) {\r\n  .card-container {\r\n    padding: 12px;\r\n  }\r\n  \r\n  .card-header {\r\n    gap: 8px;\r\n    padding-bottom: 12px;\r\n  }\r\n  \r\n  .card-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n  }\r\n  \r\n  .card-title {\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n  }\r\n  \r\n  .card-description {\r\n    font-size: 12px;\r\n    line-height: 16px;\r\n    height: 48px;\r\n  }\r\n} ",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h,  State, Watch,Event, EventEmitter } from '@stencil/core';\r\nimport { sendHttpRequest } from '../../utils/utils';\r\nimport { authStore } from '../../../store/auth.store';\r\n\r\n/**\r\n * 智能体卡片组件\r\n * 用于展示各业务功能入口，点击后根据回调打开对应的模态框\r\n */\r\n@Component({\r\n    tag: 'pcm-card',\r\n    styleUrls: ['pcm-card.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class PcmCard {\r\n    /**\r\n   * SDK鉴权密钥\r\n   */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n    /**\r\n     * 自定义卡片标题\r\n     */\r\n    @Prop() cardTitle: string = '';\r\n\r\n    /**\r\n     * 自定义卡片描述\r\n     */\r\n    @Prop() description: string = '';\r\n\r\n    /**\r\n     * 自定义卡片图标URL\r\n     */\r\n    @Prop() iconUrl: string = '';\r\n\r\n\r\n    /**\r\n     * 自定义作者名称\r\n     */\r\n    @Prop() author: string = '';\r\n\r\n    /**\r\n     * 自定义作者头像URL\r\n     */\r\n    @Prop() authorAvatarUrl: string = '';\r\n\r\n    /**\r\n     * 是否显示右侧对话标签\r\n     */\r\n    @Prop() showChatTag: boolean = false;\r\n\r\n    /**\r\n     * 自定义右侧标签\r\n     */\r\n    @Prop() customChatTag: string = '';\r\n\r\n    /**\r\n     * 自定义立即使用按钮文本\r\n     */\r\n    @Prop() useButtonText: string = '立即使用';\r\n\r\n    /**\r\n     * 智能体ID\r\n     */\r\n    @Prop() botId: string = '';\r\n\r\n    /**\r\n     * 内部状态：用于存储从接口获取的智能体数据\r\n     */\r\n    @State() botData: any = null;\r\n\r\n    /**\r\n     * 内部状态：加载状态\r\n     */\r\n    @State() loading: boolean = false;\r\n\r\n    /**\r\n     * 内部状态：错误信息\r\n     */\r\n    @State() error: string = '';\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    private tokenInvalidListener: () => void;\r\n\r\n    /**\r\n     * 监听 botId 变化，当 botId 改变时重新获取数据\r\n     */\r\n    @Watch('botId')\r\n    watchBotIdHandler(newValue: string) {\r\n        if (newValue) {\r\n            this.fetchBotData();\r\n        }\r\n    }\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * 组件将要加载时，如果有 botId 则获取数据\r\n     */\r\n    componentWillLoad() {\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        if (this.botId) {\r\n            this.fetchBotData();\r\n        }\r\n         // 添加全局token无效事件监听器\r\n         this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n\r\n    /**\r\n     * 获取机器人数据\r\n     */\r\n    private async fetchBotData() {\r\n        if (!this.botId) return;\r\n\r\n        this.loading = true;\r\n        this.error = '';\r\n\r\n        try {\r\n            const response = await sendHttpRequest({\r\n                url: `/sdk/v1/agent/${this.botId}/info`,\r\n                method: 'GET',\r\n            });\r\n\r\n            if (response.success && response.data) {\r\n                this.botData = response.data;\r\n            } else {\r\n                throw new Error(response.message || '获取智能体信息失败');\r\n            }\r\n        } catch (err) {\r\n            this.error = err.message || '获取智能体信息失败';\r\n            console.error('获取智能体信息失败:', err);\r\n        } finally {\r\n            this.loading = false;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        // 从 botData 中获取信息，如果用户传入的属性存在则优先使用用户传入的\r\n        const title = this.cardTitle || (this.botData?.title || '');\r\n        const desc = this.description || (this.botData?.description || '');\r\n        // 处理图标，可能会在不同属性中\r\n        const iconFromBot = this.botData?.icon || this.botData?.iconUrl || this.botData?.logo || '';\r\n        const icon = this.iconUrl || iconFromBot;\r\n\r\n        const authorName = this.author || (this.botData?.author_name || '');\r\n        const authorAvatar = this.authorAvatarUrl || (this.botData?.author_avatar || '');\r\n        const hasChatTag = this.customChatTag || (this.botData?.flag || '');\r\n        const usersCount = this.botData?.use_count || 0;\r\n        const starsCount = this.botData?.follow_count || 0;\r\n        const usageCount = this.botData?.view_count || 0;\r\n\r\n        console.log('渲染数据:', {\r\n            title,\r\n            icon,\r\n            iconFromBot,\r\n            userIconUrl: this.iconUrl,\r\n            botData: this.botData,\r\n            authorName,\r\n            authorAvatar\r\n        });\r\n\r\n        return (\r\n            <div\r\n                class=\"card-container\"\r\n            >\r\n                {this.loading ? (\r\n                    <div class=\"loading-container\">\r\n                        <div class=\"loading-spinner\"></div>\r\n                        <div>加载中...</div>\r\n                    </div>\r\n                ) : this.error ? (\r\n                    <div class=\"error-container\">\r\n                        <div class=\"error-icon\">!</div>\r\n                        <div class=\"error-message\">{this.error}</div>\r\n                    </div>\r\n                ) : (\r\n                    <div>\r\n                        <div class=\"card-header\">\r\n                            {icon && (\r\n                                <div class=\"card-icon\">\r\n                                    <img src={icon} alt={title} />\r\n                                </div>\r\n                            )}\r\n                            <div class=\"card-info\">\r\n                                <div class=\"title-row\">\r\n                                    <div class=\"title-wrapper\">\r\n                                        <div class=\"card-title\">{title}</div>\r\n                                    </div>\r\n                                    {this.showChatTag && hasChatTag && <div class=\"chat-tag\">{hasChatTag}</div>}\r\n                                </div>\r\n\r\n                                {authorName && (\r\n                                    <div class=\"author-row\">\r\n                                        {authorAvatar && (\r\n                                            <img class=\"author-avatar\" src={authorAvatar} alt={authorName} />\r\n                                        )}\r\n                                        <div class=\"author-name\">{authorName}</div>\r\n                                    </div>\r\n                                )}\r\n\r\n                                {desc && (\r\n                                    <div class=\"card-description\">{desc}</div>\r\n                                )}\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"card-footer\">\r\n                            <div class=\"stats-container\">\r\n                                <div class=\"stat-item\">\r\n                                    <span class=\"stat-icon user-icon\"></span>\r\n                                    <div class=\"stat-value\">{usersCount}</div>\r\n                                </div>\r\n                                <div class=\"stat-item\">\r\n                                    <span class=\"stat-icon star-icon\"></span>\r\n                                    <div class=\"stat-value\">{starsCount}</div>\r\n                                </div>\r\n                                <div class=\"stat-item\">\r\n                                    <span class=\"stat-icon video-icon\"></span>\r\n                                    <div class=\"stat-value\">{usageCount}</div>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"use-button\">{this.useButtonText || '立即使用'}</div>\r\n                        </div>\r\n                    </div>\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n} ",null,"/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { uploadFileToBackend, FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { SentryReporter } from '../../utils/sentry-reporter';\r\nimport { ConversationItem } from '../../interfaces/chat';\r\nimport { fetchHistoryConversations } from '../../utils/conversation-utils';\r\n\r\n/**\r\n * 会议总结助手\r\n */\r\n\r\n@Component({\r\n    tag: 'pcm-hyzj-modal',\r\n    styleUrls: ['pcm-hyzj-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class HyzjModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '会议总结助手';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始总结';\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数<br>\r\n     * 传入customInputs.file_url时，会直接开始聊天。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * 是否在上传界面显示历史会话按钮\r\n     */\r\n    @Prop() showInputHistory: boolean = false;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n    * 错误事件\r\n    */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 附件预览模式\r\n     * 'drawer': 在右侧抽屉中预览\r\n     * 'window': 在新窗口中打开\r\n     */\r\n    @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n    @State() isHistoryDrawerOpen: boolean = false;\r\n    @State() historyConversations: ConversationItem[] = [];\r\n    @State() isLoadingConversations: boolean = false;\r\n    @State() historyConversationCursorStack: string[] = [''];\r\n    @State() historyConversationPageIndex: number = 0;\r\n    @State() hasMoreHistoryConversations: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() isSubmitting: boolean = false;\r\n\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n    private readonly _historyConversationPageSize: number = 20;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.clearSelectedFile();\r\n            this.showChatModal = false;\r\n        } else {\r\n            await verifyApiKey(this.token);\r\n            \r\n            // 如果有会话ID或者有file_url参数，直接显示聊天模态框\r\n            if (this.conversationId || this.customInputs?.file_url) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    componentWillLoad() {\r\n\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        verifyApiKey(this.token);\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private loadHistoryConversations = async (lastId: string, pageIndex: number): Promise<void> => {\r\n        this.isLoadingConversations = true;\r\n        const result = await fetchHistoryConversations('3022316191018885', 'pcm-hyzj-modal', lastId, this._historyConversationPageSize);\r\n        const nextCursorStack = this.historyConversationCursorStack.slice(0, pageIndex + 1);\r\n\r\n        if (result.hasMore && result.nextCursor) {\r\n            nextCursorStack[pageIndex + 1] = result.nextCursor;\r\n        }\r\n\r\n        this.historyConversationCursorStack = nextCursorStack;\r\n        this.historyConversationPageIndex = pageIndex;\r\n        this.historyConversations = result.items;\r\n        this.hasMoreHistoryConversations = result.hasMore;\r\n        this.isLoadingConversations = false;\r\n    };\r\n\r\n    private handleInputHistoryClick = async () => {\r\n        this.isHistoryDrawerOpen = true;\r\n        this.historyConversationCursorStack = [''];\r\n        await this.loadHistoryConversations('', 0);\r\n    };\r\n\r\n    private handleHistoryConversationPageChange = async (direction: 'prev' | 'next'): Promise<void> => {\r\n        if (direction === 'prev') {\r\n            if (this.historyConversationPageIndex === 0) {\r\n                return;\r\n            }\r\n\r\n            const previousPageIndex = this.historyConversationPageIndex - 1;\r\n            const previousCursor = this.historyConversationCursorStack[previousPageIndex] || '';\r\n            await this.loadHistoryConversations(previousCursor, previousPageIndex);\r\n            return;\r\n        }\r\n\r\n        if (!this.hasMoreHistoryConversations) {\r\n            return;\r\n        }\r\n\r\n        const nextPageIndex = this.historyConversationPageIndex + 1;\r\n        const nextCursor = this.historyConversationCursorStack[nextPageIndex];\r\n        if (!nextCursor) {\r\n            return;\r\n        }\r\n\r\n        await this.loadHistoryConversations(nextCursor, nextPageIndex);\r\n    };\r\n\r\n    private handleSelectConversation = (id: string) => {\r\n        this.conversationId = id;\r\n        this.isHistoryDrawerOpen = false;\r\n        this.showChatModal = true;\r\n    };\r\n\r\n    private handleFileChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        if (input.files && input.files.length > 0) {\r\n            this.selectedFile = input.files[0];\r\n        }\r\n    };\r\n\r\n    private handleUploadClick = () => {\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        fileInput?.click();\r\n    };\r\n\r\n    private clearSelectedFile = () => {\r\n        this.selectedFile = null;\r\n        this.uploadedFileInfo = null;\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    };\r\n\r\n    private async uploadFile() {\r\n        if (!this.selectedFile) return;\r\n\r\n        this.isUploading = true;\r\n\r\n        try {\r\n            // 使用 uploadFileToBackend 工具函数上传文件\r\n            const result = await uploadFileToBackend(this.selectedFile, {\r\n            }, {\r\n                'tags': ['other']\r\n            });\r\n\r\n            this.uploadedFileInfo = result;\r\n            this.uploadSuccess.emit(result);\r\n        } catch (error) {\r\n            console.error('文件上传错误:', error);\r\n            this.clearSelectedFile();\r\n            SentryReporter.captureError(error, {\r\n                action: 'uploadFile',\r\n                component: 'pcm-hyzj-modal',\r\n                title: '文件上传失败'\r\n            });\r\n            this.someErrorEvent.emit({\r\n                error: error,\r\n                message: '文件上传失败，请重试'\r\n            });\r\n        } finally {\r\n            this.isUploading = false;\r\n        }\r\n    }\r\n\r\n    private handleStartInterview = async () => {\r\n        if (!this.selectedFile) {\r\n            alert('请上传面试内容');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n\r\n        try {\r\n            // 如果还没上传，先上传文件\r\n            if (!this.uploadedFileInfo) {\r\n                await this.uploadFile();\r\n                if (!this.uploadedFileInfo) {\r\n                    this.isSubmitting = false;\r\n                    return; // 上传失败\r\n                }\r\n            }\r\n\r\n            // 直接显示聊天模态框\r\n            this.showChatModal = true;\r\n        } catch (error) {\r\n            console.error('开始面试时出错:', error);\r\n            SentryReporter.captureError(error, {\r\n                action: 'handleStartInterview',\r\n                component: 'pcm-hyzj-modal',\r\n                title: '开始面试时出错'\r\n            });\r\n            this.someErrorEvent.emit({\r\n                error: error,\r\n                message: '开始面试时出错，请重试'\r\n            });\r\n        } finally {\r\n            this.isSubmitting = false;\r\n        }\r\n    };\r\n\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n       // 显示加载状态\r\n       const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n       // 判断是否隐藏文件上传区域\r\n       const hideFileUpload = Boolean(this.customInputs && this.customInputs.file_url);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                                {this.showInputHistory && (\r\n                                    <button type=\"button\" class=\"header-history-entry\" onClick={this.handleInputHistoryClick} title=\"历史会话\">\r\n                                        历史会话\r\n                                    </button>\r\n                                )}\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 历史会话抽屉 */}\r\n                    {this.showInputHistory && (\r\n                        <components-drawer\r\n                            isOpen={this.isHistoryDrawerOpen}\r\n                            drawerTitle=\"历史会话\"\r\n                            width=\"400px\"\r\n                            onClosed={() => { this.isHistoryDrawerOpen = false; }}\r\n                        >\r\n                            <div class=\"history-drawer-content\">\r\n                                <div class=\"conversation-list\">\r\n                                    {this.isLoadingConversations ? (\r\n                                        <div class=\"loading-conversations\">\r\n                                            <div class=\"loading-spinner-small\"></div>\r\n                                            <p>加载中...</p>\r\n                                        </div>\r\n                                    ) : this.historyConversations.length === 0 ? (\r\n                                        <div class=\"empty-conversations\">\r\n                                            <p>暂无历史会话</p>\r\n                                        </div>\r\n                                    ) : (\r\n                                        this.historyConversations.map(conversation => (\r\n                                            <div\r\n                                                key={conversation.id}\r\n                                                class=\"conversation-item\"\r\n                                                onClick={() => this.handleSelectConversation(conversation.id)}\r\n                                            >\r\n                                                <div class=\"conversation-info\">\r\n                                                    <div class=\"conversation-title\">{conversation.name}</div>\r\n                                                    <div class=\"conversation-meta\">\r\n                                                        <span class=\"conversation-time\">{conversation.timeDisplay}</span>\r\n                                                        {conversation.message_count > 0 && (\r\n                                                            <span class=\"message-count\">{conversation.message_count}条消息</span>\r\n                                                        )}\r\n                                                        {conversation.status && (\r\n                                                            <span class={{\r\n                                                                'conversation-status': true,\r\n                                                                'completed': conversation.status === '结束',\r\n                                                                'running': conversation.status === '进行中',\r\n                                                            }}>\r\n                                                                {conversation.status}\r\n                                                            </span>\r\n                                                        )}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        ))\r\n                                    )}\r\n                                </div>\r\n                                {!this.isLoadingConversations && (this.historyConversationPageIndex > 0 || this.hasMoreHistoryConversations) && (\r\n                                    <div class=\"history-pagination\">\r\n                                        <button type=\"button\" class=\"history-pagination-button\" disabled={this.historyConversationPageIndex === 0} onClick={() => this.handleHistoryConversationPageChange('prev')}>\r\n                                            上一页\r\n                                        </button>\r\n                                        <span class=\"history-pagination-info\">第 {this.historyConversationPageIndex + 1} 页</span>\r\n                                        <button type=\"button\" class=\"history-pagination-button\" disabled={!this.hasMoreHistoryConversations} onClick={() => this.handleHistoryConversationPageChange('next')}>\r\n                                            下一页\r\n                                        </button>\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n                        </components-drawer>\r\n                    )}\r\n\r\n                    {/* 上传界面 - 仅在不显示聊天模态框且没有会话ID且没有customInputs.file_url时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && !hideFileUpload && (\r\n                        <div class=\"input-container\">\r\n                            {/* 上传会议纪要上传区域 */}\r\n                            <div class=\"resume-upload-section\">\r\n                                <label>上传会议纪要</label>\r\n                                <div class=\"upload-area\" onClick={this.handleUploadClick}>\r\n                                    {this.selectedFile ? (\r\n                                        <div class=\"file-item\">\r\n                                            <div class=\"file-item-content\">\r\n                                                <span class=\"file-icon\">📝</span>\r\n                                                <span class=\"file-name\">{this.selectedFile.name}</span>\r\n                                            </div>\r\n                                            <button class=\"remove-file\" onClick={(e) => {\r\n                                                e.stopPropagation();\r\n                                                this.clearSelectedFile();\r\n                                            }}>×</button>\r\n                                        </div>\r\n                                    ) : (\r\n                                        <div class=\"upload-placeholder\">\r\n                                            <img src='https://pub.pincaimao.com/static/web/images/home/i_upload.png'></img>\r\n                                            <p class='upload-text'>点击上传会议纪要</p>\r\n                                            <p class=\"upload-hint\">支持 mp3、markdown、pdf、docx、doc、md 格式</p>\r\n                                        </div>\r\n                                    )}\r\n                                </div>\r\n                            </div>\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={!this.selectedFile || this.isUploading || this.isSubmitting}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isSubmitting ? '处理中...' : '开始分析'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n\r\n                            <input\r\n                                type=\"file\"\r\n                                class=\"file-input\"\r\n                                onChange={this.handleFileChange}\r\n                            />\r\n                        </div>\r\n                    )}\r\n\r\n                     {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                     {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isNeedClose}\r\n                                fullscreen={this.fullscreen}\r\n                                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                botId=\"3022316191018885\"\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                filePreviewMode={this.filePreviewMode}\r\n                                customInputs={{\r\n                                    ...this.customInputs,\r\n                                    file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                    file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} \r\n",null,"/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport {\r\n    StreamCompleteEventData,\r\n    ConversationStartEventData,\r\n    InterviewCompleteEventData,\r\n    RecordingErrorEventData,\r\n} from '../../interfaces/events';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\n\r\n/**\r\n * 模拟面试（招聘）\r\n */\r\n\r\n@Component({\r\n    tag: 'pcm-mnms-zp-modal',\r\n    styleUrls: ['pcm-mnms-zp-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class MnmsZpModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '模拟面试';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始模拟面试';\r\n\r\n    /**\r\n     * 视频录制最大时长（秒）默认120\r\n     */\r\n    @Prop() maxRecordingTime: number = 120;\r\n\r\n    /**\r\n     * 等待录制时间（秒）默认10\r\n     */\r\n    @Prop() waitingTime: number = 10;\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，可传入以下参数：<br>\r\n     * customInputs.job_info时，会隐藏JD输入区域。<br>\r\n     * customInputs.file_url或customInputs.resume_content时，会隐藏简历上传区域。<br>\r\n     * customInputs.file_url（或customInputs.resume_content）和customInputs.job_info时，会直接开始聊天。<br>\r\n     * customInputs.resume_content：可传入json字符串，或纯文本字符串，字符串内容为简历内容。<br>\r\n     * customInputs.url_callback：可传入url字符串，当报告生成后，会调用该url进行回调。该url请使用post请求，接收报告字段为report_content，会话id字段为conversation_id。<br>\r\n     * customInputs.question_number时，会设置面试题总数量, 默认5题。<br>\r\n     * customInputs.question_list：可传入字符串数组形式的JSON字符串，自定义面试问题列表。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string> = {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * 是否开启移动端上传JD\r\n     */\r\n    @Prop() mobileJdInputAble: boolean = false;\r\n\r\n    /**\r\n     * 是否开启移动端上传简历\r\n     */\r\n    @Prop() mobileUploadAble: boolean = false;\r\n\r\n    /**\r\n     * 虚拟数字人ID，指定则开启虚拟数字人功能</br>\r\n     * 智琪：79202506752 </br>\r\n     * 艾綝：79402522624 </br>\r\n     * 艾姮：79597885440 </br>\r\n     */\r\n    @Prop() digitalId?: string;\r\n\r\n    /**\r\n     * 数字人开场白索引，用于选择开场白和开场视频（可选：0, 1, 2）\r\n     * 0、您好，我是聘才猫 AI 面试助手。很高兴为你主持这场面试！在开始前，请确保：身处安静、光线充足的环境。网络顺畅，摄像头和麦克风工作正常。现在我正在查看本次面试的相关信息，为您生成专属面试题，马上就好，请稍等片刻。</br>\r\n     * 1、您好，我是您的 AI 面试助手。欢迎参加本次AI面试！为了获得最佳效果，请确认：您在安静、明亮的环境中。您的网络稳定，摄像头和麦克风已开启。我们正在后台为您准备本次专属面试内容，很快开始，请稍候。<br>\r\n     * 2、您好，我是您的 AI 面试助手。面试马上开始。趁此片刻，请快速确认：周围安静吗？光线足够吗？网络没问题？摄像头和麦克风准备好了吗？我们正在为您加载个性化的面试环节，稍等就好！\r\n     */\r\n    @Prop() openingIndex: number = 0;\r\n\r\n    /**\r\n     * 是否启用全屏数字人模式，此模式下面试报告只会通过url_callback回调返回\r\n     */\r\n    @Prop() enableVirtualHuman: boolean = false;\r\n\r\n    /**\r\n     * 是否显示结束面试按钮\r\n     */\r\n    @Prop() showEndInterviewButton: boolean = false;\r\n\r\n    /**\r\n     * 数字人视频播放速率（0.5-2.0之间），默认1.0\r\n     */\r\n    @Prop() playbackRate: number = 1.0;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n     * 错误事件\r\n     */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n\r\n    /**\r\n     * 面试模式：text - 文本模式，video - 视频模式\r\n     */\r\n    @Prop() interviewMode: 'text' | 'video' = 'text';\r\n\r\n    /**\r\n     * 录制错误事件\r\n     */\r\n    @Event() recordingError: EventEmitter<RecordingErrorEventData>;\r\n\r\n    /**\r\n     * 是否显示复制按钮\r\n     */\r\n    @Prop() showCopyButton: boolean = true;\r\n\r\n    /**\r\n     * 是否显示点赞点踩按钮\r\n     */\r\n    @Prop() showFeedbackButtons: boolean = true;\r\n\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n\r\n    // 添加对子组件的引用\r\n    private virtualChatModalRef: HTMLPcmVirtualChatModalElement | null = null;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 当模态框关闭时，调用子组件方法停止所有活动\r\n            if (this.virtualChatModalRef) {\r\n                await this.virtualChatModalRef.setComponentActive(false);\r\n            }\r\n             // 重置状态\r\n             this.resetState();\r\n\r\n        } else {\r\n            if (this.customInputs && this.customInputs.job_info) {\r\n                this.jobDescription = this.customInputs.job_info;\r\n            }\r\n\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果同时有 file_url 和 job_info，或者有会话ID，直接显示聊天模态框\r\n            if (((this.customInputs?.file_url || this.customInputs?.resume_content) && this.customInputs?.job_info) || this.conversationId) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n\r\n    componentWillLoad() {\r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        verifyApiKey(this.token);\r\n\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n     /**\r\n     * 重置组件状态\r\n     */\r\n     private resetState() {\r\n        this.showChatModal = false;\r\n        this.jobDescription = '';\r\n        this.isSubmitting = false;\r\n        this.selectedFile = null;\r\n        this.isUploading = false;\r\n        this.uploadedFileInfo = null;\r\n    }\r\n\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        // 如果没有预设的job_info，则需要检查用户输入\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            alert('请输入职位描述');\r\n            return;\r\n        }\r\n        // 判断文件是否正在上传\r\n        if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n            Message.info('文件上传中，请稍后');\r\n            return;\r\n        }\r\n        this.isSubmitting = true;\r\n        this.showChatModal = true;\r\n    };\r\n\r\n    private pcmUploadRef;\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 修正这里的逻辑，确保当 customInputs.job_info 存在时，hideJdInput 为 true\r\n        const hideJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n\r\n        // 判断是否隐藏简历上传区域 - 当有file_url或resume_content时都隐藏\r\n        const hideResumeUpload = Boolean(this.customInputs && (this.customInputs.file_url || this.customInputs.resume_content));\r\n\r\n        // 判断是否同时提供了(file_url或resume_content)和job_info\r\n        const hasFileAndJob = Boolean((this.customInputs?.file_url || this.customInputs?.resume_content) && this.customInputs?.job_info);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 上传界面 - 仅在不显示聊天模态框且没有会话ID且没有同时提供file_url和job_info时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && !hasFileAndJob && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 - 仅在没有customInputs.job_info时显示 */}\r\n                            {!hideJdInput && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label htmlFor=\"job-description\">请输入职位描述 (JD)</label>\r\n                                    {\r\n                                        !!this.mobileJdInputAble && (\r\n                                            <components-mobile-input-btn\r\n                                                name=\"职位描述\"\r\n                                                onOk={(e) => {\r\n                                                    this.jobDescription = e.detail;\r\n                                                }}\r\n                                            />\r\n                                        )\r\n                                    }\r\n                                    <textarea\r\n                                        id=\"job-description\"\r\n                                        class=\"job-description-textarea\"\r\n                                        placeholder=\"请输入职位描述，包括职责、要求等信息...\"\r\n                                        rows={6}\r\n                                        value={this.jobDescription}\r\n                                        onInput={this.handleJobDescriptionChange}\r\n                                    ></textarea>\r\n                                </div>\r\n                            )}\r\n\r\n                            {/* 简历上传区域 - 仅在没有customInputs.file_url或customInputs.resume_content时显示 */}\r\n                            {\r\n                                !hideResumeUpload && (\r\n                                    <div class=\"jd-input-section\">\r\n                                        <label>上传简历（选填）</label>\r\n                                        <components-upload\r\n                                            ref={el => this.pcmUploadRef = el}\r\n                                            maxFileSize={15 * 1024 * 1024}\r\n                                            multiple={false}\r\n                                            mobileUploadAble={this.mobileUploadAble}\r\n                                            acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n                                            uploadParams={{\r\n                                                tags: ['resume'],\r\n                                            }}\r\n                                            onUploadChange={(e) => {\r\n                                                const result: FileUploadResponse[] = e.detail ?? [];\r\n                                                this.uploadedFileInfo = result[0];\r\n                                                this.uploadSuccess.emit(this.uploadedFileInfo);\r\n                                            }}\r\n                                        />\r\n                                    </div>\r\n                                )\r\n                            }\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={(!hideJdInput && !this.jobDescription.trim()) || this.isUploading || this.isSubmitting}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isSubmitting ? '处理中...' : '开始面试'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                    {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            {this.enableVirtualHuman && this.digitalId ? (\r\n                                <pcm-virtual-chat-modal\r\n                                    ref={el => this.virtualChatModalRef = el}\r\n                                    isOpen={true}\r\n                                    fullscreen={this.fullscreen}\r\n                                    botId=\"3022316191018907\"\r\n                                    digitalId={this.digitalId}\r\n                                    openingIndex={this.openingIndex}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                        job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                        question_number: this.customInputs?.question_number || 5,\r\n                                        ai_interview_type: this.digitalId\r\n                                    }}\r\n                                ></pcm-virtual-chat-modal>\r\n                            ) : (\r\n                                <pcm-app-chat-modal\r\n                                    isOpen={true}\r\n                                    modalTitle={this.modalTitle}\r\n                                    icon={this.icon}\r\n                                    isShowHeader={this.isShowHeader}\r\n                                    isNeedClose={this.isShowHeader}\r\n                                    fullscreen={this.fullscreen}\r\n                                    showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                    botId=\"3022316191018907\"\r\n                                    digitalId={this.digitalId}\r\n                                    conversationId={this.conversationId}\r\n                                    defaultQuery={this.defaultQuery}\r\n                                    maxRecordingTime={this.maxRecordingTime}\r\n                                    waitingTime={this.waitingTime}\r\n                                    playbackRate={this.playbackRate}\r\n                                    showCopyButton={this.showCopyButton}\r\n                                    showFeedbackButtons={this.showFeedbackButtons}\r\n                                    showEndInterviewButton={this.showEndInterviewButton}\r\n                                    customInputs={{\r\n                                        ...this.customInputs,\r\n                                        file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n                                        file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n                                        job_info: this.customInputs?.job_info || this.jobDescription,\r\n                                        question_number: this.customInputs?.question_number || 5,\r\n                                        ai_interview_type: this.digitalId || (this.interviewMode === 'video' ? \"2\" : \"1\"),\r\n                                    }}\r\n                                    interviewMode={this.interviewMode}\r\n                                ></pcm-app-chat-modal>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} ",null,"/* 模态框基础样式 */\r\n.modal-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: flex;\r\n    z-index: 1000;\r\n    overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n    padding: 0;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    /* 改为基于父组件的全屏 */\r\n    position: absolute;\r\n    width: 100%;\r\n    height: auto;\r\n}\r\n\r\n.modal-container {\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    margin: 5vh auto auto auto;\r\n    transition: all 0.3s ease-out;\r\n    overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n    width: 80%;\r\n    max-width: 600px;\r\n    min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n    .pc-layout {\r\n        width: 95%;\r\n    }\r\n\r\n    .modal-overlay {\r\n        padding: 10px 0px 0px 0px;\r\n    }\r\n\r\n    .modal-container.fullscreen {\r\n        /* 移动端也基于父组件尺寸 */\r\n        width: 100%;\r\n        height: 100%;\r\n        max-height: 100%;\r\n        border-radius: 16px 16px 0 0;\r\n        /* 保留安全区域支持 */\r\n        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    height: 50px;\r\n    border-bottom: 1px solid #e8e8e8;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #333;\r\n}\r\n\r\n.header-icon {\r\n    width: 24px;\r\n    height: 24px;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n    background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n    color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n    cursor: pointer;\r\n    width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    border: 1px dashed #d9d9d9;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n    border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n    margin-top: 8px;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n    margin: 4px 0;\r\n    color: #332F39;\r\n    font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n    font-size: 14px;\r\n    color: #949AA5;\r\n    margin-top: 8px;\r\n    padding: 0px 10px;\r\n    text-align: center;\r\n    white-space: normal;\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n    position: relative;\r\n    padding: 16px;\r\n    border: 1px solid #e2e8f0;\r\n    border-radius: 8px;\r\n    transition: border-color 0.3s;\r\n    cursor: pointer;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n    border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex: 1;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n    color: #0D75FB;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n    background: transparent;\r\n    border: none;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 4px;\r\n    margin-left: 8px;\r\n    border-radius: 4px;\r\n    transition: all 0.2s;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n    background-color: #f1f5f9;\r\n    color: #475569;\r\n}\r\n\r\n.file-input {\r\n    display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100% - 50px);\r\n    background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n    /* 减去header高度 */\r\n    overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    font-size: 18px;\r\n    color: #333;\r\n    text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n    width: calc(100% - 16px);\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    resize: vertical;\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    transition: border-color 0.3s;\r\n    padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n    outline: none;\r\n    border-color: #1890ff;\r\n    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n    margin-bottom: 24px;\r\n    padding: 20px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 8px;\r\n    border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n    display: block;\r\n    font-weight: 500;\r\n    color: #333;\r\n    margin-bottom: 12px;\r\n    font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n    width: 100%;\r\n}\r\n\r\n.slider-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n    flex: 1;\r\n    height: 6px;\r\n    background: #ddd;\r\n    outline: none;\r\n    border-radius: 3px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n    width: 20px;\r\n    height: 20px;\r\n    background: #0D75FB;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    border: none;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n    font-weight: 600;\r\n    color: #0D75FB;\r\n    font-size: 14px;\r\n    min-width: 30px;\r\n    text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n    width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n    opacity: 0;\r\n    width: 0;\r\n    height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background-color: #ccc;\r\n    transition: 0.3s;\r\n    border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px;\r\n    width: 18px;\r\n    left: 3px;\r\n    bottom: 3px;\r\n    background-color: white;\r\n    transition: 0.3s;\r\n    border-radius: 50%;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n    background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n    transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n    margin-top: 10px;\r\n    padding: 10px 30px;\r\n    background: #0D75FB;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n    background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n    background-color: rgba(0,0,0,0.04);\r\n    color: rgba(0,0,0,0.25);\r\n    cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n    margin-top: 16px;\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #999;\r\n    line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n    margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n    color: #666;\r\n    text-decoration: none;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n    color: #1890ff;\r\n    text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 24px;\r\n  }\r\n  \r\n  .loading-spinner {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 4px solid rgba(0, 0, 0, 0.1);\r\n    border-radius: 50%;\r\n    border-top-color: var(--pcm-primary-color, #1890ff);\r\n    animation: spin 1s linear infinite;\r\n    margin-bottom: 16px;\r\n  }\r\n  \r\n  .loading-text {\r\n    font-size: 16px;\r\n    color: var(--pcm-text-color, #333);\r\n  }\r\n  \r\n  @keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: transparent;\r\n  color: #bbb;\r\n  cursor: pointer;\r\n  font-size: 13px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  transition: all 0.2s ease;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n  color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-left: 8px;\r\n  padding: 4px 8px;\r\n  border: none;\r\n  border-radius: 4px;\r\n  background: #e6f7ff;\r\n  color: #1890ff;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  font-family: inherit;\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n  background: #bae7ff;\r\n  color: #0958d9;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n  outline: 2px solid rgba(13, 117, 251, 0.35);\r\n  outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 12px;\r\n  padding: 12px 16px 16px;\r\n  border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n  min-width: 72px;\r\n  padding: 6px 12px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  color: #595959;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n  transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n  border-color: #1890ff;\r\n  color: #1890ff;\r\n  background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n  border-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  background: #fafafa;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n  flex: 1;\r\n  text-align: center;\r\n  color: #8c8c8c;\r\n  font-size: 12px;\r\n}\r\n  \r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { uploadFileToBackend, FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus,ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { SentryReporter } from '../../utils/sentry-reporter';\r\nimport { ConversationItem } from '../../interfaces/chat';\r\nimport { fetchHistoryConversations } from '../../utils/conversation-utils';\r\n\r\n/**\r\n * 面试报告\r\n */\r\n\r\n@Component({\r\n    tag: 'pcm-msbg-modal',\r\n    styleUrls: ['pcm-msbg-modal.css', '../../global/global.css', '../../global/host.css'],\r\n    shadow: true,\r\n})\r\nexport class MsbgModal {\r\n    /**\r\n     * 模态框标题\r\n     */\r\n    @Prop() modalTitle: string = '面试报告';\r\n\r\n    /**\r\n     * SDK鉴权密钥\r\n     */\r\n    @Prop({ attribute: 'token' }) token!: string;\r\n\r\n    /**\r\n     * 是否显示聊天模态框\r\n     */\r\n    @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n    /**\r\n     * 当点击模态框关闭时触发\r\n     */\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    /**\r\n     * 应用图标URL\r\n     */\r\n    @Prop() icon?: string;\r\n\r\n    /**\r\n     * 聊天框的页面层级\r\n     */\r\n    @Prop() zIndex?: number = 1000;\r\n\r\n    /**\r\n     * 是否展示顶部标题栏\r\n     */\r\n    @Prop() isShowHeader: boolean = true;\r\n\r\n    /**\r\n     * 是否展示右上角的关闭按钮\r\n     */\r\n    @Prop() isNeedClose: boolean = true;\r\n\r\n    /**\r\n     * 会话ID，传入继续对话，否则创建新会话\r\n     */\r\n    @Prop({ mutable: true }) conversationId?: string;\r\n\r\n    /**\r\n     * 默认查询文本\r\n     */\r\n    @Prop() defaultQuery: string = '请开始分析';\r\n\r\n    /**\r\n     * 是否以全屏模式打开，移动端建议设置为true\r\n     */\r\n    @Prop() fullscreen: boolean = false;\r\n\r\n    /**\r\n     * 自定义输入参数，传入customInputs.job_info时，会隐藏JD输入区域<br>\r\n     * 传入customInputs.file_urls时，会隐藏简历上传区域。<br>\r\n     * 传入customInputs.file_urls和customInputs.job_info时，会直接开始聊天。<br>\r\n     */\r\n    @Prop() customInputs: Record<string, string>= {};\r\n\r\n    /**\r\n     * 是否显示工作区历史会话按钮\r\n     */\r\n    @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n    /**\r\n     * 是否在上传界面显示历史会话按钮\r\n     */\r\n    @Prop() showInputHistory: boolean = false;\r\n\r\n    /**\r\n     * 上传成功事件\r\n     */\r\n    @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n    /**\r\n     * 流式输出完成事件\r\n     */\r\n    @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n    /**\r\n     * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n     */\r\n    @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n    /**\r\n     * 当聊天完成时触发\r\n     */\r\n    @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n    /**\r\n     * SDK密钥验证失败事件\r\n     */\r\n    @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n    /**\r\n    * 错误事件\r\n    */\r\n    @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n    /**\r\n     * 附件预览模式\r\n     * 'drawer': 在右侧抽屉中预览\r\n     * 'window': 在新窗口中打开\r\n     */\r\n    @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n    @State() selectedFile: File | null = null;\r\n    @State() isUploading: boolean = false;\r\n    @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n    @State() showChatModal: boolean = false;\r\n    @State() isHistoryDrawerOpen: boolean = false;\r\n    @State() historyConversations: ConversationItem[] = [];\r\n    @State() isLoadingConversations: boolean = false;\r\n    @State() historyConversationCursorStack: string[] = [''];\r\n    @State() historyConversationPageIndex: number = 0;\r\n    @State() hasMoreHistoryConversations: boolean = false;\r\n\r\n    // 使用 @Element 装饰器获取组件的 host 元素\r\n    @Element() hostElement: HTMLElement;\r\n\r\n    @State() jobDescription: string = '';\r\n    @State() isSubmitting: boolean = false;\r\n\r\n    private tokenInvalidListener: () => void;\r\n    private removeErrorListener: () => void;\r\n    private readonly _historyConversationPageSize: number = 20;\r\n\r\n    @Watch('token')\r\n    handleTokenChange(newToken: string) {\r\n        // 当传入的 token 变化时，更新 authStore 中的 token\r\n        if (newToken && newToken !== authStore.getToken()) {\r\n            authStore.setToken(newToken);\r\n        }\r\n    }\r\n\r\n    @Watch('isOpen')\r\n    async handleIsOpenChange(newValue: boolean) {\r\n        if (!newValue) {\r\n            // 重置状态\r\n            this.clearSelectedFile();\r\n            this.showChatModal = false;\r\n            this.jobDescription = '';\r\n        } else {\r\n            if (this.customInputs && this.customInputs.job_info) {\r\n                this.jobDescription = this.customInputs.job_info;\r\n            }\r\n\r\n            await verifyApiKey(this.token);\r\n\r\n            // 如果有会话ID或者同时有file_urls和job_info，直接显示聊天模态框\r\n            if (this.conversationId || (this.customInputs?.file_urls && this.customInputs?.job_info)) {\r\n                this.showChatModal = true;\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n    componentWillLoad() {\r\n        \r\n        \r\n        // 将 zIndex 存入配置缓存\r\n        if (this.zIndex) {\r\n            configStore.setItem('modal-zIndex', this.zIndex);\r\n        }\r\n        if (this.token) {\r\n            authStore.setToken(this.token);\r\n        }\r\n        verifyApiKey(this.token);\r\n        // 添加全局token无效事件监听器\r\n        this.tokenInvalidListener = () => {\r\n            this.tokenInvalid.emit();\r\n        };\r\n        // 添加全局错误监听\r\n        this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n            this.someErrorEvent.emit(errorDetail);\r\n        });\r\n        document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        // 组件销毁时移除事件监听器\r\n        document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n        // 移除错误监听器\r\n        if (this.removeErrorListener) {\r\n            this.removeErrorListener();\r\n        }\r\n    }\r\n\r\n\r\n    private handleClose = () => {\r\n        this.modalClosed.emit();\r\n    };\r\n\r\n    private loadHistoryConversations = async (lastId: string, pageIndex: number): Promise<void> => {\r\n        this.isLoadingConversations = true;\r\n        const result = await fetchHistoryConversations('3022316191018877', 'pcm-msbg-modal', lastId, this._historyConversationPageSize);\r\n        const nextCursorStack = this.historyConversationCursorStack.slice(0, pageIndex + 1);\r\n\r\n        if (result.hasMore && result.nextCursor) {\r\n            nextCursorStack[pageIndex + 1] = result.nextCursor;\r\n        }\r\n\r\n        this.historyConversationCursorStack = nextCursorStack;\r\n        this.historyConversationPageIndex = pageIndex;\r\n        this.historyConversations = result.items;\r\n        this.hasMoreHistoryConversations = result.hasMore;\r\n        this.isLoadingConversations = false;\r\n    };\r\n\r\n    private handleInputHistoryClick = async () => {\r\n        this.isHistoryDrawerOpen = true;\r\n        this.historyConversationCursorStack = [''];\r\n        await this.loadHistoryConversations('', 0);\r\n    };\r\n\r\n    private handleHistoryConversationPageChange = async (direction: 'prev' | 'next'): Promise<void> => {\r\n        if (direction === 'prev') {\r\n            if (this.historyConversationPageIndex === 0) {\r\n                return;\r\n            }\r\n\r\n            const previousPageIndex = this.historyConversationPageIndex - 1;\r\n            const previousCursor = this.historyConversationCursorStack[previousPageIndex] || '';\r\n            await this.loadHistoryConversations(previousCursor, previousPageIndex);\r\n            return;\r\n        }\r\n\r\n        if (!this.hasMoreHistoryConversations) {\r\n            return;\r\n        }\r\n\r\n        const nextPageIndex = this.historyConversationPageIndex + 1;\r\n        const nextCursor = this.historyConversationCursorStack[nextPageIndex];\r\n        if (!nextCursor) {\r\n            return;\r\n        }\r\n\r\n        await this.loadHistoryConversations(nextCursor, nextPageIndex);\r\n    };\r\n\r\n    private handleSelectConversation = (id: string) => {\r\n        this.conversationId = id;\r\n        this.isHistoryDrawerOpen = false;\r\n        this.showChatModal = true;\r\n    };\r\n\r\n    private handleFileChange = (event: Event) => {\r\n        const input = event.target as HTMLInputElement;\r\n        if (input.files && input.files.length > 0) {\r\n            this.selectedFile = input.files[0];\r\n        }\r\n    };\r\n\r\n    private handleUploadClick = () => {\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        fileInput?.click();\r\n    };\r\n\r\n    private clearSelectedFile = () => {\r\n        this.selectedFile = null;\r\n        this.uploadedFileInfo = null;\r\n        const fileInput = this.hostElement.shadowRoot?.querySelector('.file-input') as HTMLInputElement;\r\n        if (fileInput) {\r\n            fileInput.value = '';\r\n        }\r\n    };\r\n\r\n    private async uploadFile() {\r\n        if (!this.selectedFile) return;\r\n\r\n        this.isUploading = true;\r\n\r\n        try {\r\n            // 使用 uploadFileToBackend 工具函数上传文件\r\n            const result = await uploadFileToBackend(this.selectedFile, {\r\n            }, {\r\n                'tags': ['other']\r\n            });\r\n\r\n            this.uploadedFileInfo = result;\r\n            this.uploadSuccess.emit(result);\r\n        } catch (error) {\r\n            console.error('文件上传错误:', error);\r\n            this.clearSelectedFile();\r\n            SentryReporter.captureError(error, {\r\n                action: 'uploadFile',\r\n                component: 'pcm-msbg-modal',\r\n                title: '文件上传失败'\r\n            });\r\n            this.someErrorEvent.emit({\r\n                error: error,\r\n                message: '文件上传失败，请重试'\r\n            });\r\n        } finally {\r\n            this.isUploading = false;\r\n        }\r\n    }\r\n\r\n    private handleJobDescriptionChange = (event: Event) => {\r\n        const textarea = event.target as HTMLTextAreaElement;\r\n        this.jobDescription = textarea.value;\r\n    };\r\n\r\n    private handleStartInterview = async () => {\r\n        if (!this.selectedFile) {\r\n            alert('请上传面试内容');\r\n            return;\r\n        }\r\n\r\n        // 如果没有预设的job_info，则需要检查用户输入\r\n        if (!this.customInputs?.job_info && !this.jobDescription.trim()) {\r\n            alert('请输入职位描述');\r\n            return;\r\n        }\r\n\r\n        this.isSubmitting = true;\r\n\r\n        try {\r\n            // 如果还没上传，先上传文件\r\n            if (!this.uploadedFileInfo) {\r\n                await this.uploadFile();\r\n                if (!this.uploadedFileInfo) {\r\n                    this.isSubmitting = false;\r\n                    return; // 上传失败\r\n                }\r\n            }\r\n\r\n            // 直接显示聊天模态框\r\n            this.showChatModal = true;\r\n        } catch (error) {\r\n            console.error('开始面试时出错:', error);\r\n            SentryReporter.captureError(error, {\r\n                action: 'handleStartInterview',\r\n                component: 'pcm-msbg-modal',\r\n                title: '开始面试时出错'\r\n            });\r\n            this.someErrorEvent.emit({\r\n                error: error,\r\n                message: '开始面试时出错，请重试'\r\n            });\r\n        } finally {\r\n            this.isSubmitting = false;\r\n        }\r\n    };\r\n\r\n    render() {\r\n        if (!this.isOpen) return null;\r\n\r\n        const modalStyle = {\r\n            zIndex: String(this.zIndex)\r\n        };\r\n\r\n\r\n        const containerClass = {\r\n            'modal-container': true,\r\n            'fullscreen': this.fullscreen,\r\n            'pc-layout': true,\r\n        };\r\n\r\n        const overlayClass = {\r\n            'modal-overlay': true,\r\n            'fullscreen-overlay': this.fullscreen\r\n        };\r\n\r\n        // 显示加载状态\r\n        const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n        // 确保当 customInputs.job_info 存在时，hideJdInput 为 true\r\n        const hideJdInput = Boolean(this.customInputs && this.customInputs.job_info);\r\n        \r\n        // 判断是否隐藏面试内容上传区域\r\n        const hideFileUpload = Boolean(this.customInputs && this.customInputs.file_urls);\r\n        \r\n        // 判断是否同时提供了file_urls和job_info\r\n        const hasFileAndJob = Boolean(this.customInputs?.file_urls && this.customInputs?.job_info);\r\n\r\n        return (\r\n            <div class={overlayClass} style={modalStyle}>\r\n                <div class={containerClass}>\r\n                    {this.isShowHeader && (\r\n                        <div class=\"modal-header\">\r\n                            <div class=\"header-left\">\r\n                                {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n                                <div>{this.modalTitle}</div>\r\n                                {this.showInputHistory && (\r\n                                    <button type=\"button\" class=\"header-history-entry\" onClick={this.handleInputHistoryClick} title=\"历史会话\">\r\n                                        历史会话\r\n                                    </button>\r\n                                )}\r\n                            </div>\r\n                            {this.isNeedClose && (\r\n                                <button class=\"close-button\" onClick={this.handleClose}>\r\n                                    <span>×</span>\r\n                                </button>\r\n                            )}\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 历史会话抽屉 */}\r\n                    {this.showInputHistory && (\r\n                        <components-drawer\r\n                            isOpen={this.isHistoryDrawerOpen}\r\n                            drawerTitle=\"历史会话\"\r\n                            width=\"400px\"\r\n                            onClosed={() => { this.isHistoryDrawerOpen = false; }}\r\n                        >\r\n                            <div class=\"history-drawer-content\">\r\n                                <div class=\"conversation-list\">\r\n                                    {this.isLoadingConversations ? (\r\n                                        <div class=\"loading-conversations\">\r\n                                            <div class=\"loading-spinner-small\"></div>\r\n                                            <p>加载中...</p>\r\n                                        </div>\r\n                                    ) : this.historyConversations.length === 0 ? (\r\n                                        <div class=\"empty-conversations\">\r\n                                            <p>暂无历史会话</p>\r\n                                        </div>\r\n                                    ) : (\r\n                                        this.historyConversations.map(conversation => (\r\n                                            <div\r\n                                                key={conversation.id}\r\n                                                class=\"conversation-item\"\r\n                                                onClick={() => this.handleSelectConversation(conversation.id)}\r\n                                            >\r\n                                                <div class=\"conversation-info\">\r\n                                                    <div class=\"conversation-title\">{conversation.name}</div>\r\n                                                    <div class=\"conversation-meta\">\r\n                                                        <span class=\"conversation-time\">{conversation.timeDisplay}</span>\r\n                                                        {conversation.message_count > 0 && (\r\n                                                            <span class=\"message-count\">{conversation.message_count}条消息</span>\r\n                                                        )}\r\n                                                        {conversation.status && (\r\n                                                            <span class={{\r\n                                                                'conversation-status': true,\r\n                                                                'completed': conversation.status === '结束',\r\n                                                                'running': conversation.status === '进行中',\r\n                                                            }}>\r\n                                                                {conversation.status}\r\n                                                            </span>\r\n                                                        )}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        ))\r\n                                    )}\r\n                                </div>\r\n                                {!this.isLoadingConversations && (this.historyConversationPageIndex > 0 || this.hasMoreHistoryConversations) && (\r\n                                    <div class=\"history-pagination\">\r\n                                        <button type=\"button\" class=\"history-pagination-button\" disabled={this.historyConversationPageIndex === 0} onClick={() => this.handleHistoryConversationPageChange('prev')}>\r\n                                            上一页\r\n                                        </button>\r\n                                        <span class=\"history-pagination-info\">第 {this.historyConversationPageIndex + 1} 页</span>\r\n                                        <button type=\"button\" class=\"history-pagination-button\" disabled={!this.hasMoreHistoryConversations} onClick={() => this.handleHistoryConversationPageChange('next')}>\r\n                                            下一页\r\n                                        </button>\r\n                                    </div>\r\n                                )}\r\n                            </div>\r\n                        </components-drawer>\r\n                    )}\r\n\r\n                    {/* 上传界面 - 仅在不显示聊天模态框且没有会话ID且没有同时提供file_urls和job_info时显示 */}\r\n                    {!this.showChatModal && !this.conversationId && !hasFileAndJob && (\r\n                        <div class=\"input-container\">\r\n                            {/* JD输入区域 - 仅在没有parsedCustomInputs.job_info时显示 */}\r\n                            {!hideJdInput && (\r\n                                <div class=\"jd-input-section\">\r\n                                    <label htmlFor=\"job-description\">请输入职位描述 (JD)</label>\r\n                                    <textarea\r\n                                        id=\"job-description\"\r\n                                        class=\"job-description-textarea\"\r\n                                        placeholder=\"请输入职位描述，包括职责、要求等信息...\"\r\n                                        rows={6}\r\n                                        value={this.jobDescription}\r\n                                        onInput={this.handleJobDescriptionChange}\r\n                                    ></textarea>\r\n                                </div>\r\n                            )}\r\n\r\n                            {/* 上传面试内容上传区域 - 仅在没有customInputs.file_urls时显示 */}\r\n                            {!hideFileUpload && (\r\n                                <div class=\"resume-upload-section\">\r\n                                    <label>上传面试内容</label>\r\n                                    <div class=\"upload-area\" onClick={this.handleUploadClick}>\r\n                                        {this.selectedFile ? (\r\n                                            <div class=\"file-item\">\r\n                                                <div class=\"file-item-content\">\r\n                                                    <span class=\"file-icon\">📝</span>\r\n                                                    <span class=\"file-name\">{this.selectedFile.name}</span>\r\n                                                </div>\r\n                                                <button class=\"remove-file\" onClick={(e) => {\r\n                                                    e.stopPropagation();\r\n                                                    this.clearSelectedFile();\r\n                                                }}>×</button>\r\n                                            </div>\r\n                                        ) : (\r\n                                            <div class=\"upload-placeholder\">\r\n                                                <img src='https://pub.pincaimao.com/static/web/images/home/i_upload.png'></img>\r\n                                                <p class='upload-text'>点击上传面试内容</p>\r\n                                                <p class=\"upload-hint\">支持 mp3、markdown、pdf、docx、doc、md 格式</p>\r\n                                            </div>\r\n                                        )}\r\n                                    </div>\r\n                                </div>\r\n                            )}\r\n\r\n                            <button\r\n                                class=\"submit-button\"\r\n                                disabled={(!hideFileUpload && !this.selectedFile) || (!hideJdInput && !this.jobDescription.trim()) || this.isUploading || this.isSubmitting}\r\n                                onClick={this.handleStartInterview}\r\n                            >\r\n                                {this.isUploading ? '上传中...' : this.isSubmitting ? '处理中...' : '开始分析'}\r\n                            </button>\r\n\r\n                            <div class=\"ai-disclaimer\">\r\n                                <p>所有内容均由AI生成仅供参考</p>\r\n                                <p class=\"beian-info\">\r\n                                    <span>中央网信办生成式人工智能服务备案号</span>：\r\n                                    <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">Hunan-PinCaiMao-202412310003</a>\r\n                                </p>\r\n                            </div>\r\n\r\n                            <input\r\n                                type=\"file\"\r\n                                class=\"file-input\"\r\n                                onChange={this.handleFileChange}\r\n                            />\r\n                        </div>\r\n                    )}\r\n\r\n                     {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n                     {isLoading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\"></div>\r\n                            <p class=\"loading-text\">正在加载对话...</p>\r\n                        </div>\r\n                    )}\r\n\r\n                    {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n                    {this.showChatModal && (\r\n                        <div >\r\n                            <pcm-app-chat-modal\r\n                                isOpen={true}\r\n                                modalTitle={this.modalTitle}\r\n                                icon={this.icon}\r\n                                isShowHeader={this.isShowHeader}\r\n                                isNeedClose={this.isNeedClose}\r\n                                fullscreen={this.fullscreen}\r\n                                showWorkspaceHistory={this.showWorkspaceHistory}\r\n                                botId=\"3022316191018877\"\r\n                                conversationId={this.conversationId}\r\n                                defaultQuery={this.defaultQuery}\r\n                                filePreviewMode={this.filePreviewMode}\r\n                                customInputs={{\r\n                                    ...this.customInputs,\r\n                                    file_urls: this.customInputs?.file_urls || this.uploadedFileInfo?.cos_key,\r\n                                    file_names: this.customInputs?.file_names || this.uploadedFileInfo?.file_name,\r\n                                    job_info: this.customInputs?.job_info || this.jobDescription\r\n                                }}\r\n                                interviewMode=\"text\"\r\n                            ></pcm-app-chat-modal>\r\n                        </div>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n} \r\n",":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\r\n\r\n.modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  z-index: 1000;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.modal-container {\r\n  background: #fff;\r\n  border-radius: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 */\r\n.modal-container.fullscreen {\r\n  width: 100%;\r\n  max-width: none;\r\n  height: 100%;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-height: 100%;\r\n}\r\n\r\n/* 数字人视频背景层 */\r\n.digital-human-background {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: 1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.digital-human-background-video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  max-width: 1200px;\r\n}\r\n\r\n/* 当没有数字人时的默认背景 */\r\n.modal-container:not(.digital-human-mode) {\r\n  background: white;\r\n  border-radius: 8px;\r\n  width: 100%;\r\n  max-width: 900px;\r\n  height: 90vh;\r\n  max-height: 800px;\r\n}\r\n\r\n/* 内容层 */\r\n.modal-content-layer {\r\n  position: relative;\r\n  z-index: 10;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.3) 0%,\r\n    rgba(0, 0, 0, 0.1) 20%,\r\n    rgba(0, 0, 0, 0.1) 80%,\r\n    rgba(0, 0, 0, 0.4) 100%\r\n  );\r\n}\r\n\r\n.main-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center; /* 水平居中 */\r\n  overflow: hidden;\r\n  padding: 24px 24px 40px 24px; /* 增加底部间距 */\r\n  position: absolute;\r\n  bottom: 0px;\r\n  width: -webkit-fill-available;\r\n}\r\n\r\n.chat-history-section {\r\n  width: 100%;\r\n  max-width: 800px;\r\n  text-align: center;\r\n  color: white;\r\n}\r\n\r\n.ai-message-item {\r\n  padding: 12px 20px;\r\n  border-radius: 12px;\r\n  margin-bottom: 12px;\r\n  animation: fadeIn 0.5s ease-in-out;\r\n}\r\n\r\n.recording-preview-top-right {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 180px;\r\n  height: 120px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  background-color: #000;\r\n  z-index: 10;\r\n}\r\n\r\n.user-video-preview {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.recording-status-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  background-color: white;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n  margin-top: 4px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n  animation: slideInUp 0.5s ease-out;\r\n  line-height: 40px;\r\n}\r\n\r\n.audio-waveform {\r\n  display: flex;\r\n  align-items: center;\r\n  height: 24px;\r\n}\r\n\r\n.waveform-bar {\r\n  width: 4px;\r\n  margin: 0 2px;\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border-radius: 2px;\r\n  height: 6px;\r\n  animation: waveform-animation 1.2s infinite ease-in-out;\r\n}\r\n\r\n.waveform-bar:nth-child(1) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(2) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(3) {\r\n  animation-delay: 0.5s;\r\n}\r\n.waveform-bar:nth-child(4) {\r\n  animation-delay: 0.2s;\r\n}\r\n.waveform-bar:nth-child(5) {\r\n  animation-delay: 0.4s;\r\n}\r\n.waveform-bar:nth-child(6) {\r\n  animation-delay: 0.1s;\r\n}\r\n.waveform-bar:nth-child(7) {\r\n  animation-delay: 0.3s;\r\n}\r\n.waveform-bar:nth-child(8) {\r\n  animation-delay: 0.5s;\r\n}\r\n\r\n@keyframes waveform-animation {\r\n  0%,\r\n  100% {\r\n    height: 6px;\r\n  }\r\n  50% {\r\n    height: 35px;\r\n  }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #595959;\r\n  font-family: 'Courier New', Courier, monospace;\r\n}\r\n\r\n.finish-recording-btn {\r\n  background-color: #16a34a; /* A vibrant green */\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n  transition:\r\n    background-color 0.3s,\r\n    transform 0.2s;\r\n}\r\n\r\n.finish-recording-btn:hover {\r\n  background-color: #148a3f;\r\n}\r\n\r\n.finish-recording-btn:active {\r\n  transform: scale(0.95);\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideInUp {\r\n  from {\r\n    transform: translateY(20px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.status-indicator-text {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 14px;\r\n  color: #595959;\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n.status-indicator-text.loading .loading-spinner-small {\r\n  width: 16px;\r\n  height: 16px;\r\n  border: 2px solid rgba(0, 0, 0, 0.1);\r\n  border-top-color: #595959;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n.status-indicator-text.error {\r\n  color: #ff4d4f;\r\n}\r\n\r\n.status-indicator-text.ready {\r\n  color: #16a34a;\r\n}\r\n\r\n@keyframes spin {\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.loading-spinner-small {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid #e5e7eb;\r\n  border-top-color: #6b7280;\r\n  border-radius: 50%;\r\n  animation: spin 0.8s linear infinite;\r\n}\r\n\r\n/* 添加上传按钮样式 */\r\n.upload-button {\r\n  background: transparent;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #666;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.upload-button:hover {\r\n  background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.upload-button svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n/* 隐藏原生文件输入框 */\r\n.file-input {\r\n  display: none;\r\n}\r\n\r\n/* 添加文件名显示区域样式 */\r\n.selected-file {\r\n  font-size: 12px;\r\n  color: #666;\r\n  margin-left: 8px;\r\n  max-width: 150px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.input-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  padding: 0 4px;\r\n  background: white;\r\n}\r\n\r\n.input-wrapper input {\r\n  border: none;\r\n  flex: 1;\r\n  padding: 8px;\r\n  outline: none;\r\n}\r\n\r\n.input-wrapper:focus-within {\r\n  border-color: #bbb;\r\n}\r\n\r\n/* 文件预览区域样式 */\r\n.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 0;\r\n}\r\n\r\n.recording-status .recording-dot {\r\n  display: inline-block;\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: red;\r\n  border-radius: 50%;\r\n  margin-right: 5px;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n.recording-status.warning {\r\n  color: #ff4d4f;\r\n  animation: blink 1s infinite;\r\n}\r\n\r\n@keyframes blink {\r\n  0% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.recording-section .stop-recording-button {\r\n  background-color: #f44336;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-weight: bold;\r\n}\r\n\r\n.recording-section .stop-recording-button:hover {\r\n  background-color: #d32f2f;\r\n}\r\n\r\n.fullscreen {\r\n  width: 100vw;\r\n  border-radius: 0;\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow-y: auto;\r\n}\r\n\r\n.recording-controls {\r\n  margin-top: 10px;\r\n  height: 53px;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.recording-controls .waiting-message {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 16px;\r\n  background-color: #0d75fb;\r\n  border-radius: 6px;\r\n  width: 95%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  cursor: pointer;\r\n}\r\n\r\n.recording-controls .waiting-message.loading {\r\n  background: #faad14;\r\n}\r\n\r\n.recording-controls .waiting-message p {\r\n  margin: 0;\r\n  font-size: 16px;\r\n  color: white;\r\n  font-weight: 500;\r\n}\r\n\r\n.recording-controls .stop-recording-button {\r\n  background-color: #dc3545;\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n}\r\n\r\n.recording-controls .stop-recording-button:hover {\r\n  background-color: #c82333;\r\n}\r\n\r\n/* 添加禁用状态的样式 */\r\n.recording-controls .stop-recording-button.disabled {\r\n  background: #ccc;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.recording-controls .stop-recording-button.disabled:hover {\r\n  background: #ccc;\r\n}\r\n\r\n/* 添加进度条和数字进度的样式 */\r\n.progress-container {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-top: 10px;\r\n  padding: 0 5px;\r\n}\r\n\r\n.progress-bar-container {\r\n  height: 4px;\r\n  background-color: #e5e5e5;\r\n  border-radius: 2px;\r\n  overflow: hidden;\r\n  margin-right: 10px;\r\n  width: 75px;\r\n}\r\n\r\n.progress-bar {\r\n  height: 100%;\r\n  background-image: linear-gradient(111deg, #4a9fff 0%, #1058ff 100%);\r\n  border-radius: 2px;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.progress-text {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none;\r\n  /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none;\r\n  /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus + .input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n/* 修改工具按钮样式，确保居中 */\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n  .pc-layout {\r\n    width: 95%;\r\n  }\r\n\r\n  .modal-overlay {\r\n    padding: 0;\r\n  }\r\n\r\n  .modal-container.fullscreen {\r\n    /* 移动端也基于父组件尺寸 */\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 100%;\r\n    border-radius: 16px 16px 0 0;\r\n    /* 保留安全区域支持 */\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n  }\r\n}\r\n\r\n/* 工作区样式 */\r\n.workspace-section {\r\n  width: 100%;\r\n  padding: 0px 16px 16px;\r\n}\r\n\r\n.workspace-toolbar {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: end;\r\n  gap: 12px;\r\n  position: relative;\r\n}\r\n\r\n.workspace-button {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 8px 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n  background: white;\r\n  color: #666;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.workspace-button:hover {\r\n  border-color: #4096ff;\r\n  color: #4096ff;\r\n  box-shadow: 0 2px 4px rgba(64, 150, 255, 0.1);\r\n}\r\n\r\n.workspace-button svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n/* 数字人容器样式 */\r\n.digital-human-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 120px;\r\n  height: 80px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background: #fafafa;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  right: 0px;\r\n}\r\n\r\n\r\n/* 历史会话抽屉样式 */\r\n.history-drawer-content {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n  flex: 1;\r\n  overflow-y: auto;\r\n  padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 40px 20px;\r\n  color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 12px 16px;\r\n  margin: 0 8px 4px 8px;\r\n  border-radius: 8px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n  background: #f5f5f5;\r\n}\r\n\r\n.conversation-item.active {\r\n  background: #e6f7ff;\r\n  border-color: #1890ff;\r\n}\r\n\r\n.conversation-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #262626;\r\n  margin-bottom: 4px;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 12px;\r\n  color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n  padding: 2px 6px;\r\n  border-radius: 4px;\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n  background: #f6ffed;\r\n  color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n  background: #fff7e6;\r\n  color: #fa8c16;\r\n}\r\n\r\n.current-indicator {\r\n  flex-shrink: 0;\r\n  color: #1890ff;\r\n  margin-left: 8px;\r\n}\r\n\r\n/* AI消息显示样式 */\r\n.ai-message-item {\r\n  margin-bottom: 0;\r\n  animation: messageSlideIn 0.3s ease-out;\r\n  width: 100%;\r\n  padding: 20px;\r\n}\r\n\r\n.ai-message-item.streaming {\r\n  position: relative;\r\n}\r\n\r\n@keyframes messageSlideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ai-message-content {\r\n  color: #fff;\r\n  padding: 20px 24px;\r\n  border-radius: 16px;\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n  word-wrap: break-word;\r\n  backdrop-filter: blur(100px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n  margin-bottom: 8px;\r\n  max-width: 100%;\r\n  text-align: left;\r\n}\r\n\r\n/* 打字指示器 */\r\n.typing-indicator {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 8px 24px;\r\n  margin-top: -8px;\r\n}\r\n\r\n.typing-indicator span {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: #4facfe;\r\n  animation: typingPulse 1.4s ease-in-out infinite;\r\n  opacity: 0.6;\r\n}\r\n\r\n.typing-indicator span:nth-child(1) { animation-delay: 0s; }\r\n.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\r\n.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n@keyframes typingPulse {\r\n  0%, 60%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.4;\r\n  }\r\n  30% {\r\n    transform: scale(1.3);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n/* 响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n  .ai-message-content {\r\n    padding: 14px 18px;\r\n    font-size: 15px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .ai-message-content {\r\n    padding: 12px 16px;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 6px 16px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n}\r\n\r\n/* 响应式适配 */\r\n@media screen and (max-width: 768px) {\r\n\r\n  .ai-message-item {\r\n    padding: 15px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 16px 20px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 6px 20px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n\r\n  .ai-message-item {\r\n    padding: 0px;\r\n  }\r\n\r\n  .ai-message-content {\r\n    padding: 14px 18px;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .typing-indicator {\r\n    padding: 5px 18px;\r\n  }\r\n\r\n  .typing-indicator span {\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n\r\n}\r\n\r\n\r\n.waveform-bar {\r\n  width: 3px;\r\n  background: #4facfe;\r\n  border-radius: 2px;\r\n  min-height: 2px;\r\n  animation: waveformAnimation 1.2s ease-in-out infinite alternate;\r\n  transform-origin: bottom;\r\n}\r\n\r\n@keyframes waveformAnimation {\r\n  0% { transform: scaleY(0.2); }\r\n  100% { transform: scaleY(1); }\r\n}\r\n\r\n.recording-timer {\r\n  font-size: 14px;\r\n  color: #666;\r\n  white-space: nowrap;\r\n}\r\n\r\n.close-button{\r\n  position: absolute;\r\n  top: 16px;\r\n  left: 16px;\r\n  z-index: 20;\r\n  background: rgba(255, 255, 255, 0.9);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button:hover {\r\n  background: rgba(255, 255, 255, 1);\r\n  border-color: rgba(0, 0, 0, 0.15);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.close-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.close-button svg {\r\n  color: #666;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.close-button:hover svg {\r\n  color: #333;\r\n}\r\n\r\n/* 结束面试按钮容器 */\r\n.end-interview-button-container {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  margin-bottom: 4px;\r\n  padding-left: 0;\r\n}\r\n\r\n/* 结束面试按钮 */\r\n.end-interview-button {\r\n  padding: 5px 10px;\r\n  background-color: #ff4d4f;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n  white-space: nowrap;\r\n}\r\n\r\n.end-interview-button:hover {\r\n  background-color: #ff7875;\r\n  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.end-interview-button:active {\r\n  transform: translateY(0);\r\n  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);\r\n}\r\n\r\n.end-interview-button:disabled {\r\n  background-color: #f0f0f0;\r\n  color: #bfbfbf;\r\n  cursor: not-allowed;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\r\n\r\n\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}",":host {\r\n  display: block;\r\n  font-size: 16px;\r\n}\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  z-index: 1000;\r\n  overflow-y: auto;\r\n  -webkit-overflow-scrolling: touch; /* 增强iOS滚动体验 */\r\n}\r\n\r\n/* 全屏模式下的overlay样式 */\r\n.fullscreen-overlay {\r\n  padding: 0;\r\n  /* 改为基于父组件的全屏 */\r\n  position: absolute;\r\n  width: 100%;\r\n  height: calc(100% - 10px);\r\n}\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: 900px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  margin: 5vh auto auto auto;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n  width: 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/* 确保内容区域也使用 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.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.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-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.chat-container{\r\n  background-image: url(https://pub.pincaimao.com/static/web/images/login/bg_login_m.png);\r\n  background-size: 100%;\r\n  height: 100%;\r\n  border-radius:0px 0px 8px 8px;\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  height: 60vh;\r\n  min-height: 400px;\r\n  max-height: 900px;\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/* 发送按钮样式 */\r\n.send-button {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 16px;\r\n  background: #0d75fb;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.send-button img {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.send-button:hover {\r\n  background: #0a62d6;\r\n}\r\n\r\n.send-button.disabled {\r\n  background: #d9d9d9;\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.file-preview {\r\n  padding: 8px 16px;\r\n  border-top: 1px solid #eee;\r\n  background-color: #f9f9f9;\r\n}\r\n\r\n.document-download-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-right: 8px;\r\n}\r\n\r\n.document-download-button {\r\n  padding: 4px 8px;\r\n  color: #1890ff;\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.document-download-button:hover {\r\n  background-color: #e6f7ff;\r\n}\r\n\r\n.document-download-button:focus-visible {\r\n  outline: 2px solid #1890ff;\r\n  outline-offset: 2px;\r\n}\r\n\r\n.document-download-qr-code {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 8px 0;\r\n}\r\n\r\n.document-download-qr-code img {\r\n  width: 200px;\r\n  height: 200px;\r\n}\r\n\r\n.document-download-qr-code p {\r\n  margin: 16px 0 0;\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n\r\n.recording-section {\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 10px 20px 0px 20px;\r\n  border-radius: 14px 14px 0 0;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.recording-section .video-preview {\r\n  width: 100%;\r\n  height: 200px;\r\n  max-width: 400px;\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n}\r\n\r\n.recording-section video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n/* 修改 recording-status 样式 */\r\n.recording-status {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 10px;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  color: white;\r\n  padding: 4px 8px;\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  font-size: 14px;\r\n  z-index: 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}\r\n\r\n/* 重新设计文本输入区域样式 */\r\n.text-input-area {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 0px 16px 16px 16px;\r\n  border-radius: 8px;\r\n  border: none; /* 确保容器本身没有边框 */\r\n}\r\n\r\n/* 修改文本输入框样式 */\r\n.text-answer-input {\r\n  flex: 1;\r\n  min-height: 80px;\r\n  padding: 12px 12px 0px 12px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px 8px 0 0;\r\n  resize: none;\r\n  font-size: 16px;\r\n  background-color: #fff;\r\n  border-bottom: none;\r\n  outline: none; /* 移除默认的焦点轮廓 */\r\n}\r\n\r\n/* 修改工具栏样式 */\r\n.input-toolbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  padding: 8px 12px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-top: none;\r\n  border-radius: 0 0 8px 8px;\r\n}\r\n\r\n/* 当输入框获得焦点时，修改边框颜色 */\r\n.text-answer-input:focus {\r\n  border-color: rgb(74, 144, 226);\r\n  border-bottom: none;\r\n}\r\n\r\n.text-answer-input:focus+.input-toolbar {\r\n  border-color: rgb(74, 144, 226);\r\n  border-top: none;\r\n}\r\n\r\n/* 左侧工具按钮区域 */\r\n.toolbar-actions {\r\n  width: 32px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 6px;\r\n}\r\n\r\n.toolbar-actions:hover {\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n\r\n.toolbar-button {\r\n  background: transparent;\r\n  border: none;\r\n  color: #666;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* 确保按钮内部的内容也居中 */\r\n.toolbar-button > div,\r\n.toolbar-button > svg {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.toolbar-button img {\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n/* 发送按钮样式 */\r\n.submit-text-button {\r\n  padding: 6px 16px;\r\n  background-color: #4a90e2;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.submit-text-button:hover:not(.disabled) {\r\n  background-color: #3a7bc8;\r\n}\r\n\r\n.submit-text-button.disabled {\r\n  background-color: #b3b3b3;\r\n  cursor: not-allowed;\r\n}\r\n\r\n\r\n/* 语音输入按钮样式 */\r\n.toolbar-button.recording {\r\n  background-color: rgba(255, 0, 0, 0.1);\r\n  color: #ff3b30;\r\n  animation: pulse 1.5s infinite;\r\n}\r\n\r\n.toolbar-button.converting {\r\n  background-color: rgba(0, 122, 255, 0.1);\r\n  color: #007aff;\r\n}\r\n\r\n.toolbar-button .recording-time {\r\n  font-size: 12px;\r\n  margin-left: 4px;\r\n}\r\n\r\n.converting-indicator {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.converting-indicator svg {\r\n  animation: spin 1.5s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);\r\n  }\r\n  70% {\r\n    box-shadow: 0 0 0 6px rgba(255, 0, 0, 0);\r\n  }\r\n  100% {\r\n    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);\r\n  }\r\n}\r\n\r\n\r\n/* 响应式布局 */\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\r\n/* 修改引用文档样式 */\r\n.references-section {\r\n  margin-top: 30px;\r\n  padding: 12px;\r\n  background-color: #f9f9f9;\r\n  border-radius: 8px;\r\n  border: 1px solid #e8e8e8;\r\n}\r\n\r\n.references-title {\r\n  font-size: 14px;\r\n  color: #666;\r\n  margin: 0 0 8px 0;\r\n  font-weight: 500;\r\n}\r\n\r\n.references-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.reference-item {\r\n  background-color: #fff;\r\n  border: 1px solid #e8e8e8;\r\n  border-radius: 6px;\r\n  padding: 10px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s, box-shadow 0.2s;\r\n}\r\n\r\n.reference-item:hover {\r\n  background-color: #f5f5f5;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.reference-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  position: relative;\r\n}\r\n\r\n.reference-icon {\r\n  color: #1890ff;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.reference-name {\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: #333;\r\n  flex: 1;\r\n}\r\n\r\n.download-icon {\r\n  color: #1890ff;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* 移除不再需要的引用内容样式 */\r\n.reference-content {\r\n  display: none;\r\n}\r\n\r\n/* 推荐问题样式 */\r\n.suggested-questions {\r\n  margin-top: 20px;\r\n  padding: 12px;\r\n  background-color: #f0f7ff;\r\n  border-radius: 8px;\r\n  border: 1px solid #d6e8ff;\r\n}\r\n\r\n.suggested-title {\r\n  font-size: 14px;\r\n  color: #1890ff;\r\n  margin: 0 0 8px 0;\r\n  font-weight: 500;\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: #fff;\r\n  border: 1px solid #e6f7ff;\r\n  border-radius: 6px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  color: #1890ff;\r\n  transition: all 0.3s;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.suggested-question:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.suggested-question:hover {\r\n  background-color: #e6f7ff;\r\n  border-color: #91d5ff;\r\n}\r\n\r\n.arrow-right {\r\n  color: #1890ff;\r\n  display: flex;\r\n  align-items: center;\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 #e6f7ff;\r\n  border-top-color: #1890ff;\r\n  border-radius: 50%;\r\n  animation: spin 1s linear infinite;\r\n}\r\n\r\n",":host {\r\n    /* 字体相关属性 */\r\n    font-size: 16px;\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    line-height: 1.5;\r\n    letter-spacing: normal;\r\n    word-spacing: normal;\r\n    \r\n    /* 文本相关属性 */\r\n    color: #333; /* 重置文字颜色，避免继承外部的red */\r\n    text-align: left;\r\n    text-indent: 0;\r\n    text-transform: none;\r\n    white-space: normal;\r\n    word-wrap: normal;\r\n    word-break: normal;\r\n    \r\n    /* 可见性 */\r\n    visibility: visible;\r\n    \r\n    /* 列表相关 */\r\n    list-style: none;\r\n    list-style-image: none;\r\n    list-style-position: outside;\r\n    list-style-type: disc;\r\n    \r\n    /* 表格相关 */\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    caption-side: top;\r\n    empty-cells: show;\r\n    table-layout: auto;\r\n    \r\n    /* 引用 */\r\n    quotes: auto;\r\n    \r\n    /* 光标 */\r\n    cursor: auto;\r\n    \r\n    /* 文本方向 */\r\n    direction: ltr;\r\n    \r\n    /* 打印相关 */\r\n    orphans: 2;\r\n    widows: 2;\r\n    page-break-inside: auto;\r\n    \r\n    /* 其他可能被继承的属性 */\r\n    text-decoration: none;\r\n    text-shadow: none;\r\n    \r\n    /* 确保组件有独立的盒模型 */\r\n    box-sizing: border-box;\r\n    \r\n    /* 重置一些可能影响布局的继承属性 */\r\n    writing-mode: horizontal-tb;\r\n    text-orientation: mixed;\r\n}"],"mappings":"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","ignoreList":[]}