@charset "UTF-8";.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog{background-color:var(--item-background-color);color:var(--text-color);padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:500px;width:100%;font-family:Arial,sans-serif;display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.25,.8,.25,1) forwards;z-index:1001}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-title{font-size:18px;font-weight:700}.dialog-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-color);transition:color .3s ease}.dialog-close:hover{color:var(--sub-text-color)}.dialog-body{margin:20px 0;display:flex;align-items:center}.dialog-icon{margin-right:12px;font-size:24px}.dialog-message{font-size:16px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px}.dialog-cancel,.dialog-confirm{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.dialog-cancel{background-color:#ccc;color:#333}.dialog-confirm{background-color:var(--primary-color);color:#fff}.dialog-cancel:hover{background-color:#999}.dialog-confirm:hover{background-color:rgba(var(--primary-color-rgb),.8)}.dialog-success{border-left:5px solid #4CAF50}.dialog-warning{border-left:5px solid #FF9800}.dialog-error{border-left:5px solid #f44336}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.loading-top-wrapper{display:flex;align-items:center;justify-content:center;padding-top:16px;gap:8px}.spinner{width:18px;height:18px;border:3px solid #ccc;border-top:3px solid #3498db;border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:14px;color:#666}@keyframes spin{to{transform:rotate(360deg)}}.post-card{background-color:var(--item-background-color);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-medium);margin-bottom:var(--spacing-medium);transition:all .3s;position:relative}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.post-card .post-title{font-size:var(--font-size-large);margin-bottom:var(--spacing-small);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-card .post-meta{color:var(--text-color);font-size:var(--font-size-small);margin-bottom:var(--spacing-small)}.post-card .post-excerpt{margin-bottom:var(--spacing-small);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-card .post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-small)}.post-card .tag{background-color:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);padding:2px 8px;border-radius:4px;font-size:var(--font-size-small)}.post-card .operates{position:absolute;right:0;top:0;z-index:100;opacity:0;background-color:#fff;padding:var(--spacing-medium);border-radius:0 8px;transition:all .3s ease-in-out;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.post-card:hover .operates{opacity:1}.home{max-width:var(--breakpoint-desktop);margin:0 auto;padding:0 var(--spacing-medium)}.home h1{margin-bottom:var(--spacing-large);color:var(--text-color)}.home .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-medium)}.load-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#f44336}.load-error .icon{margin-bottom:16px;width:30px;height:30px}.load-error .error-message{font-size:16px;margin-bottom:12px}.load-error .retry-button{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s}.load-error .retry-button:hover{background-color:#d32f2f}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:#999;font-size:1.1rem}.empty .empty-icon{font-size:3rem;margin-bottom:1rem}.empty .empty-message{color:#666}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.post-detail{max-width:var(--breakpoint-desktop);margin:0 auto;padding:var(--spacing-medium);background-color:var(--background-color);border-radius:8px;transition:background-color .3s,color .3s;display:flex;gap:2rem}.post-detail .post-aocs{width:250px;height:max-content;max-height:calc(100vh - 100px);position:sticky;top:6rem;left:0;overflow-y:auto}.post-detail .post-aocs .toc h3{margin-bottom:.5rem}.post-detail .post-aocs .toc ul{list-style-type:none;padding-left:0}.post-detail .post-aocs .toc ul .toc-item{margin-bottom:.25rem;padding-left:1rem;cursor:pointer}.post-detail .post-aocs .toc ul .toc-item.toc-item-h1{font-size:1.2rem;font-weight:700}.post-detail .post-aocs .toc ul .toc-item.toc-item-h2{font-size:1.1rem;font-weight:700;padding-left:1.5rem}.post-detail .post-aocs .toc ul .toc-item.toc-item-h3{font-size:1rem;padding-left:2rem}.post-detail .post-aocs .toc ul .toc-item.toc-item-h4{font-size:.9rem;padding-left:2.5rem}.post-detail .post-aocs .toc ul .toc-item.toc-item-h5{font-size:.8rem;padding-left:3rem}.post-detail .post-aocs .toc ul .toc-item.toc-item-h6{font-size:.7rem;padding-left:3.5rem}.post-detail .post-container{flex:1;padding:2rem 4rem;background-color:var(--item-background-color);border-radius:10px;overflow:auto}.post-detail .post-container .post-header{margin-bottom:var(--spacing-large)}.post-detail .post-container .post-header h1{font-size:calc(var(--font-size-large) * 1.5);margin-bottom:var(--spacing-medium);color:var(--text-color)}.post-detail .post-container .post-header .post-meta{color:var(--text-color);font-size:var(--font-size-small)}.post-detail .post-container .post-content{line-height:1.8;margin-bottom:var(--spacing-large)}.post-detail .post-container .post-content h1,.post-detail .post-container .post-content h2,.post-detail .post-container .post-content h3{margin:var(--spacing-medium) 0;color:var(--text-color)}.post-detail .post-container .post-content p{margin:var(--spacing-small) 0}.post-detail .post-container .post-content ul,.post-detail .post-container .post-content ol{margin:var(--spacing-small) 0;padding-left:var(--spacing-medium)}.post-detail .post-container .post-content blockquote{margin:var(--spacing-medium) 0;padding:var(--spacing-small) var(--spacing-medium);border-left:4px solid var(--primary-color);background-color:rgba(var(--primary-color),.1);color:var(--text-color)}.post-detail .post-container .post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-small)}.post-detail .post-container .post-tags .tag{background-color:rgba(var(--primary-color),.1);color:var(--primary-color);padding:4px 12px;border-radius:4px;font-size:var(--font-size-small)}.post-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:#f44336;font-size:1.2rem;text-align:center}.post-not-found .post-not-found-icon{font-size:4rem;margin-bottom:1rem}.post-not-found .post-not-found-message{color:#ff5722;font-size:1.5rem;margin-bottom:1rem}.post-not-found .go-back-button{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.post-not-found .go-back-button:hover{background-color:#d32f2f}.about-container{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.about-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;padding:2rem;max-width:1000px;width:100%;display:grid;grid-template-columns:1fr 2fr;gap:2rem}@media (max-width: 768px){.about-card{grid-template-columns:1fr;text-align:center}}.about-profile{display:flex;flex-direction:column;align-items:center}.about-profile .about-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid #c084fc;box-shadow:0 4px 10px #0000001f}.about-profile .about-name{font-size:1.8rem;font-weight:700;margin-top:1rem}.about-profile .about-age{font-size:.95rem;color:#666;margin-top:.25rem}.about-info{display:flex;flex-direction:column;justify-content:space-between}.about-info .about-section{margin-bottom:1.5rem}.about-info .about-section h3{color:#8b5cf6;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.about-info .about-section p{line-height:1.6;color:#333}.about-info .about-tags{display:flex;flex-wrap:wrap;gap:.5rem}.about-info .about-tags .about-tag{background-color:#f3e8ff;color:#9333ea;padding:.4rem .8rem;border-radius:9999px;font-size:.85rem}.about-info .about-contact{list-style:none;padding-left:0}.about-info .about-contact li{font-size:.95rem;margin-bottom:.4rem}.about-info .about-contact li a{color:#3b82f6;text-decoration:underline}.about-info .about-contact li a:hover{text-decoration:none}.archives{max-width:var(--breakpoint-desktop);margin:0 auto;padding:0 var(--spacing-medium);color:var(--text-color)}.archives-container{display:flex;align-items:flex-start}.archives-sidebar{position:sticky;top:6rem;align-self:flex-start;width:250px;height:max-content;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:var(--spacing-large);margin-right:var(--spacing-large);border-right:1px solid var(--border-color)}.archive-switch{margin-bottom:var(--spacing-medium);display:flex;justify-content:space-between;gap:1rem}.archive-switch button{flex:1;margin:var(--spacing-small) 0;padding:var(--spacing-small) 0;cursor:pointer;background-color:var(--primary-color);border:none;color:#fff;border-radius:4px;transition:background-color .3s ease}.archive-switch button:hover{background-color:rgba(var(--primary-color-rgb),.7)}.category-list,.month-list{margin-bottom:var(--spacing-medium);display:flex;flex-direction:column;align-items:center;gap:10px}.category-list .category-item,.category-list .month-item,.month-list .category-item,.month-list .month-item{width:100%;padding:var(--spacing-small) 0;border-radius:.8rem;text-align:center}.category-list .category-item:hover,.category-list .month-item:hover,.month-list .category-item:hover,.month-list .month-item:hover{background-color:var(--primary-color);color:#fff}.archives-content{flex:1}.archive-section{margin-bottom:var(--spacing-large)}.archive-section h2{margin-bottom:var(--spacing-medium);font-size:var(--font-size-large);color:var(--primary-color)}.archive-section .posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-medium)}:root,:host{--w-e-textarea-bg-color: #fff;--w-e-textarea-color: #333;--w-e-textarea-border-color: #ccc;--w-e-textarea-slight-border-color: #e8e8e8;--w-e-textarea-slight-color: #d4d4d4;--w-e-textarea-slight-bg-color: #f5f2f0;--w-e-textarea-selected-border-color: #B4D5FF;--w-e-textarea-handler-bg-color: #4290f7;--w-e-toolbar-color: #595959;--w-e-toolbar-bg-color: #fff;--w-e-toolbar-active-color: #333;--w-e-toolbar-active-bg-color: #f1f1f1;--w-e-toolbar-disabled-color: #999;--w-e-toolbar-border-color: #e8e8e8;--w-e-modal-button-bg-color: #fafafa;--w-e-modal-button-border-color: #d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover,.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}:root{--w-e-toolbar-color: #333;--w-e-toolbar-bg-color: #f5f5f5;--w-e-toolbar-active-color: #333;--w-e-toolbar-active-bg-color: #009688;--w-e-toolbar-disabled-color: #ccc;--w-e-toolbar-border-color: #ddd;--w-e-textarea-bg-color: #ffffff;--w-e-textarea-color: #333333;--w-e-textarea-border-color: #ccc;--w-e-textarea-slight-border-color: #ddd;--w-e-textarea-slight-color: #666;--w-e-textarea-slight-bg-color: #f7f7f7;--w-e-textarea-selected-border-color: #009688;--w-e-textarea-handler-bg-color: #009688;--w-e-modal-button-bg-color: #009688;--w-e-modal-button-border-color: #00796b}[data-theme=dark]{--w-e-toolbar-color: #e0e0e0;--w-e-toolbar-bg-color: #121212;--w-e-toolbar-active-color: #ffffff;--w-e-toolbar-active-bg-color: #00796b;--w-e-toolbar-disabled-color: #666;--w-e-toolbar-border-color: #444;--w-e-textarea-bg-color: #444444;--w-e-textarea-color: #e0e0e0;--w-e-textarea-border-color: #666666;--w-e-textarea-slight-border-color: #555555;--w-e-textarea-slight-color: #888888;--w-e-textarea-slight-bg-color: #555555;--w-e-textarea-selected-border-color: #00796b;--w-e-textarea-handler-bg-color: #00796b;--w-e-modal-button-bg-color: #00796b;--w-e-modal-button-border-color: #00695c}.edit-post{padding:1rem;height:100%;position:relative}.edit-post .toolbar{margin-top:-4rem;margin-bottom:2rem;position:sticky;background-color:#fff;top:5rem;left:0;z-index:998}.edit-post .toolbar .w-e-toolbar{padding:1rem 0}.edit-post .edit-post-left{width:300px;padding-right:1rem;overflow-y:auto;position:fixed;top:10rem;left:2rem}.edit-post .edit-post-left .form-group{margin-bottom:1rem}.edit-post .edit-post-left .form-group label{display:block;margin-bottom:.5rem;font-weight:700}.edit-post .edit-post-left .form-group textarea,.edit-post .edit-post-left .form-group input,.edit-post .edit-post-left .form-group select{width:100%;padding:.5rem;border-radius:4px;font-size:14px;resize:none;box-sizing:border-box;background-color:var(--input-background-color);border:1px solid var(--input-border-color);color:var(--input-text-color)}.edit-post .edit-post-left .form-group textarea:focus,.edit-post .edit-post-left .form-group input:focus,.edit-post .edit-post-left .form-group select:focus{outline:none;border:1px solid var(--input-focus-border-color)}.edit-post .edit-post-left .form-group textarea::placeholder,.edit-post .edit-post-left .form-group input::placeholder,.edit-post .edit-post-left .form-group select::placeholder{color:var(--input-placeholder-color)}.edit-post .edit-post-left .form-group .tag-list{display:flex;flex-wrap:wrap;margin-top:.5rem}.edit-post .edit-post-left .form-group .tag-list .tag-item{background-color:#e0e0e0;border-radius:2rem;padding:.3rem .8rem;margin:.2rem;font-size:.85rem;display:flex;align-items:center}.edit-post .edit-post-left .form-group .tag-list .tag-item .remove-tag{margin-left:.5rem;cursor:pointer;font-weight:700}.edit-post .edit-post-left .form-group .publish-button,.edit-post .edit-post-left .form-group .draft-button{width:100%;padding:.5rem;margin-bottom:.5rem;background-color:var(--button-color);color:var(--button-text-color);border:none;border-radius:4px;cursor:pointer}.edit-post .edit-post-left .form-group .publish-button:hover,.edit-post .edit-post-left .form-group .draft-button:hover{background-color:var(--button-hover-color);color:var(--button-hover-text-color)}.edit-post .edit-post-left .form-group .publish-button:active,.edit-post .edit-post-left .form-group .draft-button:active{background-color:var(--button-active-color);color:var(--button-active-text-color)}.edit-post .edit-post-left .form-group .draft-button{background-color:#6c757d}.edit-post .edit-post-left .form-group .draft-button:hover{background-color:#5a6268}.edit-post .edit-post-center{width:calc(100vw - 600px - 8rem);min-width:300px;margin:0 auto}.edit-post .edit-post-center .w-e-text-container{width:100%;min-height:800px;padding:2rem 3rem;border-radius:10px}.edit-post .edit-post-center #w-e-textarea-1{min-height:800px!important}.edit-post .edit-post-right{width:300px;overflow-y:auto;padding-left:1rem;position:fixed;top:10rem;right:2rem}.edit-post .edit-post-right .toc h3{margin-bottom:.5rem}.edit-post .edit-post-right .toc ul{list-style-type:none;padding-left:0}.edit-post .edit-post-right .toc ul .toc-item{margin-bottom:.25rem;padding-left:1rem;cursor:pointer}.edit-post .edit-post-right .toc ul .toc-item.toc-item-h1{font-size:1.2rem;font-weight:700}.edit-post .edit-post-right .toc ul .toc-item.toc-item-h2{font-size:1.1rem;font-weight:700;padding-left:1.5rem}.edit-post .edit-post-right .toc ul .toc-item.toc-item-h3{font-size:1rem;padding-left:2rem}.edit-post .edit-post-right .toc ul .toc-item.toc-item-h4{font-size:.9rem;padding-left:2.5rem}.edit-post .edit-post-right .toc ul .toc-item.toc-item-h5{font-size:.8rem;padding-left:3rem}.edit-post .edit-post-right .toc ul .toc-item.toc-item-h6{font-size:.7rem;padding-left:3.5rem}.w-e-text-container,.w-e-toolbar,.w-e-bar,input,select,textarea{transition:background-color .3s,color .3s!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-color);background-color:var(--background-color);transition:background-color .3s,color .3s}@media (max-width: var(--breakpoint-mobile)){body{font-size:var(--font-size-small)}}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:rgba(var(--primary-color-rgb),.6)}button,a,li,input[type=button],input[type=submit],label,[role=button],[tabindex]:not([tabindex="-1"]){user-select:none;-webkit-user-select:none;-ms-user-select:none}ul{list-style:none}.container{max-width:var(--breakpoint-desktop);margin:0 auto;padding:0 var(--spacing-medium)}@media (max-width: var(--breakpoint-tablet)){.container{padding:0 var(--spacing-small)}}@media (max-width: var(--breakpoint-mobile)){.container{padding:0 var(--spacing-small)}}.text-center{text-align:center}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.header{background-color:var(--background-color);border-bottom:1px solid var(--border-color);transition:background-color .3s,border-color .3s;width:100%;height:5rem;position:sticky;top:0;left:0;z-index:999}.header .header-container{width:100%;height:100%;padding:0 var(--spacing-medium);display:flex;justify-content:space-between;align-items:center;position:relative}.header .logo{font-size:var(--font-size-large);font-weight:700;color:var(--primary-color)}.header .nav{display:flex;gap:var(--spacing-medium);align-items:center}.header .nav a{color:var(--text-color);padding:var(--spacing-small) var(--spacing-medium);border-radius:4px;transition:background-color .3s,color .3s}.header .nav a:hover{background-color:rgba(var(--primary-color-rgb),.9);color:var(--background-color)}.header .theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .drawer-toggle{display:none;cursor:pointer}@media (max-width: 768px){.header .nav{display:none}.header .drawer-toggle{display:flex}}.drawer-content{background-color:var(--item-background-color);height:100%;display:flex;flex-direction:column;width:70vw;padding:var(--spacing-medium)}.drawer-content li{display:flex;align-items:center;padding:10px;gap:10px;border-radius:5px;transition:background-color .3s,color .3s;color:var(--text-color)}.drawer-content li:active{background-color:rgba(var(--primary-color-rgb),.9);color:var(--background-color)}.new-post-button{position:fixed;bottom:6rem;right:2rem;z-index:1000;width:80px;height:80px;aspect-ratio:1;border-radius:50%;color:#fff;background-color:var(--button-color);color:var(--button-text-color);font-size:1rem;display:flex;align-items:center;justify-content:center}.new-post-button:hover{background-color:var(--button-hover-color);color:var(--button-hover-text-color)}.new-post-button:active{background-color:var(--button-active-color);color:var(--button-active-text-color)}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;transition:all .2s}.icon:hover{cursor:pointer;opacity:.5}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;padding:2rem 0;position:relative;background-color:var(--background-color)}.loading{text-align:center;padding:2rem;font-size:1.2rem}.error{text-align:center;padding:2rem;color:#f44}.not-found{text-align:center;padding:2rem;font-size:1.2rem}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f7f7f7}.login-box{background-color:#fff;padding:40px 30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:350px;text-align:center}.login-box h2{font-size:22px;margin-bottom:20px;color:#333}.login-box .input-group{margin-bottom:15px}.login-box input{width:100%;padding:12px;font-size:16px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin-top:5px;outline:none;transition:border-color .3s ease}.login-box input:focus{border-color:#007bff}.login-box .login-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.login-box .login-btn:hover{background-color:#0056b3}.message{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-size:16px;max-width:400px;display:flex;align-items:center;box-shadow:0 4px 10px #0000001a;z-index:9999;transition:all .3s ease}.message-success{background-color:#e0f7e0;color:#388e3c;border:1px solid #388e3c}.message-warning{background-color:#fff3e0;color:#f57c00;border:1px solid #f57c00}.message-error{background-color:#ffebee;color:#d32f2f;border:1px solid #d32f2f}.message-icon{margin-right:12px;font-size:20px}.message-content{flex-grow:1}.message-close{background:transparent;border:none;color:inherit;font-size:18px;margin-left:10px;cursor:pointer}.message-close:hover{color:#777}:root{--primary-color: #3498db;--primary-color-rgb: 52, 152, 219;--background-color: #f5f5f5;--item-background-color: #ffffff;--text-color: #333333;--sub-text-color: #666666;--border-color: #cccccc;--button-color: #3498db;--button-text-color: #ffffff;--button-hover-color: #2980b9;--button-hover-text-color: #ffffff;--button-disabled-color: #cccccc;--button-disabled-text-color: #ffffff;--button-active-color: #2980b9;--button-active-text-color: #ffffff;--input-background-color: #ffffff;--input-border-color: #cccccc;--input-text-color: #333333;--input-placeholder-color: #666666;--input-focus-border-color: #3498db;--font-family: "PingFang SC", "Microsoft YaHei", sans-serif;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 24px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1200px;--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 18px}[data-theme=dark]{--primary-color: #1e90ff;--background-color: #121212;--item-background-color: #1e1e1e;--text-color: #e0e0e0;--sub-text-color: #b0b0b0;--border-color: #444444;--button-color: #1e90ff;--button-text-color: #ffffff;--button-hover-color: #1c86e7;--button-hover-text-color: #ffffff;--button-disabled-color: #444444;--button-disabled-text-color: #ffffff;--button-active-color: #1c86e7;--button-active-text-color: #ffffff;--input-background-color: #1e1e1e;--input-border-color: #444444;--input-text-color: #e0e0e0;--input-placeholder-color: #b0b0b0;--input-focus-border-color: #1e90ff}.footer{background-color:var(--background-color);border-color:var(--border-color);padding:var(--spacing-large) 0;margin-top:var(--spacing-large);transition:background-color .3s,border-color .3s}@media (max-width: var(--breakpoint-mobile)){.footer{padding:var(--spacing-medium) 0}}.footer .footer-container{max-width:var(--breakpoint-desktop);margin:0 auto;padding:0 var(--spacing-medium);display:flex;justify-content:space-between;align-items:center}.footer .social-links{display:flex;gap:var(--spacing-medium)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}