*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh}.blog-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:40px;font-size:14px;font-weight:500;border-radius:var(--blog-radius-base);cursor:pointer;transition:all var(--blog-transition-base);border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.blog-btn-sm{height:32px;padding:0 16px;font-size:12px}.blog-btn-lg{height:48px;padding:0 32px;font-size:16px}.blog-btn-primary{background-color:var(--blog-color-primary);color:#fff;border-color:var(--blog-color-primary)}.blog-btn-primary:hover:not(:disabled){background-color:var(--blog-color-primary-dark);border-color:var(--blog-color-primary-dark)}.blog-btn-secondary{background-color:transparent;color:var(--blog-color-primary);border-color:var(--blog-color-primary)}.blog-btn-secondary:hover:not(:disabled){background-color:var(--blog-color-primary-alpha-10)}.blog-btn-text{background-color:transparent;color:var(--blog-color-text-secondary);padding:0 8px}.blog-btn-text:hover:not(:disabled){color:var(--blog-color-text-primary);background-color:var(--blog-color-bg-hover)}.blog-card{background-color:var(--blog-color-bg-primary);border:1px solid var(--blog-color-border-light);border-radius:var(--blog-radius-md);padding:var(--blog-spacing-lg);transition:box-shadow var(--blog-transition-base),border-color var(--blog-transition-base)}.blog-card:hover{border-color:var(--blog-color-border-default);box-shadow:var(--blog-shadow-base)}.blog-card-sm{padding:var(--blog-spacing-md)}.blog-card-lg{padding:var(--blog-spacing-xl)}.blog-card-clickable{cursor:pointer}.blog-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--blog-shadow-lg)}.blog-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;font-size:var(--blog-font-size-xs);font-weight:500;color:var(--blog-color-text-secondary);background-color:var(--blog-color-bg-tertiary);border-radius:var(--blog-radius-sm);text-decoration:none;transition:all var(--blog-transition-base)}.blog-tag-primary,.blog-tag:hover{color:var(--blog-color-primary);background-color:var(--blog-color-primary-alpha-10)}.blog-tag-group{display:flex;flex-wrap:wrap;gap:var(--blog-spacing-xs)}.blog-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:12px;line-height:1;color:#fff;background-color:var(--blog-color-secondary);border-radius:var(--blog-radius-full)}.blog-input{width:100%;height:40px;padding:0 12px;font-size:14px;color:var(--blog-color-text-primary);background-color:var(--blog-color-bg-primary);border:1px solid var(--blog-color-border-default);border-radius:var(--blog-radius-base);outline:none;transition:border-color var(--blog-transition-base),box-shadow var(--blog-transition-base)}.blog-input::-moz-placeholder{color:var(--blog-color-text-placeholder)}.blog-input::placeholder{color:var(--blog-color-text-placeholder)}.blog-input:focus{border-color:var(--blog-color-primary);box-shadow:0 0 0 2px var(--blog-color-primary-alpha-20)}.blog-input:disabled{background-color:var(--blog-color-bg-secondary);cursor:not-allowed}.blog-input-sm{height:32px;font-size:12px}.blog-input-lg{height:48px;font-size:16px}.blog-textarea{min-height:120px;padding:12px;resize:vertical;line-height:1.6}.blog-pagination{gap:var(--blog-spacing-xs);margin-top:var(--blog-spacing-xl)}.blog-pagination,.blog-pagination-item{display:flex;align-items:center;justify-content:center}.blog-pagination-item{min-width:36px;height:36px;padding:0 8px;font-size:14px;color:var(--blog-color-text-primary);background-color:var(--blog-color-bg-primary);border:1px solid var(--blog-color-border-default);border-radius:var(--blog-radius-base);cursor:pointer;transition:all var(--blog-transition-fast)}.blog-pagination-item:hover:not(.disabled){color:var(--blog-color-primary);border-color:var(--blog-color-primary)}.blog-pagination-item.active{color:#fff;background-color:var(--blog-color-primary);border-color:var(--blog-color-primary)}.blog-pagination-item.disabled{opacity:.5;cursor:not-allowed}.blog-skeleton{background:linear-gradient(90deg,var(--blog-color-bg-secondary) 25%,var(--blog-color-bg-tertiary) 50%,var(--blog-color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--blog-radius-base)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-skeleton-title{height:24px;width:60%;margin-bottom:12px}.blog-skeleton-text{height:16px;width:100%;margin-bottom:8px}.blog-skeleton-text:last-child{width:80%}.blog-spinner{width:24px;height:24px;border:2px solid var(--blog-color-border-default);border-top-color:var(--blog-color-primary);border-radius:var(--blog-radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.blog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--blog-spacing-xxl) 0;color:var(--blog-color-text-tertiary)}.blog-empty-icon{font-size:48px;margin-bottom:var(--blog-spacing-md);opacity:.5}.blog-empty-text{font-size:14px}.blog-page{min-height:100vh}.blog-header{position:fixed;top:0;left:0;right:0;height:var(--blog-header-height);background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--blog-color-border-light);z-index:var(--blog-z-index-fixed);transition:all var(--blog-transition-base)}.blog-header-content{max-width:var(--blog-container-max-width);margin:0 auto;padding:0 var(--blog-spacing-xl);height:100%;display:flex;align-items:center;justify-content:space-between}.blog-header-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.blog-header-logo,.blog-header-logo:hover{text-decoration:none}.blog-header-logo-img{height:25px;width:auto;border-radius:4px}.blog-header-logo-text{font-size:20px;font-weight:700;color:var(--blog-color-primary)}.blog-header-menu{display:flex;align-items:center;gap:var(--blog-spacing-xl)}.blog-header-menu-item{font-size:15px;color:var(--blog-color-text-secondary);text-decoration:none;padding:8px 0;position:relative;transition:color var(--blog-transition-base)}.blog-header-menu-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--blog-color-primary);transition:width var(--blog-transition-base)}.blog-header-menu-item.active,.blog-header-menu-item:hover{color:var(--blog-color-text-primary)}.blog-header-menu-item.active:after,.blog-header-menu-item:hover:after{width:100%}.blog-header-actions{display:flex;align-items:center;gap:var(--blog-spacing-md)}.blog-header-search{position:relative}.blog-header-search input{width:200px;height:36px;padding:0 36px 0 12px;font-size:14px;border:1px solid var(--blog-color-border-light);border-radius:var(--blog-radius-base);background-color:var(--blog-color-bg-secondary);transition:all var(--blog-transition-base)}.blog-header-search input:focus{border-color:var(--blog-color-primary);background-color:var(--blog-color-bg-primary);width:240px}.blog-header-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--blog-color-text-tertiary);pointer-events:none}.blog-main{padding-top:calc(var(--blog-header-height) + var(--blog-spacing-xl));padding-bottom:var(--blog-spacing-xxl);min-height:calc(100vh - var(--blog-header-height) - var(--blog-footer-height))}.blog-container{max-width:var(--blog-container-max-width);margin:0 auto;padding:0 var(--blog-spacing-xl)}.blog-content-wrapper{display:flex;gap:var(--blog-spacing-lg)}.blog-main-content{flex:1;min-width:0}.blog-sidebar{width:var(--blog-sidebar-width);flex-shrink:0}.blog-footer{background-color:var(--blog-color-bg-secondary);border-top:1px solid var(--blog-color-border-light);padding:var(--blog-spacing-xxl) 0}.blog-footer-content{max-width:var(--blog-container-max-width);margin:0 auto;padding:0 var(--blog-spacing-xl)}.blog-footer-section{margin-bottom:var(--blog-spacing-lg)}.blog-footer-section:last-child{margin-bottom:0}.blog-footer-title{font-size:var(--blog-font-size-sm);font-weight:600;color:var(--blog-color-text-secondary);margin-bottom:var(--blog-spacing-sm);text-transform:uppercase;letter-spacing:.5px}.blog-footer-text{font-size:var(--blog-font-size-sm);color:var(--blog-color-text-tertiary);line-height:var(--blog-line-height-normal)}.blog-footer-links{display:flex;gap:var(--blog-spacing-md)}.blog-footer-links a{color:var(--blog-color-text-tertiary);text-decoration:none;transition:color var(--blog-transition-fast)}.blog-footer-links a:hover{color:var(--blog-color-primary)}.blog-footer-qr{margin-top:var(--blog-spacing-md);text-align:center}.blog-footer-qr-img{width:120px;height:120px;border-radius:var(--blog-radius-md);-o-object-fit:cover;object-fit:cover}.blog-footer-qr-label{display:block;margin-top:6px}.blog-footer-bottom,.blog-footer-qr-label{font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary)}.blog-footer-bottom{text-align:center;padding-top:var(--blog-spacing-lg);border-top:1px solid var(--blog-color-border-light)}.blog-sidebar-card{background-color:var(--blog-color-bg-primary);border:1px solid var(--blog-color-border-light);border-radius:var(--blog-radius-md);padding:var(--blog-spacing-lg);margin-bottom:var(--blog-spacing-lg)}.blog-sidebar-card:last-child{margin-bottom:0}.blog-sidebar-card-title{font-size:var(--blog-font-size-md);font-weight:600;color:var(--blog-color-text-primary);margin-bottom:var(--blog-spacing-md);padding-bottom:var(--blog-spacing-sm);border-bottom:1px solid var(--blog-color-border-light)}.blog-user-card{text-align:center}.blog-user-card-avatar{width:80px;height:80px;border-radius:var(--blog-radius-full);margin-bottom:var(--blog-spacing-md)}.blog-user-card-name{font-size:var(--blog-font-size-lg);font-weight:600;color:var(--blog-color-text-primary);margin-bottom:var(--blog-spacing-xs)}.blog-user-card-bio{font-size:var(--blog-font-size-sm);color:var(--blog-color-text-secondary);margin-bottom:var(--blog-spacing-md);line-height:var(--blog-line-height-normal)}.blog-user-card-stats{display:flex;justify-content:center;gap:var(--blog-spacing-lg)}.blog-user-card-stats-item{text-align:center}.blog-user-card-stats-value{font-size:var(--blog-font-size-lg);font-weight:600;color:var(--blog-color-text-primary)}.blog-user-card-stats-label{font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary)}.blog-category-list{list-style:none;padding:0;margin:0}.blog-category-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--blog-spacing-sm) 0;border-bottom:1px solid var(--blog-color-border-light)}.blog-category-list-item:last-child{border-bottom:none}.blog-category-list-link{color:var(--blog-color-text-secondary);text-decoration:none;transition:color var(--blog-transition-fast)}.blog-category-list-link:hover{color:var(--blog-color-primary)}.blog-category-list-count{font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary)}.blog-tag-cloud{display:flex;flex-wrap:wrap;gap:var(--blog-spacing-xs)}.blog-tag-cloud-item{font-size:13px;padding:6px 12px;color:var(--blog-color-text-secondary);background-color:var(--blog-color-bg-secondary);border-radius:var(--blog-radius-base);text-decoration:none;transition:all var(--blog-transition-fast)}.blog-tag-cloud-item:hover{color:var(--blog-color-primary);background-color:var(--blog-color-primary-alpha-10)}.blog-hot-articles{list-style:none;padding:0;margin:0}.blog-hot-articles-item{padding:var(--blog-spacing-sm) 0;border-bottom:1px solid var(--blog-color-border-light)}.blog-hot-articles-item:last-child{border-bottom:none}.blog-hot-articles-link{display:block;color:var(--blog-color-text-secondary);text-decoration:none;font-size:var(--blog-font-size-sm);line-height:var(--blog-line-height-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-hot-articles-link:hover{color:var(--blog-color-primary)}.blog-hot-articles-index{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;color:var(--blog-color-text-tertiary);background-color:var(--blog-color-bg-secondary);border-radius:var(--blog-radius-base);margin-right:var(--blog-spacing-sm)}.blog-hot-articles-index.top{background-color:var(--blog-color-secondary);color:#fff}.blog-header-user{display:flex;align-items:center;gap:var(--blog-spacing-md)}.blog-header-user-login-btn,.blog-header-user-register-btn{padding:6px 16px;font-size:14px;border-radius:var(--blog-radius-base);text-decoration:none;transition:all var(--blog-transition-fast)}.blog-header-user-login-btn{color:var(--blog-color-text-secondary);border:1px solid var(--blog-color-border-default)}.blog-header-user-login-btn:hover{color:var(--blog-color-primary);border-color:var(--blog-color-primary)}.blog-header-user-register-btn{color:#fff;background-color:var(--blog-color-primary)}.blog-header-user-register-btn:hover{background-color:var(--blog-color-primary-dark)}.blog-user-info{display:flex;align-items:center;gap:var(--blog-spacing-sm);cursor:pointer;padding:4px 8px;border-radius:var(--blog-radius-base);transition:background-color var(--blog-transition-fast)}.blog-user-info:hover{background-color:var(--blog-color-bg-secondary)}.blog-user-name{font-size:14px;color:var(--blog-color-text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){.blog-content-wrapper{flex-direction:column}.blog-sidebar{width:100%;margin-top:var(--blog-spacing-xl)}.blog-header-search input{width:160px}.blog-header-search input:focus{width:200px}}@media(max-width:640px){.blog-container,.blog-header-content{padding:0 var(--blog-spacing-md)}.blog-header-menu,.blog-header-search{display:none}.blog-main{padding-top:calc(var(--blog-header-height) + var(--blog-spacing-md))}.blog-content-wrapper{gap:var(--blog-spacing-md)}.blog-sidebar{margin-top:var(--blog-spacing-lg)}.blog-footer-content{padding:0 var(--blog-spacing-md)}.blog-footer-sections{flex-direction:column;gap:var(--blog-spacing-lg)}}@media(max-width:480px){:root{--blog-font-size-xxl:24px;--blog-font-size-xl:20px;--blog-font-size-lg:18px}.blog-header-logo{font-size:18px}.blog-card,.blog-sidebar-card{padding:var(--blog-spacing-md)}.blog-pagination{flex-wrap:wrap}.blog-pagination-item{min-width:32px;height:32px;font-size:13px}}@media(min-width:1440px){.blog-container,.blog-footer-content,.blog-header-content{padding:0 var(--blog-spacing-xxl)}}@media print{.blog-comments,.blog-footer,.blog-header,.blog-sidebar{display:none!important}.blog-main-content{width:100%!important;max-width:none!important}.blog-article-content{font-size:12pt;line-height:1.5}.blog-article-content a{color:#000;text-decoration:underline}}:root{--blog-color-primary:#667eea;--blog-color-primary-light:#7b8ff0;--blog-color-primary-dark:#5a6fd6;--blog-color-primary-alpha-10:rgba(102,126,234,.1);--blog-color-primary-alpha-20:rgba(102,126,234,.2);--blog-color-primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--blog-color-secondary:#e8a87c;--blog-color-secondary-light:#f0c4a8;--blog-color-secondary-dark:#d08b5c;--blog-color-success:#52c41a;--blog-color-warning:#faad14;--blog-color-error:#ff4d4f;--blog-color-info:#1890ff;--blog-color-success-bg:#f6ffed;--blog-color-warning-bg:#fffbe6;--blog-color-error-bg:#fff2f0;--blog-color-info-bg:#e6f7ff;--blog-color-text-primary:#333;--blog-color-text-secondary:#666;--blog-color-text-tertiary:#999;--blog-color-text-placeholder:#bbb;--blog-color-bg-primary:#fff;--blog-color-bg-secondary:#f8f9fa;--blog-color-bg-tertiary:#f1f3f5;--blog-color-bg-hover:#fafafa;--blog-color-border-light:#f0f0f0;--blog-color-border-default:#e5e5e5;--blog-color-border-dark:#d0d0d0;--blog-color-code-bg:#2d2d2d;--blog-color-code-text:#e0e0e0;--blog-font-family-base:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--blog-font-family-code:"SF Mono","Fira Code","Fira Mono","Roboto Mono",Menlo,Monaco,Consolas,"Courier New",monospace;--blog-font-size-xs:12px;--blog-font-size-sm:14px;--blog-font-size-base:16px;--blog-font-size-md:18px;--blog-font-size-lg:20px;--blog-font-size-xl:24px;--blog-font-size-xxl:32px;--blog-line-height-tight:1.25;--blog-line-height-base:1.5;--blog-line-height-normal:1.75;--blog-line-height-relaxed:1.9;--blog-font-weight-normal:400;--blog-font-weight-medium:500;--blog-font-weight-semibold:600;--blog-font-weight-bold:700;--blog-spacing-unit:8px;--blog-spacing-xxs:4px;--blog-spacing-xs:8px;--blog-spacing-sm:12px;--blog-spacing-md:16px;--blog-spacing-lg:24px;--blog-spacing-xl:32px;--blog-spacing-xxl:48px;--blog-spacing-xxxl:64px;--blog-transition-fast:0.15s ease;--blog-transition-base:0.2s ease;--blog-transition-slow:0.3s ease;--blog-shadow-sm:0 1px 2px rgba(0,0,0,.05);--blog-shadow-base:0 4px 12px rgba(0,0,0,.05);--blog-shadow-lg:0 8px 24px rgba(0,0,0,.08);--blog-shadow-xl:0 16px 48px rgba(0,0,0,.12);--blog-radius-sm:2px;--blog-radius-base:4px;--blog-radius-md:8px;--blog-radius-lg:12px;--blog-radius-full:9999px;--blog-container-max-width:1200px;--blog-content-max-width:800px;--blog-sidebar-width:280px;--blog-header-height:64px;--blog-footer-height:auto;--blog-z-index-dropdown:1000;--blog-z-index-sticky:1020;--blog-z-index-fixed:1030;--blog-z-index-modal-backdrop:1040;--blog-z-index-modal:1050;--blog-z-index-popover:1060;--blog-z-index-tooltip:1070}.blog-markdown{font-size:var(--blog-font-size-base);line-height:var(--blog-line-height-relaxed);color:var(--blog-color-text-primary);word-break:break-word}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4,.blog-markdown h5,.blog-markdown h6{font-weight:600;color:var(--blog-color-text-primary);margin-top:1.5em;margin-bottom:.75em;line-height:var(--blog-line-height-base);position:relative}.blog-markdown h1 .header-anchor,.blog-markdown h2 .header-anchor,.blog-markdown h3 .header-anchor,.blog-markdown h4 .header-anchor,.blog-markdown h5 .header-anchor,.blog-markdown h6 .header-anchor{position:absolute;left:-1.2em;opacity:0;color:var(--blog-color-primary);text-decoration:none;font-size:.8em;transition:opacity var(--blog-transition-fast)}.blog-markdown h1 .header-anchor:hover,.blog-markdown h2 .header-anchor:hover,.blog-markdown h3 .header-anchor:hover,.blog-markdown h4 .header-anchor:hover,.blog-markdown h5 .header-anchor:hover,.blog-markdown h6 .header-anchor:hover{text-decoration:none}.blog-markdown h1:hover .header-anchor,.blog-markdown h2:hover .header-anchor,.blog-markdown h3:hover .header-anchor,.blog-markdown h4:hover .header-anchor,.blog-markdown h5:hover .header-anchor,.blog-markdown h6:hover .header-anchor{opacity:1}.blog-markdown h1{font-size:var(--blog-font-size-xxl);margin-top:0;padding-bottom:var(--blog-spacing-md);border-bottom:1px solid var(--blog-color-border-light)}.blog-markdown h2{font-size:var(--blog-font-size-xl);margin-top:2.5em;padding-top:var(--blog-spacing-lg);border-top:1px solid var(--blog-color-border-light)}.blog-markdown h3{font-size:var(--blog-font-size-lg)}.blog-markdown h4{font-size:var(--blog-font-size-md)}.blog-markdown h5{font-size:var(--blog-font-size-base)}.blog-markdown h6{font-size:var(--blog-font-size-sm);color:var(--blog-color-text-secondary)}.blog-markdown p{margin-bottom:1.5em}.blog-markdown a{color:var(--blog-color-primary);text-decoration:none;transition:color var(--blog-transition-fast)}.blog-markdown a:hover{color:var(--blog-color-primary-dark);text-decoration:underline}.blog-markdown ol,.blog-markdown ul{padding-left:2em;margin-bottom:1.5em}.blog-markdown li,.blog-markdown li>p{margin-bottom:.5em}.blog-markdown blockquote{margin:1.5em 0;padding:var(--blog-spacing-sm) var(--blog-spacing-md);border-left:4px solid var(--blog-color-primary);background-color:var(--blog-color-bg-secondary);color:var(--blog-color-text-secondary)}.blog-markdown blockquote p{margin-bottom:0}.blog-markdown blockquote blockquote{border-left-color:var(--blog-color-secondary)}.blog-markdown code{font-family:var(--blog-font-family-code);font-size:.9em;padding:2px 6px;background-color:var(--blog-color-bg-tertiary);color:var(--blog-color-error);border-radius:3px}.blog-markdown pre{margin:1.5em 0;padding:var(--blog-spacing-md);background-color:#0d1117;border-radius:var(--blog-radius-md);overflow-x:auto;line-height:var(--blog-line-height-normal)}.blog-markdown pre code{padding:0;background-color:transparent;color:inherit;font-size:14px;font-family:Consolas,Monaco,Courier New,monospace}.blog-markdown pre.hljs{background-color:#0d1117;padding:var(--blog-spacing-md)}.blog-markdown table{width:100%;margin:1.5em 0;border-collapse:collapse;font-size:var(--blog-font-size-sm)}.blog-markdown td,.blog-markdown th{padding:var(--blog-spacing-sm) var(--blog-spacing-md);border:1px solid var(--blog-color-border-default);text-align:left}.blog-markdown th{font-weight:600}.blog-markdown th,.blog-markdown tr:nth-child(2n){background-color:var(--blog-color-bg-secondary)}.blog-markdown tr:hover{background-color:var(--blog-color-bg-tertiary)}.blog-markdown hr{margin:2.5em 0;border:none;border-top:1px solid var(--blog-color-border-light)}.blog-markdown img{max-width:100%;height:auto;border-radius:var(--blog-radius-base);margin:var(--blog-spacing-lg) 0}.blog-markdown input[type=checkbox]{margin-right:.5em}.blog-markdown .katex-display{margin:1.5em 0;overflow-x:auto;padding:var(--blog-spacing-sm) 0}.blog-markdown .footnote-ref{font-size:.8em;vertical-align:super;color:var(--blog-color-primary);cursor:pointer}.blog-markdown .footnotes{margin-top:2em;padding-top:var(--blog-spacing-md);border-top:1px solid var(--blog-color-border-light);font-size:var(--blog-font-size-sm);color:var(--blog-color-text-secondary)}.blog-markdown .footnotes ol{padding-left:1.5em}.blog-markdown .footnotes li{margin-bottom:.5em}.blog-markdown details{margin:1.5em 0;padding:var(--blog-spacing-sm) var(--blog-spacing-md);background-color:var(--blog-color-bg-secondary);border-radius:var(--blog-radius-base);border:1px solid var(--blog-color-border-light)}.blog-markdown details summary{cursor:pointer;font-weight:500;color:var(--blog-color-text-primary)}.blog-markdown details summary:hover{color:var(--blog-color-primary)}.blog-markdown details[open] summary{margin-bottom:var(--blog-spacing-sm)}.blog-highlight .hljs{display:block;overflow-x:auto;padding:0;background:transparent;color:var(--blog-color-code-text)}.blog-highlight .hljs-comment,.blog-highlight .hljs-quote{color:#6a9955;font-style:italic}.blog-highlight .hljs-keyword,.blog-highlight .hljs-selector-tag,.blog-highlight .hljs-subst{color:#569cd6}.blog-highlight .hljs-literal,.blog-highlight .hljs-number,.blog-highlight .hljs-tag .hljs-attr,.blog-highlight .hljs-template-variable,.blog-highlight .hljs-variable{color:#b5cea8}.blog-highlight .hljs-doctag,.blog-highlight .hljs-string{color:#ce9178}.blog-highlight .hljs-section,.blog-highlight .hljs-selector-id,.blog-highlight .hljs-title{color:#dcdcaa}.blog-highlight .hljs-class .hljs-title,.blog-highlight .hljs-type{color:#4ec9b0}.blog-highlight .hljs-attribute,.blog-highlight .hljs-name,.blog-highlight .hljs-tag{color:#569cd6;font-weight:400}.blog-highlight .hljs-link,.blog-highlight .hljs-regexp{color:#d16969}.blog-highlight .hljs-built_in,.blog-highlight .hljs-builtin-name,.blog-highlight .hljs-bullet,.blog-highlight .hljs-symbol{color:#4ec9b0}.blog-highlight .hljs-meta{color:#d7ba7d}.blog-highlight .hljs-deletion{background-color:rgba(248,81,73,.2)}.blog-highlight .hljs-addition{background-color:rgba(63,185,80,.2)}.blog-highlight .hljs-emphasis{font-style:italic}.blog-highlight .hljs-strong{font-weight:700}.blog-page{font-family:var(--blog-font-family-base);font-size:var(--blog-font-size-base);line-height:var(--blog-line-height-normal);color:var(--blog-color-text-primary);background-color:var(--blog-color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-article-card{display:flex;gap:var(--blog-spacing-md);padding:var(--blog-spacing-lg);margin-bottom:var(--blog-spacing-md);background-color:var(--blog-color-bg-primary);border-radius:var(--blog-radius-md);border:1px solid var(--blog-color-border-light);transition:all var(--blog-transition-base)}.blog-article-card:last-child{margin-bottom:0}.blog-article-card:hover{border-color:var(--blog-color-primary);box-shadow:var(--blog-shadow-base);transform:translateY(-2px)}.blog-article-card:hover .blog-article-card-title{color:var(--blog-color-primary)}.blog-article-card:hover .blog-article-card-cover img{transform:scale(1.05)}.blog-article-card-cover{width:200px;height:150px;border-radius:var(--blog-radius-base);overflow:hidden;flex-shrink:0;background-color:var(--blog-color-bg-tertiary);cursor:pointer;position:relative}.blog-article-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--blog-transition-slow);display:block}.blog-article-card-cover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);transition:background var(--blog-transition-fast)}.blog-article-card-cover:hover:after{background:rgba(0,0,0,.1)}.blog-article-card-cover.none{display:none}.blog-article-card-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.blog-article-card-title{font-size:var(--blog-font-size-lg);font-weight:600;color:var(--blog-color-text-primary);line-height:var(--blog-line-height-base);margin-bottom:var(--blog-spacing-sm);text-decoration:none;transition:color var(--blog-transition-fast);cursor:pointer}.blog-article-card-summary,.blog-article-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-article-card-summary{font-size:var(--blog-font-size-sm);color:var(--blog-color-text-secondary);line-height:var(--blog-line-height-normal);margin-bottom:var(--blog-spacing-md);flex:1}.blog-article-card-meta{display:flex;align-items:center;font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary);flex-wrap:wrap;gap:var(--blog-spacing-md);padding-top:var(--blog-spacing-xs)}.blog-article-card-meta>span{display:flex;align-items:center;gap:4px}.blog-article-card-meta>span i{font-size:14px}.blog-article-card-tag{color:var(--blog-color-primary);font-weight:500;padding:2px 8px;background-color:var(--blog-color-primary-alpha-10);border-radius:var(--blog-radius-sm)}.blog-article-card-tag a{color:inherit;text-decoration:none}@media(max-width:640px){.blog-article-card{flex-direction:column;padding:var(--blog-spacing-md)}.blog-article-card-cover{width:100%;height:180px}.blog-article-card-title{font-size:var(--blog-font-size-md)}.blog-article-card-meta{gap:var(--blog-spacing-sm)}}@media(max-width:480px){.blog-article-card-cover{height:160px}}.blog-article-detail{max-width:var(--blog-content-max-width);margin:0 auto}.blog-article-detail-header{margin-bottom:var(--blog-spacing-xl)}.blog-article-detail-title{font-size:var(--blog-font-size-xxl);font-weight:700;line-height:var(--blog-line-height-tight);color:var(--blog-color-text-primary);margin-bottom:var(--blog-spacing-md)}.blog-article-detail-meta{display:flex;align-items:center;font-size:var(--blog-font-size-sm);color:var(--blog-color-text-tertiary);flex-wrap:wrap;gap:var(--blog-spacing-md)}.blog-article-detail-author{display:flex;align-items:center;gap:var(--blog-spacing-xs);color:var(--blog-color-text-secondary);font-weight:500}.blog-article-detail-author img{width:32px;height:32px;border-radius:var(--blog-radius-full)}.blog-article-detail-content{font-size:var(--blog-font-size-base);line-height:var(--blog-line-height-relaxed);color:var(--blog-color-text-primary)}.blog-article-detail-content img{max-width:100%;height:auto;border-radius:var(--blog-radius-base);margin:var(--blog-spacing-lg) 0}.blog-article-detail-tags{flex-wrap:wrap;gap:var(--blog-spacing-xs);margin-top:var(--blog-spacing-lg);padding-top:var(--blog-spacing-lg)}.blog-article-detail-nav,.blog-article-detail-tags{display:flex;border-top:1px solid var(--blog-color-border-light)}.blog-article-detail-nav{justify-content:space-between;margin-top:var(--blog-spacing-xxl);padding:var(--blog-spacing-lg) 0;border-bottom:1px solid var(--blog-color-border-light)}.blog-article-detail-nav-link{flex:1;max-width:48%;font-size:var(--blog-font-size-sm);color:var(--blog-color-text-secondary);text-decoration:none;transition:color var(--blog-transition-fast)}.blog-article-detail-nav-link:hover{color:var(--blog-color-primary)}.blog-article-detail-nav-link.prev{text-align:left}.blog-article-detail-nav-link.next{text-align:right}.blog-article-detail-nav-link-label{display:block;font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary);margin-bottom:4px}.blog-article-detail-nav-link-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-comments{margin-top:var(--blog-spacing-xxl)}.blog-comments-title{font-size:var(--blog-font-size-lg);font-weight:600;color:var(--blog-color-text-primary);margin-bottom:var(--blog-spacing-lg)}.blog-comments-form{margin-bottom:var(--blog-spacing-xl);padding:var(--blog-spacing-lg);background-color:var(--blog-color-bg-primary);border-radius:var(--blog-radius-md);border:1px solid var(--blog-color-border-light)}.blog-comments-replying-tip{display:flex;justify-content:space-between;align-items:center;padding:var(--blog-spacing-sm) var(--blog-spacing-md);margin-bottom:var(--blog-spacing-sm);background-color:var(--blog-color-primary-light);border-radius:var(--blog-radius-sm);font-size:var(--blog-font-size-sm);color:var(--blog-color-primary)}.blog-comments-list{list-style:none;padding:0;margin:0}.blog-comment-item{padding:var(--blog-spacing-lg) 0;border-bottom:1px solid var(--blog-color-border-light)}.blog-comment-item:last-child{border-bottom:none}.blog-comment-item.blog-comment-reply{margin-left:52px;padding-left:var(--blog-spacing-md);border-left:2px solid var(--blog-color-border-light)}.blog-comment-item-header{display:flex;align-items:flex-start;gap:var(--blog-spacing-sm);margin-bottom:var(--blog-spacing-sm)}.blog-comment-item-avatar{width:40px;height:40px;border-radius:var(--blog-radius-full)}.blog-comment-item-author{font-weight:500;color:var(--blog-color-text-primary)}.blog-comment-item-info{display:flex;flex-direction:column;gap:4px;flex:1}.blog-comment-item-time{font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary)}.blog-comment-item-content{margin-left:52px;color:var(--blog-color-text-primary);line-height:var(--blog-line-height-normal)}.blog-comment-item-actions{display:flex;gap:var(--blog-spacing-md);margin-left:52px;margin-top:var(--blog-spacing-sm)}.blog-comment-item-action{font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary);cursor:pointer;transition:color var(--blog-transition-fast)}.blog-comment-item-action:hover{color:var(--blog-color-primary)}.blog-comment-item-children{margin-left:52px;margin-top:var(--blog-spacing-lg)}.blog-comment-item-children .blog-comment-item{padding-left:var(--blog-spacing-md);border-left:2px solid var(--blog-color-border-light)}.blog-comment-reply-to{font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary);margin-left:var(--blog-spacing-xs)}.blog-breadcrumb{font-size:var(--blog-font-size-sm);color:var(--blog-color-text-tertiary);margin-bottom:var(--blog-spacing-lg);flex-wrap:wrap}.blog-breadcrumb,.blog-breadcrumb-item{display:flex;align-items:center}.blog-breadcrumb-item:not(:last-child):after{content:"/";margin:0 var(--blog-spacing-xs)}.blog-breadcrumb a{color:var(--blog-color-text-secondary);text-decoration:none;transition:color var(--blog-transition-fast)}.blog-breadcrumb a:hover{color:var(--blog-color-primary)}.blog-archive-year{font-size:var(--blog-font-size-xl);color:var(--blog-color-text-primary);margin-top:var(--blog-spacing-xl)}.blog-archive-month,.blog-archive-year{font-weight:600;margin-bottom:var(--blog-spacing-md)}.blog-archive-month{font-size:var(--blog-font-size-lg);color:var(--blog-color-text-secondary);margin-top:var(--blog-spacing-lg)}.blog-archive-list{list-style:none;padding:0;margin:0}.blog-archive-item{display:flex;align-items:center;padding:var(--blog-spacing-sm) 0;border-bottom:1px solid var(--blog-color-border-light)}.blog-archive-item:hover{background-color:var(--blog-color-bg-secondary)}.blog-archive-date{flex-shrink:0;width:100px;font-size:var(--blog-font-size-sm);color:var(--blog-color-text-tertiary)}.blog-archive-link{flex:1;font-size:var(--blog-font-size-base);color:var(--blog-color-text-primary);text-decoration:none;transition:color var(--blog-transition-fast)}.blog-archive-link:hover{color:var(--blog-color-primary)}.blog-search{max-width:600px;margin:0 auto var(--blog-spacing-xl)}.blog-search-input-wrapper{position:relative}.blog-search-input{width:100%;height:48px;padding:0 var(--blog-spacing-lg);font-size:16px;border:2px solid var(--blog-color-border-light);border-radius:var(--blog-radius-lg);background-color:var(--blog-color-bg-primary);transition:all var(--blog-transition-base)}.blog-search-input:focus{outline:none;border-color:var(--blog-color-primary);box-shadow:0 0 0 4px var(--blog-color-primary-alpha-10)}.blog-search-icon{position:absolute;right:var(--blog-spacing-md);top:50%;transform:translateY(-50%);color:var(--blog-color-text-tertiary);pointer-events:none}.blog-search-result{margin-top:var(--blog-spacing-md);font-size:var(--blog-font-size-sm);color:var(--blog-color-text-tertiary)}.blog-search-highlight{color:var(--blog-color-error);font-weight:600}.blog-about{max-width:var(--blog-content-max-width);margin:0 auto}.blog-about-avatar{width:120px;height:120px;border-radius:var(--blog-radius-full);margin:0 auto var(--blog-spacing-lg)}.blog-about-name{font-size:var(--blog-font-size-xl);font-weight:600;color:var(--blog-color-text-primary);text-align:center;margin-bottom:var(--blog-spacing-sm)}.blog-about-bio{font-size:var(--blog-font-size-base);color:var(--blog-color-text-secondary);text-align:center}.blog-about-bio,.blog-about-section{margin-bottom:var(--blog-spacing-xl)}.blog-about-section:last-child{margin-bottom:0}.blog-about-title{font-size:var(--blog-font-size-lg);font-weight:600;color:var(--blog-color-text-primary);margin-bottom:var(--blog-spacing-md)}.blog-about-content{font-size:var(--blog-font-size-base);color:var(--blog-color-text-secondary);line-height:var(--blog-line-height-relaxed)}.blog-links{max-width:var(--blog-content-max-width);margin:0 auto}.blog-links-section{margin-bottom:var(--blog-spacing-xl)}.blog-links-section-title{font-size:var(--blog-font-size-lg);font-weight:600;color:var(--blog-color-text-primary);margin-bottom:var(--blog-spacing-md)}.blog-links-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--blog-spacing-md);list-style:none;padding:0;margin:0}.blog-links-item{display:flex;align-items:center;padding:var(--blog-spacing-md);background-color:var(--blog-color-bg-primary);border:1px solid var(--blog-color-border-light);border-radius:var(--blog-radius-base);text-decoration:none;transition:all var(--blog-transition-base)}.blog-links-item:hover{border-color:var(--blog-color-primary);transform:translateY(-2px);box-shadow:var(--blog-shadow-base)}.blog-links-favicon{width:32px;height:32px;border-radius:var(--blog-radius-base);margin-right:var(--blog-spacing-sm);flex-shrink:0}.blog-links-info{flex:1;min-width:0}.blog-links-name{font-size:var(--blog-font-size-base);font-weight:500;color:var(--blog-color-text-primary)}.blog-links-desc,.blog-links-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-links-desc{font-size:var(--blog-font-size-xs);color:var(--blog-color-text-tertiary)}.blog-blogger-list[data-v-9385beaa]{list-style:none;padding:0;margin:0}.blog-blogger-item[data-v-9385beaa]{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.blog-blogger-item[data-v-9385beaa]:last-child{border-bottom:none}.blog-blogger-avatar[data-v-9385beaa]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.blog-blogger-info[data-v-9385beaa]{flex:1;margin-left:10px;overflow:hidden}.blog-blogger-name[data-v-9385beaa]{display:block;font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-blogger-desc[data-v-9385beaa]{display:block;font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-blogger-stats[data-v-9385beaa]{flex-shrink:0;font-size:12px;color:#999;margin-left:10px}.blog-article-card-title[data-v-e6617500]{display:block;text-decoration:none;color:inherit}.blog-article-card-title[data-v-e6617500]:hover{text-decoration:none}.test-page[data-v-4790f638]{padding:20px;background:#fff}.copyright[data-v-e46f568a]{position:fixed;bottom:0;left:0;right:0;height:36px;padding:10px 20px;text-align:right;background-color:#f8f8f8;color:#666;font-size:14px;border-top:1px solid #e7e7e7;z-index:999}.app-main[data-v-51a16398]{min-height:calc(100vh - 50px);width:100%;position:relative;overflow:hidden}.fixed-header+.app-main[data-v-51a16398]{overflow-y:auto;scrollbar-gutter:auto;height:calc(100vh - 50px);min-height:0}.app-main[data-v-51a16398]:has(.copyright){padding-bottom:36px}.fixed-header+.app-main[data-v-51a16398]{margin-top:50px}.hasTagsView .app-main[data-v-51a16398]{min-height:calc(100vh - 84px)}.hasTagsView .fixed-header+.app-main[data-v-51a16398]{margin-top:84px;height:calc(100vh - 84px);min-height:0}@media screen and (max-width:991px){.fixed-header+.app-main[data-v-51a16398],.hasTagsView .fixed-header+.app-main[data-v-51a16398]{padding-bottom:max(60px,constant(safe-area-inset-bottom) + 40px);padding-bottom:max(60px,env(safe-area-inset-bottom) + 40px);overscroll-behavior-y:none}}@supports(-webkit-touch-callout:none){@media screen and (max-width:991px){.fixed-header+.app-main[data-v-51a16398]{height:calc(100svh - 50px);height:calc(100dvh - 50px)}.fixed-header+.app-main[data-v-51a16398],.hasTagsView .fixed-header+.app-main[data-v-51a16398]{padding-bottom:max(17px,constant(safe-area-inset-bottom) + 10px);padding-bottom:max(17px,env(safe-area-inset-bottom) + 10px)}.hasTagsView .fixed-header+.app-main[data-v-51a16398]{height:calc(100svh - 84px);height:calc(100dvh - 84px)}}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:silver;border-radius:3px}.app-breadcrumb.el-breadcrumb[data-v-74d14ae4]{display:inline-block;font-size:14px;line-height:50px}.app-breadcrumb.el-breadcrumb .no-redirect[data-v-74d14ae4]{color:#97a8be;cursor:text}.topmenu-container.el-menu--horizontal>.el-menu-item{float:left;height:50px!important;line-height:50px!important;color:#303133!important;padding:0 5px!important;margin:0 10px!important}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title,.topmenu-container.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--theme)!important;color:#303133}.topmenu-container.el-menu--horizontal>.el-submenu .el-submenu__title{float:left;height:50px!important;line-height:50px!important;color:#303133!important;padding:0 5px!important;margin:0 10px!important}.topbar-menu.el-menu--horizontal .el-menu-item,.topbar-menu.el-menu--horizontal .el-submenu__title{padding:0 10px!important}.el-menu--horizontal .el-menu--popup .el-menu-item:hover{background-color:#f5f7fa!important}.topbar-menu.el-menu--horizontal>.el-submenu .el-submenu__title{float:left;height:47px!important;line-height:50px!important;color:#303133;margin:0 15px!important}.topbar-menu .el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:0}.topbar-menu.el-menu--horizontal .el-menu-item,.topbar-menu.el-menu--horizontal .el-submenu__title{height:55px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{color:#303133}:export{menuColor:#bfcbd9;menuLightColor:rgba(0,0,0,.7);menuColorActive:#f4f4f5;menuBackground:#304156;menuLightBackground:#fff;subMenuBackground:#1f2d3d;subMenuHover:#001528;sideBarWidth:200px;logoTitleColor:#fff;logoLightTitleColor:#001529}.sidebarLogoFade-enter-active[data-v-15de8216]{transition:opacity 1.5s}.sidebarLogoFade-enter[data-v-15de8216],.sidebarLogoFade-leave-to[data-v-15de8216]{opacity:0}.sidebar-logo-container[data-v-15de8216]{position:relative;height:50px;line-height:50px;background:#2b2f3a;text-align:center;overflow:hidden}.sidebar-logo-container .sidebar-logo-link[data-v-15de8216]{height:100%;width:100%}.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-15de8216]{width:32px;height:32px;vertical-align:middle;margin-right:12px}.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-15de8216]{display:inline-block;margin:0;color:#fff;font-weight:600;line-height:50px;font-size:14px;font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;vertical-align:middle}.sidebar-logo-container.collapse .sidebar-logo[data-v-15de8216]{margin-right:0}.hamburger[data-v-49e15297]{display:inline-block;vertical-align:middle;width:20px;height:20px}.hamburger.is-active[data-v-49e15297]{transform:rotate(180deg)}.screenfull-svg[data-v-243c7c0f]{display:inline-block;cursor:pointer;fill:#5a5e66;width:20px;height:20px;vertical-align:10px}[data-v-1a7c0f79] .el-dialog__header{padding:0!important}.header-search .search-icon[data-v-1a7c0f79]{cursor:pointer;font-size:18px;vertical-align:middle}.result-wrap[data-v-1a7c0f79]{height:280px;margin:6px 0}.result-wrap .search-item[data-v-1a7c0f79]{display:flex;height:48px;align-items:center;padding-right:10px}.result-wrap .search-item .left[data-v-1a7c0f79]{width:60px;text-align:center}.result-wrap .search-item .left .menu-icon[data-v-1a7c0f79]{width:18px;height:18px}.result-wrap .search-item .search-info[data-v-1a7c0f79]{padding-left:5px;margin-top:10px;width:100%;display:flex;flex-direction:column;justify-content:flex-start;flex:1}.result-wrap .search-item .search-info .menu-path[data-v-1a7c0f79],.result-wrap .search-item .search-info .menu-title[data-v-1a7c0f79]{height:20px}.result-wrap .search-item .search-info .menu-path[data-v-1a7c0f79]{color:#ccc;font-size:10px}.result-wrap .search-item[data-v-1a7c0f79]:hover{cursor:pointer}.navbar.nav3 .hamburger-container[data-v-99c488fa]{display:none!important}.navbar[data-v-99c488fa]{height:50px;overflow:hidden;position:relative;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);display:flex;align-items:center;box-sizing:border-box}.navbar .hamburger-container[data-v-99c488fa]{line-height:46px;height:100%;cursor:pointer;transition:background .3s;-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;align-items:center;flex-shrink:0;margin-right:8px}.navbar .hamburger-container[data-v-99c488fa]:hover{background:rgba(0,0,0,.025)}.navbar .breadcrumb-container[data-v-99c488fa]{flex-shrink:0}.navbar .topmenu-container[data-v-99c488fa]{position:absolute;left:50px}.navbar .topbar-container[data-v-99c488fa]{flex:1;min-width:0;display:flex;align-items:center;overflow:hidden;margin-left:8px}.navbar .errLog-container[data-v-99c488fa]{display:inline-block;vertical-align:top}.navbar .right-menu[data-v-99c488fa]{height:100%;line-height:50px;display:flex;align-items:center;margin-left:auto}.navbar .right-menu[data-v-99c488fa]:focus{outline:none}.navbar .right-menu .right-menu-item[data-v-99c488fa]{display:inline-block;padding:0 8px;height:100%;font-size:18px;color:#5a5e66;vertical-align:text-bottom}.navbar .right-menu .right-menu-item.hover-effect[data-v-99c488fa]{cursor:pointer;transition:background .3s}.navbar .right-menu .right-menu-item.hover-effect[data-v-99c488fa]:hover{background:rgba(0,0,0,.025)}.navbar .right-menu .avatar-container[data-v-99c488fa]{margin-right:0;padding-right:0}.navbar .right-menu .avatar-container .avatar-wrapper[data-v-99c488fa]{margin-top:10px;right:8px;position:relative}.navbar .right-menu .avatar-container .avatar-wrapper .user-avatar[data-v-99c488fa]{cursor:pointer;width:30px;height:30px;border-radius:50%}.navbar .right-menu .avatar-container .avatar-wrapper .user-nickname[data-v-99c488fa]{position:relative;bottom:10px;left:2px;font-size:14px;font-weight:700}.navbar .right-menu .avatar-container .avatar-wrapper .el-icon-caret-bottom[data-v-99c488fa]{cursor:pointer;position:absolute;right:-20px;top:25px;font-size:12px}.setting-drawer-content .setting-drawer-title[data-v-08c05367]{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:14px;line-height:22px;font-weight:700}.setting-drawer-content .setting-drawer-block-checbox[data-v-08c05367]{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;margin-bottom:20px}.setting-drawer-content .setting-drawer-block-checbox .setting-drawer-block-checbox-item[data-v-08c05367]{position:relative;margin-right:16px;border-radius:2px;cursor:pointer}.setting-drawer-content .setting-drawer-block-checbox .setting-drawer-block-checbox-item img[data-v-08c05367]{width:48px;height:48px}.setting-drawer-content .setting-drawer-block-checbox .setting-drawer-block-checbox-item .setting-drawer-block-checbox-selectIcon[data-v-08c05367]{position:absolute;top:0;right:0;width:100%;height:100%;padding-top:15px;padding-left:24px;color:#1890ff;font-weight:700;font-size:14px}.drawer-container[data-v-08c05367]{padding:20px;font-size:14px;line-height:1.5;word-wrap:break-word}.drawer-container .drawer-title[data-v-08c05367]{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:14px;line-height:22px}.drawer-container .drawer-item[data-v-08c05367]{color:rgba(0,0,0,.65);font-size:14px;padding:12px 0}.drawer-container .drawer-switch[data-v-08c05367]{float:right}.nav-wrap[data-v-08c05367]{display:flex;justify-content:flex-start;align-items:center;margin-top:10px;margin-bottom:20px}.nav-wrap .activeItem[data-v-08c05367]{border:2px solid var(--theme)!important}.nav-wrap .item[data-v-08c05367]{position:relative;margin-right:16px;cursor:pointer;width:56px;height:48px;border-radius:4px;background:#f0f2f5;border:2px solid transparent}.nav-wrap .left b[data-v-08c05367]:first-child{display:block;height:30%;background:#fff}.nav-wrap .left b[data-v-08c05367]:last-child{width:30%;background:#1b2a47;position:absolute;height:100%;top:0;border-radius:4px 0 0 4px}.nav-wrap .mix b[data-v-08c05367]:first-child{border-radius:4px 4px 0 0;display:block;height:30%;background:#1b2a47}.nav-wrap .mix b[data-v-08c05367]:last-child{width:30%;background:#1b2a47;position:absolute;height:70%;border-radius:0 0 0 4px}.nav-wrap .top b[data-v-08c05367]:first-child{display:block;height:30%;background:#1b2a47;border-radius:4px 4px 0 0}.scroll-container[data-v-41421bb2]{white-space:nowrap;position:relative;overflow:hidden;width:100%}.scroll-container[data-v-41421bb2] .el-scrollbar__bar{bottom:0}.scroll-container[data-v-41421bb2] .el-scrollbar__wrap{height:49px}.tags-view-container[data-v-6ca9cc7a]{height:34px;width:100%;background:#fff;border-bottom:1px solid #d8dce5;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 0 3px 0 rgba(0,0,0,.04)}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-6ca9cc7a]{display:inline-block;position:relative;cursor:pointer;height:26px;line-height:26px;border:1px solid #d8dce5;color:#495060;background:#fff;padding:0 8px;font-size:12px;margin-left:5px;margin-top:4px}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-6ca9cc7a]:first-of-type{margin-left:15px}.tags-view-container .tags-view-wrapper .tags-view-item[data-v-6ca9cc7a]:last-of-type{margin-right:15px}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-6ca9cc7a]{background-color:#42b983;color:#fff;border-color:#42b983}.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-6ca9cc7a]:before{content:"";background:#fff;display:inline-block;width:8px;height:8px;border-radius:50%;position:relative;margin-right:2px}.tags-view-container .tags-view-item.active.has-icon[data-v-6ca9cc7a]:before{content:none!important}.tags-view-container .contextmenu[data-v-6ca9cc7a]{margin:0;background:#fff;z-index:3000;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.tags-view-container .contextmenu li[data-v-6ca9cc7a]{margin:0;padding:7px 16px;cursor:pointer}.tags-view-container .contextmenu li[data-v-6ca9cc7a]:hover{background:#eee}.tags-view-wrapper .tags-view-item .el-icon-close{width:16px;height:16px;vertical-align:2px;border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);transform-origin:100% 50%}.tags-view-wrapper .tags-view-item .el-icon-close:before{transform:scale(.6);display:inline-block;vertical-align:-3px}.tags-view-wrapper .tags-view-item .el-icon-close:hover{background-color:#b4bccc;color:#fff}[data-v-e6eb7fcc]:export{menuColor:#bfcbd9;menuLightColor:rgba(0,0,0,.7);menuColorActive:#f4f4f5;menuBackground:#304156;menuLightBackground:#fff;subMenuBackground:#1f2d3d;subMenuHover:#001528;sideBarWidth:200px;logoTitleColor:#fff;logoLightTitleColor:#001529}.app-wrapper[data-v-e6eb7fcc]:after{content:"";display:table;clear:both}.app-wrapper[data-v-e6eb7fcc]{position:relative;height:100%;width:100%}.app-wrapper.mobile.openSidebar[data-v-e6eb7fcc]{position:fixed;top:0}.main-container[data-v-e6eb7fcc]:has(.fixed-header){height:100vh;overflow:hidden}.drawer-bg[data-v-e6eb7fcc]{background:#000;opacity:.3;width:100%;top:0;height:100%;position:absolute;z-index:999}.fixed-header[data-v-e6eb7fcc]{position:fixed;top:0;right:0;z-index:9;width:calc(100% - 200px);transition:width .28s}.hideSidebar .fixed-header[data-v-e6eb7fcc]{width:calc(100% - 54px)}.mobile .fixed-header[data-v-e6eb7fcc],.sidebarHide .fixed-header[data-v-e6eb7fcc]{width:100%}