diff --git a/cwd-comments-admin/public/cwd-comments.js b/cwd-comments-admin/public/cwd-comments.js
index 2c4231f..0212083 100644
--- a/cwd-comments-admin/public/cwd-comments.js
+++ b/cwd-comments-admin/public/cwd-comments.js
@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).CWDComments={})}(this,function(t){"use strict";function e(t){const e=t.apiBaseUrl.replace(/\/$/,"");return{fetchComments:async function(r=1,o=20){const n=new URLSearchParams({post_slug:t.postSlug,page:r.toString(),limit:o.toString(),nested:"true"});t.avatarPrefix&&n.set("avatar_prefix",t.avatarPrefix);const i=await fetch(`${e}/api/comments?${n}`);if(!i.ok)throw new Error(`获取评论失败: ${i.status} ${i.statusText}`);return i.json()},submitComment:async function(r){const o=await fetch(`${e}/api/comments`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({post_slug:t.postSlug,post_title:t.postTitle,post_url:t.postUrl,name:r.name,email:r.email,url:r.url||void 0,content:r.content,parent_id:r.parentId})});if(!o.ok)throw new Error(`提交评论失败: ${o.status} ${o.statusText}`);return o.json()}}}const r="cwd_user_info";class o{constructor(t){this.state={...t},this.listeners=[]}getState(){return{...this.state}}setState(t){const e={...this.state};this.state={...this.state,...t},this.listeners.forEach(t=>{t(this.state,e)})}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter(e=>e!==t)}}}function n(t,e,n){const i=function(){try{const t=localStorage.getItem(r);if(t){const e=JSON.parse(t);return{name:e.name||"",email:e.email||"",url:e.url||""}}}catch(t){}return{name:"",email:"",url:""}}(),a=new o({comments:[],loading:!0,error:null,pagination:{page:1,limit:t.pageSize||20,total:0,totalCount:0},form:{name:i.name||"",email:i.email||"",url:i.url||"",content:""},formErrors:{},submitting:!1,replyingTo:null,replyContent:"",replyError:null});async function s(t=1){a.setState({loading:!0,error:null});try{const r=await e(t,a.getState().pagination.limit);a.setState({comments:r.data,pagination:{page:r.pagination.page,limit:r.pagination.limit,total:r.pagination.total,totalCount:r.pagination.totalCount},loading:!1})}catch(r){a.setState({error:r instanceof Error?r.message:"加载评论失败",loading:!1})}}return a.subscribe(t=>{(t.form.name||t.form.email||t.form.url)&&function(t,e,o){try{const n={name:t,email:e,url:o};localStorage.setItem(r,JSON.stringify(n))}catch(n){}}(t.form.name,t.form.email,t.form.url)}),{store:a,getTotalPages:()=>a.getState().pagination.total,loadComments:s,submitNewComment:async function(){const t=a.getState(),e=t.form,{validateCommentForm:r}=await Promise.resolve().then(()=>w),o=r(e);if(!o.valid)return a.setState({formErrors:o.errors}),!1;a.setState({formErrors:{},submitting:!0,error:null});try{return await n({name:e.name,email:e.email,url:e.url,content:e.content}),a.setState({form:{...e,content:""},submitting:!1}),await s(t.pagination.page),!0}catch(i){return a.setState({error:i instanceof Error?i.message:"提交评论失败",submitting:!1}),!1}},submitReply:async function(t){const e=a.getState();if(!e.replyContent.trim())return!1;const{validateReplyUserInfo:r}=await Promise.resolve().then(()=>w),o=r(e.form);if(!o.valid){const t=Object.values(o.errors).join("；");return a.setState({replyError:t}),!1}a.setState({formErrors:{},submitting:!0,replyError:null});try{return await n({name:e.form.name,email:e.form.email,url:e.form.url,content:e.replyContent,parentId:t}),a.setState({replyContent:"",replyingTo:null,submitting:!1}),await s(e.pagination.page),!0}catch(i){return a.setState({error:i instanceof Error?i.message:"提交回复失败",submitting:!1}),!1}},startReply:function(t){a.setState({replyingTo:t,replyContent:"",replyError:null})},cancelReply:function(){a.setState({replyingTo:null,replyContent:"",replyError:null})},updateFormField:function(t,e){const r={...a.getState().form};r[t]=e,a.setState({form:r})},updateReplyContent:function(t){a.setState({replyContent:t})},clearReplyError:function(){a.setState({replyError:null})},clearError:function(){a.setState({error:null})},goToPage:function(t){const e=a.getState().pagination.total;t>=1&&t<=e&&s(t)}}}class i{constructor(t,e={}){this.container="string"==typeof t?document.querySelector(t):t,this.props=e,this.state={},this.elements={},this.destroyed=!1}setState(t){if(this.destroyed)return;const e={...this.state};this.state="function"==typeof t?{...this.state,...t(e)}:{...this.state,...t},this.update(e)}setProps(t){if(this.destroyed)return;const e={...this.props};this.props={...this.props,...t},this.updateProps(e)}render(){}update(t){this.render()}updateProps(t){}destroy(){this.destroyed=!0,this.container&&this.elements.root&&this.elements.root.parentNode&&this.elements.root.parentNode.removeChild(this.elements.root),this.elements={}}createElement(t,e={}){const r=document.createElement(t);if(e.className&&(r.className=e.className),e.attributes&&Object.entries(e.attributes).forEach(([t,e])=>{if(t.startsWith("on")){const o=t.slice(2).toLowerCase();r.addEventListener(o,e)}else"dataset"===t?Object.entries(e).forEach(([t,e])=>{r.dataset[t]=e}):["disabled","checked","readonly","required","autofocus"].includes(t)?e&&r.setAttribute(t,""):r.setAttribute(t,e)}),void 0!==e.text&&(r.textContent=e.text),void 0!==e.html&&(r.innerHTML=e.html),e.children){(Array.isArray(e.children)?e.children:[e.children]).forEach(t=>{t instanceof HTMLElement&&r.appendChild(t)})}return r}createTextElement(t,e,r=""){return this.createElement(t,{className:r,text:e})}empty(t){for(;t.firstChild;)t.removeChild(t.firstChild)}}class a extends i{constructor(t,e={}){super(t,e),this.state={localForm:{...e.form}}}render(){const{formErrors:t,submitting:e}=this.props,{localForm:r}=this.state,o=r.name.trim()&&r.email.trim()&&r.content.trim(),n=this.createElement("form",{className:"cwd-comment-form",attributes:{novalidate:!0,onSubmit:t=>this.handleSubmit(t)},children:[this.createTextElement("h3","发表评论","cwd-form-title"),this.createElement("div",{className:"cwd-form-fields",children:[this.createElement("div",{className:"cwd-form-row",children:[this.createFormField("昵称 *","text","name",r.name,t.name),this.createFormField("邮箱 *","email","email",r.email,t.email),this.createFormField("网址","url","url",r.url,t.url)]}),this.createElement("div",{className:"cwd-form-field",children:[this.createTextElement("label","写下你的评论...","cwd-form-label"),this.createElement("textarea",{className:"cwd-form-textarea "+(t.content?"cwd-input-error":""),attributes:{placeholder:"",rows:4,disabled:e,onInput:t=>this.handleFieldChange("content",t.target.value)}}),...t.content?[this.createTextElement("span",t.content,"cwd-error-text")]:[]]})]}),this.createElement("div",{className:"cwd-form-actions",children:[this.createElement("button",{className:"cwd-btn cwd-btn-primary",attributes:{type:"submit",disabled:e||!o},text:e?"提交中...":"提交评论"})]})]});this.setInputValues(n,r),this.elements.root=n,this.empty(this.container),this.container.appendChild(n)}updateProps(t){if(!this.props.submitting&&this.props.form!==t.form){const t=this.state.localForm.name||"",e=this.state.localForm.email||"",r=this.state.localForm.url||"",o=this.state.localForm.content||"";this.state.localForm={name:this.props.form.name||t,email:this.props.form.email||e,url:this.props.form.url||r,content:void 0!==this.props.form.content?this.props.form.content:o},this.elements.root&&this.setInputValues(this.elements.root,this.state.localForm)}this.elements.root&&this.updateFormState()}updateFormState(){const{formErrors:t,submitting:e}=this.props,{localForm:r}=this.state,o=r.name.trim()&&r.email.trim()&&r.content.trim(),n=this.elements.root.querySelector('button[type="submit"]');n&&(n.disabled=e||!o,n.textContent=e?"提交中...":"提交评论");this.elements.root.querySelectorAll("input, textarea").forEach(t=>{t.disabled=e}),this.updateErrors(t)}updateErrors(t){if(!this.elements.root)return;const e=this.elements.root.querySelector('input[name="name"]');this.updateFieldError(e,null==t?void 0:t.name);const r=this.elements.root.querySelector('input[name="email"]');this.updateFieldError(r,null==t?void 0:t.email);const o=this.elements.root.querySelector('input[name="url"]');this.updateFieldError(o,null==t?void 0:t.url);const n=this.elements.root.querySelector("textarea");this.updateFieldError(n,null==t?void 0:t.content)}updateFieldError(t,e){if(!t)return;e?t.classList.add("cwd-input-error"):t.classList.remove("cwd-input-error");const r=t.parentElement;let o=r.querySelector(".cwd-error-text");e?(o||(o=document.createElement("span"),o.className="cwd-error-text",r.appendChild(o)),o.textContent=e):o&&o.remove()}createFormField(t,e,r,o,n,i=""){return this.createElement("div",{className:"cwd-form-field",children:[this.createTextElement("label",t,"cwd-form-label"),this.createElement("input",{className:"cwd-form-input "+(n?"cwd-input-error":""),attributes:{type:e,name:r,value:o||"",disabled:this.props.submitting,onInput:t=>this.handleFieldChange(r,t.target.value)}}),...n?[this.createTextElement("span",n,"cwd-error-text")]:[]]})}setInputValues(t,e){const r=t.querySelector('input[name="name"]'),o=t.querySelector('input[name="email"]'),n=t.querySelector('input[name="url"]'),i=t.querySelector("textarea");r&&(r.value=e.name||""),o&&(o.value=e.email||""),n&&(n.value=e.url||""),i&&(i.value=e.content||"")}handleFieldChange(t,e){this.state.localForm[t]=e,this.props.onFieldChange&&this.props.onFieldChange(t,e),this.elements.root&&this.updateFormState()}handleSubmit(t){t.preventDefault(),this.props.onSubmit&&this.props.onSubmit(this.state.localForm)}}class s extends i{constructor(t,e={}){super(t,e),this.state={content:e.content||""}}render(){const t=this.createElement("div",{className:"cwd-reply-editor",children:[this.createElement("div",{className:"cwd-reply-header",children:[this.createTextElement("span",`回复 @${this.props.replyToAuthor}`,"cwd-reply-to"),this.createElement("button",{className:"cwd-btn-close",attributes:{type:"button",onClick:()=>this.handleCancel()},text:"✕"})]}),this.createElement("textarea",{className:"cwd-reply-textarea",attributes:{rows:3,placeholder:"写下你的回复...",disabled:this.props.submitting,onInput:t=>this.handleInput(t)}}),...this.props.error?[this.createElement("div",{className:"cwd-error-inline cwd-error-small",children:[this.createTextElement("span",this.props.error),this.createElement("button",{className:"cwd-error-close",attributes:{type:"button",onClick:()=>this.handleClearError()},text:"✕"})]})]:[],this.createElement("div",{className:"cwd-reply-actions",children:[this.createElement("button",{className:"cwd-btn cwd-btn-primary cwd-btn-small",attributes:{type:"button",disabled:this.props.submitting||!this.state.content.trim(),onClick:()=>this.handleSubmit()},text:this.props.submitting?"提交中...":"提交回复"}),this.createElement("button",{className:"cwd-btn cwd-btn-secondary cwd-btn-small",attributes:{type:"button",disabled:this.props.submitting,onClick:()=>this.handleCancel()},text:"取消"})]})]}),e=t.querySelector("textarea");e&&(e.value=this.state.content),this.elements.root=t,this.empty(this.container),this.container.appendChild(t)}updateProps(t){if(this.props.content!==this.state.content&&this.props.content!==(null==t?void 0:t.content))return this.state.content=this.props.content,void this.render();this.props.error===(null==t?void 0:t.error)&&this.props.submitting===(null==t?void 0:t.submitting)||this.render()}handleInput(t){var e;this.state.content=t.target.value;const r=null==(e=this.elements.root)?void 0:e.querySelector(".cwd-btn-primary");r&&(r.disabled=this.props.submitting||!this.state.content.trim()),this.props.onUpdate&&this.props.onUpdate(this.state.content)}handleSubmit(){this.props.onSubmit&&this.props.onSubmit()}handleCancel(){this.props.onCancel&&this.props.onCancel()}handleClearError(){this.props.onClearError&&this.props.onClearError()}setContent(t){var e;this.state.content=t;const r=null==(e=this.elements.root)?void 0:e.querySelector("textarea");r&&(r.value=t)}getContent(){return this.state.content}focus(){var t;const e=null==(t=this.elements.root)?void 0:t.querySelector("textarea");e&&e.focus()}}function l(t){const e=new Date(t),r=(new Date).getTime()-e.getTime(),o=Math.floor(r/1e3),n=Math.floor(o/60),i=Math.floor(n/60),a=Math.floor(i/24);return a<3?a>0?1===a?"昨天":`${a}天前`:i>0?`${i}小时前`:n>0?`${n}分钟前`:"刚刚":function(t){const e=new Date(t),r=e.getFullYear(),o=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0"),i=String(e.getHours()).padStart(2,"0"),a=String(e.getMinutes()).padStart(2,"0"),s=String(e.getSeconds()).padStart(2,"0");return`${r}/${o}/${n} ${i}:${a}:${s}`}(t)}class d extends i{constructor(t,e={}){super(t,e),this.replyEditor=null,this.childCommentItems=[]}render(){const{comment:t,isReply:e,adminEmail:r,adminBadge:o}=this.props,n=this.props.replyingTo===t.id,i=r&&t.email===r,a=this.createElement("div",{className:"cwd-comment-item "+(e?"cwd-comment-reply":""),children:[this.createElement("div",{className:"cwd-comment-avatar",children:[this.createElement("img",{attributes:{src:t.avatar,alt:t.name,loading:"lazy"}})]}),this.createElement("div",{className:"cwd-comment-body",children:[this.createElement("div",{className:"cwd-comment-header",children:[this.createElement("div",{className:"cwd-comment-author",children:[t.url?this.createElement("span",{className:"cwd-author-name",children:[this.createElement("a",{attributes:{href:t.url,target:"_blank",rel:"noopener noreferrer"},text:t.name})]}):this.createTextElement("span",t.name,"cwd-author-name"),...i?[this.createTextElement("span",`${o}`,"cwd-admin-badge")]:[],...t.replyToAuthor?[this.createTextElement("span"," 回复 ","cwd-reply-to-separator"),this.createTextElement("span",t.replyToAuthor,"cwd-reply-to-author")]:[]]}),this.createElement("div",{className:"cwd-comment-actions",children:[this.createElement("span",{className:"cwd-action-btn",attributes:{onClick:()=>this.handleReply()},text:"回复"}),this.createTextElement("span",l(t.created),"cwd-comment-time")]})]}),this.createElement("div",{className:"cwd-comment-content"}),this.createElement("div",{className:"cwd-reply-editor-container"}),...t.replies&&t.replies.length>0?[this.createElement("div",{className:"cwd-replies"})]:[]]})]}),c=a.querySelector(".cwd-comment-content");if(c&&(c.innerHTML=t.contentHtml),n){const e=a.querySelector(".cwd-reply-editor-container");e&&(this.replyEditor=new s(e,{replyToAuthor:t.name,content:this.props.replyContent,error:this.props.replyError,submitting:this.props.submitting,onUpdate:t=>this.handleUpdateReplyContent(t),onSubmit:()=>this.handleSubmitReply(),onCancel:()=>this.handleCancelReply(),onClearError:()=>this.handleClearReplyError()}),this.replyEditor.render(),this.replyEditor.focus())}else this.replyEditor=null;if(this.childCommentItems=[],t.replies&&t.replies.length>0){const e=a.querySelector(".cwd-replies");e&&t.replies.forEach(t=>{const r=new d(e,{comment:t,isReply:!0,replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting,adminEmail:this.props.adminEmail,adminBadge:this.props.adminBadge,onReply:this.props.onReply,onSubmitReply:this.props.onSubmitReply,onCancelReply:this.props.onCancelReply,onUpdateReplyContent:this.props.onUpdateReplyContent,onClearReplyError:this.props.onClearReplyError});r.render(),this.childCommentItems.push(r)})}this.elements.root=a,this.container.contains(a)?this.container.replaceChild(a,this.elements.root):this.container.appendChild(a)}updateProps(t){var e;const{comment:r}=this.props,o=t.replyingTo===r.id,n=this.props.replyingTo===r.id;if(this.props.comment===t.comment){if(n!==o){const t=null==(e=this.elements.root)?void 0:e.querySelector(":scope > .cwd-comment-body > .cwd-reply-editor-container");n&&t?(this.replyEditor=new s(t,{replyToAuthor:r.name,content:this.props.replyContent,error:this.props.replyError,submitting:this.props.submitting,onUpdate:t=>this.handleUpdateReplyContent(t),onSubmit:()=>this.handleSubmitReply(),onCancel:()=>this.handleCancelReply(),onClearError:()=>this.handleClearReplyError()}),this.replyEditor.render(),this.replyEditor.focus()):!n&&t&&(t.innerHTML="",this.replyEditor=null)}else n&&this.replyEditor&&this.replyEditor.setProps({content:this.props.replyContent,error:this.props.replyError,submitting:this.props.submitting});this.childCommentItems&&this.childCommentItems.length>0&&this.childCommentItems.forEach(t=>{t.setProps({replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting})})}else this.render()}handleReply(){this.props.onReply&&this.props.onReply(this.props.comment.id)}handleSubmitReply(){this.props.onSubmitReply&&this.props.onSubmitReply(this.props.comment.id)}handleCancelReply(){this.props.onCancelReply&&this.props.onCancelReply()}handleUpdateReplyContent(t){this.props.onUpdateReplyContent&&this.props.onUpdateReplyContent(t)}handleClearReplyError(){this.props.onClearReplyError&&this.props.onClearReplyError()}}class c extends i{constructor(t,e={}){super(t,{text:"加载中...",...e})}render(){const t=this.createElement("div",{className:"cwd-loading",children:[this.createElement("div",{className:"cwd-spinner"}),this.createTextElement("span",this.props.text,"cwd-loading-text")]});this.elements.root=t,this.empty(this.container),this.container.appendChild(t)}setText(t){this.props.text=t;const e=this.elements.root.querySelector(".cwd-loading-text");e&&(e.textContent=t)}}class p extends i{constructor(t,e={}){super(t,e),this.state={currentPage:e.currentPage||1,totalPages:e.totalPages||1}}getDisplayedPages(){const{currentPage:t,totalPages:e}=this.state,r=[],o=Math.max(1,t-Math.floor(2.5)),n=Math.min(e,o+5-1);for(let i=n-5+1;i<=n;i++)i>=1&&r.push(i);return r.slice(0,5)}render(){if(this.state.totalPages<=1)return void this.empty(this.container);const t=this.getDisplayedPages(),e=this.createElement("div",{className:"cwd-pagination",children:[this.createElement("button",{className:"cwd-page-btn",attributes:{type:"button",disabled:1===this.state.currentPage,onClick:()=>this.handlePrev()},text:"上一页"}),this.createElement("div",{className:"cwd-page-numbers",children:t.map(t=>this.createElement("button",{className:"cwd-page-num "+(t===this.state.currentPage?"cwd-page-num-active":""),attributes:{type:"button",onClick:()=>this.handleGoTo(t)},text:t.toString()}))}),this.createElement("button",{className:"cwd-page-btn",attributes:{type:"button",disabled:this.state.currentPage===this.state.totalPages,onClick:()=>this.handleNext()},text:"下一页"})]});this.elements.root=e,this.empty(this.container),this.container.appendChild(e)}updateProps(){this.state.currentPage=this.props.currentPage,this.state.totalPages=this.props.totalPages,this.render()}handlePrev(){this.props.onPrev&&this.props.onPrev()}handleNext(){this.props.onNext&&this.props.onNext()}handleGoTo(t){this.props.onGoTo&&this.props.onGoTo(t)}}class m extends i{constructor(t,e={}){super(t,e),this.loadingComponent=null,this.paginationComponent=null,this.commentItems=new Map}render(){const{comments:t,loading:e,error:r,currentPage:o,totalPages:n}=this.props;if(this.empty(this.container),e&&0===t.length)return this.loadingComponent=new c(this.container,{text:"加载评论中..."}),this.loadingComponent.render(),void(this.elements.root=this.loadingComponent.elements.root);if(r&&0===t.length){const t=this.createElement("div",{className:"cwd-error",children:[this.createTextElement("span",r),this.createElement("button",{className:"cwd-error-retry",attributes:{type:"button",onClick:()=>this.handleRetry()},text:"重试"})]});return this.elements.root=t,void this.container.appendChild(t)}const i=this.createElement("div",{className:"cwd-comment-list"});if(t.length>0){const e=this.createElement("div",{className:"cwd-comments"});this.commentItems.clear(),t.forEach((t,r)=>{const o=new d(e,{comment:t,replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting,adminEmail:this.props.adminEmail,adminBadge:this.props.adminBadge,onReply:t=>this.handleReply(t),onSubmitReply:t=>this.handleSubmitReply(t),onCancelReply:()=>this.handleCancelReply(),onUpdateReplyContent:t=>this.handleUpdateReplyContent(t),onClearReplyError:()=>this.handleClearReplyError()});o.render(),this.commentItems.set(t.id,o)}),i.appendChild(e)}else{const t=this.createElement("div",{className:"cwd-empty",children:[this.createTextElement("p","暂无评论，快来抢沙发吧！","cwd-empty-text")]});i.appendChild(t)}if(n>1){const t=this.createElement("div");i.appendChild(t),this.paginationComponent=new p(t,{currentPage:o,totalPages:n,onPrev:()=>this.handlePrevPage(),onNext:()=>this.handleNextPage(),onGoTo:t=>this.handleGoToPage(t)}),this.paginationComponent.render()}else this.paginationComponent=null;this.elements.root=i,this.container.appendChild(i)}updateProps(t){if(this.props.loading===t.loading||this.props.loading)if(this.props.comments===t.comments)if(this.props.replyingTo===t.replyingTo&&this.props.replyError===t.replyError&&this.props.submitting===t.submitting){if(this.paginationComponent){(this.props.currentPage!==t.currentPage||this.props.totalPages!==t.totalPages)&&(this.paginationComponent.props.currentPage=this.props.currentPage,this.paginationComponent.props.totalPages=this.props.totalPages,this.paginationComponent.updateProps())}}else this.commentItems.forEach(t=>{t.setProps({replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting})});else this.render();else this.render()}handleRetry(){this.props.onRetry&&this.props.onRetry()}handleReply(t){this.props.onReply&&this.props.onReply(t)}handleSubmitReply(t){this.props.onSubmitReply&&this.props.onSubmitReply(t)}handleCancelReply(){this.props.onCancelReply&&this.props.onCancelReply()}handleUpdateReplyContent(t){this.props.onUpdateReplyContent&&this.props.onUpdateReplyContent(t)}handleClearReplyError(){this.props.onClearReplyError&&this.props.onClearReplyError()}handlePrevPage(){this.props.onPrevPage&&this.props.onPrevPage()}handleNextPage(){this.props.onNextPage&&this.props.onNextPage()}handleGoToPage(t){this.props.onGoToPage&&this.props.onGoToPage(t)}}class h{constructor(t){this.config={...t},"undefined"!=typeof window&&(this.config.postSlug=window.location.origin+window.location.pathname),"undefined"!=typeof document&&(this.config.postTitle=document.title||this.config.postSlug),"undefined"!=typeof window&&(this.config.postUrl=window.location.href),this.hostElement=this._resolveElement(t.el),this.shadowRoot=null,this.mountPoint=null,this.commentForm=null,this.commentList=null,this.store=null,this.unsubscribe=null,this._mounted=!1}_resolveElement(t){if("string"==typeof t){const e=document.querySelector(t);if(!e)throw new Error(`元素未找到: ${t}`);if(!(e instanceof HTMLElement))throw new Error(`目标不是 HTMLElement: ${t}`);return e}return t}async _loadServerConfig(){try{const t=this.config.apiBaseUrl;if(!t)return{};const e=t.replace(/\/$/,""),r=await fetch(`${e}/api/config/comments`);if(!r.ok)return{};const o=await r.json();return{adminEmail:o.adminEmail||"",adminBadge:o.adminBadge||"",adminEnabled:!!o.adminEnabled,avatarPrefix:o.avatarPrefix||"",allowedDomains:Array.isArray(o.allowedDomains)?o.allowedDomains:[]}}catch(t){return{}}}mount(){if(this._mounted)return;this.shadowRoot=this.hostElement.attachShadow({mode:"open"});const t=document.createElement("style");t.textContent=':root,[data-theme=light]{--cwd-primary: #0969da;--cwd-primary-hover: #0864ca;--cwd-text: #24292f;--cwd-text-secondary: #6e7781;--cwd-bg: #ffffff;--cwd-bg-input: #ffffff;--cwd-bg-secondary: #f6f8fa;--cwd-bg-reply: #f6f8fa;--cwd-bg-hover: #f6f8fa;--cwd-bg-disabled: #f6f8fa;--cwd-bg-avatar: #f6f8fa;--cwd-border: #d0d7de;--cwd-border-light: #eaeef2;--cwd-error: #cf222e;--cwd-bg-error: #ffebe9;--cwd-border-error: #fd8c73;--cwd-radius: 6px}[data-theme=dark]{--cwd-primary: #58a6ff;--cwd-primary-hover: #4094ff;--cwd-text: #c9d1d9;--cwd-text-secondary: #8b949e;--cwd-bg: #0d1117;--cwd-bg-input: #0d1117;--cwd-bg-secondary: #161b22;--cwd-bg-reply: #161b22;--cwd-bg-hover: #161b22;--cwd-bg-disabled: #161b22;--cwd-bg-avatar: #161b22;--cwd-border: #30363d;--cwd-border-light: #21262d;--cwd-error: #f85149;--cwd-bg-error: #3d1614;--cwd-border-error: #f85149}*{box-sizing:border-box;margin:0;padding:0}.cwd-comments-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;line-height:1.5;color:var(--cwd-text);background:var(--cwd-bg);word-wrap:break-word}.cwd-comments-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:16px;border-bottom:1px solid var(--cwd-border)}.cwd-comments-count{font-size:16px;font-weight:600;color:var(--cwd-text)}.cwd-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--cwd-text-secondary, #6e7781)}.cwd-spinner{width:20px;height:20px;border:2px solid var(--cwd-border, #d0d7de);border-top-color:var(--cwd-primary, #0969da);border-radius:50%;animation:cwd-spin .6s linear infinite}@keyframes cwd-spin{to{transform:rotate(360deg)}}.cwd-loading-text{font-size:14px}.cwd-comment-form{background:var(--cwd-bg, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);padding:20px;margin-bottom:24px}.cwd-form-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--cwd-text, #24292f)}.cwd-form-fields{display:flex;flex-direction:column;gap:12px}.cwd-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:640px){.cwd-form-row{grid-template-columns:1fr}}.cwd-form-field{display:flex;flex-direction:column;gap:4px}.cwd-form-label{font-size:13px;font-weight:500;color:var(--cwd-text, #24292f)}.cwd-form-field input,.cwd-form-field textarea{width:100%;padding:8px 12px;font-size:14px;line-height:1.5;color:var(--cwd-text, #24292f);background:var(--cwd-bg-input, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);transition:border-color .2s,box-shadow .2s;font-family:inherit}.cwd-form-field input:focus,.cwd-form-field textarea:focus{outline:none;border-color:var(--cwd-primary, #0969da);box-shadow:0 0 0 3px #0969da1a}.cwd-form-field input:disabled,.cwd-form-field textarea:disabled{background:var(--cwd-bg-disabled, #f6f8fa);cursor:not-allowed}.cwd-form-field input.cwd-input-error,.cwd-form-field textarea.cwd-input-error{border-color:var(--cwd-error, #cf222e)}.cwd-form-field textarea{resize:vertical;min-height:80px}.cwd-error-text{font-size:12px;color:var(--cwd-error, #cf222e)}.cwd-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.cwd-btn{padding:8px 16px;font-size:14px;font-weight:500;line-height:1.5;border:none;border-radius:var(--cwd-radius, 6px);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-btn-primary{color:#fff;background:var(--cwd-primary, #0969da)}.cwd-btn-primary:hover:not(:disabled){background:var(--cwd-primary-hover, #0864ca)}.cwd-btn:disabled{opacity:.6;cursor:not-allowed}.cwd-reply-editor{margin-top:12px;padding:12px;background:var(--cwd-bg-reply, #f6f8fa);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px)}.cwd-reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cwd-reply-to{font-size:13px;font-weight:500;color:var(--cwd-text-secondary, #6e7781)}.cwd-btn-close{width:20px;height:20px;padding:0;font-size:14px;color:var(--cwd-text-secondary, #6e7781);background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cwd-btn-close:hover{background:var(--cwd-bg-hover, rgba(0, 0, 0, .05))}.cwd-reply-textarea{width:100%;padding:8px 12px;font-size:14px;line-height:1.5;color:var(--cwd-text, #24292f);background:var(--cwd-bg-input, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);resize:vertical;font-family:inherit;margin-bottom:8px}.cwd-reply-textarea:focus{outline:none;border-color:var(--cwd-primary, #0969da);box-shadow:0 0 0 3px #0969da1a}.cwd-reply-actions{display:flex;gap:8px;justify-content:flex-end}.cwd-btn-small{padding:4px 10px;font-size:12px}.cwd-btn-secondary{color:var(--cwd-text, #24292f);background:var(--cwd-bg-secondary, #f6f8fa);border:1px solid var(--cwd-border, #d0d7de)}.cwd-btn-secondary:hover:not(:disabled){background:var(--cwd-bg-hover, #eaeef2)}.cwd-comment-item{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid var(--cwd-border-light, #eaeef2)}.cwd-comment-body:hover .cwd-action-btn{display:inline-flex!important}.cwd-comment-item:last-child{border-bottom:none}.cwd-comment-reply{padding-top:12px;padding-bottom:12px}.cwd-comment-avatar{flex-shrink:0;width:40px;height:40px;border-radius:5px;border:1px solid var(--cwd-border, #d0d7de);overflow:hidden;background:var(--cwd-bg-avatar, #f6f8fa)}.cwd-comment-avatar img{width:100%;height:100%;object-fit:cover}.cwd-comment-reply .cwd-comment-avatar{width:32px;height:32px}.cwd-comment-body{flex:1;min-width:0}.cwd-comment-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.cwd-author-name{font-size:16px;font-weight:600;color:var(--cwd-text, #24292f)}.cwd-author-name a{color:inherit;text-decoration:none}.cwd-author-name a:hover{color:var(--cwd-primary, #0969da);text-decoration:underline}.cwd-comment-author{display:inline-flex;align-items:center}.cwd-admin-badge{background:#db850d;color:#fff;border-radius:3px;padding:1px 4px;font-size:12px;margin:0 4px}.cwd-reply-to-separator{margin:0 4px}.cwd-reply-to-author{font-style:italic}.cwd-comment-time{font-size:12px;color:var(--cwd-text-secondary, #6e7781)}.cwd-comment-content{font-size:14px;line-height:1.6;color:var(--cwd-text, #24292f);word-wrap:break-word;margin-top:10px}.cwd-comment-content p{margin:0 0 8px}.cwd-comment-content p:last-child{margin-bottom:0}.cwd-comment-content a{color:var(--cwd-primary, #0969da);text-decoration:none}.cwd-comment-content a:hover{text-decoration:underline}.cwd-comment-content h1,.cwd-comment-content h2,.cwd-comment-content h3,.cwd-comment-content h4,.cwd-comment-content h5,.cwd-comment-content h6{margin-top:16px;margin-bottom:8px;font-weight:600;line-height:1.25}.cwd-comment-content h1{font-size:1.5em}.cwd-comment-content h2{font-size:1.3em}.cwd-comment-content h3{font-size:1.1em}.cwd-comment-content ul,.cwd-comment-content ol{padding-left:1.7em;margin:0 0 8px}.cwd-comment-content li+li{margin-top:4px}.cwd-comment-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;background:var(--cwd-bg-secondary, #f6f8fa);padding:.2em .4em;border-radius:4px}.cwd-comment-content pre{padding:12px;margin:12px 0;overflow-x:auto;background:var(--cwd-bg-secondary, #f6f8fa);border-radius:6px;font-size:.9em}.cwd-comment-content pre code{padding:0;background:transparent;border-radius:0;display:block}.cwd-comment-content blockquote{margin:8px 0;padding:0 12px;border-left:4px solid var(--cwd-border, #d0d7de);color:var(--cwd-text-secondary, #6e7781)}.cwd-comment-content hr{border:0;border-top:1px solid var(--cwd-border-light, #eaeef2);margin:16px 0}.cwd-comment-content table{border-collapse:collapse;border-spacing:0;width:100%;font-size:13px;margin:12px 0}.cwd-comment-content th,.cwd-comment-content td{border:1px solid var(--cwd-border, #d0d7de);padding:6px 12px;text-align:left}.cwd-comment-content th{background:var(--cwd-bg-secondary, #f6f8fa)}.cwd-comment-content img{max-width:100%;height:auto}.cwd-comment-actions{display:flex;align-items:center;gap:12px}.cwd-action-btn{display:inline-flex;align-items:center;font-size:12px;color:var(--cwd-text-secondary, #6e7781);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-family:inherit;display:none}.cwd-action-btn:hover{color:var(--cwd-primary, #0969da)}.cwd-replies{margin-top:12px;padding-left:12px;border-left:2px solid var(--cwd-border-light, #eaeef2)}.cwd-comment-list{min-height:100px}.cwd-comments{display:flex;flex-direction:column}.cwd-error{padding:20px;text-align:center;color:var(--cwd-error, #cf222e);background:var(--cwd-bg-error, #ffebe9);border:1px solid var(--cwd-border-error, #fd8c73);border-radius:var(--cwd-radius, 6px)}.cwd-error-retry{margin-left:12px;padding:4px 12px;font-size:13px;color:#fff;background:var(--cwd-primary, #0969da);border:none;border-radius:4px;cursor:pointer;font-family:inherit}.cwd-error-retry:hover{background:var(--cwd-primary-hover, #0864ca)}.cwd-empty{padding:40px 20px;text-align:center}.cwd-empty-icon{font-size:48px;margin-bottom:12px}.cwd-empty-text{margin:0;font-size:14px;color:var(--cwd-text-secondary, #6e7781)}.cwd-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0}.cwd-page-btn{padding:6px 12px;font-size:13px;color:var(--cwd-text, #24292f);background:var(--cwd-bg, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-page-btn:hover:not(:disabled){background:var(--cwd-bg-hover, #f6f8fa)}.cwd-page-btn:disabled{opacity:.5;cursor:not-allowed}.cwd-page-numbers{display:flex;gap:4px}.cwd-page-num{min-width:32px;padding:6px 8px;font-size:13px;color:var(--cwd-text, #24292f);background:var(--cwd-bg, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-page-num:hover{background:var(--cwd-bg-hover, #f6f8fa)}.cwd-page-num-active{color:#fff;background:var(--cwd-primary, #0969da);border-color:var(--cwd-primary, #0969da)}.cwd-error-inline{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px;font-size:14px;color:var(--cwd-error, #cf222e);background:var(--cwd-bg-error, #ffebe9);border:1px solid var(--cwd-border-error, #fd8c73);border-radius:var(--cwd-radius, 6px)}.cwd-error-close{width:20px;height:20px;padding:0;font-size:14px;color:inherit;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cwd-error-close:hover{background:#0000001a}.cwd-load-more{display:block;width:100%;padding:12px;margin:16px 0;font-size:14px;color:var(--cwd-primary);background:var(--cwd-bg-secondary);border:1px solid var(--cwd-border);border-radius:var(--cwd-radius);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-load-more:hover{background:var(--cwd-bg-hover)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.cwd-comments-container::-webkit-scrollbar{width:8px;height:8px}.cwd-comments-container::-webkit-scrollbar-track{background:transparent}.cwd-comments-container::-webkit-scrollbar-thumb{background:var(--cwd-border);border-radius:4px}.cwd-comments-container::-webkit-scrollbar-thumb:hover{background:var(--cwd-text-secondary)}',this.shadowRoot.appendChild(t),this.mountPoint=document.createElement("div"),this.mountPoint.className="cwd-comments-container",this.shadowRoot.appendChild(this.mountPoint),this.config.theme&&this.mountPoint.setAttribute("data-theme",this.config.theme),(async()=>{const t=await this._loadServerConfig();if(!this._mounted)return;if(t.allowedDomains&&t.allowedDomains.length>0&&"undefined"!=typeof window){const e=window.location.hostname;if(!t.allowedDomains.some(t=>e===t||e.endsWith("."+t)))return void(this.mountPoint.innerHTML=`\n            <div style="padding: 20px; text-align: center; color: #666; font-size: 14px; border: 1px solid #eee; border-radius: 8px; background: #f9f9f9;">\n              当前域名 (${e}) 未获得评论组件调用授权\n            </div>\n          `)}t.avatarPrefix&&(this.config.avatarPrefix=t.avatarPrefix),t.adminEnabled&&t.adminEmail&&(this.config.adminEmail=t.adminEmail),t.adminEnabled&&t.adminBadge&&(this.config.adminBadge=t.adminBadge);const r=e(this.config);this.store=n(this.config,r.fetchComments.bind(r),r.submitComment.bind(r)),this.unsubscribe=this.store.store.subscribe(t=>{this._onStateChange(t)}),this._render(),this.store.loadComments()})(),this._mounted=!0}unmount(){if(this._mounted){if(this.commentForm&&(this.commentForm.destroy(),this.commentForm=null),this.commentList&&(this.commentList.destroy(),this.commentList=null),this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null),this.hostElement)for(;this.hostElement.firstChild;)this.hostElement.removeChild(this.hostElement.firstChild);this.shadowRoot=null,this.mountPoint=null,this.store=null,this._mounted=!1}}_render(){if(!this.mountPoint)return;const t=this.store.store.getState();this.commentForm||(this.commentForm=new a(this.mountPoint,{form:t.form,formErrors:t.formErrors,submitting:t.submitting,onSubmit:()=>this._handleSubmit(),onFieldChange:(t,e)=>this.store.updateFormField(t,e)}),this.commentForm.render());const e=this.mountPoint.querySelector(".cwd-error-inline");if(t.error){if(!e){const e=document.createElement("div");e.className="cwd-error-inline",e.innerHTML=`\n          <span>${t.error}</span>\n          <button type="button" class="cwd-error-close" data-action="clear-error">✕</button>\n        `,e.querySelector('[data-action="clear-error"]').addEventListener("click",()=>{this.store.clearError()}),this.mountPoint.insertBefore(e,this.mountPoint.firstChild)}}else e&&e.remove();let r=this.mountPoint.querySelector(".cwd-comments-header");r||(r=document.createElement("div"),r.className="cwd-comments-header",r.innerHTML='\n        <h3 class="cwd-comments-count">\n          共 <span class="cwd-comments-count-number">0</span> 条评论\n        </h3>\n      ',this.mountPoint.appendChild(r));const o=r.querySelector(".cwd-comments-count-number");if(o&&(o.textContent=t.pagination.totalCount),!this.commentList){const e=document.createElement("div");this.mountPoint.appendChild(e),this.commentList=new m(e,{comments:t.comments,loading:t.loading,error:null,currentPage:t.pagination.page,totalPages:this.store.getTotalPages(),replyingTo:t.replyingTo,replyContent:t.replyContent,replyError:t.replyError,submitting:t.submitting,adminEmail:this.config.adminEmail,adminBadge:this.config.adminBadge||"博主",onRetry:()=>this.store.loadComments(),onReply:t=>this.store.startReply(t),onSubmitReply:t=>this.store.submitReply(t),onCancelReply:()=>this.store.cancelReply(),onUpdateReplyContent:t=>this.store.updateReplyContent(t),onClearReplyError:()=>this.store.clearReplyError(),onPrevPage:()=>this.store.goToPage(t.pagination.page-1),onNextPage:()=>this.store.goToPage(t.pagination.page+1),onGoToPage:t=>this.store.goToPage(t)}),this.commentList.render()}}_onStateChange(t,e){var r,o,n,i,a;if(!this._mounted)return;if(null==(o=null==(r=this.commentForm)?void 0:r.elements)?void 0:o.root){const e=this.commentForm.elements.root;null!==t.replyingTo?e.style.display="none":e.style.display=""}this.commentForm&&this.commentForm.setProps({form:t.form,formErrors:t.formErrors,submitting:t.submitting});const s=null==(n=this.mountPoint)?void 0:n.querySelector(".cwd-error-inline");if(t.error){if(!s){const e=document.createElement("div");e.className="cwd-error-inline",e.innerHTML=`\n          <span>${t.error}</span>\n          <button type="button" class="cwd-error-close" data-action="clear-error">✕</button>\n        `,e.querySelector('[data-action="clear-error"]').addEventListener("click",()=>{this.store.clearError()}),null==(i=this.mountPoint)||i.insertBefore(e,this.mountPoint.firstChild)}}else s&&s.remove();const l=null==(a=this.mountPoint)?void 0:a.querySelector(".cwd-comments-header"),d=null==l?void 0:l.querySelector(".cwd-comments-count-number");d&&(d.textContent=t.pagination.totalCount),this.commentList&&this.commentList.setProps({comments:t.comments,loading:t.loading,currentPage:t.pagination.page,totalPages:this.store.getTotalPages(),replyingTo:t.replyingTo,replyContent:t.replyContent,replyError:t.replyError,submitting:t.submitting})}async _handleSubmit(){await this.store.submitNewComment()&&this.commentForm&&(this.commentForm.state.localForm={...this.store.store.getState().form})}updateConfig(t){const r={...this.config};Object.assign(this.config,t),"undefined"!=typeof window&&(this.config.postSlug=window.location.origin+window.location.pathname),"undefined"!=typeof document&&(this.config.postTitle=document.title||this.config.postSlug),"undefined"!=typeof window&&(this.config.postUrl=window.location.href),t.theme&&this.mountPoint&&this.mountPoint.setAttribute("data-theme",t.theme);if(this.config.apiBaseUrl!==r.apiBaseUrl||this.config.pageSize!==r.pageSize||this.config.postSlug!==r.postSlug){const t=e(this.config);this.unsubscribe&&this.unsubscribe(),this.store=n(this.config,t.fetchComments.bind(t),t.submitComment.bind(t)),this.unsubscribe=this.store.store.subscribe(t=>{this._onStateChange(t)}),this.store.loadComments()}}getConfig(){return{...this.config}}}function u(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)}function g(t){if(!t)return!0;try{return new URL(t),!0}catch{return!1}}function f(t){return t&&0!==t.trim().length?t.length>1e3?{valid:!1,error:"评论内容不能超过 1000 字"}:{valid:!0}:{valid:!1,error:"请输入评论内容"}}"undefined"!=typeof window&&(window.CWDComments=h);const w=Object.freeze(Object.defineProperty({__proto__:null,isValidEmail:u,isValidUrl:g,validateCommentContent:f,validateCommentForm:function(t){const e={};t.name&&0!==t.name.trim().length?t.name.length>50&&(e.name="昵称不能超过 50 字"):e.name="请输入昵称",t.email&&0!==t.email.trim().length?u(t.email)||(e.email="邮箱格式不正确"):e.email="请输入邮箱",t.url&&!g(t.url)&&(e.url="网址格式不正确");const r=f(t.content);return r.valid||(e.content=r.error),{valid:0===Object.keys(e).length,errors:e}},validateReplyUserInfo:function(t){const e={};return t.name&&0!==t.name.trim().length?t.name.length>50&&(e.name="昵称不能超过 50 字"):e.name="请输入昵称",t.email&&0!==t.email.trim().length?u(t.email)||(e.email="邮箱格式不正确"):e.email="请输入邮箱",t.url&&!g(t.url)&&(e.url="网址格式不正确"),{valid:0===Object.keys(e).length,errors:e}}},Symbol.toStringTag,{value:"Module"}));t.CWDComments=h,t.default=h,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).CWDComments={})}(this,function(t){"use strict";function e(t){const e=t.apiBaseUrl.replace(/\/$/,"");return{fetchComments:async function(r=1,o=20){const n=new URLSearchParams({post_slug:t.postSlug,page:r.toString(),limit:o.toString(),nested:"true"});t.avatarPrefix&&n.set("avatar_prefix",t.avatarPrefix);const i=await fetch(`${e}/api/comments?${n}`);if(!i.ok)throw new Error(`获取评论失败: ${i.status} ${i.statusText}`);return i.json()},submitComment:async function(r){const o=await fetch(`${e}/api/comments`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({post_slug:t.postSlug,post_title:t.postTitle,post_url:t.postUrl,name:r.name,email:r.email,url:r.url||void 0,content:r.content,parent_id:r.parentId})});if(!o.ok)throw new Error(`提交评论失败: ${o.status} ${o.statusText}`);return o.json()}}}const r="cwd_user_info";class o{constructor(t){this.state={...t},this.listeners=[]}getState(){return{...this.state}}setState(t){const e={...this.state};this.state={...this.state,...t},this.listeners.forEach(t=>{t(this.state,e)})}subscribe(t){return this.listeners.push(t),()=>{this.listeners=this.listeners.filter(e=>e!==t)}}}function n(t,e,n){const i=function(){try{const t=localStorage.getItem(r);if(t){const e=JSON.parse(t);return{name:e.name||"",email:e.email||"",url:e.url||""}}}catch(t){}return{name:"",email:"",url:""}}(),a=new o({comments:[],loading:!0,error:null,pagination:{page:1,limit:t.pageSize||20,total:0,totalCount:0},form:{name:i.name||"",email:i.email||"",url:i.url||"",content:""},formErrors:{},submitting:!1,replyingTo:null,replyContent:"",replyError:null});async function s(t=1){a.setState({loading:!0,error:null});try{const r=await e(t,a.getState().pagination.limit);a.setState({comments:r.data,pagination:{page:r.pagination.page,limit:r.pagination.limit,total:r.pagination.total,totalCount:r.pagination.totalCount},loading:!1})}catch(r){a.setState({error:r instanceof Error?r.message:"加载评论失败",loading:!1})}}return a.subscribe(t=>{(t.form.name||t.form.email||t.form.url)&&function(t,e,o){try{const n={name:t,email:e,url:o};localStorage.setItem(r,JSON.stringify(n))}catch(n){}}(t.form.name,t.form.email,t.form.url)}),{store:a,getTotalPages:()=>a.getState().pagination.total,loadComments:s,submitNewComment:async function(){const t=a.getState(),e=t.form,{validateCommentForm:r}=await Promise.resolve().then(()=>w),o=r(e);if(!o.valid)return a.setState({formErrors:o.errors}),!1;a.setState({formErrors:{},submitting:!0,error:null});try{return await n({name:e.name,email:e.email,url:e.url,content:e.content}),a.setState({form:{...e,content:""},submitting:!1}),await s(t.pagination.page),!0}catch(i){return a.setState({error:i instanceof Error?i.message:"提交评论失败",submitting:!1}),!1}},submitReply:async function(t){const e=a.getState();if(!e.replyContent.trim())return!1;const{validateReplyUserInfo:r}=await Promise.resolve().then(()=>w),o=r(e.form);if(!o.valid){const t=Object.values(o.errors).join("；");return a.setState({replyError:t}),!1}a.setState({formErrors:{},submitting:!0,replyError:null});try{return await n({name:e.form.name,email:e.form.email,url:e.form.url,content:e.replyContent,parentId:t}),a.setState({replyContent:"",replyingTo:null,submitting:!1}),await s(e.pagination.page),!0}catch(i){return a.setState({error:i instanceof Error?i.message:"提交回复失败",submitting:!1}),!1}},startReply:function(t){a.setState({replyingTo:t,replyContent:"",replyError:null})},cancelReply:function(){a.setState({replyingTo:null,replyContent:"",replyError:null})},updateFormField:function(t,e){const r={...a.getState().form};r[t]=e,a.setState({form:r})},updateReplyContent:function(t){a.setState({replyContent:t})},clearReplyError:function(){a.setState({replyError:null})},clearError:function(){a.setState({error:null})},goToPage:function(t){const e=a.getState().pagination.total;t>=1&&t<=e&&s(t)}}}class i{constructor(t,e={}){this.container="string"==typeof t?document.querySelector(t):t,this.props=e,this.state={},this.elements={},this.destroyed=!1}setState(t){if(this.destroyed)return;const e={...this.state};this.state="function"==typeof t?{...this.state,...t(e)}:{...this.state,...t},this.update(e)}setProps(t){if(this.destroyed)return;const e={...this.props};this.props={...this.props,...t},this.updateProps(e)}render(){}update(t){this.render()}updateProps(t){}destroy(){this.destroyed=!0,this.container&&this.elements.root&&this.elements.root.parentNode&&this.elements.root.parentNode.removeChild(this.elements.root),this.elements={}}createElement(t,e={}){const r=document.createElement(t);if(e.className&&(r.className=e.className),e.attributes&&Object.entries(e.attributes).forEach(([t,e])=>{if(t.startsWith("on")){const o=t.slice(2).toLowerCase();r.addEventListener(o,e)}else"dataset"===t?Object.entries(e).forEach(([t,e])=>{r.dataset[t]=e}):["disabled","checked","readonly","required","autofocus"].includes(t)?e&&r.setAttribute(t,""):r.setAttribute(t,e)}),void 0!==e.text&&(r.textContent=e.text),void 0!==e.html&&(r.innerHTML=e.html),e.children){(Array.isArray(e.children)?e.children:[e.children]).forEach(t=>{t instanceof HTMLElement&&r.appendChild(t)})}return r}createTextElement(t,e,r=""){return this.createElement(t,{className:r,text:e})}empty(t){for(;t.firstChild;)t.removeChild(t.firstChild)}}class a extends i{constructor(t,e={}){super(t,e),this.state={localForm:{...e.form}}}render(){const{formErrors:t,submitting:e}=this.props,{localForm:r}=this.state,o=r.name.trim()&&r.email.trim()&&r.content.trim(),n=this.createElement("form",{className:"cwd-comment-form",attributes:{novalidate:!0,onSubmit:t=>this.handleSubmit(t)},children:[this.createTextElement("h3","发表评论","cwd-form-title"),this.createElement("div",{className:"cwd-form-fields",children:[this.createElement("div",{className:"cwd-form-row",children:[this.createFormField("昵称 *","text","name",r.name,t.name),this.createFormField("邮箱 *","email","email",r.email,t.email),this.createFormField("网址","url","url",r.url,t.url)]}),this.createElement("div",{className:"cwd-form-field",children:[this.createTextElement("label","写下你的评论...","cwd-form-label"),this.createElement("textarea",{className:"cwd-form-textarea "+(t.content?"cwd-input-error":""),attributes:{placeholder:"",rows:4,disabled:e,onInput:t=>this.handleFieldChange("content",t.target.value)}}),...t.content?[this.createTextElement("span",t.content,"cwd-error-text")]:[]]})]}),this.createElement("div",{className:"cwd-form-actions",children:[this.createElement("button",{className:"cwd-btn cwd-btn-primary",attributes:{type:"submit",disabled:e||!o},text:e?"提交中...":"提交评论"})]})]});this.setInputValues(n,r),this.elements.root=n,this.empty(this.container),this.container.appendChild(n)}updateProps(t){if(!this.props.submitting&&this.props.form!==t.form){const t=this.state.localForm.name||"",e=this.state.localForm.email||"",r=this.state.localForm.url||"",o=this.state.localForm.content||"";this.state.localForm={name:this.props.form.name||t,email:this.props.form.email||e,url:this.props.form.url||r,content:void 0!==this.props.form.content?this.props.form.content:o},this.elements.root&&this.setInputValues(this.elements.root,this.state.localForm)}this.elements.root&&this.updateFormState()}updateFormState(){const{formErrors:t,submitting:e}=this.props,{localForm:r}=this.state,o=r.name.trim()&&r.email.trim()&&r.content.trim(),n=this.elements.root.querySelector('button[type="submit"]');n&&(n.disabled=e||!o,n.textContent=e?"提交中...":"提交评论");this.elements.root.querySelectorAll("input, textarea").forEach(t=>{t.disabled=e}),this.updateErrors(t)}updateErrors(t){if(!this.elements.root)return;const e=this.elements.root.querySelector('input[name="name"]');this.updateFieldError(e,null==t?void 0:t.name);const r=this.elements.root.querySelector('input[name="email"]');this.updateFieldError(r,null==t?void 0:t.email);const o=this.elements.root.querySelector('input[name="url"]');this.updateFieldError(o,null==t?void 0:t.url);const n=this.elements.root.querySelector("textarea");this.updateFieldError(n,null==t?void 0:t.content)}updateFieldError(t,e){if(!t)return;e?t.classList.add("cwd-input-error"):t.classList.remove("cwd-input-error");const r=t.parentElement;let o=r.querySelector(".cwd-error-text");e?(o||(o=document.createElement("span"),o.className="cwd-error-text",r.appendChild(o)),o.textContent=e):o&&o.remove()}createFormField(t,e,r,o,n,i=""){return this.createElement("div",{className:"cwd-form-field",children:[this.createTextElement("label",t,"cwd-form-label"),this.createElement("input",{className:"cwd-form-input "+(n?"cwd-input-error":""),attributes:{type:e,name:r,value:o||"",disabled:this.props.submitting,onInput:t=>this.handleFieldChange(r,t.target.value)}}),...n?[this.createTextElement("span",n,"cwd-error-text")]:[]]})}setInputValues(t,e){const r=t.querySelector('input[name="name"]'),o=t.querySelector('input[name="email"]'),n=t.querySelector('input[name="url"]'),i=t.querySelector("textarea");r&&(r.value=e.name||""),o&&(o.value=e.email||""),n&&(n.value=e.url||""),i&&(i.value=e.content||"")}handleFieldChange(t,e){this.state.localForm[t]=e,this.props.onFieldChange&&this.props.onFieldChange(t,e),this.elements.root&&this.updateFormState()}handleSubmit(t){t.preventDefault(),this.props.onSubmit&&this.props.onSubmit(this.state.localForm)}}class s extends i{constructor(t,e={}){super(t,e),this.state={content:e.content||""}}render(){const t=this.createElement("div",{className:"cwd-reply-editor",children:[this.createElement("div",{className:"cwd-reply-header",children:[this.createTextElement("span",`回复 @${this.props.replyToAuthor}`,"cwd-reply-to"),this.createElement("button",{className:"cwd-btn-close",attributes:{type:"button",onClick:()=>this.handleCancel()},text:"✕"})]}),this.createElement("textarea",{className:"cwd-reply-textarea",attributes:{rows:3,placeholder:"写下你的回复...",disabled:this.props.submitting,onInput:t=>this.handleInput(t)}}),...this.props.error?[this.createElement("div",{className:"cwd-error-inline cwd-error-small",children:[this.createTextElement("span",this.props.error),this.createElement("button",{className:"cwd-error-close",attributes:{type:"button",onClick:()=>this.handleClearError()},text:"✕"})]})]:[],this.createElement("div",{className:"cwd-reply-actions",children:[this.createElement("button",{className:"cwd-btn cwd-btn-primary cwd-btn-small",attributes:{type:"button",disabled:this.props.submitting||!this.state.content.trim(),onClick:()=>this.handleSubmit()},text:this.props.submitting?"提交中...":"提交回复"}),this.createElement("button",{className:"cwd-btn cwd-btn-secondary cwd-btn-small",attributes:{type:"button",disabled:this.props.submitting,onClick:()=>this.handleCancel()},text:"取消"})]})]}),e=t.querySelector("textarea");e&&(e.value=this.state.content),this.elements.root=t,this.empty(this.container),this.container.appendChild(t)}updateProps(t){if(this.props.content!==this.state.content&&this.props.content!==(null==t?void 0:t.content))return this.state.content=this.props.content,void this.render();this.props.error===(null==t?void 0:t.error)&&this.props.submitting===(null==t?void 0:t.submitting)||this.render()}handleInput(t){var e;this.state.content=t.target.value;const r=null==(e=this.elements.root)?void 0:e.querySelector(".cwd-btn-primary");r&&(r.disabled=this.props.submitting||!this.state.content.trim()),this.props.onUpdate&&this.props.onUpdate(this.state.content)}handleSubmit(){this.props.onSubmit&&this.props.onSubmit()}handleCancel(){this.props.onCancel&&this.props.onCancel()}handleClearError(){this.props.onClearError&&this.props.onClearError()}setContent(t){var e;this.state.content=t;const r=null==(e=this.elements.root)?void 0:e.querySelector("textarea");r&&(r.value=t)}getContent(){return this.state.content}focus(){var t;const e=null==(t=this.elements.root)?void 0:t.querySelector("textarea");e&&e.focus()}}function l(t){const e=new Date(t),r=(new Date).getTime()-e.getTime(),o=Math.floor(r/1e3),n=Math.floor(o/60),i=Math.floor(n/60),a=Math.floor(i/24);return a<3?a>0?1===a?"昨天":`${a}天前`:i>0?`${i}小时前`:n>0?`${n}分钟前`:"刚刚":function(t){const e=new Date(t),r=e.getFullYear(),o=String(e.getMonth()+1).padStart(2,"0"),n=String(e.getDate()).padStart(2,"0"),i=String(e.getHours()).padStart(2,"0"),a=String(e.getMinutes()).padStart(2,"0"),s=String(e.getSeconds()).padStart(2,"0");return`${r}/${o}/${n} ${i}:${a}:${s}`}(t)}class d extends i{constructor(t,e={}){super(t,e),this.replyEditor=null,this.childCommentItems=[]}render(){const{comment:t,isReply:e,adminEmail:r,adminBadge:o}=this.props,n=this.props.replyingTo===t.id,i=r&&t.email===r,a=this.createElement("div",{className:"cwd-comment-item "+(e?"cwd-comment-reply":""),children:[this.createElement("div",{className:"cwd-comment-avatar",children:[this.createElement("img",{attributes:{src:t.avatar,alt:t.name,loading:"lazy"}})]}),this.createElement("div",{className:"cwd-comment-body",children:[this.createElement("div",{className:"cwd-comment-header",children:[this.createElement("div",{className:"cwd-comment-author",children:[t.url?this.createElement("span",{className:"cwd-author-name",children:[this.createElement("a",{attributes:{href:t.url,target:"_blank",rel:"noopener noreferrer"},text:t.name})]}):this.createTextElement("span",t.name,"cwd-author-name"),...i?[this.createTextElement("span",`${o}`,"cwd-admin-badge")]:[],...t.replyToAuthor?[this.createTextElement("span"," 回复 ","cwd-reply-to-separator"),this.createTextElement("span",t.replyToAuthor,"cwd-reply-to-author")]:[]]}),this.createElement("div",{className:"cwd-comment-actions",children:[this.createElement("span",{className:"cwd-action-btn",attributes:{onClick:()=>this.handleReply()},text:"回复"}),this.createTextElement("span",l(t.created),"cwd-comment-time")]})]}),this.createElement("div",{className:"cwd-comment-content"}),this.createElement("div",{className:"cwd-reply-editor-container"}),...t.replies&&t.replies.length>0?[this.createElement("div",{className:"cwd-replies"})]:[]]})]}),c=a.querySelector(".cwd-comment-content");if(c&&(c.innerHTML=t.contentHtml),n){const e=a.querySelector(".cwd-reply-editor-container");e&&(this.replyEditor=new s(e,{replyToAuthor:t.name,content:this.props.replyContent,error:this.props.replyError,submitting:this.props.submitting,onUpdate:t=>this.handleUpdateReplyContent(t),onSubmit:()=>this.handleSubmitReply(),onCancel:()=>this.handleCancelReply(),onClearError:()=>this.handleClearReplyError()}),this.replyEditor.render(),this.replyEditor.focus())}else this.replyEditor=null;if(this.childCommentItems=[],t.replies&&t.replies.length>0){const e=a.querySelector(".cwd-replies");e&&t.replies.forEach(t=>{const r=new d(e,{comment:t,isReply:!0,replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting,adminEmail:this.props.adminEmail,adminBadge:this.props.adminBadge,onReply:this.props.onReply,onSubmitReply:this.props.onSubmitReply,onCancelReply:this.props.onCancelReply,onUpdateReplyContent:this.props.onUpdateReplyContent,onClearReplyError:this.props.onClearReplyError});r.render(),this.childCommentItems.push(r)})}this.elements.root=a,this.container.contains(a)?this.container.replaceChild(a,this.elements.root):this.container.appendChild(a)}updateProps(t){var e;const{comment:r}=this.props,o=t.replyingTo===r.id,n=this.props.replyingTo===r.id;if(this.props.comment===t.comment){if(n!==o){const t=null==(e=this.elements.root)?void 0:e.querySelector(":scope > .cwd-comment-body > .cwd-reply-editor-container");n&&t?(this.replyEditor=new s(t,{replyToAuthor:r.name,content:this.props.replyContent,error:this.props.replyError,submitting:this.props.submitting,onUpdate:t=>this.handleUpdateReplyContent(t),onSubmit:()=>this.handleSubmitReply(),onCancel:()=>this.handleCancelReply(),onClearError:()=>this.handleClearReplyError()}),this.replyEditor.render(),this.replyEditor.focus()):!n&&t&&(t.innerHTML="",this.replyEditor=null)}else n&&this.replyEditor&&this.replyEditor.setProps({content:this.props.replyContent,error:this.props.replyError,submitting:this.props.submitting});this.childCommentItems&&this.childCommentItems.length>0&&this.childCommentItems.forEach(t=>{t.setProps({replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting})})}else this.render()}handleReply(){this.props.onReply&&this.props.onReply(this.props.comment.id)}handleSubmitReply(){this.props.onSubmitReply&&this.props.onSubmitReply(this.props.comment.id)}handleCancelReply(){this.props.onCancelReply&&this.props.onCancelReply()}handleUpdateReplyContent(t){this.props.onUpdateReplyContent&&this.props.onUpdateReplyContent(t)}handleClearReplyError(){this.props.onClearReplyError&&this.props.onClearReplyError()}}class c extends i{constructor(t,e={}){super(t,{text:"加载中...",...e})}render(){const t=this.createElement("div",{className:"cwd-loading",children:[this.createElement("div",{className:"cwd-spinner"}),this.createTextElement("span",this.props.text,"cwd-loading-text")]});this.elements.root=t,this.empty(this.container),this.container.appendChild(t)}setText(t){this.props.text=t;const e=this.elements.root.querySelector(".cwd-loading-text");e&&(e.textContent=t)}}class p extends i{constructor(t,e={}){super(t,e),this.state={currentPage:e.currentPage||1,totalPages:e.totalPages||1}}getDisplayedPages(){const{currentPage:t,totalPages:e}=this.state,r=[],o=Math.max(1,t-Math.floor(2.5)),n=Math.min(e,o+5-1);for(let i=n-5+1;i<=n;i++)i>=1&&r.push(i);return r.slice(0,5)}render(){if(this.state.totalPages<=1)return void this.empty(this.container);const t=this.getDisplayedPages(),e=this.createElement("div",{className:"cwd-pagination",children:[this.createElement("button",{className:"cwd-page-btn",attributes:{type:"button",disabled:1===this.state.currentPage,onClick:()=>this.handlePrev()},text:"上一页"}),this.createElement("div",{className:"cwd-page-numbers",children:t.map(t=>this.createElement("button",{className:"cwd-page-num "+(t===this.state.currentPage?"cwd-page-num-active":""),attributes:{type:"button",onClick:()=>this.handleGoTo(t)},text:t.toString()}))}),this.createElement("button",{className:"cwd-page-btn",attributes:{type:"button",disabled:this.state.currentPage===this.state.totalPages,onClick:()=>this.handleNext()},text:"下一页"})]});this.elements.root=e,this.empty(this.container),this.container.appendChild(e)}updateProps(){this.state.currentPage=this.props.currentPage,this.state.totalPages=this.props.totalPages,this.render()}handlePrev(){this.props.onPrev&&this.props.onPrev()}handleNext(){this.props.onNext&&this.props.onNext()}handleGoTo(t){this.props.onGoTo&&this.props.onGoTo(t)}}class m extends i{constructor(t,e={}){super(t,e),this.loadingComponent=null,this.paginationComponent=null,this.commentItems=new Map}render(){const{comments:t,loading:e,error:r,currentPage:o,totalPages:n}=this.props;if(this.empty(this.container),e&&0===t.length)return this.loadingComponent=new c(this.container,{text:"加载评论中..."}),this.loadingComponent.render(),void(this.elements.root=this.loadingComponent.elements.root);if(r&&0===t.length){const t=this.createElement("div",{className:"cwd-error",children:[this.createTextElement("span",r),this.createElement("button",{className:"cwd-error-retry",attributes:{type:"button",onClick:()=>this.handleRetry()},text:"重试"})]});return this.elements.root=t,void this.container.appendChild(t)}const i=this.createElement("div",{className:"cwd-comment-list"});if(t.length>0){const e=this.createElement("div",{className:"cwd-comments"});this.commentItems.clear(),t.forEach((t,r)=>{const o=new d(e,{comment:t,replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting,adminEmail:this.props.adminEmail,adminBadge:this.props.adminBadge,onReply:t=>this.handleReply(t),onSubmitReply:t=>this.handleSubmitReply(t),onCancelReply:()=>this.handleCancelReply(),onUpdateReplyContent:t=>this.handleUpdateReplyContent(t),onClearReplyError:()=>this.handleClearReplyError()});o.render(),this.commentItems.set(t.id,o)}),i.appendChild(e)}else{const t=this.createElement("div",{className:"cwd-empty",children:[this.createTextElement("p","暂无评论，快来抢沙发吧！","cwd-empty-text")]});i.appendChild(t)}if(n>1){const t=this.createElement("div");i.appendChild(t),this.paginationComponent=new p(t,{currentPage:o,totalPages:n,onPrev:()=>this.handlePrevPage(),onNext:()=>this.handleNextPage(),onGoTo:t=>this.handleGoToPage(t)}),this.paginationComponent.render()}else this.paginationComponent=null;this.elements.root=i,this.container.appendChild(i)}updateProps(t){if(this.props.loading===t.loading||this.props.loading)if(this.props.comments===t.comments)if(this.props.replyingTo===t.replyingTo&&this.props.replyError===t.replyError&&this.props.submitting===t.submitting){if(this.paginationComponent){(this.props.currentPage!==t.currentPage||this.props.totalPages!==t.totalPages)&&(this.paginationComponent.props.currentPage=this.props.currentPage,this.paginationComponent.props.totalPages=this.props.totalPages,this.paginationComponent.updateProps())}}else this.commentItems.forEach(t=>{t.setProps({replyingTo:this.props.replyingTo,replyContent:this.props.replyContent,replyError:this.props.replyError,submitting:this.props.submitting})});else this.render();else this.render()}handleRetry(){this.props.onRetry&&this.props.onRetry()}handleReply(t){this.props.onReply&&this.props.onReply(t)}handleSubmitReply(t){this.props.onSubmitReply&&this.props.onSubmitReply(t)}handleCancelReply(){this.props.onCancelReply&&this.props.onCancelReply()}handleUpdateReplyContent(t){this.props.onUpdateReplyContent&&this.props.onUpdateReplyContent(t)}handleClearReplyError(){this.props.onClearReplyError&&this.props.onClearReplyError()}handlePrevPage(){this.props.onPrevPage&&this.props.onPrevPage()}handleNextPage(){this.props.onNextPage&&this.props.onNextPage()}handleGoToPage(t){this.props.onGoToPage&&this.props.onGoToPage(t)}}class h{constructor(t){this.config={...t},"undefined"!=typeof window&&(this.config.postSlug=window.location.origin+window.location.pathname),"undefined"!=typeof document&&(this.config.postTitle=document.title||this.config.postSlug),"undefined"!=typeof window&&(this.config.postUrl=window.location.href),this.hostElement=this._resolveElement(t.el),this.shadowRoot=null,this.mountPoint=null,this.commentForm=null,this.commentList=null,this.store=null,this.unsubscribe=null,this._mounted=!1}_resolveElement(t){if("string"==typeof t){const e=document.querySelector(t);if(!e)throw new Error(`元素未找到: ${t}`);if(!(e instanceof HTMLElement))throw new Error(`目标不是 HTMLElement: ${t}`);return e}return t}async _loadServerConfig(){try{const t=this.config.apiBaseUrl;if(!t)return{};const e=t.replace(/\/$/,""),r=await fetch(`${e}/api/config/comments`);if(!r.ok)return{};const o=await r.json();return{adminEmail:o.adminEmail||"",adminBadge:o.adminBadge||"",adminEnabled:!!o.adminEnabled,avatarPrefix:o.avatarPrefix||"",allowedDomains:Array.isArray(o.allowedDomains)?o.allowedDomains:[]}}catch(t){return{}}}mount(){if(this._mounted)return;this.shadowRoot=this.hostElement.attachShadow({mode:"open"});const t=document.createElement("style");t.textContent=':root,[data-theme=light]{--cwd-primary: #0969da;--cwd-primary-hover: #0864ca;--cwd-text: #24292f;--cwd-text-secondary: #6e7781;--cwd-bg: #ffffff;--cwd-bg-input: #ffffff;--cwd-bg-secondary: #f6f8fa;--cwd-bg-reply: #f6f8fa;--cwd-bg-hover: #f6f8fa;--cwd-bg-disabled: #f6f8fa;--cwd-bg-avatar: #f6f8fa;--cwd-border: #d0d7de;--cwd-border-light: #eaeef2;--cwd-error: #cf222e;--cwd-bg-error: #ffebe9;--cwd-border-error: #fd8c73;--cwd-radius: 6px}[data-theme=dark]{--cwd-primary: #58a6ff;--cwd-primary-hover: #4094ff;--cwd-text: #c9d1d9;--cwd-text-secondary: #8b949e;--cwd-bg: #0d1117;--cwd-bg-input: #0d1117;--cwd-bg-secondary: #161b22;--cwd-bg-reply: #161b22;--cwd-bg-hover: #161b22;--cwd-bg-disabled: #161b22;--cwd-bg-avatar: #161b22;--cwd-border: #30363d;--cwd-border-light: #21262d;--cwd-error: #f85149;--cwd-bg-error: #3d1614;--cwd-border-error: #f85149}*{box-sizing:border-box;margin:0;padding:0}.cwd-comments-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;line-height:1.5;color:var(--cwd-text);background:var(--cwd-bg);word-wrap:break-word}.cwd-comments-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:16px;border-bottom:1px solid var(--cwd-border)}.cwd-comments-count{font-size:16px;font-weight:600;color:var(--cwd-text)}.cwd-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--cwd-text-secondary, #6e7781)}.cwd-spinner{width:20px;height:20px;border:2px solid var(--cwd-border, #d0d7de);border-top-color:var(--cwd-primary, #0969da);border-radius:50%;animation:cwd-spin .6s linear infinite}@keyframes cwd-spin{to{transform:rotate(360deg)}}.cwd-loading-text{font-size:14px}.cwd-comment-form{background:var(--cwd-bg, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);padding:20px;margin-bottom:24px}.cwd-form-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--cwd-text, #24292f)}.cwd-form-fields{display:flex;flex-direction:column;gap:12px}.cwd-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:640px){.cwd-form-row{grid-template-columns:1fr}}.cwd-form-field{display:flex;flex-direction:column;gap:4px}.cwd-form-label{font-size:13px;font-weight:500;color:var(--cwd-text, #24292f)}.cwd-form-field input,.cwd-form-field textarea{width:100%;padding:8px 12px;font-size:14px;line-height:1.5;color:var(--cwd-text, #24292f);background:var(--cwd-bg-input, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);transition:border-color .2s,box-shadow .2s;font-family:inherit}.cwd-form-field input:focus,.cwd-form-field textarea:focus{outline:none;border-color:var(--cwd-primary, #0969da);box-shadow:0 0 0 3px #0969da1a}.cwd-form-field input:disabled,.cwd-form-field textarea:disabled{background:var(--cwd-bg-disabled, #f6f8fa);cursor:not-allowed}.cwd-form-field input.cwd-input-error,.cwd-form-field textarea.cwd-input-error{border-color:var(--cwd-error, #cf222e)}.cwd-form-field textarea{resize:vertical;min-height:80px}.cwd-error-text{font-size:12px;color:var(--cwd-error, #cf222e)}.cwd-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.cwd-btn{padding:8px 16px;font-size:14px;font-weight:500;line-height:1.5;border:none;border-radius:var(--cwd-radius, 6px);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-btn-primary{color:#fff;background:var(--cwd-primary, #0969da)}.cwd-btn-primary:hover:not(:disabled){background:var(--cwd-primary-hover, #0864ca)}.cwd-btn:disabled{opacity:.6;cursor:not-allowed}.cwd-reply-editor{margin-top:12px;padding:12px;background:var(--cwd-bg-reply, #f6f8fa);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px)}.cwd-reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cwd-reply-to{font-size:13px;font-weight:500;color:var(--cwd-text-secondary, #6e7781)}.cwd-btn-close{width:20px;height:20px;padding:0;font-size:14px;color:var(--cwd-text-secondary, #6e7781);background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cwd-btn-close:hover{background:var(--cwd-bg-hover, rgba(0, 0, 0, .05))}.cwd-reply-textarea{width:100%;padding:8px 12px;font-size:14px;line-height:1.5;color:var(--cwd-text, #24292f);background:var(--cwd-bg-input, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);resize:vertical;font-family:inherit;margin-bottom:8px}.cwd-reply-textarea:focus{outline:none;border-color:var(--cwd-primary, #0969da);box-shadow:0 0 0 3px #0969da1a}.cwd-reply-actions{display:flex;gap:8px;justify-content:flex-end}.cwd-btn-small{padding:4px 10px;font-size:12px}.cwd-btn-secondary{color:var(--cwd-text, #24292f);background:var(--cwd-bg-secondary, #f6f8fa);border:1px solid var(--cwd-border, #d0d7de)}.cwd-btn-secondary:hover:not(:disabled){background:var(--cwd-bg-hover, #eaeef2)}.cwd-comment-item{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid var(--cwd-border-light, #eaeef2)}.cwd-comment-body:hover .cwd-action-btn{display:inline-flex!important}.cwd-comment-item:last-child{border-bottom:none}.cwd-comment-reply{padding-top:12px;padding-bottom:12px}.cwd-comment-avatar{flex-shrink:0;width:40px;height:40px;border-radius:5px;border:1px solid var(--cwd-border, #d0d7de);overflow:hidden;background:var(--cwd-bg-avatar, #f6f8fa)}.cwd-comment-avatar img{width:100%;height:100%;object-fit:cover}.cwd-comment-reply .cwd-comment-avatar{width:32px;height:32px}.cwd-comment-body{flex:1;min-width:0}.cwd-comment-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.cwd-author-name{font-size:16px;font-weight:600;color:var(--cwd-text, #24292f)}.cwd-author-name a{color:inherit;text-decoration:none}.cwd-author-name a:hover{color:var(--cwd-primary, #0969da);text-decoration:underline}.cwd-comment-author{display:inline-flex;align-items:center}.cwd-admin-badge{background:#db850d;color:#fff;border-radius:3px;padding:1px 4px;font-size:12px;margin:0 4px}.cwd-reply-to-separator{margin:0 4px}.cwd-reply-to-author{font-style:italic}.cwd-comment-time{font-size:12px;color:var(--cwd-text-secondary, #6e7781)}.cwd-comment-content{font-size:14px;line-height:1.6;color:var(--cwd-text, #24292f);word-wrap:break-word;margin-top:10px}.cwd-comment-content p{margin:0 0 8px}.cwd-comment-content p:last-child{margin-bottom:0}.cwd-comment-content a{color:var(--cwd-primary, #0969da);text-decoration:none}.cwd-comment-content a:hover{text-decoration:underline}.cwd-comment-content h1,.cwd-comment-content h2,.cwd-comment-content h3,.cwd-comment-content h4,.cwd-comment-content h5,.cwd-comment-content h6{margin-top:16px;margin-bottom:8px;font-weight:600;line-height:1.25}.cwd-comment-content h1{font-size:1.5em}.cwd-comment-content h2{font-size:1.3em}.cwd-comment-content h3{font-size:1.1em}.cwd-comment-content ul,.cwd-comment-content ol{padding-left:1.7em;margin:0 0 8px}.cwd-comment-content li+li{margin-top:4px}.cwd-comment-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;background:var(--cwd-bg-secondary, #f6f8fa);padding:.2em .4em;border-radius:4px}.cwd-comment-content pre{padding:12px;margin:12px 0;overflow-x:auto;background:var(--cwd-bg-secondary, #f6f8fa);border-radius:6px;font-size:.9em}.cwd-comment-content pre code{padding:0;background:transparent;border-radius:0;display:block}.cwd-comment-content blockquote{margin:8px 0;padding:0 12px;border-left:4px solid var(--cwd-border, #d0d7de);color:var(--cwd-text-secondary, #6e7781)}.cwd-comment-content hr{border:0;border-top:1px solid var(--cwd-border-light, #eaeef2);margin:16px 0}.cwd-comment-content table{border-collapse:collapse;border-spacing:0;width:100%;font-size:13px;margin:12px 0}.cwd-comment-content th,.cwd-comment-content td{border:1px solid var(--cwd-border, #d0d7de);padding:6px 12px;text-align:left}.cwd-comment-content th{background:var(--cwd-bg-secondary, #f6f8fa)}.cwd-comment-content img{max-width:100%;height:auto}.cwd-comment-actions{display:flex;align-items:center;gap:12px}.cwd-action-btn{display:inline-flex;align-items:center;font-size:12px;color:var(--cwd-text-secondary, #6e7781);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-family:inherit;display:none}.cwd-action-btn:hover{color:var(--cwd-primary, #0969da)}.cwd-replies{margin-top:12px;padding-left:12px;border-left:2px solid var(--cwd-border-light, #eaeef2)}.cwd-comment-list{min-height:100px}.cwd-comments{display:flex;flex-direction:column}.cwd-error{padding:20px;text-align:center;color:var(--cwd-error, #cf222e);background:var(--cwd-bg-error, #ffebe9);border:1px solid var(--cwd-border-error, #fd8c73);border-radius:var(--cwd-radius, 6px)}.cwd-error-retry{margin-left:12px;padding:4px 12px;font-size:13px;color:#fff;background:var(--cwd-primary, #0969da);border:none;border-radius:4px;cursor:pointer;font-family:inherit}.cwd-error-retry:hover{background:var(--cwd-primary-hover, #0864ca)}.cwd-empty{padding:40px 20px;text-align:center}.cwd-empty-icon{font-size:48px;margin-bottom:12px}.cwd-empty-text{margin:0;font-size:14px;color:var(--cwd-text-secondary, #6e7781)}.cwd-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0}.cwd-page-btn{padding:6px 12px;font-size:13px;color:var(--cwd-text, #24292f);background:var(--cwd-bg, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-page-btn:hover:not(:disabled){background:var(--cwd-bg-hover, #f6f8fa)}.cwd-page-btn:disabled{opacity:.5;cursor:not-allowed}.cwd-page-numbers{display:flex;gap:4px}.cwd-page-num{min-width:32px;padding:6px 8px;font-size:13px;color:var(--cwd-text, #24292f);background:var(--cwd-bg, #ffffff);border:1px solid var(--cwd-border, #d0d7de);border-radius:var(--cwd-radius, 6px);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-page-num-active{color:#fff;background:var(--cwd-primary, #0969da);border-color:var(--cwd-primary, #0969da)}.cwd-error-inline{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:16px;font-size:14px;color:var(--cwd-error, #cf222e);background:var(--cwd-bg-error, #ffebe9);border:1px solid var(--cwd-border-error, #fd8c73);border-radius:var(--cwd-radius, 6px)}.cwd-error-close{width:20px;height:20px;padding:0;font-size:14px;color:inherit;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cwd-error-close:hover{background:#0000001a}.cwd-load-more{display:block;width:100%;padding:12px;margin:16px 0;font-size:14px;color:var(--cwd-primary);background:var(--cwd-bg-secondary);border:1px solid var(--cwd-border);border-radius:var(--cwd-radius);cursor:pointer;transition:background-color .2s;font-family:inherit}.cwd-load-more:hover{background:var(--cwd-bg-hover)}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.cwd-comments-container::-webkit-scrollbar{width:8px;height:8px}.cwd-comments-container::-webkit-scrollbar-track{background:transparent}.cwd-comments-container::-webkit-scrollbar-thumb{background:var(--cwd-border);border-radius:4px}.cwd-comments-container::-webkit-scrollbar-thumb:hover{background:var(--cwd-text-secondary)}',this.shadowRoot.appendChild(t),this.mountPoint=document.createElement("div"),this.mountPoint.className="cwd-comments-container",this.shadowRoot.appendChild(this.mountPoint),this.config.theme&&this.mountPoint.setAttribute("data-theme",this.config.theme),(async()=>{const t=await this._loadServerConfig();if(!this._mounted)return;if(t.allowedDomains&&t.allowedDomains.length>0&&"undefined"!=typeof window){const e=window.location.hostname;if(!t.allowedDomains.some(t=>e===t||e.endsWith("."+t)))return void(this.mountPoint.innerHTML=`\n            <div style="padding: 20px; text-align: center; color: #666; font-size: 14px; border: 1px solid #eee; border-radius: 8px; background: #f9f9f9;">\n              当前域名 (${e}) 未获得评论组件调用授权\n            </div>\n          `)}t.avatarPrefix&&(this.config.avatarPrefix=t.avatarPrefix),t.adminEnabled&&t.adminEmail&&(this.config.adminEmail=t.adminEmail),t.adminEnabled&&t.adminBadge&&(this.config.adminBadge=t.adminBadge);const r=e(this.config);this.store=n(this.config,r.fetchComments.bind(r),r.submitComment.bind(r)),this.unsubscribe=this.store.store.subscribe(t=>{this._onStateChange(t)}),this._render(),this.store.loadComments()})(),this._mounted=!0}unmount(){if(this._mounted){if(this.commentForm&&(this.commentForm.destroy(),this.commentForm=null),this.commentList&&(this.commentList.destroy(),this.commentList=null),this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null),this.hostElement)for(;this.hostElement.firstChild;)this.hostElement.removeChild(this.hostElement.firstChild);this.shadowRoot=null,this.mountPoint=null,this.store=null,this._mounted=!1}}_render(){if(!this.mountPoint)return;const t=this.store.store.getState();this.commentForm||(this.commentForm=new a(this.mountPoint,{form:t.form,formErrors:t.formErrors,submitting:t.submitting,onSubmit:()=>this._handleSubmit(),onFieldChange:(t,e)=>this.store.updateFormField(t,e)}),this.commentForm.render());const e=this.mountPoint.querySelector(".cwd-error-inline");if(t.error){if(!e){const e=document.createElement("div");e.className="cwd-error-inline",e.innerHTML=`\n          <span>${t.error}</span>\n          <button type="button" class="cwd-error-close" data-action="clear-error">✕</button>\n        `,e.querySelector('[data-action="clear-error"]').addEventListener("click",()=>{this.store.clearError()}),this.mountPoint.insertBefore(e,this.mountPoint.firstChild)}}else e&&e.remove();let r=this.mountPoint.querySelector(".cwd-comments-header");r||(r=document.createElement("div"),r.className="cwd-comments-header",r.innerHTML='\n        <h3 class="cwd-comments-count">\n          共 <span class="cwd-comments-count-number">0</span> 条评论\n        </h3>\n      ',this.mountPoint.appendChild(r));const o=r.querySelector(".cwd-comments-count-number");if(o&&(o.textContent=t.pagination.totalCount),!this.commentList){const e=document.createElement("div");this.mountPoint.appendChild(e),this.commentList=new m(e,{comments:t.comments,loading:t.loading,error:null,currentPage:t.pagination.page,totalPages:this.store.getTotalPages(),replyingTo:t.replyingTo,replyContent:t.replyContent,replyError:t.replyError,submitting:t.submitting,adminEmail:this.config.adminEmail,adminBadge:this.config.adminBadge||"博主",onRetry:()=>this.store.loadComments(),onReply:t=>this.store.startReply(t),onSubmitReply:t=>this.store.submitReply(t),onCancelReply:()=>this.store.cancelReply(),onUpdateReplyContent:t=>this.store.updateReplyContent(t),onClearReplyError:()=>this.store.clearReplyError(),onPrevPage:()=>this.store.goToPage(t.pagination.page-1),onNextPage:()=>this.store.goToPage(t.pagination.page+1),onGoToPage:t=>this.store.goToPage(t)}),this.commentList.render()}}_onStateChange(t,e){var r,o,n,i,a;if(!this._mounted)return;if(null==(o=null==(r=this.commentForm)?void 0:r.elements)?void 0:o.root){const e=this.commentForm.elements.root;null!==t.replyingTo?e.style.display="none":e.style.display=""}this.commentForm&&this.commentForm.setProps({form:t.form,formErrors:t.formErrors,submitting:t.submitting});const s=null==(n=this.mountPoint)?void 0:n.querySelector(".cwd-error-inline");if(t.error){if(!s){const e=document.createElement("div");e.className="cwd-error-inline",e.innerHTML=`\n          <span>${t.error}</span>\n          <button type="button" class="cwd-error-close" data-action="clear-error">✕</button>\n        `,e.querySelector('[data-action="clear-error"]').addEventListener("click",()=>{this.store.clearError()}),null==(i=this.mountPoint)||i.insertBefore(e,this.mountPoint.firstChild)}}else s&&s.remove();const l=null==(a=this.mountPoint)?void 0:a.querySelector(".cwd-comments-header"),d=null==l?void 0:l.querySelector(".cwd-comments-count-number");d&&(d.textContent=t.pagination.totalCount),this.commentList&&this.commentList.setProps({comments:t.comments,loading:t.loading,currentPage:t.pagination.page,totalPages:this.store.getTotalPages(),replyingTo:t.replyingTo,replyContent:t.replyContent,replyError:t.replyError,submitting:t.submitting})}async _handleSubmit(){await this.store.submitNewComment()&&this.commentForm&&(this.commentForm.state.localForm={...this.store.store.getState().form})}updateConfig(t){const r={...this.config};Object.assign(this.config,t),"undefined"!=typeof window&&(this.config.postSlug=window.location.origin+window.location.pathname),"undefined"!=typeof document&&(this.config.postTitle=document.title||this.config.postSlug),"undefined"!=typeof window&&(this.config.postUrl=window.location.href),t.theme&&this.mountPoint&&this.mountPoint.setAttribute("data-theme",t.theme);if(this.config.apiBaseUrl!==r.apiBaseUrl||this.config.pageSize!==r.pageSize||this.config.postSlug!==r.postSlug){const t=e(this.config);this.unsubscribe&&this.unsubscribe(),this.store=n(this.config,t.fetchComments.bind(t),t.submitComment.bind(t)),this.unsubscribe=this.store.store.subscribe(t=>{this._onStateChange(t)}),this.store.loadComments()}}getConfig(){return{...this.config}}}function u(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)}function g(t){if(!t)return!0;try{return new URL(t),!0}catch{return!1}}function f(t){return t&&0!==t.trim().length?t.length>1e3?{valid:!1,error:"评论内容不能超过 1000 字"}:{valid:!0}:{valid:!1,error:"请输入评论内容"}}"undefined"!=typeof window&&(window.CWDComments=h);const w=Object.freeze(Object.defineProperty({__proto__:null,isValidEmail:u,isValidUrl:g,validateCommentContent:f,validateCommentForm:function(t){const e={};t.name&&0!==t.name.trim().length?t.name.length>50&&(e.name="昵称不能超过 50 字"):e.name="请输入昵称",t.email&&0!==t.email.trim().length?u(t.email)||(e.email="邮箱格式不正确"):e.email="请输入邮箱",t.url&&!g(t.url)&&(e.url="网址格式不正确");const r=f(t.content);return r.valid||(e.content=r.error),{valid:0===Object.keys(e).length,errors:e}},validateReplyUserInfo:function(t){const e={};return t.name&&0!==t.name.trim().length?t.name.length>50&&(e.name="昵称不能超过 50 字"):e.name="请输入昵称",t.email&&0!==t.email.trim().length?u(t.email)||(e.email="邮箱格式不正确"):e.email="请输入邮箱",t.url&&!g(t.url)&&(e.url="网址格式不正确"),{valid:0===Object.keys(e).length,errors:e}}},Symbol.toStringTag,{value:"Module"}));t.CWDComments=h,t.default=h,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs
index ebaae03..4cebc4e 100644
--- a/docs/.vitepress/config.mjs
+++ b/docs/.vitepress/config.mjs
@@ -1,49 +1,56 @@
-import { defineConfig } from 'vitepress'
+import { defineConfig } from 'vitepress';
 
 export default defineConfig({
-  title: 'CWD 评论系统文档',
-  description: '基于 Cloudflare Workers 的轻量级评论系统',
-  lang: 'zh-CN',
-  head: [
-    ['link', {
-      rel: 'icon',
-      href: 'https://github.com/anghunk/cwd-comments/blob/main/icon.png?raw=true'
-    }]
-  ],
-  themeConfig: {
-    nav: [
-      { text: '首页', link: '/' },
-      { text: '配置', link: '/guide/getting-started' },
-      { text: 'API', link: '/api/overview' }
-    ],
+	title: 'CWD 评论系统文档',
+	description: '基于 Cloudflare Workers 的轻量级评论系统',
+	lang: 'zh-CN',
+	head: [
+		[
+			'link',
+			{
+				rel: 'icon',
+				href: 'https://github.com/anghunk/cwd-comments/blob/main/icon.png?raw=true',
+			},
+		],
+	],
+	themeConfig: {
+		nav: [
+			{ text: '首页', link: '/' },
+			{ text: '配置', link: '/guide/getting-started' },
+			{ text: 'API', link: '/api/overview' },
+		],
 
-    sidebar: [
-      {
-        text: '配置',
-        items: [
-          { text: '快速开始', link: '/guide/getting-started' },
-          { text: '后端配置', link: '/guide/backend-config' },
-          { text: '前端配置', link: '/guide/frontend-config' },
-          { text: '管理后台', link: '/guide/admin-panel' },
-        ]
-      },
-      {
-        text: 'API 文档',
-        items: [
-          { text: '概览', link: '/api/overview' },
-          { text: '公开 API', link: '/api/public' },
-          { text: '管理员 API', link: '/api/admin' }
-        ]
-      }
-    ],
+		sidebar: [
+			{
+				text: '配置',
+				items: [
+					{ text: '快速开始', link: '/guide/getting-started' },
+					{ text: '后端配置', link: '/guide/backend-config' },
+					{ text: '前端配置', link: '/guide/frontend-config' },
+				],
+			},
+			{
+				text: '功能',
+				items: [
+					{ text: '管理后台', link: '/function/admin-panel' },
+					{ text: '数据迁移', link: '/function/data-migration' },
+				],
+			},
+			{
+				text: 'API 文档',
+				items: [
+					{ text: '概览', link: '/api/overview' },
+					{ text: '公开 API', link: '/api/public' },
+					{ text: '管理员 API', link: '/api/admin' },
+				],
+			},
+		],
 
-    socialLinks: [
-      { icon: 'github', link: 'https://github.com/anghunk/cwd-comments' }
-    ],
+		socialLinks: [{ icon: 'github', link: 'https://github.com/anghunk/cwd-comments' }],
 
-    footer: {
-      message: '基于 Cloudflare Workers 构建',
-      copyright: 'Copyright © 2026'
-    }
-  }
-})
+		footer: {
+			message: '基于 Cloudflare Workers 构建',
+			copyright: 'Copyright © 2026',
+		},
+	},
+});
diff --git a/docs/api/admin.md b/docs/api/admin.md
index a9a52fd..905eb85 100644
--- a/docs/api/admin.md
+++ b/docs/api/admin.md
@@ -20,25 +20,25 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ### 请求头
 
