:root{--el-color-primary: #f29334 !important;--el-color-primary-light-3: #ffa36d !important;--el-color-primary-light-5: #f8ad7b !important;--el-color-primary-light-7: #f6be99 !important;--el-color-primary-light-8: #f4c3a8 !important;--el-color-primary-light-9: #f3edce !important;--el-fill-color-light: #f8f4e5 !important;--el-color-primary-dark-2: #a14516 !important;--el-border-color: #dcdfe6 !important;--el-border-color-light: #e4e7ed !important;--el-border-color-lighter: #ebeef5 !important;--el-border-color-extra-light: #f2f6fc !important;--el-bg-color: #f5f7fa !important;--el-bg-color-light: #f8f9fb !important;--el-bg-color-lighter: #fafbfc !important;--el-button-border-color: #ef9f7b !important}.article-page{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 300px)}.article-page .floating-actions{position:fixed;bottom:90px;right:24px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.article-page .floating-actions .floating-button{width:50px;height:50px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.article-page .floating-actions .floating-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.article-page .floating-actions .floating-button .el-icon{font-size:20px}.article-page .editor{margin-top:24px;display:flex;gap:24px}.article-page .editor .md-html-content{box-shadow:0 4px 20px #0000000f;background:#fff;border-radius:12px;overflow:hidden;flex:6;transition:all .3s ease}.article-page .editor .md-html-content:hover{box-shadow:0 6px 25px #00000014}.article-page .editor .md-html-content .v-md-editor__editor-wrapper{box-shadow:none!important}.article-page .editor .md-html-content .v-md-editor{border:none!important}.article-page .editor .md-html-content .v-md-editor__preview-wrapper{padding:24px 32px!important}.article-page .editor .md-html-content .v-md-editor__preview-wrapper h1,.article-page .editor .md-html-content .v-md-editor__preview-wrapper h2,.article-page .editor .md-html-content .v-md-editor__preview-wrapper h3,.article-page .editor .md-html-content .v-md-editor__preview-wrapper h4,.article-page .editor .md-html-content .v-md-editor__preview-wrapper h5,.article-page .editor .md-html-content .v-md-editor__preview-wrapper h6{margin-top:1.5em;margin-bottom:.8em;padding-bottom:.3em;color:#000000f2;font-weight:600}.article-page .editor .md-html-content .v-md-editor__preview-wrapper h1{font-size:28px;border-bottom:1px solid #f8f4e5}.article-page .editor .md-html-content .v-md-editor__preview-wrapper h2{font-size:24px;border-bottom:1px solid #f8f4e5}.article-page .editor .md-html-content .v-md-editor__preview-wrapper h3{font-size:20px}.article-page .editor .md-html-content .v-md-editor__preview-wrapper p{line-height:1.8;margin:1em 0;color:#000000d9}.article-page .editor .md-html-content .v-md-editor__preview-wrapper code{background-color:#f0f2f5d9;padding:.2em .4em;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;color:#476582}.article-page .editor .md-html-content .v-md-editor__preview-wrapper pre{margin:1.5em 0;border-radius:6px;background-color:#282c34!important;box-shadow:0 2px 12px #0000001a;overflow-x:auto;position:relative}.article-page .editor .md-html-content .v-md-editor__preview-wrapper pre code{background-color:transparent;color:#fff;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:0;font-size:14px}.article-page .editor .md-html-content .v-md-editor__preview-wrapper blockquote{padding:.8em 1em;color:#000000a6;border-left:4px solid #f29334;background-color:#f4dd861a;margin:1.5em 0;border-radius:0 4px 4px 0}.article-page .editor .md-html-content .v-md-editor__preview-wrapper blockquote p{margin:.5em 0}.article-page .editor .md-html-content .v-md-editor__preview-wrapper img{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:1em 0}.article-page .editor .md-html-content .v-md-editor__preview-wrapper table{border-collapse:collapse;margin:1.5em 0;width:100%}.article-page .editor .md-html-content .v-md-editor__preview-wrapper table th,.article-page .editor .md-html-content .v-md-editor__preview-wrapper table td{border:1px solid #f8f4e5;padding:.5em 1em}.article-page .editor .md-html-content .v-md-editor__preview-wrapper table th{background-color:#f4dd861a;font-weight:500}.article-page .editor .md-html-content .v-md-editor__preview-wrapper table tr:nth-child(2n){background-color:#f4dd860d}.article-page .editor .md-html-content .v-md-editor__preview-wrapper :not(pre)>code{background-color:#6464641a;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%;margin:0;padding:.2em .4em;color:#3eaf7c}.article-page .menu{font-weight:300;flex:2;max-width:280px}.article-page .menu .sticky-container{padding:20px;box-shadow:0 4px 20px #0000000f;background:#fff;border-radius:12px;position:sticky;top:96px;transition:all .3s ease}.article-page .menu .sticky-container:hover{box-shadow:0 6px 25px #00000014}.article-page .menu .sticky-container .menu-title{font-weight:600;padding-bottom:12px;font-size:18px;color:#000000f2;border-bottom:1px solid #f8f4e5;display:flex;align-items:center;gap:8px}.article-page .menu .sticky-container .menu-content{max-height:calc(100vh - 180px);overflow:auto;padding-top:12px;padding-right:8px}.article-page .menu .sticky-container .menu-content::-webkit-scrollbar{width:4px}.article-page .menu .sticky-container .menu-content::-webkit-scrollbar-track{background-color:transparent}.article-page .menu .sticky-container .menu-content::-webkit-scrollbar-thumb{background-color:#f4dd86;border-radius:4px}.article-page .menu .sticky-container .menu-content::-webkit-scrollbar-thumb:hover{background-color:#ef9f7b}.article-page .menu .sticky-container .menu-content .no-toc{display:flex;justify-content:center;padding:20px 0;color:#000000a6}.article-page .menu .sticky-container .menu-content .menu-item-h2{padding-left:1rem;margin-left:4px;border-left:1px solid rgba(244,221,134,.3)}.article-page .menu .sticky-container .menu-content .menu-item-h3{padding-left:1rem;font-size:.9em}.article-page .menu .sticky-container .menu-content .menu-item{width:100%;margin-bottom:8px}.article-page .menu .sticky-container .menu-content .menu-item .menu-link{display:block;width:100%;padding:4px 0;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000000d9;transition:all .2s ease}.article-page .menu .sticky-container .menu-content .menu-item .menu-link:hover{color:#f29334;cursor:pointer;padding-left:4px}.article-page .menu .sticky-container .menu-content .menu-item .menu-link.h1-link{font-weight:500;color:#000000f2}.article-page .menu .sticky-container .menu-content .menu-item .menu-link.h2-link{font-size:.95em}.article-page .menu .sticky-container .menu-content .menu-item .menu-link.h3-link{font-size:.9em;color:#000000a6}.article-page .head{display:flex;justify-content:center;align-items:center}.article-page .head .article-header{position:relative;width:100%;padding:32px 36px;margin-top:24px;border-radius:12px;background:#fff;box-shadow:0 4px 20px #0000000f;box-sizing:border-box;transition:all .3s ease}.article-page .head .article-header:hover{box-shadow:0 6px 25px #00000014}.article-page .head .article-header .article-title{text-align:center;font-size:32px;font-weight:600;color:#000000f2;margin-bottom:16px;line-height:1.4}.article-page .head .article-header .description{text-align:center;margin:16px 0 24px;font-size:16px;color:#000000a6;line-height:1.6;padding:0 12px}.article-page .head .article-header .article-meta{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px dashed rgba(239,159,123,.3)}.article-page .head .article-header .article-meta .meta-info{display:flex;align-items:center}.article-page .head .article-header .article-meta .meta-info .meta-item{display:flex;align-items:center;margin-right:20px;color:#000000a6}.article-page .head .article-header .article-meta .meta-info .meta-item .icon{margin-right:6px}.article-page .mobile-toc-toggle{display:none;align-items:center;justify-content:center;margin-top:16px;padding:10px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000f;cursor:pointer;transition:all .3s ease}.article-page .mobile-toc-toggle span{margin-right:8px;font-weight:500}.article-page .mobile-toc-toggle .el-icon{transition:transform .3s ease}.article-page .mobile-toc-toggle .el-icon.rotate{transform:rotate(180deg)}.article-page .mobile-toc-toggle:hover{background:#f293340d;color:#f29334}.article-page .mobile-menu{display:none;max-height:0;overflow:hidden;transition:all .3s ease;margin-bottom:0;width:100%;position:relative;z-index:100}.article-page .mobile-menu.active{max-height:300px;margin-bottom:16px;overflow:visible}.article-page .mobile-menu .sticky-container{position:static;margin-top:8px;margin-bottom:0;padding:16px;box-shadow:0 4px 16px #00000014}.article-page .mobile-menu .sticky-container .menu-content{max-height:250px;padding-top:0}.article-page .mobile-menu .sticky-container .menu-content .menu-item{margin-bottom:6px}.category-tag{display:flex;align-items:center;gap:8px}.category-tag span{display:inline-block;padding:4px 12px;background-color:#f293341a;color:#f29334;border-radius:20px;font-size:14px;font-weight:500;border:1px solid rgba(242,147,52,.2)}.category-tag .aigc-badge{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:400% 400%;color:#fff;border:none;box-shadow:0 2px 8px #667eea66;animation:aigc-gradient 10s ease infinite;position:relative;overflow:hidden}.category-tag .aigc-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:aigc-shimmer 10s infinite}@keyframes aigc-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes aigc-shimmer{0%{left:-100%}to{left:100%}}.article-edit-dialog :deep(.el-dialog__body){padding:20px 24px}@media screen and (max-width: 768px){.article-page .floating-actions{bottom:80px;right:20px}.article-page .floating-actions .floating-button{width:45px;height:45px}.article-page .editor{flex-direction:column;gap:16px;position:relative}.article-page .editor .md-html-content .v-md-editor__preview-wrapper{padding:20px!important}.article-page .editor .md-html-content .v-md-editor__preview-wrapper h1{font-size:24px}.article-page .editor .md-html-content .v-md-editor__preview-wrapper h2{font-size:20px}.article-page .editor .md-html-content .v-md-editor__preview-wrapper h3{font-size:18px}.article-page .editor .md-html-content .v-md-editor__preview-wrapper pre{margin:1em 0;border-radius:6px;overflow-x:auto}.article-page .editor .md-html-content .v-md-editor__preview-wrapper blockquote{padding:.6em .8em}.article-page .editor .md-html-content .v-md-editor__preview-wrapper table{display:block;overflow-x:auto}.article-page .editor .md-html-content .v-md-editor__preview-wrapper table th,.article-page .editor .md-html-content .v-md-editor__preview-wrapper table td{padding:.4em .6em;min-width:120px}.article-page .editor .desktop-menu{display:none}.article-page .mobile-toc-toggle{display:flex;margin-bottom:16px}.article-page .mobile-menu{display:block;max-width:100%;margin-bottom:16px}.article-page .head .article-header{margin-top:16px;padding:20px 16px}.article-page .head .article-header .article-title{font-size:22px;margin-bottom:12px}.article-page .head .article-header .description{margin:12px 0;font-size:14px;padding:0}.article-page .head .article-header .article-meta{margin-top:16px;padding-top:12px;flex-direction:column;align-items:flex-start;gap:8px}.article-page .head .article-header .article-meta .meta-info{margin-bottom:4px}}.article-ssr-content{padding:30px 24px;line-height:1.8;color:#000000d9;background:#fff}.md-html-content{position:relative;min-height:360px}.article-preview-skeleton{padding:30px 24px;background:#fff}.skeleton-line{height:14px;border-radius:6px;margin-bottom:14px;background:linear-gradient(90deg,#eef2f7 25%,#f7f9fc 37%,#eef2f7 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}.w-70{width:70%}.w-85{width:85%}.w-90{width:90%}.w-92{width:92%}.w-95{width:95%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width: 375px){.article-page .floating-actions{bottom:70px;right:15px}.article-page .floating-actions .floating-button{width:40px;height:40px}.article-page .floating-actions .floating-button .el-icon{font-size:18px}.article-page .head .article-header{padding:16px 12px}.article-page .head .article-header .article-title{font-size:20px}.article-page .head .article-header .article-meta .meta-info{flex-wrap:wrap}.article-page .head .article-header .article-meta .meta-info .meta-item{margin-right:12px;font-size:12px}.article-page .editor .md-html-content .v-md-editor__preview-wrapper{padding:16px 12px!important}}