.offline-message{background:linear-gradient(135deg,#ff9a9e,#fad0c4)!important;border:2px solid #ff6b6b!important;color:#721c24!important;font-weight:600!important;box-shadow:0 4px 12px hsla(0,100%,71%,.3)!important;border-radius:8px!important}.offline-message .el-message__content{font-size:15px!important}[data-theme=dark] .offline-message{background:linear-gradient(135deg,#4a154b,#2d1b69)!important;border:2px solid #7c3aed!important;color:#e879f9!important}:root,[data-theme=light]{--bg-color:#f4f3ef;--bg-secondary:#f7f6f2;--bg-tertiary:#eceae4;--text-color:#1f2428;--text-secondary:#5e666d;--text-muted:#667078;--border-color:#d7d2c8;--border-light:#e7e2d8;--shadow:0 4px 12px rgba(33,38,42,.06);--shadow-lg:0 26px 52px rgba(33,38,42,.12);--shadow-md:0 16px 34px rgba(33,38,42,.09);--navbar-bg:#f7f6f2;--card-bg:#fbfaf7;--primary-color:#1e6b74;--primary-hover:#185761;--link-color:#1e6b74}[data-theme=dark]{--bg-color:#0f1214;--bg-secondary:#16191c;--bg-tertiary:#20252a;--text-color:#f2eee8;--text-secondary:#b8b0a6;--text-muted:#8f867d;--border-color:#2d343c;--border-light:#39414a;--shadow:0 4px 14px rgba(0,0,0,.24);--shadow-lg:0 24px 48px rgba(0,0,0,.38);--shadow-md:0 14px 32px rgba(0,0,0,.3);--navbar-bg:#16191c;--card-bg:#1d2226;--primary-color:#67e8d2;--primary-hover:#98f5e5;--link-color:#67e8d2;--card-gap:32px}body{background-color:var(--bg-color)!important;color:var(--text-color)!important;width:100%;padding:0;box-sizing:border-box;letter-spacing:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:auto}.navbar{background:var(--navbar-bg)!important;box-shadow:var(--shadow)!important;border-bottom:1px solid var(--border-color)!important}@media (min-width:769px){[data-theme=light] .navbar{background:transparent!important;box-shadow:none!important;border-bottom:none!important;border:none!important;backdrop-filter:none!important}[data-theme=light] .navbar,[data-theme=light] .navbar .nav-container,[data-theme=light] .navbar .nav-menu{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important}}.nav-logo h2{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.nav-link{color:var(--text-color)!important}.nav-link.router-link-active,.nav-link:hover{color:var(--primary-color)!important;background-color:var(--bg-secondary)!important}.user-menu{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.user-menu:hover{background:var(--bg-tertiary)!important}.username{color:var(--text-color)!important}.dropdown-icon{color:var(--text-secondary)!important}.theme-toggle{background:var(--bg-secondary)!important;border:2px solid var(--border-color)!important}.theme-toggle:hover{background:var(--bg-tertiary)!important;border-color:var(--primary-color)!important}.theme-toggle-icon{color:var(--text-secondary)!important}.theme-toggle:hover .theme-toggle-icon{color:var(--primary-color)!important}.nav-menu{background-color:var(--navbar-bg)!important;box-shadow:var(--shadow-lg)!important}.mobile-user-info{border-bottom:1px solid var(--border-color)!important}.user-details .username{color:var(--text-color)!important}.user-details .user-email{color:var(--text-secondary)!important}.mobile-action{color:var(--text-color)!important}.mobile-action:hover{background-color:var(--bg-secondary)!important}.mobile-theme-toggle{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}.mobile-theme-toggle:hover{background:var(--bg-tertiary)!important;color:var(--primary-color)!important}.bar{background-color:var(--text-color)!important}[data-theme=dark] .el-dropdown-menu,[data-theme=dark] .el-dropdown__popper,[data-theme=dark] .el-popper.is-light.el-dropdown__popper{background-color:var(--card-bg)!important;border:none!important;box-shadow:var(--shadow-lg)!important}[data-theme=dark] .el-dropdown__popper,[data-theme=dark] .el-popper.is-light.el-dropdown__popper{--el-bg-color-overlay:var(--card-bg)!important}[data-theme=dark] .el-dropdown__popper .el-popper__arrow,[data-theme=dark] .el-dropdown__popper .el-popper__arrow:before{background:var(--card-bg)!important;border:none!important;box-shadow:none!important}[data-theme=dark] .el-dropdown-menu__item{color:var(--text-color)!important}[data-theme=dark] .el-dropdown-menu__item:hover{background-color:var(--bg-tertiary)!important;color:var(--text-color)!important}[data-theme=dark] .el-dropdown-menu__item.is-divided{border-top:1px solid var(--border-color)!important}[data-theme=dark] .el-card{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important}[data-theme=dark] .el-card__header{border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .el-card__body,[data-theme=dark] .el-card__header{background-color:var(--card-bg)!important;color:var(--text-color)!important}[data-theme=dark] .el-input__wrapper{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}[data-theme=dark] .el-input__wrapper:hover{border-color:var(--primary-color)!important}[data-theme=dark] .el-input__wrapper.is-focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(102,126,234,.2)!important}[data-theme=dark] .el-input__inner{color:var(--text-color)!important;background-color:transparent!important}[data-theme=dark] .el-input__inner::-moz-placeholder{color:var(--text-muted)!important}[data-theme=dark] .el-input__inner::placeholder{color:var(--text-muted)!important}[data-theme=dark] .el-textarea__inner{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .el-textarea__inner:focus,[data-theme=dark] .el-textarea__inner:hover{border-color:var(--primary-color)!important}[data-theme=dark] .el-textarea__inner::-moz-placeholder{color:var(--text-muted)!important}[data-theme=dark] .el-textarea__inner::placeholder{color:var(--text-muted)!important}[data-theme=dark] .el-button{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .el-button:hover{background-color:var(--bg-tertiary)!important;border-color:var(--primary-color)!important;color:var(--text-color)!important}[data-theme=dark] .el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=dark] .el-button--primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}[data-theme=dark] .el-button--success{background-color:var(--success-color)!important;border-color:var(--success-color)!important}[data-theme=dark] .el-button--warning{background-color:var(--warning-color)!important;border-color:var(--warning-color)!important}[data-theme=dark] .el-button--danger{background-color:var(--danger-color)!important;border-color:var(--danger-color)!important}[data-theme=dark] .el-select .el-select__wrapper,[data-theme=dark] .el-select .el-tooltip__trigger,[data-theme=dark] .el-select__wrapper{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:none!important}[data-theme=dark] .el-select .el-select__wrapper.is-focused,[data-theme=dark] .el-select__wrapper.is-focused,[data-theme=dark] .el-select__wrapper:hover{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)!important}[data-theme=dark] .el-select .el-select__placeholder,[data-theme=dark] .el-select .el-select__selection,[data-theme=dark] .el-select__placeholder,[data-theme=dark] .el-select__selected-item{color:var(--text-color)!important}[data-theme=dark] .el-popper.is-light.el-select__popper,[data-theme=dark] .el-select-dropdown,[data-theme=dark] .el-select__popper,[data-theme=dark] .el-select__popper .el-select-dropdown{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important}[data-theme=dark] .el-select-dropdown__item{color:var(--text-color)!important}[data-theme=dark] .el-select-dropdown__item.hover,[data-theme=dark] .el-select-dropdown__item.selected,[data-theme=dark] .el-select-dropdown__item:hover{background-color:var(--bg-secondary)!important;color:var(--primary-color)!important}[data-theme=dark] .el-pagination,[data-theme=dark] .el-pagination.is-background{color:var(--text-color)!important}[data-theme=dark] .el-pagination .btn-next,[data-theme=dark] .el-pagination .btn-prev,[data-theme=dark] .el-pagination .el-pager li{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .el-pagination .btn-next:hover,[data-theme=dark] .el-pagination .btn-prev:hover,[data-theme=dark] .el-pagination .el-pager li:hover{background-color:var(--bg-tertiary)!important;border-color:var(--primary-color)!important}[data-theme=dark] .el-pagination .el-pager li.is-active{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=dark] .el-table{background-color:var(--card-bg)!important;color:var(--text-color)!important}[data-theme=dark] .el-table th.el-table__cell{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .el-table td.el-table__cell{background-color:var(--card-bg)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .el-table--border{border:1px solid var(--border-color)!important}[data-theme=dark] .el-table--border:after{background-color:var(--border-color)!important}[data-theme=dark] .el-table__body tr:hover>td{background-color:var(--bg-secondary)!important}[data-theme=dark] .el-menu{background-color:var(--card-bg)!important;border:none!important}[data-theme=dark] .el-menu-item{background-color:var(--card-bg)!important;color:var(--text-color)!important}[data-theme=dark] .el-menu-item.is-active,[data-theme=dark] .el-menu-item:hover{background-color:var(--bg-secondary)!important;color:var(--primary-color)!important}[data-theme=dark] .el-radio-group,[data-theme=dark] .el-radio__label{color:var(--text-color)!important}[data-theme=dark] .el-radio__input.is-checked .el-radio__inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}[data-theme=dark] .el-dialog{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .el-dialog__header{background-color:var(--card-bg)!important;border-bottom:1px solid var(--border-color)!important}[data-theme=dark] .el-dialog__title{color:var(--text-color)!important}[data-theme=dark] .el-dialog__body{background-color:var(--card-bg)!important;color:var(--text-color)!important}.el-message{display:flex!important;align-items:center!important;width:-moz-fit-content!important;width:fit-content!important;min-width:0!important;max-width:min(460px,calc(100vw - 24px))!important;padding:11px 14px!important;border:1px solid color-mix(in srgb,var(--color-line) 84%,transparent 16%)!important;border-radius:12px!important;background:var(--color-surface-elevated)!important;color:var(--color-text)!important;box-shadow:var(--shadow-md)!important;z-index:20000!important}.el-message .el-message__content{flex:0 1 auto;color:var(--color-text)!important;font-size:.94rem!important;line-height:1.4!important;font-weight:500!important;letter-spacing:.01em;white-space:normal!important;overflow-wrap:anywhere}.el-message .el-message__icon{color:var(--color-accent)!important;font-size:1rem!important;margin-right:8px!important}.el-message .el-message__closeBtn{color:var(--color-text-soft)!important}.el-message .el-message__closeBtn:hover{color:var(--color-text)!important}.el-message.el-message--success{background:color-mix(in srgb,var(--success-color) 10%,var(--color-surface-elevated) 90%)!important;border-color:color-mix(in srgb,var(--success-color) 32%,var(--color-line) 68%)!important}.el-message.el-message--warning{background:color-mix(in srgb,var(--warning-color) 12%,var(--color-surface-elevated) 88%)!important;border-color:color-mix(in srgb,var(--warning-color) 34%,var(--color-line) 66%)!important}.el-message.el-message--error{background:color-mix(in srgb,var(--danger-color) 10%,var(--color-surface-elevated) 90%)!important;border-color:color-mix(in srgb,var(--danger-color) 32%,var(--color-line) 68%)!important}.el-message.el-message--info{background:color-mix(in srgb,var(--color-accent-soft) 40%,var(--color-surface-elevated) 60%)!important;border-color:color-mix(in srgb,var(--color-accent) 26%,var(--color-line) 74%)!important}.el-message.el-message--success .el-message__icon{color:var(--success-color)!important}.el-message.el-message--warning .el-message__icon{color:var(--warning-color)!important}.el-message.el-message--error .el-message__icon{color:var(--danger-color)!important}[data-theme=dark] .el-message{background:color-mix(in srgb,var(--color-surface-elevated) 96%,transparent 4%)!important;border-color:color-mix(in srgb,var(--color-line) 92%,transparent 8%)!important;box-shadow:0 14px 28px rgba(0,0,0,.28)!important}[data-theme=dark] .el-message.el-message--success{background:color-mix(in srgb,var(--success-color) 16%,var(--color-surface-elevated) 84%)!important;border-color:color-mix(in srgb,var(--success-color) 34%,var(--color-line) 66%)!important}[data-theme=dark] .el-message.el-message--warning{background:color-mix(in srgb,var(--warning-color) 18%,var(--color-surface-elevated) 82%)!important;border-color:color-mix(in srgb,var(--warning-color) 34%,var(--color-line) 66%)!important}[data-theme=dark] .el-message.el-message--error{background:color-mix(in srgb,var(--danger-color) 15%,var(--color-surface-elevated) 85%)!important;border-color:color-mix(in srgb,var(--danger-color) 34%,var(--color-line) 66%)!important}[data-theme=dark] .el-message.el-message--info{background:color-mix(in srgb,var(--color-accent-soft) 18%,var(--color-surface-elevated) 82%)!important;border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-line) 72%)!important}[data-theme=dark] .el-form-item__label{color:var(--text-color)!important}[data-theme=dark] .el-form-item__error{color:var(--danger-color)!important}[data-theme=dark] .el-avatar{background-color:var(--bg-secondary)!important}[data-theme=dark] .el-avatar,[data-theme=dark] .el-pagination{color:var(--text-color)!important}[data-theme=dark] .el-pagination button{background-color:var(--bg-secondary)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .el-pagination button:hover{background-color:var(--bg-tertiary)!important;color:var(--primary-color)!important}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px;background-color:var(--bg-color)}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}[data-theme=dark] ::-webkit-scrollbar-track{background-color:var(--bg-secondary)}[data-theme=dark] .profile-header p{color:var(--text-secondary)!important}[data-theme=dark] .card-header span{color:var(--text-color)!important}[data-theme=dark] .form-tip{color:var(--text-muted)!important}[data-theme=dark] .empty-state,[data-theme=dark] .empty-state p{color:var(--text-secondary)!important}.el-card{border-radius:14px!important;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease!important}.el-card:hover{box-shadow:var(--shadow-xl)!important;border-color:rgba(var(--primary-rgb),.2)!important;transform:translateY(-2px)}.blog-post{margin-bottom:var(--card-gap)!important}.blog-post:last-child{margin-bottom:0!important}.post-grid .el-card,.posts-grid .el-card{margin-bottom:var(--card-gap)!important}.post-grid .el-card:last-child,.posts-grid .el-card:last-child{margin-bottom:0!important}@media (max-width:640px){:root,[data-theme=dark],[data-theme=light]{--card-gap:16px}}@media (max-width:768px){*{box-sizing:border-box}#app,body{width:100%;overflow-x:hidden}}@media (min-width:641px) and (max-width:1024px){:root,[data-theme=dark],[data-theme=light]{--card-gap:24px}}.post-content{display:flex;flex-direction:column;gap:.5rem}.post-meta{display:flex;align-items:center;gap:.75rem;font-size:12px}.post-date,.post-meta{color:var(--text-secondary)!important}.post-date{background:var(--bg-secondary);border:1px solid var(--border-color);padding:2px 8px;border-radius:999px}.post-category{color:var(--primary-color);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.25);padding:2px 10px;border-radius:999px;font-weight:600}.post-title{font-size:1.25rem;line-height:1.35;font-weight:700;color:var(--text-color)!important;margin-top:2px;transition:color .2s ease}.el-card:hover .post-title{color:var(--primary-color)!important}.post-excerpt{color:var(--text-secondary)!important;line-height:1.65;margin-top:2px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-tags{flex-wrap:wrap;gap:.5rem}.post-stats,.post-tags{display:flex;margin-top:.25rem}.post-stats{align-items:center;gap:1rem;font-size:12px}.post-stats,.post-stats .el-icon{color:var(--text-secondary)!important}.post-stats .el-icon{transition:color .2s ease!important;margin-right:6px}.el-card:hover .post-stats .el-icon{color:var(--primary-color)!important}[data-theme=dark] .el-tag{--el-tag-bg-color:var(--bg-secondary)!important;--el-tag-border-color:var(--border-color)!important;--el-tag-text-color:var(--text-color)!important;background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .el-tag.el-tag--primary{--el-tag-bg-color:rgba(var(--primary-rgb),0.15)!important;--el-tag-border-color:rgba(var(--primary-rgb),0.3)!important;--el-tag-text-color:var(--primary-color)!important;background-color:rgba(var(--primary-rgb),.15)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary-color)!important}[data-theme=dark] .el-tag.el-tag--success{--el-tag-bg-color:rgba(104,211,145,.15)!important;--el-tag-border-color:rgba(104,211,145,.3)!important;--el-tag-text-color:var(--success-color)!important;background-color:rgba(104,211,145,.15)!important;border-color:rgba(104,211,145,.3)!important;color:var(--success-color)!important}[data-theme=dark] .el-tag.el-tag--warning{--el-tag-bg-color:rgba(246,173,85,.15)!important;--el-tag-border-color:rgba(246,173,85,.3)!important;--el-tag-text-color:var(--warning-color)!important;background-color:rgba(246,173,85,.15)!important;border-color:rgba(246,173,85,.3)!important;color:var(--warning-color)!important}[data-theme=dark] .el-tag.el-tag--danger{--el-tag-bg-color:hsla(0,95%,75%,.15)!important;--el-tag-border-color:hsla(0,95%,75%,.3)!important;--el-tag-text-color:var(--danger-color)!important;background-color:hsla(0,95%,75%,.15)!important;border-color:hsla(0,95%,75%,.3)!important;color:var(--danger-color)!important}[data-theme=dark] .el-tag.el-tag--info{--el-tag-bg-color:rgba(160,174,192,.15)!important;--el-tag-border-color:rgba(160,174,192,.3)!important;--el-tag-text-color:var(--text-secondary)!important;background-color:rgba(160,174,192,.15)!important;border-color:rgba(160,174,192,.3)!important;color:var(--text-secondary)!important}[data-theme=dark] .basic-comments,[data-theme=dark] .comment-section-wrapper{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 4px 20px rgba(0,0,0,.3)!important}[data-theme=dark] .comment-section-wrapper :deep(.el-input__wrapper),[data-theme=dark] .comment-section-wrapper :deep(.el-select__wrapper),[data-theme=dark] .comment-section-wrapper :deep(.el-textarea__inner){background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .comment-section-wrapper :deep(.el-input__inner),[data-theme=dark] .comment-section-wrapper :deep(.el-select__selected-item){color:var(--text-color)!important}[data-theme=dark] .comment-section-wrapper :deep(.el-input__wrapper):hover,[data-theme=dark] .comment-section-wrapper :deep(.el-select__wrapper):hover,[data-theme=dark] .comment-section-wrapper :deep(.el-textarea__inner):hover{border-color:var(--primary-color)!important}[data-theme=dark] .comment-section-wrapper :deep(.el-input__wrapper.is-focus),[data-theme=dark] .comment-section-wrapper :deep(.el-select__wrapper.is-focused),[data-theme=dark] .comment-section-wrapper :deep(.el-textarea__inner):focus{border-color:var(--primary-color)!important}[data-theme=dark] .comment-section-wrapper .el-button{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}[data-theme=dark] .comment-section-wrapper .el-button:hover{background-color:var(--bg-tertiary)!important;border-color:var(--primary-color)!important}[data-theme=dark] .comment-section-wrapper .el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=dark] .comment-section-wrapper .el-button--primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}@media (min-width:769px){[data-theme=light] .navbar .nav-menu{background:transparent!important;box-shadow:none!important;border:0!important}}@media (max-width:768px){[data-theme=light] .navbar,[data-theme=light] .navbar.is-transparent{background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(20px) saturate(1.8) brightness(1.1)!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;border-bottom:1px solid hsla(0,0%,100%,.6)!important;border:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important}[data-theme=light] .navbar .nav-menu{background:hsla(0,0%,100%,.9)!important;backdrop-filter:blur(25px) saturate(1.8) brightness(1.1)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important;border:1px solid hsla(0,0%,100%,.7)!important}@media (prefers-color-scheme:dark){[data-theme=auto] .navbar,[data-theme=auto] .navbar.is-transparent{background:rgba(15,23,42,.95)!important;backdrop-filter:blur(15px) saturate(.8) brightness(.7)!important;box-shadow:0 4px 16px rgba(0,0,0,.5)!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important;border:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important}[data-theme=auto] .navbar .nav-menu{background:rgba(15,23,42,.97)!important;backdrop-filter:blur(18px) saturate(.8) brightness(.7)!important;box-shadow:0 8px 32px rgba(0,0,0,.7)!important;border:1px solid hsla(0,0%,100%,.1)!important}}@media (prefers-color-scheme:light){[data-theme=auto] .navbar,[data-theme=auto] .navbar.is-transparent{background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(20px) saturate(1.8) brightness(1.1)!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;border-bottom:1px solid hsla(0,0%,100%,.6)!important;position:fixed!important;top:0!important;left:0!important;right:0!important}[data-theme=auto] .navbar .nav-menu{background:hsla(0,0%,100%,.9)!important;backdrop-filter:blur(25px) saturate(1.8) brightness(1.1)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important;border:1px solid hsla(0,0%,100%,.7)!important}}[data-theme=dark] .navbar,[data-theme=dark] .navbar.is-transparent{background:rgba(15,23,42,.95)!important;backdrop-filter:blur(15px) saturate(.8) brightness(.7)!important;box-shadow:0 4px 16px rgba(0,0,0,.5)!important;border-bottom:1px solid hsla(0,0%,100%,.08)!important;border:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important}[data-theme=dark] .navbar .nav-menu{background:rgba(15,23,42,.97)!important;backdrop-filter:blur(18px) saturate(.8) brightness(.7)!important;box-shadow:0 8px 32px rgba(0,0,0,.7)!important;border:1px solid hsla(0,0%,100%,.1)!important}[data-theme=light] .navbar .nav-link,body:not([data-theme=dark]) .navbar .nav-link{color:#111827!important}[data-theme=dark] .navbar .nav-link{color:#f9fafb!important}}[data-os=windows] .dynamic-tag,[data-os=windows] .el-tag,[data-os=windows] .el-tag__content,[data-os=windows] .nav-logo h2,[data-os=windows] .post-title,[data-os=windows] .tag{font-weight:700!important}:root,[data-theme=light]{color-scheme:light;--color-bg:#f4f3ef;--color-surface:#f7f6f2;--color-surface-elevated:#fbfaf7;--color-surface-muted:#eceae4;--color-surface-strong:#ddd8cf;--color-surface-highlight:#fffdf9;--color-text:#1f2428;--color-text-soft:#5e666d;--color-text-muted:#667078;--color-line:#d7d2c8;--color-line-soft:#e7e2d8;--color-line-strong:#b5aea3;--color-accent:#1e6b74;--color-accent-strong:#185761;--color-accent-soft:#dbe9ec;--color-accent-muted:#eef4f6;--color-accent-contrast:#f8fcfd;--color-code-bg:#eef1f0;--color-code-surface:#f6f8f7;--color-code-border:#d5dcd9;--color-code-text:#24323d;--color-code-muted:#5f6d7a;--color-code-keyword:#a33f62;--color-code-string:#2f7d52;--color-code-number:#9d5d15;--color-code-title:#265fb0;--color-code-type:#0f766e;--color-code-property:#6b57b3;--color-code-operator:#5b6876;--color-code-meta:#8d4db3;--font-sans:"AppSansCN","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;--font-display:"Iowan Old Style","Palatino Linotype","Noto Serif SC","Songti SC","STSong",serif;--page-max-width:1200px;--reading-max-width:760px;--header-height:72px;--transition-theme:background-color 180ms ease,border-color 180ms ease,color 180ms ease,box-shadow 180ms ease;--elevation-sm:0 4px 12px rgba(33,38,42,.06);--elevation-md:0 16px 34px rgba(33,38,42,.09);--elevation-lg:0 26px 52px rgba(33,38,42,.12);--bg-color:var(--color-bg);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-surface-muted);--text-color:var(--color-text);--text-secondary:var(--color-text-soft);--text-muted:var(--color-text-muted);--border-color:var(--color-line);--border-light:var(--color-line-soft);--navbar-bg:color-mix(in srgb,var(--color-surface) 88%,transparent 12%);--card-bg:var(--color-surface-elevated);--primary-color:var(--color-accent);--primary-hover:var(--color-accent-strong);--primary-rgb:30,107,116;--success-color:#138066;--warning-color:#b56b24;--danger-color:#b74b43;--link-color:var(--color-accent);--shadow:var(--elevation-sm);--shadow-sm:var(--elevation-sm);--shadow-md:var(--elevation-md);--shadow-lg:var(--elevation-lg);--shadow-xl:0 28px 56px rgba(33,38,42,.15);--card-gap:24px;--el-bg-color:var(--color-surface);--el-text-color-primary:var(--color-text);--el-border-color:var(--color-line);--el-color-primary:var(--color-accent)}[data-theme=dark]{color-scheme:dark;--color-bg:#0f1214;--color-surface:#16191c;--color-surface-elevated:#1d2226;--color-surface-muted:#20252a;--color-surface-strong:#273037;--color-surface-highlight:#253139;--color-text:#f2eee8;--color-text-soft:#b8b0a6;--color-text-muted:#8f867d;--color-line:#2d343c;--color-line-soft:#39414a;--color-line-strong:#4d5966;--color-accent:#67e8d2;--color-accent-strong:#98f5e5;--color-accent-soft:#173b39;--color-accent-muted:#0f2324;--color-accent-contrast:#081f1d;--color-code-bg:#0f1821;--color-code-surface:#16232d;--color-code-border:#273743;--color-code-text:#d9e3ec;--color-code-muted:#8fa1b1;--color-code-keyword:#d391ff;--color-code-string:#9ad68e;--color-code-number:#f0bf84;--color-code-title:#7bb9ff;--color-code-type:#68ddd3;--color-code-property:#aac4ff;--color-code-operator:#8ac1d8;--color-code-meta:#c8a7ff;--elevation-sm:0 4px 14px rgba(0,0,0,.24);--elevation-md:0 14px 32px rgba(0,0,0,.3);--elevation-lg:0 24px 48px rgba(0,0,0,.38);--bg-color:var(--color-bg);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-surface-muted);--text-color:var(--color-text);--text-secondary:var(--color-text-soft);--text-muted:var(--color-text-muted);--border-color:var(--color-line);--border-light:var(--color-line-soft);--navbar-bg:color-mix(in srgb,var(--color-surface) 90%,transparent 10%);--card-bg:var(--color-surface-elevated);--primary-color:var(--color-accent);--primary-hover:var(--color-accent-strong);--primary-rgb:94,234,212;--success-color:#34d399;--warning-color:#f59e0b;--danger-color:#f87171;--link-color:var(--color-accent);--shadow:var(--elevation-sm);--shadow-sm:var(--elevation-sm);--shadow-md:var(--elevation-md);--shadow-lg:var(--elevation-lg);--shadow-xl:0 24px 48px rgba(0,0,0,.4);--card-gap:28px;--el-bg-color:var(--color-surface);--el-text-color-primary:var(--color-text);--el-border-color:var(--color-line);--el-color-primary:var(--color-accent)}body,html{background-color:var(--color-bg);color:var(--color-text)}#app,body{transition:var(--transition-theme)}::-moz-selection{background:color-mix(in srgb,var(--color-accent) 20%,transparent 80%);color:var(--color-text)}::selection{background:color-mix(in srgb,var(--color-accent) 20%,transparent 80%);color:var(--color-text)}@media (prefers-reduced-motion:reduce){#app,body{transition:none}}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:radial-gradient(circle at top center,color-mix(in srgb,var(--color-accent-soft) 28%,transparent 72%),transparent 36%),radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--color-surface-highlight) 60%,transparent 40%),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-muted) 28%,var(--color-bg) 72%),var(--color-bg));background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.page-shell{width:min(var(--page-max-width),calc(100% - 32px));margin:0 auto}.page-shell--reading{width:min(calc(var(--reading-max-width) + 420px),calc(100% - 32px))}.page-section{padding:30px 0}.eyebrow{margin:0 0 10px;color:var(--color-text-soft);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.section-panel{box-sizing:border-box;min-width:0;max-width:100%;border:1px solid color-mix(in srgb,var(--color-line) 88%,transparent 12%);border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 97%,transparent 3%),color-mix(in srgb,var(--color-surface) 74%,var(--color-surface-muted) 26%));box-shadow:var(--shadow-md),inset 0 1px 0 color-mix(in srgb,var(--color-surface-highlight) 72%,transparent 28%)}.ghost-button,.link-button,.solid-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:var(--transition-theme),transform .18s ease}.solid-button{background:linear-gradient(135deg,var(--color-accent),var(--primary-hover));box-shadow:0 12px 26px color-mix(in srgb,var(--color-accent) 24%,transparent 76%)}.solid-button,.solid-button:hover{color:var(--color-accent-contrast)}.solid-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px color-mix(in srgb,var(--color-accent) 28%,transparent 72%)}.ghost-button{background:color-mix(in srgb,var(--color-surface-elevated) 76%,transparent 24%);color:var(--color-text);border-color:color-mix(in srgb,var(--color-line) 84%,transparent 16%)}.ghost-button:hover{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-line) 55%);background:color-mix(in srgb,var(--color-accent-muted) 55%,var(--color-surface-elevated) 45%);transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 72%,transparent 28%);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.page-shell,.page-shell--reading{width:calc(100% - 24px)}.page-section{padding:20px 0}}.article-prose .article-paragraphs,.article-prose .markdown-renderer{color:var(--color-text);font-size:1.06rem;line-height:1.88}.article-prose .article-paragraphs h1,.article-prose .article-paragraphs h2,.article-prose .article-paragraphs h3,.article-prose .markdown-renderer h1,.article-prose .markdown-renderer h2,.article-prose .markdown-renderer h3,.article-prose .markdown-renderer h4{font-family:var(--font-display);line-height:1.22;letter-spacing:.01em}.article-prose .article-paragraphs h1,.article-prose .markdown-renderer h1{margin-top:0;margin-bottom:1.1rem;font-size:2.1rem}.article-prose .article-paragraphs h2,.article-prose .markdown-renderer h2{margin-top:3rem;margin-bottom:1rem;font-size:1.62rem;padding-bottom:.45rem;border-bottom:1px solid color-mix(in srgb,var(--color-line-soft) 84%,transparent 16%)}.article-prose .article-paragraphs h3,.article-prose .markdown-renderer h3{margin-top:2.2rem;margin-bottom:.9rem;font-size:1.28rem}.article-prose .article-paragraphs p,.article-prose .markdown-renderer p{margin:0 0 1.2rem;color:var(--color-text)}.article-prose .markdown-renderer a{color:var(--color-accent);text-decoration-color:color-mix(in srgb,var(--color-accent) 46%,transparent 54%);text-underline-offset:.22em}.article-prose .markdown-renderer blockquote{margin:1.8rem 0;padding:1rem 1.1rem 1rem 1.2rem;border-left:3px solid var(--color-accent);color:var(--color-text-soft);border-radius:0 18px 18px 0;background:color-mix(in srgb,var(--color-accent-muted) 56%,var(--color-surface-elevated) 44%)}.article-prose .markdown-renderer ol,.article-prose .markdown-renderer ul{padding-left:1.35rem}.article-prose .markdown-renderer pre{margin:1.4rem 0;border:1px solid var(--color-code-border);box-shadow:0 18px 34px color-mix(in srgb,var(--color-code-text) 7%,transparent 93%),inset 0 1px 0 color-mix(in srgb,var(--color-code-surface) 74%,transparent 26%)}.article-prose .markdown-renderer code:not(pre code){padding:.2rem .38rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--color-code-border) 84%,transparent 16%);background:color-mix(in srgb,var(--color-code-surface) 94%,transparent 6%);color:var(--color-code-text);font-weight:600}.article-prose .markdown-renderer table{width:100%;margin:1.5rem 0;border-collapse:collapse}.article-prose .markdown-renderer td,.article-prose .markdown-renderer th{padding:.8rem .9rem;border:1px solid var(--color-line)}.article-prose .markdown-renderer th{background:color-mix(in srgb,var(--color-surface-muted) 80%,var(--color-surface-elevated) 20%)}@media (max-width:768px){.article-prose .article-paragraphs,.article-prose .markdown-renderer{font-size:1rem}.article-prose .article-paragraphs h1,.article-prose .markdown-renderer h1{font-size:1.8rem}.article-prose .article-paragraphs h2,.article-prose .markdown-renderer h2{font-size:1.45rem}}.article-tag,.blog-tag,.tag{display:inline-flex;align-items:center;padding:.3rem .75rem;background:transparent!important;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;line-height:1.2;position:relative;overflow:hidden;color:inherit}.article-tag:hover,.article-tags .el-tag:hover,.blog-tag:hover,.post-tags .el-tag:hover,.tag:hover{background:var(--tag-color,currentColor)!important;color:#fff!important;border-color:var(--tag-color,currentColor)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3);font-weight:700!important}.article-tag.tag-blue:hover,.blog-tag.tag-blue:hover,.tag.tag-blue:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.article-tag.tag-green:hover,.blog-tag.tag-green:hover,.tag.tag-green:hover{background:#059669!important;color:#fff!important;border-color:#059669!important}.article-tag.tag-purple:hover,.blog-tag.tag-purple:hover,.tag.tag-purple:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.article-tag.tag-orange:hover,.blog-tag.tag-orange:hover,.tag.tag-orange:hover{background:#d97706!important;color:#fff!important;border-color:#d97706!important}.article-tag.tag-red:hover,.blog-tag.tag-red:hover,.tag.tag-red:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.article-tag.tag-cyan:hover,.blog-tag.tag-cyan:hover,.tag.tag-cyan:hover{background:#0891b2!important;color:#fff!important;border-color:#0891b2!important}.article-tag.tag-yellow:hover,.blog-tag.tag-yellow:hover,.tag.tag-yellow:hover{background:#ca8a04!important;color:#fff!important;border-color:#ca8a04!important}.article-tag.tag-pink:hover,.blog-tag.tag-pink:hover,.tag.tag-pink:hover{background:#e11d48!important;color:#fff!important;border-color:#e11d48!important}.article-tag.tag-indigo:hover,.blog-tag.tag-indigo:hover,.tag.tag-indigo:hover{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}.article-tag.tag-teal:hover,.blog-tag.tag-teal:hover,.tag.tag-teal:hover{background:#14b8a6!important;color:#fff!important;border-color:#14b8a6!important}.article-tag.tag-blue-light:hover,.blog-tag.tag-blue-light:hover,.tag.tag-blue-light:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.article-tag.tag-green-light:hover,.blog-tag.tag-green-light:hover,.tag.tag-green-light:hover{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.article-tag.tag-red-light:hover,.blog-tag.tag-red-light:hover,.tag.tag-red-light:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.article-tag.tag-cyan-light:hover,.blog-tag.tag-cyan-light:hover,.tag.tag-cyan-light:hover{background:#06b6d4!important;color:#fff!important;border-color:#06b6d4!important}.article-tag.tag-purple-light:hover,.blog-tag.tag-purple-light:hover,.tag.tag-purple-light:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.article-tag.tag-pink-light:hover,.blog-tag.tag-pink-light:hover,.tag.tag-pink-light:hover{background:#ec4899!important;color:#fff!important;border-color:#ec4899!important}.article-tag.tag-green-spring:hover,.blog-tag.tag-green-spring:hover,.tag.tag-green-spring:hover{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}.article-tag.tag-blue-docker:hover,.blog-tag.tag-blue-docker:hover,.tag.tag-blue-docker:hover{background:#0284c7!important;color:#fff!important;border-color:#0284c7!important}.article-tag.tag-blue-k8s:hover,.blog-tag.tag-blue-k8s:hover,.tag.tag-blue-k8s:hover{background:#1e40af!important;color:#fff!important;border-color:#1e40af!important}.article-tag.tag-orange-aws:hover,.blog-tag.tag-orange-aws:hover,.tag.tag-orange-aws:hover{background:#ea580c!important;color:#fff!important;border-color:#ea580c!important}.article-tag.tag-blue-azure:hover,.blog-tag.tag-blue-azure:hover,.tag.tag-blue-azure:hover{background:#06c!important;color:#fff!important;border-color:#06c!important}.article-tag.tag-orange-git:hover,.blog-tag.tag-orange-git:hover,.tag.tag-orange-git:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.article-tag.tag-green-mongo:hover,.blog-tag.tag-green-mongo:hover,.tag.tag-green-mongo:hover{background:#059669!important;color:#fff!important;border-color:#059669!important}.article-tag.tag-blue-postgres:hover,.blog-tag.tag-blue-postgres:hover,.tag.tag-blue-postgres:hover{background:#1e40af!important;color:#fff!important;border-color:#1e40af!important}.article-tag.tag-purple-design:hover,.blog-tag.tag-purple-design:hover,.tag.tag-purple-design:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.article-tag.tag-blue-css:hover,.blog-tag.tag-blue-css:hover,.tag.tag-blue-css:hover{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}.article-tag.tag-orange-html:hover,.blog-tag.tag-orange-html:hover,.tag.tag-orange-html:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}.article-tag.tag-pink-sass:hover,.blog-tag.tag-pink-sass:hover,.tag.tag-pink-sass:hover{background:#be185d!important;color:#fff!important;border-color:#be185d!important}.article-tag.tag-blue-webpack:hover,.blog-tag.tag-blue-webpack:hover,.tag.tag-blue-webpack:hover{background:#0891b2!important;color:#fff!important;border-color:#0891b2!important}.article-tag.tag-blue-xaml:hover,.article-tag.tag-purple-vite:hover,.blog-tag.tag-blue-xaml:hover,.blog-tag.tag-purple-vite:hover,.tag.tag-blue-xaml:hover,.tag.tag-purple-vite:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.article-tag.tag-blue-winui:hover,.article-tag.tag-blue-wpf:hover,.blog-tag.tag-blue-winui:hover,.blog-tag.tag-blue-wpf:hover,.tag.tag-blue-winui:hover,.tag.tag-blue-wpf:hover{background:#0078d4!important;color:#fff!important;border-color:#0078d4!important}.article-tag.tag-purple-maui:hover,.blog-tag.tag-purple-maui:hover,.tag.tag-purple-maui:hover{background:#68217a!important;color:#fff!important;border-color:#68217a!important}.article-tag.tag-purple-blazor:hover,.blog-tag.tag-purple-blazor:hover,.tag.tag-purple-blazor:hover{background:#512bd4!important;color:#fff!important;border-color:#512bd4!important}.article-tag.tag-blue-razor:hover,.blog-tag.tag-blue-razor:hover,.tag.tag-blue-razor:hover{background:#004578!important;color:#fff!important;border-color:#004578!important}.article-tag.tag-green-mvc:hover,.blog-tag.tag-green-mvc:hover,.tag.tag-green-mvc:hover{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}.article-tag.tag-blue-webapi:hover,.blog-tag.tag-blue-webapi:hover,.tag.tag-blue-webapi:hover{background:#0ea5e9!important;color:#fff!important;border-color:#0ea5e9!important}.article-tag.tag-gray-grpc:hover,.blog-tag.tag-gray-grpc:hover,.tag.tag-gray-grpc:hover{background:#6b7280!important;color:#fff!important;border-color:#6b7280!important}.article-tag.tag-teal-micro:hover,.blog-tag.tag-teal-micro:hover,.tag.tag-teal-micro:hover{background:#0d9488!important;color:#fff!important;border-color:#0d9488!important}.article-tag.tag-blue-border:hover,.blog-tag.tag-blue-border:hover,.tag.tag-blue-border:hover{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.article-tag.tag-purple-shadow:hover,.blog-tag.tag-purple-shadow:hover,.tag.tag-purple-shadow:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.article-tag.tag-green-animation:hover,.blog-tag.tag-green-animation:hover,.tag.tag-green-animation:hover{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.article-tag.tag-orange-tutorial:hover,.blog-tag.tag-orange-tutorial:hover,.tag.tag-orange-tutorial:hover{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important}.article-tag.tag-cyan-implementation:hover,.blog-tag.tag-cyan-implementation:hover,.tag.tag-cyan-implementation:hover{background:#06b6d4!important;color:#fff!important;border-color:#06b6d4!important}.article-tag.tag-blue,.blog-tag.tag-blue,.tag.tag-blue{color:#2563eb!important;border-color:rgba(37,99,235,.3)}.article-tag.tag-green,.blog-tag.tag-green,.tag.tag-green{color:#059669!important;border-color:rgba(5,150,105,.3)}.article-tag.tag-purple,.blog-tag.tag-purple,.tag.tag-purple{color:#7c3aed!important;border-color:rgba(124,58,237,.3)}.article-tag.tag-orange,.blog-tag.tag-orange,.tag.tag-orange{color:#d97706!important;border-color:rgba(217,119,6,.3)}.article-tag.tag-red,.blog-tag.tag-red,.tag.tag-red{color:#dc2626!important;border-color:rgba(220,38,38,.3)}.article-tag.tag-cyan,.blog-tag.tag-cyan,.tag.tag-cyan{color:#0891b2!important;border-color:rgba(8,145,178,.3)}.article-tag.tag-yellow,.blog-tag.tag-yellow,.tag.tag-yellow{color:#ca8a04!important;border-color:rgba(202,138,4,.3)}.article-tag.tag-pink,.blog-tag.tag-pink,.tag.tag-pink{color:#db2777!important;border-color:rgba(219,39,119,.3)}.article-tag.tag-teal,.blog-tag.tag-teal,.tag.tag-teal{color:#0d9488!important;border-color:rgba(13,148,136,.3)}.article-tag.tag-indigo,.blog-tag.tag-indigo,.tag.tag-indigo{color:#4f46e5!important;border-color:rgba(79,70,229,.3)}.article-tag.tag-blue-light,.blog-tag.tag-blue-light,.tag.tag-blue-light{color:#3b82f6;border-color:rgba(59,130,246,.3)}.article-tag.tag-green-light,.blog-tag.tag-green-light,.tag.tag-green-light{color:#10b981;border-color:rgba(16,185,129,.3)}.article-tag.tag-red-light,.blog-tag.tag-red-light,.tag.tag-red-light{color:#ef4444;border-color:rgba(239,68,68,.3)}.article-tag.tag-cyan-light,.blog-tag.tag-cyan-light,.tag.tag-cyan-light{color:#06b6d4;border-color:rgba(6,182,212,.3)}.article-tag.tag-purple-light,.blog-tag.tag-purple-light,.tag.tag-purple-light{color:#7c3aed!important;border-color:rgba(124,58,237,.3)}.article-tag.tag-pink-light,.blog-tag.tag-pink-light,.tag.tag-pink-light{color:#ec4899;border-color:rgba(236,72,153,.3)}.article-tag.tag-green-spring,.blog-tag.tag-green-spring,.tag.tag-green-spring{color:#16a34a;border-color:rgba(22,163,74,.3)}.article-tag.tag-blue-docker,.blog-tag.tag-blue-docker,.tag.tag-blue-docker{color:#0284c7;border-color:rgba(2,132,199,.3)}.article-tag.tag-blue-k8s,.blog-tag.tag-blue-k8s,.tag.tag-blue-k8s{color:#1e40af;border-color:rgba(30,64,175,.3)}.article-tag.tag-orange-aws,.blog-tag.tag-orange-aws,.tag.tag-orange-aws{color:#ea580c;border-color:rgba(234,88,12,.3)}.article-tag.tag-blue-azure,.blog-tag.tag-blue-azure,.tag.tag-blue-azure{color:#06c;border-color:rgba(0,102,204,.3)}.article-tag.tag-orange-git,.blog-tag.tag-orange-git,.tag.tag-orange-git{color:#dc2626;border-color:rgba(220,38,38,.3)}.article-tag.tag-green-mongo,.blog-tag.tag-green-mongo,.tag.tag-green-mongo{color:#059669;border-color:rgba(5,150,105,.3)}.article-tag.tag-blue-postgres,.blog-tag.tag-blue-postgres,.tag.tag-blue-postgres{color:#1e40af;border-color:rgba(30,64,175,.3)}.article-tag.tag-purple-design,.blog-tag.tag-purple-design,.tag.tag-purple-design{color:#7c3aed;border-color:rgba(124,58,237,.3)}.article-tag.tag-blue-css,.blog-tag.tag-blue-css,.tag.tag-blue-css{color:#0f766e;border-color:rgba(15,118,110,.3)}.article-tag.tag-orange-html,.blog-tag.tag-orange-html,.tag.tag-orange-html{color:#dc2626;border-color:rgba(220,38,38,.3)}.article-tag.tag-pink-sass,.blog-tag.tag-pink-sass,.tag.tag-pink-sass{color:#be185d;border-color:rgba(190,24,93,.3)}.article-tag.tag-blue-webpack,.blog-tag.tag-blue-webpack,.tag.tag-blue-webpack{color:#0891b2;border-color:rgba(8,145,178,.3)}.article-tag.tag-purple-vite,.blog-tag.tag-purple-vite,.tag.tag-purple-vite{color:#7c3aed;border-color:rgba(124,58,237,.3)}.article-tag.tag-blue-xaml,.blog-tag.tag-blue-xaml,.tag.tag-blue-xaml{color:#7c3aed!important}.article-tag.tag-blue-winui,.article-tag.tag-blue-wpf,.blog-tag.tag-blue-winui,.blog-tag.tag-blue-wpf,.tag.tag-blue-winui,.tag.tag-blue-wpf{color:#0078d4!important}.article-tag.tag-purple-maui,.blog-tag.tag-purple-maui,.tag.tag-purple-maui{color:#68217a!important}.article-tag.tag-purple-blazor,.blog-tag.tag-purple-blazor,.tag.tag-purple-blazor{color:#512bd4!important}.article-tag.tag-blue-razor,.blog-tag.tag-blue-razor,.tag.tag-blue-razor{color:#004578!important}.article-tag.tag-green-mvc,.blog-tag.tag-green-mvc,.tag.tag-green-mvc{color:#22c55e!important}.article-tag.tag-blue-webapi,.blog-tag.tag-blue-webapi,.tag.tag-blue-webapi{color:#0ea5e9!important}.article-tag.tag-gray-grpc,.blog-tag.tag-gray-grpc,.tag.tag-gray-grpc{color:#6b7280!important}.article-tag.tag-teal-micro,.blog-tag.tag-teal-micro,.tag.tag-teal-micro{color:#0d9488!important}.article-tag.tag-blue-border,.blog-tag.tag-blue-border,.tag.tag-blue-border{color:#3b82f6!important}.article-tag.tag-purple-shadow,.blog-tag.tag-purple-shadow,.tag.tag-purple-shadow{color:#7c3aed!important}.article-tag.tag-green-animation,.blog-tag.tag-green-animation,.tag.tag-green-animation{color:#10b981!important}.article-tag.tag-orange-tutorial,.blog-tag.tag-orange-tutorial,.tag.tag-orange-tutorial{color:#f59e0b!important}.article-tag.tag-cyan-implementation,.blog-tag.tag-cyan-implementation,.tag.tag-cyan-implementation{color:#06b6d4!important}[data-theme=dark] .article-tag,[data-theme=dark] .blog-tag,[data-theme=dark] .tag{background:var(--bg-secondary)!important;border-color:var(--border-color);font-weight:600}[data-theme=dark] .article-tag:hover,[data-theme=dark] .blog-tag:hover,[data-theme=dark] .tag:hover{color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.8);font-weight:700}[data-theme=dark] .article-tag.tag-blue,[data-theme=dark] .blog-tag.tag-blue,[data-theme=dark] .tag.tag-blue{color:#93c5fd!important;border-color:rgba(147,197,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-blue:hover,[data-theme=dark] .blog-tag.tag-blue:hover,[data-theme=dark] .tag.tag-blue:hover{background:#93c5fd!important;color:#fff!important;border-color:#93c5fd!important}[data-theme=dark] .article-tag.tag-green,[data-theme=dark] .blog-tag.tag-green,[data-theme=dark] .tag.tag-green{color:#6ee7b7!important;border-color:rgba(110,231,183,.5);font-weight:600}[data-theme=dark] .article-tag.tag-green:hover,[data-theme=dark] .blog-tag.tag-green:hover,[data-theme=dark] .tag.tag-green:hover{background:#6ee7b7!important;color:#fff!important;border-color:#6ee7b7!important}[data-theme=dark] .article-tag.tag-purple,[data-theme=dark] .blog-tag.tag-purple,[data-theme=dark] .tag.tag-purple{color:#c4b5fd!important;border-color:rgba(196,181,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-purple:hover,[data-theme=dark] .blog-tag.tag-purple:hover,[data-theme=dark] .tag.tag-purple:hover{background:#c4b5fd!important;color:#fff!important;border-color:#c4b5fd!important}[data-theme=dark] .article-tag.tag-orange,[data-theme=dark] .blog-tag.tag-orange,[data-theme=dark] .tag.tag-orange{color:#fcd34d!important;border-color:rgba(252,211,77,.5);font-weight:600}[data-theme=dark] .article-tag.tag-orange:hover,[data-theme=dark] .blog-tag.tag-orange:hover,[data-theme=dark] .tag.tag-orange:hover{background:#fcd34d!important;color:#fff!important;border-color:#fcd34d!important}[data-theme=dark] .article-tag.tag-red,[data-theme=dark] .blog-tag.tag-red,[data-theme=dark] .tag.tag-red{color:#fca5a5!important;border-color:hsla(0,94%,82%,.5);font-weight:600}[data-theme=dark] .article-tag.tag-red:hover,[data-theme=dark] .blog-tag.tag-red:hover,[data-theme=dark] .tag.tag-red:hover{background:#fca5a5!important;color:#fff!important;border-color:#fca5a5!important}[data-theme=dark] .article-tag.tag-cyan,[data-theme=dark] .blog-tag.tag-cyan,[data-theme=dark] .tag.tag-cyan{color:#67e8f9!important;border-color:rgba(103,232,249,.5);font-weight:600}[data-theme=dark] .article-tag.tag-cyan:hover,[data-theme=dark] .blog-tag.tag-cyan:hover,[data-theme=dark] .tag.tag-cyan:hover{background:#67e8f9!important;color:#fff!important;border-color:#67e8f9!important}[data-theme=dark] .article-tag.tag-yellow,[data-theme=dark] .blog-tag.tag-yellow,[data-theme=dark] .tag.tag-yellow{color:#fef08a!important;border-color:hsla(53,98%,77%,.5);font-weight:600}[data-theme=dark] .article-tag.tag-yellow:hover,[data-theme=dark] .blog-tag.tag-yellow:hover,[data-theme=dark] .tag.tag-yellow:hover{background:#fef08a!important;color:#fff!important;border-color:#fef08a!important}[data-theme=dark] .article-tag.tag-pink,[data-theme=dark] .blog-tag.tag-pink,[data-theme=dark] .tag.tag-pink{color:#f9a8d4!important;border-color:rgba(249,168,212,.5);font-weight:600}[data-theme=dark] .article-tag.tag-pink:hover,[data-theme=dark] .blog-tag.tag-pink:hover,[data-theme=dark] .tag.tag-pink:hover{background:#f9a8d4!important;color:#fff!important;border-color:#f9a8d4!important}[data-theme=dark] .article-tag.tag-teal,[data-theme=dark] .blog-tag.tag-teal,[data-theme=dark] .tag.tag-teal{color:#5eead4!important;border-color:rgba(94,234,212,.5);font-weight:600}[data-theme=dark] .article-tag.tag-teal:hover,[data-theme=dark] .blog-tag.tag-teal:hover,[data-theme=dark] .tag.tag-teal:hover{background:#5eead4!important;color:#fff!important;border-color:#5eead4!important}[data-theme=dark] .article-tag.tag-indigo,[data-theme=dark] .blog-tag.tag-indigo,[data-theme=dark] .tag.tag-indigo{color:#a5b4fc!important;border-color:rgba(165,180,252,.5);font-weight:600}[data-theme=dark] .article-tag.tag-indigo:hover,[data-theme=dark] .blog-tag.tag-indigo:hover,[data-theme=dark] .tag.tag-indigo:hover{background:#a5b4fc!important;color:#fff!important;border-color:#a5b4fc!important}[data-theme=dark] .article-tag.tag-blue-light,[data-theme=dark] .blog-tag.tag-blue-light,[data-theme=dark] .tag.tag-blue-light{color:#93c5fd!important;border-color:rgba(147,197,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-blue-light:hover,[data-theme=dark] .blog-tag.tag-blue-light:hover,[data-theme=dark] .tag.tag-blue-light:hover{background:#93c5fd!important;color:#fff!important;border-color:#93c5fd!important}[data-theme=dark] .article-tag.tag-green-light,[data-theme=dark] .blog-tag.tag-green-light,[data-theme=dark] .tag.tag-green-light{color:#6ee7b7!important;border-color:rgba(110,231,183,.5);font-weight:600}[data-theme=dark] .article-tag.tag-green-light:hover,[data-theme=dark] .blog-tag.tag-green-light:hover,[data-theme=dark] .tag.tag-green-light:hover{background:#6ee7b7!important;color:#fff!important;border-color:#6ee7b7!important}[data-theme=dark] .article-tag.tag-purple-light,[data-theme=dark] .blog-tag.tag-purple-light,[data-theme=dark] .tag.tag-purple-light{color:#c4b5fd!important;border-color:rgba(196,181,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-purple-light:hover,[data-theme=dark] .blog-tag.tag-purple-light:hover,[data-theme=dark] .tag.tag-purple-light:hover{background:#c4b5fd!important;color:#fff!important;border-color:#c4b5fd!important}[data-theme=dark] .article-tag.tag-green-spring,[data-theme=dark] .blog-tag.tag-green-spring,[data-theme=dark] .tag.tag-green-spring{color:#86efac!important;border-color:rgba(134,239,172,.5);font-weight:600}[data-theme=dark] .article-tag.tag-green-spring:hover,[data-theme=dark] .blog-tag.tag-green-spring:hover,[data-theme=dark] .tag.tag-green-spring:hover{background:#86efac!important;color:#fff!important;border-color:#86efac!important}[data-theme=dark] .article-tag.tag-blue-docker,[data-theme=dark] .blog-tag.tag-blue-docker,[data-theme=dark] .tag.tag-blue-docker{color:#7dd3fc!important;border-color:rgba(125,211,252,.5);font-weight:600}[data-theme=dark] .article-tag.tag-blue-docker:hover,[data-theme=dark] .blog-tag.tag-blue-docker:hover,[data-theme=dark] .tag.tag-blue-docker:hover{background:#7dd3fc!important;color:#fff!important;border-color:#7dd3fc!important}[data-theme=dark] .article-tag.tag-purple-vite,[data-theme=dark] .blog-tag.tag-purple-vite,[data-theme=dark] .tag.tag-purple-vite{color:#c4b5fd!important;border-color:rgba(196,181,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-purple-vite:hover,[data-theme=dark] .blog-tag.tag-purple-vite:hover,[data-theme=dark] .tag.tag-purple-vite:hover{background:#c4b5fd!important;color:#fff!important;border-color:#c4b5fd!important}[data-theme=dark] .article-tag.tag-blue-vue,[data-theme=dark] .blog-tag.tag-blue-vue,[data-theme=dark] .tag.tag-blue-vue{color:#86efac!important;border-color:rgba(134,239,172,.5);font-weight:600}[data-theme=dark] .article-tag.tag-blue-vue:hover,[data-theme=dark] .blog-tag.tag-blue-vue:hover,[data-theme=dark] .tag.tag-blue-vue:hover{background:#86efac!important;color:#fff!important;border-color:#86efac!important}[data-theme=dark] .article-tag.tag-blue-xaml,[data-theme=dark] .blog-tag.tag-blue-xaml,[data-theme=dark] .tag.tag-blue-xaml{color:#c4b5fd!important;border-color:rgba(196,181,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-blue-xaml:hover,[data-theme=dark] .blog-tag.tag-blue-xaml:hover,[data-theme=dark] .tag.tag-blue-xaml:hover{background:#c4b5fd!important;color:#fff!important;border-color:#c4b5fd!important}[data-theme=dark] .article-tag.tag-blue-border,[data-theme=dark] .blog-tag.tag-blue-border,[data-theme=dark] .tag.tag-blue-border{color:#93c5fd!important;border-color:rgba(147,197,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-blue-border:hover,[data-theme=dark] .blog-tag.tag-blue-border:hover,[data-theme=dark] .tag.tag-blue-border:hover{background:#93c5fd!important;color:#fff!important;border-color:#93c5fd!important}[data-theme=dark] .article-tag.tag-purple-border,[data-theme=dark] .blog-tag.tag-purple-border,[data-theme=dark] .tag.tag-purple-border{color:#c4b5fd!important;border-color:rgba(196,181,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-purple-border:hover,[data-theme=dark] .blog-tag.tag-purple-border:hover,[data-theme=dark] .tag.tag-purple-border:hover{background:#c4b5fd!important;color:#fff!important;border-color:#c4b5fd!important}[data-theme=dark] .article-tag.tag-purple-shadow,[data-theme=dark] .blog-tag.tag-purple-shadow,[data-theme=dark] .tag.tag-purple-shadow{color:#c4b5fd!important;border-color:rgba(196,181,253,.5);font-weight:600}[data-theme=dark] .article-tag.tag-purple-shadow:hover,[data-theme=dark] .blog-tag.tag-purple-shadow:hover,[data-theme=dark] .tag.tag-purple-shadow:hover{background:#c4b5fd!important;color:#fff!important;border-color:#c4b5fd!important}[data-theme=dark] .article-tag.tag-green-animation,[data-theme=dark] .blog-tag.tag-green-animation,[data-theme=dark] .tag.tag-green-animation{color:#6ee7b7!important;border-color:rgba(110,231,183,.5);font-weight:600}[data-theme=dark] .article-tag.tag-green-animation:hover,[data-theme=dark] .blog-tag.tag-green-animation:hover,[data-theme=dark] .tag.tag-green-animation:hover{background:#6ee7b7!important;color:#fff!important;border-color:#6ee7b7!important}[data-theme=dark] .article-tag.tag-orange-tutorial,[data-theme=dark] .blog-tag.tag-orange-tutorial,[data-theme=dark] .tag.tag-orange-tutorial{color:#fcd34d!important;border-color:rgba(252,211,77,.5);font-weight:600}[data-theme=dark] .article-tag.tag-orange-tutorial:hover,[data-theme=dark] .blog-tag.tag-orange-tutorial:hover,[data-theme=dark] .tag.tag-orange-tutorial:hover{background:#fcd34d!important;color:#fff!important;border-color:#fcd34d!important}[data-theme=dark] .article-tag.tag-cyan-implementation,[data-theme=dark] .blog-tag.tag-cyan-implementation,[data-theme=dark] .tag.tag-cyan-implementation{color:#67e8f9!important;border-color:rgba(103,232,249,.5);font-weight:600}[data-theme=dark] .article-tag.tag-cyan-implementation:hover,[data-theme=dark] .blog-tag.tag-cyan-implementation:hover,[data-theme=dark] .tag.tag-cyan-implementation:hover{background:#67e8f9!important;color:#fff!important;border-color:#67e8f9!important}@media (max-width:768px){.article-tag,.blog-tag,.tag{padding:.25rem .6rem;font-size:.7rem;border-radius:6px}}