-| 名称           | 必填 | 示例                |
-| -------------- | ---- | ------------------- |
+| 名称           | 必填 | 示例               |
+| -------------- | ---- | ------------------ |
 | `Content-Type` | 是   | `application/json` |
 
 ### 请求体
 
 ```json
 {
-  "name": "admin@example.com",
-  "password": "your_password"
+	"name": "admin@example.com",
+	"password": "your_password"
 }
 ```
 
 字段说明：
 
-| 字段名    | 类型   | 必填 | 说明               |
-| --------- | ------ | ---- | ------------------ |
-| `name`    | string | 是   | 管理员登录名       |
-| `password`| string | 是   | 管理员登录密码     |
+| 字段名     | 类型   | 必填 | 说明           |
+| ---------- | ------ | ---- | -------------- |
+| `name`     | string | 是   | 管理员登录名   |
+| `password` | string | 是   | 管理员登录密码 |
 
 管理员登录名和密码由后端环境变量控制，字段为：
 
@@ -51,9 +51,9 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "data": {
-    "key": "f6e1e0e3-3c9b-4a24-9e88-3b1f709f1e4a"
-  }
+	"data": {
+		"key": "f6e1e0e3-3c9b-4a24-9e88-3b1f709f1e4a"
+	}
 }
 ```
 
@@ -62,33 +62,30 @@ Token 通过登录接口获取，有效期为 24 小时。
 ### 错误与风控
 
 - 登录失败（用户名或密码错误）：
-
   - 状态码：`401`
 
   ```json
   {
-    "message": "Invalid username or password",
-    "failedAttempts": 3
+  	"message": "Invalid username or password",
+  	"failedAttempts": 3
   }
   ```
 
 - 登录失败次数过多导致 IP 被封禁：
-
   - 状态码：`403`
 
   ```json
   {
-    "message": "IP is blocked due to multiple failed login attempts"
+  	"message": "IP is blocked due to multiple failed login attempts"
   }
   ```
 
 - 内部错误：
-
   - 状态码：`500`
 
   ```json
   {
-    "message": "错误信息"
+  	"message": "错误信息"
   }
   ```
 
@@ -102,9 +99,9 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ### 查询参数
 
-| 名称    | 位置  | 类型    | 必填 | 说明                    |
-| ------- | ----- | ------- | ---- | ----------------------- |
-| `page`  | query | integer | 否   | 页码，默认 `1`         |
+| 名称   | 位置  | 类型    | 必填 | 说明           |
+| ------ | ----- | ------- | ---- | -------------- |
+| `page` | query | integer | 否   | 页码，默认 `1` |
 
 说明：
 
@@ -116,38 +113,37 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "data": [
-    {
-      "id": 1,
-      "pubDate": "2026-01-13T10:00:00Z",
-      "author": "张三",
-      "email": "zhangsan@example.com",
-      "postSlug": "/blog/hello-world",
-      "url": "https://zhangsan.me",
-      "ipAddress": "127.0.0.1",
-      "contentText": "很棒的文章！",
-      "contentHtml": "很棒的文章！",
-      "status": "approved",
-      "avatar": "https://gravatar.com/avatar/..."
-    }
-  ],
-  "pagination": {
-    "page": 1,
-    "limit": 10,
-    "total": 1
-  }
+	"data": [
+		{
+			"id": 1,
+			"pubDate": "2026-01-13T10:00:00Z",
+			"author": "张三",
+			"email": "zhangsan@example.com",
+			"postSlug": "/blog/hello-world",
+			"url": "https://zhangsan.me",
+			"ipAddress": "127.0.0.1",
+			"contentText": "很棒的文章！",
+			"contentHtml": "很棒的文章！",
+			"status": "approved",
+			"avatar": "https://gravatar.com/avatar/..."
+		}
+	],
+	"pagination": {
+		"page": 1,
+		"limit": 10,
+		"total": 1
+	}
 }
 ```
 
 ### 鉴权错误
 
 - 未携带 Token 或 Token 失效：
-
   - 状态码：`401`
 
   ```json
   {
-    "message": "Unauthorized"
+  	"message": "Unauthorized"
   }
   ```
 
@@ -161,9 +157,9 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ### 查询参数
 
-| 名称     | 位置  | 类型   | 必填 | 说明                             |
-| -------- | ----- | ------ | ---- | -------------------------------- |
-| `id`     | query | number | 是   | 评论 ID                          |
+| 名称     | 位置  | 类型   | 必填 | 说明                                  |
+| -------- | ----- | ------ | ---- | ------------------------------------- |
+| `id`     | query | number | 是   | 评论 ID                               |
 | `status` | query | string | 是   | 评论状态，例如 `approved`、`rejected` |
 
 当前实现中未对 `status` 值进行枚举校验，但推荐仅使用：
@@ -177,29 +173,27 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "message": "Comment status updated, id: 1, status: approved."
+	"message": "Comment status updated, id: 1, status: approved."
 }
 ```
 
 ### 错误响应
 
 - 缺少参数：
-
   - 状态码：`400`
 
   ```json
   {
-    "message": "Missing id or status"
+  	"message": "Missing id or status"
   }
   ```
 
 - 更新失败：
-
   - 状态码：`500`
 
   ```json
   {
-    "message": "Update failed"
+  	"message": "Update failed"
   }
   ```
 
@@ -213,8 +207,8 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ### 查询参数
 
-| 名称 | 位置  | 类型   | 必填 | 说明   |
-| ---- | ----- | ------ | ---- | ------ |
+| 名称 | 位置  | 类型   | 必填 | 说明    |
+| ---- | ----- | ------ | ---- | ------- |
 | `id` | query | number | 是   | 评论 ID |
 
 ### 成功响应
@@ -223,29 +217,27 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "message": "Comment deleted, id: 1."
+	"message": "Comment deleted, id: 1."
 }
 ```
 
 ### 错误响应
 
 - 缺少 ID：
-
   - 状态码：`400`
 
   ```json
   {
-    "message": "Missing id"
+  	"message": "Missing id"
   }
   ```
 
 - 删除失败：
-
   - 状态码：`500`
 
   ```json
   {
-    "message": "Delete operation failed"
+  	"message": "Delete operation failed"
   }
   ```
 
@@ -263,35 +255,34 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 [
-  {
-    "id": 1,
-    "pub_date": "2026-01-13 10:00:00",
-    "post_slug": "/blog/hello-world",
-    "author": "张三",
-    "email": "zhangsan@example.com",
-    "url": "https://zhangsan.me",
-    "ip_address": "127.0.0.1",
-    "device": "Desktop",
-    "os": "Windows 10",
-    "browser": "Chrome 90",
-    "user_agent": "Mozilla/5.0 ...",
-    "content_text": "很棒的文章！",
-    "content_html": "很棒的文章！",
-    "parent_id": null,
-    "status": "approved"
-  }
+	{
+		"id": 1,
+		"pub_date": "2026-01-13 10:00:00",
+		"post_slug": "/blog/hello-world",
+		"author": "张三",
+		"email": "zhangsan@example.com",
+		"url": "https://zhangsan.me",
+		"ip_address": "127.0.0.1",
+		"device": "Desktop",
+		"os": "Windows 10",
+		"browser": "Chrome 90",
+		"user_agent": "Mozilla/5.0 ...",
+		"content_text": "很棒的文章！",
+		"content_html": "很棒的文章！",
+		"parent_id": null,
+		"status": "approved"
+	}
 ]
 ```
 
 ### 错误响应
 
 - 导出失败：
-
   - 状态码：`500`
 
   ```json
   {
-    "message": "导出失败"
+  	"message": "导出失败"
   }
   ```
 
@@ -307,23 +298,23 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 [
-  {
-    "id": 5,
-    "pub_date": "2026-01-20T04:36:57.636Z",
-    "post_slug": "",
-    "author": "1024605422",
-    "email": "1024605422@qq.com",
-    "url": null,
-    "ip_address": "15.235.156.27",
-    "device": "Desktop",
-    "os": "Windows 10",
-    "browser": "Chrome 143.0.0.0",
-    "user_agent": "Mozilla/5.0 ...",
-    "content_text": "试一下",
-    "content_html": "试一下",
-    "parent_id": null,
-    "status": "approved"
-  }
+	{
+		"id": 5,
+		"pub_date": "2026-01-20T04:36:57.636Z",
+		"post_slug": "",
+		"author": "1024605422",
+		"email": "1024605422@qq.com",
+		"url": null,
+		"ip_address": "15.235.156.27",
+		"device": "Desktop",
+		"os": "Windows 10",
+		"browser": "Chrome 143.0.0.0",
+		"user_agent": "Mozilla/5.0 ...",
+		"content_text": "试一下",
+		"content_html": "试一下",
+		"parent_id": null,
+		"status": "approved"
+	}
 ]
 ```
 
@@ -335,29 +326,27 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "message": "成功导入 1 条评论"
+	"message": "成功导入 1 条评论"
 }
 ```
 
 ### 错误响应
 
 - 导入数据为空：
-
   - 状态码：`400`
 
   ```json
   {
-    "message": "导入数据为空"
+  	"message": "导入数据为空"
   }
   ```
 
 - 导入失败：
-
   - 状态码：`500`
 
   ```json
   {
-    "message": "导入失败"
+  	"message": "导入失败"
   }
   ```
 
@@ -375,7 +364,7 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "email": "admin@example.com"
+	"email": "admin@example.com"
 }
 ```
 
@@ -385,7 +374,7 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "message": "错误信息"
+	"message": "错误信息"
 }
 ```
 
@@ -399,15 +388,15 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ### 请求头
 
-| 名称           | 必填 | 示例                |
-| -------------- | ---- | ------------------- |
+| 名称           | 必填 | 示例               |
+| -------------- | ---- | ------------------ |
 | `Content-Type` | 是   | `application/json` |
 
 ### 请求体
 
 ```json
 {
-  "email": "admin@example.com"
+	"email": "admin@example.com"
 }
 ```
 
@@ -417,29 +406,27 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "message": "保存成功"
+	"message": "保存成功"
 }
 ```
 
 ### 错误响应
 
 - 邮箱格式不正确：
-
   - 状态码：`400`
 
   ```json
   {
-    "message": "邮箱格式不正确"
+  	"message": "邮箱格式不正确"
   }
   ```
 
 - 服务器错误：
-
   - 状态码：`500`
 
   ```json
   {
-    "message": "错误信息"
+  	"message": "错误信息"
   }
   ```
 
@@ -457,10 +444,11 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "adminEmail": "admin@example.com",
-  "adminBadge": "博主",
-  "avatarPrefix": "https://gravatar.com/avatar",
-  "adminEnabled": true
+	"adminEmail": "admin@example.com",
+	"adminBadge": "博主",
+	"avatarPrefix": "https://gravatar.com/avatar",
+	"adminEnabled": true,
+	"allowedDomains": []
 }
 ```
 
@@ -472,7 +460,7 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "message": "加载评论配置失败"
+	"message": "加载评论配置失败"
 }
 ```
 
@@ -486,29 +474,31 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ### 请求头
 
-| 名称           | 必填 | 示例                |
-| -------------- | ---- | ------------------- |
+| 名称           | 必填 | 示例               |
+| -------------- | ---- | ------------------ |
 | `Content-Type` | 是   | `application/json` |
 
 ### 请求体
 
 ```json
 {
-  "adminEmail": "admin@example.com",
-  "adminBadge": "站长",
-  "avatarPrefix": "https://cravatar.cn/avatar",
-  "adminEnabled": true
+	"adminEmail": "admin@example.com",
+	"adminBadge": "站长",
+	"avatarPrefix": "https://cravatar.cn/avatar",
+	"adminEnabled": true,
+	"allowedDomains": []
 }
 ```
 
 字段说明：
 
-| 字段名         | 类型    | 必填 | 说明                                             |
-| -------------- | ------- | ---- | ------------------------------------------------ |
-| `adminEmail`   | string  | 否   | 博主邮箱地址，需为合法邮箱                       |
-| `adminBadge`   | string  | 否   | 博主标识文字，例如 `"博主"`                      |
-| `avatarPrefix` | string  | 否   | 头像地址前缀，如 Gravatar 或 Cravatar 镜像地址  |
-| `adminEnabled` | boolean | 否   | 是否启用博主标识相关功能                         |
+| 字段名           | 类型    | 必填 | 说明                                           |
+| ---------------- | ------- | ---- | ---------------------------------------------- |
+| `adminEmail`     | string  | 否   | 博主邮箱地址，需为合法邮箱                     |
+| `adminBadge`     | string  | 否   | 博主标识文字，例如 `"博主"`                    |
+| `avatarPrefix`   | string  | 否   | 头像地址前缀，如 Gravatar 或 Cravatar 镜像地址 |
+| `adminEnabled`   | boolean | 否   | 是否启用博主标识相关功能                       |
+| `allowedDomains` | Array   | 否   | 是否允许前端调用的域名                         |
 
 ### 成功响应
 
@@ -516,28 +506,26 @@ Token 通过登录接口获取，有效期为 24 小时。
 
 ```json
 {
-  "message": "保存成功"
+	"message": "保存成功"
 }
 ```
 
 ### 错误响应
 
 - 邮箱格式错误：
-
   - 状态码：`400`
 
   ```json
   {
-    "message": "邮箱格式不正确"
+  	"message": "邮箱格式不正确"
   }
   ```
 
 - 内部错误：
-
   - 状态码：`500`
 
   ```json
   {
-    "message": "保存失败"
+  	"message": "保存失败"
   }
   ```
diff --git a/docs/api/overview.md b/docs/api/overview.md
index f25d789..4aa987a 100644
--- a/docs/api/overview.md
+++ b/docs/api/overview.md
@@ -2,7 +2,7 @@
 
 ## 基础信息
 
-- ** **：`https://your-worker-api.workers.dev` 或你的自定义域名
+- **接口地址**：`https://your-worker-api.workers.dev` 或你的自定义域名
 - **数据格式**：JSON
 - **字符编码**：UTF-8
 
diff --git a/docs/guide/admin-panel.md b/docs/function/admin-panel.md
similarity index 94%
rename from docs/guide/admin-panel.md
rename to docs/function/admin-panel.md
index 95563ff..785c74e 100644
--- a/docs/guide/admin-panel.md
+++ b/docs/function/admin-panel.md
@@ -23,14 +23,16 @@
 目前接入了 QQ 邮箱提醒，后续会添加其他邮箱服务。
 
 1. QQ 邮箱
-   - 登录 QQ 邮箱，进入“设置” > “账户”
-   - 开启“POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务”，并获取授权码
+   - 登录 QQ 邮箱，进入 `设置 > 账户`
+   - 开启 `POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV 服务`，并获取授权码
    - 在管理后台设置中配置 QQ 邮箱账号和授权码
 
 ## 使用官方管理后台
 
 使用官方提供的管理后台（最新版本）https://cwd-comments.zishu.me。
 
+登陆时填入你的 api 地址、账号和密码。
+
 ## 自部署
 
 ```bash
@@ -81,5 +83,3 @@ cp .env.example .env
 
 - `VITE_API_BASE_URL` 会作为管理后台的默认 API 地址，实际请求地址可以在登录页修改，并持久化到 `localStorage`。
 - `VITE_ADMIN_NAME` 和 `VITE_ADMIN_PASSWORD` 仅用于自动填充登录表单，真正的认证信息以后端环境变量 `ADMIN_NAME`、`ADMIN_PASSWORD` 为准。
-
-
diff --git a/docs/function/data-migration.md b/docs/function/data-migration.md
new file mode 100644
index 0000000..8168238
--- /dev/null
+++ b/docs/function/data-migration.md
@@ -0,0 +1,11 @@
+# 数据迁移
+
+目前支持从 Twikoo, Artalk 评论系统迁移数据。
+
+其他评论框架逐步支持，欢迎提交反馈，可以将你想要迁移进来的框架以及相关结构提交到评论区，我会尽快添加支持。
+
+**使用方法：**
+
+`后台管理 > 数据导入`，选择你要导入框架类型，然后选择本地文件进行导入。
+
+迁移程序会自动判断是否包含前缀（因部分框架默认不输出前缀），然后可以自定义前缀。
diff --git a/docs/guide/backend-config.md b/docs/guide/backend-config.md
index c8cceba..719a13b 100644
--- a/docs/guide/backend-config.md
+++ b/docs/guide/backend-config.md
@@ -6,9 +6,9 @@
 * 拥有一个 Node.js 运行环境，版本 >= 22（本地部署需要）
 * 拥有一个域名并托管在 Cloudflare 上（这个不是必须项，但可以提高国内访问速度，也更方便）
 
-后端项目目录为 `/cwd-comments-api/`，基于 Cloudflare Workers + D1 + KV 实现。
+后端项目目录为 `/cwd-comments-api`，基于 Cloudflare Workers + D1 + KV 实现。
 
-## 部署
+## 自部署
 
 **以下部署指令均在该目录下执行，不在根目录下**
 
@@ -56,7 +56,7 @@ npm install
   ]
   ```
 
-  如果`binding`字段不是`CWD_DB`，请修改为`CWD_DB`
+  如果 `binding` 字段不是 `CWD_DB`，请修改为 `CWD_DB`。
 
 * **创建 KV 存储**，如果遇到提示，按回车继续
 
@@ -85,105 +85,19 @@ npm install
 
 #### 3. 配置环境变量
 
-* 登录 Worker 面板，点击项目右侧的 Settings (设置) 选项卡，选择`查看设置`
-* 点击变量和机密右侧的添加按钮，给项目添加环境变量，环境变量[参考](#环境变量)
+* 登录 Worker 面板，点击项目右侧的 Settings (设置) 选项卡，选择 `查看设置`
+* 点击变量和机密右侧的添加按钮，给项目添加环境变量，环境变量 [参考](#环境变量)
 * 部署生效：点击底部的 Save and deploy (保存并部署)。
 
 #### 4. 检测部署情况
 
-部署成功后回得到一个域名，即为后端的域名（格式一般为`https://cwd-comments-api.xxx.workers.dev`。访问该域名，如果显示部署成功页面，说明 API 部署成功，可以到管理后台进行登录。
+部署成功后回得到一个域名，即为后端的域名（格式一般为`https://cwd-comments-api.xxx.workers.dev`。访问该域名，如果显示部署成功页面，说明 API 部署成功，可以到管理后台进行登录，当然也可以使用自定义域名。
 
-当然也可以使用自定义域名。
+可以直接访问域名，确认是否部署成功。如果成功，则会显示 
 
-## 服务启动与运行参数
-
-### 本地开发
-
-在本地开发阶段，可以通过 `wrangler dev` 启动本地 Worker：
-
-```bash
-npm run dev
-# 等价于
-wrangler dev
 ```
-
-常用参数：
-
-- `--port <number>`：指定本地开发端口，例如：
-
-  ```bash
-  wrangler dev --port 8788
-  ```
-
-  如果你使用评论组件开发页面（`widget/`）进行联调，可以将前端中的 `apiBaseUrl` 配置为：
-
-  ```text
-  http://localhost:8788
-  ```
-
-- `--env <name>`：指定 wrangler 环境（如有配置多环境）。
-
-> 注意：线上环境的运行参数完全由 Cloudflare Workers 控制，一般无需额外手动配置，只需在控制台或 `wrangler.jsonc` 中正确配置绑定和变量。
-
-## 数据库与 KV 连接配置
-
-后端使用 Cloudflare D1 作为数据库，使用 KV 作为会话存储。
-
-### D1 数据库
-
-1. 创建数据库和表结构：
-
-   ```bash
-   npx wrangler d1 create CWD_DB
-   npx wrangler d1 execute CWD_DB --remote --file=./schemas/comment.sql
-   ```
-
-2. 在 `wrangler.jsonc` 中确保存在如下配置：
-
-   ```jsonc
-   "d1_databases": [
-     {
-       "binding": "CWD_DB",
-       "database_name": "CWD_DB",
-       "database_id": "xxxxxx"
-     }
-   ]
-   ```
-
-   其中：
-
-   - `binding` 必须为 `CWD_DB`，与代码中的 `env.CWD_DB` 一致。
-   - `database_name` 和 `database_id` 根据 Cloudflare 实际创建结果填写。
-
-数据库结构定义见 `schemas/comment.sql`。
-
-### KV 存储
-
-1. 创建 KV 命名空间：
-
-   ```bash
-   npx wrangler kv namespace create CWD_AUTH_KV
-   ```
-
-2. 在 `wrangler.jsonc` 中添加：
-
-   ```jsonc
-   "kv_namespaces": [
-     {
-       "binding": "CWD_AUTH_KV",
-       "id": "xxxxxxx"
-     }
-   ]
-   ```
-
-   其中：
-
-   - `binding` 必须为 `CWD_AUTH_KV`，与代码中的 `env.CWD_AUTH_KV` 一致。
-
-KV 主要用于：
-
-- 管理员登录 Token 存储与校验
-- 登录失败次数和封禁状态记录
+CWD 评论部署成功，当前版本...
+```
 
 ## 环境变量与绑定
 
@@ -193,11 +107,6 @@ KV 主要用于：
 
 | 名称               | 类型        | 描述                                                                  |
 | ------------------ | ----------- | --------------------------------------------------------------------- |
-| `CWD_DB`           | D1 绑定     | 评论数据存储数据库                                                    |
-| `CWD_AUTH_KV`      | KV 绑定     | 管理员登录 Token、登录尝试计数等                                      |
-| `ALLOW_ORIGIN`     | string      | 预留的允许跨域来源配置，目前实现中仍使用 `*`                         |
-| `MAIL_GATEWAY_URL` | string      | 外部邮件网关 HTTP 地址，由此网关转发到 QQ SMTP 或其他邮箱服务（可选） |
-| `MAIL_GATEWAY_TOKEN` | string    | 调用外部邮件网关使用的鉴权 Token（可选）                              |
 | `ADMIN_NAME`       | string      | 管理员登录名称                                                        |
 | `ADMIN_PASSWORD`   | string      | 管理员登录密码                                                        |
 
@@ -205,5 +114,5 @@ KV 主要用于：
 
 - 打开 Worker 项目 -> `Settings` -> `Variables`
 - 在 `Environment Variables` 中添加 `ADMIN_NAME`、`ADMIN_PASSWORD` 等变量
-- 在 `D1 Databases` 中绑定 `CWD_DB`
-- 在 `KV Namespaces` 中绑定 `CWD_AUTH_KV`
+- 在 `D1 Databases` 中绑定 `CWD_DB`（默认已配置好）
+- 在 `KV Namespaces` 中绑定 `CWD_AUTH_KV`（默认已配置好）
diff --git a/docs/guide/frontend-config.md b/docs/guide/frontend-config.md
index 2ea1000..4f24057 100644
--- a/docs/guide/frontend-config.md
+++ b/docs/guide/frontend-config.md
@@ -1,18 +1,18 @@
 # 前端配置
 
-**这里仅提供一套开箱即用的方案，如果是个人开发者可以根据 API 文档自行编写前端评论组件。**
+**这里仅提供一套开箱即用的方案，如果是个人开发者可以根据 [API 文档](../api/overview) 自行编写前端评论组件。**
 
 ## 评论组件初始化
 
 在初始化 `CWDComments` 实例时，可以传入以下配置参数：
 
 ```html
-<script src="https://cwd-comments.zishu.me/cwd-comments.js"></script>
 <div id="comments"></div>
+<script src="https://cwd-comments.zishu.me/cwd-comments.js"></script>
 <script>
 	const comments = new CWDComments({
 		el: '#comments',
-		apiBaseUrl: 'https://your-api.example.com',
+		apiBaseUrl: 'https://your-api.example.com', // 你部署的后端接口地址
 	});
 	comments.mount();
 </script>
@@ -20,12 +20,12 @@
 
 ### 参数说明
 
-| 参数         | 类型                    | 必填 | 默认值                                                           | 说明                      |
-| ------------ | ----------------------- | ---- | ---------------------------------------------------------------- | ------------------------- |
-| `el`         | `string \| HTMLElement` | 是   | -                                                                | 挂载元素选择器或 DOM 元素 |
-| `apiBaseUrl` | `string`                | 是   | -                                                                | API 基础地址              |
-| `theme`      | `'light' \| 'dark'`     | 否   | `'light'`                                                        | 主题模式                  |
-| `pageSize`   | `number`                | 否   | `20`                                                             | 每页显示评论数            |
+| 参数         | 类型                    | 必填 | 默认值    | 说明                      |
+| ------------ | ----------------------- | ---- | --------- | ------------------------- |
+| `el`         | `string \| HTMLElement` | 是   | -         | 挂载元素选择器或 DOM 元素 |
+| `apiBaseUrl` | `string`                | 是   | -         | API 基础地址              |
+| `theme`      | `'light' \| 'dark'`     | 否   | `'light'` | 主题模式                  |
+| `pageSize`   | `number`                | 否   | `20`      | 每页显示评论数            |
 
 头像前缀、博主邮箱和标识等信息由后端接口 `/api/config/comments` 提供，无需在前端进行配置。
 
diff --git a/widget/src/dev.js b/widget/src/dev.js
index 8434e1a..d7c90a9 100644
--- a/widget/src/dev.js
+++ b/widget/src/dev.js
@@ -25,7 +25,8 @@ function loadConfigFromStorage() {
 		if (saved) {
 			return { ...DEFAULT_CONFIG, ...JSON.parse(saved) };
 		}
-	} catch (e) {}
+	} catch (e) {
+	}
 	return DEFAULT_CONFIG;
 }
 
@@ -35,7 +36,8 @@ function loadConfigFromStorage() {
 function saveConfigToStorage(config) {
 	try {
 		localStorage.setItem(STORAGE_KEY, JSON.stringify(config));
-	} catch (e) {}
+	} catch (e) {
+	}
 }
 
 /**
@@ -115,6 +117,7 @@ function toggleTheme() {
 	const config = getConfigFromInputs();
 	config.theme = newTheme;
 	saveConfigToStorage(config);
+
 }
 
 /**
@@ -124,7 +127,8 @@ function clearConfig() {
 	try {
 		localStorage.removeItem(STORAGE_KEY);
 		populateInputs(DEFAULT_CONFIG);
-	} catch (e) {}
+	} catch (e) {
+	}
 }
 
 // 将函数挂载到 window 对象，使其在 HTML 中可访问
@@ -134,6 +138,8 @@ window.clearConfig = clearConfig;
 
 // 页面加载完成后自动初始化
 document.addEventListener('DOMContentLoaded', () => {
+
+
 	// 从本地存储加载配置并填充到输入框
 	const savedConfig = loadConfigFromStorage();
 	populateInputs(savedConfig);
diff --git a/widget/src/styles/main.css b/widget/src/styles/main.css
index 55a5624..bfe4f1a 100644
--- a/widget/src/styles/main.css
+++ b/widget/src/styles/main.css
@@ -620,10 +620,6 @@
   font-family: inherit;
 }
 
-.cwd-page-num:hover {
-  background: var(--cwd-bg-hover, #f6f8fa);
-}
-
 .cwd-page-num-active {
   color: #ffffff;
   background: var(--cwd-primary, #0969da);