:root{--bg:#ebeff4;--bg-dot:#bcc6d3;--bg-dot-size:24px;--surface-1:#fff;--surface-1-alpha:hsla(0,0%,100%,.94);--surface-1-alpha-90:hsla(0,0%,100%,.96);--surface-cover-overlay:hsla(0,0%,100%,.82);--text-on-cover:#1e293b;--text-on-cover-muted:#64748b;--cover-overlay-backdrop:blur(16px) saturate(1.15);--cover-overlay-border:1px solid hsla(0,0%,100%,.92);--cover-overlay-shadow:0 1px 2px rgba(15,23,42,.06);--surface-2:#f8fafc;--surface-3:#f1f5f9;--border:rgba(226,232,240,.8);--border-soft:rgba(226,232,240,.9);--border-hover:#cbd5e1;--text-main:#1e293b;--text-muted:#64748b;--text-soft:#94a3b8;--text-faint:#cbd5e1;--accent:#334155;--accent-soft:rgba(51,65,85,.08);--accent-bg:#f1f5f9;--shadow-card:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.08);--shadow-card-hover:0 4px 20px rgba(0,0,0,.12);--selection-bg:rgba(51,65,85,.2);--selection-color:inherit;--scrollbar-thumb:rgba(203,213,225,.6);--scrollbar-thumb-hover:rgba(148,163,184,.8);--focus-ring:#94a3b8;--pin-badge-bg:rgba(239,68,68,.1);--pin-badge-border:rgba(239,68,68,.32);--tag-emerald-bg:#ecfdf5;--tag-emerald-text:#059669;--tag-emerald-border:#d1fae5;--tag-rose-bg:#fff1f2;--tag-rose-text:#e11d48;--tag-rose-border:#ffe4e6;--tag-sky-bg:#f0f9ff;--tag-sky-text:#0284c7;--tag-sky-border:#e0f2fe;--tag-orange-bg:#fff7ed;--tag-orange-text:#ea580c;--tag-orange-border:#fed7aa;--tag-blue-bg:#eff6ff;--tag-blue-text:#2563eb;--tag-blue-border:#dbeafe;--tag-amber-bg:#fffbeb;--tag-amber-text:#d97706;--tag-amber-border:#fde68a;--stat-green:#059669;--stat-green-bg:rgba(5,150,105,.08);--stat-green-border:rgba(5,150,105,.15);--stat-green-dot:#10b981;--heatmap-0:#ebedf0;--heatmap-1:#9be9a8;--heatmap-2:#40c463;--heatmap-3:#30a14e;--heatmap-4:#216e39;--heatmap-bg:rgba(248,250,252,.8);--heatmap-border:#f1f5f9;--tooltip-bg:#1e293b;--tooltip-text:#f8fafc;--tooltip-shadow:0 4px 12px rgba(0,0,0,.15)}.dark{--bg:#23272f;--bg-dot:rgba(126,138,156,.16);--bg-dot-size:28px;--surface-1:#2a2f37;--surface-1-alpha:rgba(42,47,55,.3);--surface-1-alpha-90:rgba(42,47,55,.3);--surface-cover-overlay:rgba(42,47,55,.36);--text-on-cover:#f8fafc;--text-on-cover-muted:rgba(203,213,225,.9);--cover-overlay-backdrop:blur(12px);--cover-overlay-border:1px solid transparent;--cover-overlay-shadow:none;--surface-2:#313741;--surface-3:#383f4a;--border:rgba(51,65,85,.5);--border-soft:rgba(51,65,85,.35);--border-hover:rgba(100,116,139,.4);--text-main:#e2e8f0;--text-muted:#cbd5e1;--text-soft:#94a3b8;--text-faint:#64748b;--accent:#5b7cfa;--accent-soft:rgba(91,124,250,.16);--accent-bg:rgba(91,124,250,.12);--shadow-card:0 4px 16px rgba(0,0,0,.3),0 8px 32px rgba(0,0,0,.2);--shadow-card-hover:0 8px 40px rgba(0,0,0,.4);--selection-bg:rgba(91,124,250,.32);--selection-color:#f8fbff;--scrollbar-thumb:rgba(100,116,139,.5);--scrollbar-thumb-hover:rgba(148,163,184,.6);--focus-ring:#5b7cfa;--pin-badge-bg:rgba(239,68,68,.16);--pin-badge-border:hsla(0,91%,71%,.45);--tag-emerald-bg:rgba(16,185,129,.12);--tag-emerald-text:#6ee7b7;--tag-emerald-border:rgba(16,185,129,.2);--tag-rose-bg:rgba(244,63,94,.12);--tag-rose-text:#fda4af;--tag-rose-border:rgba(244,63,94,.2);--tag-sky-bg:rgba(14,165,233,.12);--tag-sky-text:#7dd3fc;--tag-sky-border:rgba(14,165,233,.2);--tag-orange-bg:rgba(249,115,22,.12);--tag-orange-text:#fdba74;--tag-orange-border:rgba(249,115,22,.2);--tag-blue-bg:rgba(59,130,246,.12);--tag-blue-text:#93c5fd;--tag-blue-border:rgba(59,130,246,.2);--tag-amber-bg:rgba(245,158,11,.12);--tag-amber-text:#fcd34d;--tag-amber-border:rgba(245,158,11,.2);--stat-green:#34d399;--stat-green-bg:rgba(5,150,105,.08);--stat-green-border:rgba(5,150,105,.15);--stat-green-dot:#34d399;--heatmap-0:rgba(100,116,139,.2);--heatmap-1:rgba(6,95,70,.5);--heatmap-2:rgba(5,150,105,.6);--heatmap-3:#059669;--heatmap-4:#34d399;--heatmap-bg:rgba(30,41,59,.4);--heatmap-border:rgba(51,65,85,.5);--tooltip-bg:#e2e8f0;--tooltip-text:#1e293b;--tooltip-shadow:0 4px 12px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;scroll-behavior:smooth}body{background-color:var(--bg);background-image:radial-gradient(var(--bg-dot) 1px,transparent 1px);background-size:var(--bg-dot-size) var(--bg-dot-size);color:var(--text-main);line-height:1.6;transition:color .3s ease,background-color .3s ease,border-color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark body{background-image:radial-gradient(var(--bg-dot) .9px,transparent .9px)}::-moz-selection{background:var(--selection-bg);color:var(--selection-color)}::selection{background:var(--selection-bg);color:var(--selection-color)}:focus-visible{border-radius:4px;outline:2px solid var(--focus-ring);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img{display:block;max-width:100%}button{background:none;border:none;cursor:pointer}button,input{color:inherit;font:inherit}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent;display:none}*{scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-fade-in-up{animation:fade-in-up .6s ease-out forwards;opacity:0}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.anim-delay-6{animation-delay:.6s}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow-card);transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.card--hover:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}.nav-item{align-items:center;border-radius:.75rem;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.625rem 1rem;transition:all .2s ease}.nav-item:hover{background:var(--accent-soft);color:var(--text-main)}.nav-item.active{background:var(--accent-bg);color:var(--text-main);font-weight:600}.dark .nav-item.active{box-shadow:inset 0 0 0 1px #5b7cfa33}.tab-btn{color:var(--text-muted);font-weight:500;padding:1rem 0;position:relative;transition:all .2s ease;white-space:nowrap}.tab-btn.tab-active,.tab-btn:hover{color:var(--text-main)}.tab-btn.tab-active{font-weight:700}.tab-btn.tab-active:after{background:var(--accent);border-radius:9999px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:60%}.theme-toggle-btn{border-radius:.75rem;color:var(--text-soft);display:flex;justify-content:center;padding:.625rem;transition:all .2s ease}.theme-toggle-btn:hover{color:var(--text-main)}.theme-toggle-btn.theme-active{background:var(--surface-3);box-shadow:0 1px 3px #00000014,inset 0 0 0 1px #0000000f;color:var(--text-main)}.dark .theme-toggle-btn.theme-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #5b7cfa3d}.tag-badge{align-items:center;border:1px solid;border-radius:.5rem;display:inline-flex;font-size:.6875rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}.input-field{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:9999px;color:var(--text-main);font-size:.875rem;outline:none;padding:.5rem 1rem;transition:all .2s ease;width:100%}.input-field::-moz-placeholder{color:var(--text-soft)}.input-field::placeholder{color:var(--text-soft)}.input-field:focus{border-color:var(--border-hover);box-shadow:0 0 0 4px var(--accent-soft)}.btn-primary{align-items:center;background:var(--text-main);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;color:var(--bg);display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover{opacity:.9}.page-root{min-height:100vh}.theme-classic{padding:1rem}@media(min-width:768px){.theme-classic{padding:2rem}}@media(min-width:1280px){.theme-classic{display:flex;flex-direction:column;gap:1.5rem;height:100vh;overflow:clip}}.blog-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1440px;padding-bottom:5rem;width:100%}@media(min-width:1024px){.blog-grid{grid-template-columns:280px 1fr;padding-bottom:0}}@media(min-width:1280px){.blog-grid{flex:1;min-height:0}}.page-columns{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-width:0}@media(min-width:1280px){.page-columns{display:grid;gap:1.5rem;grid-template-columns:1fr 300px;min-height:0}}.main-inner{display:flex;flex:1;flex-direction:column;min-height:0}.aside-left{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1280px){.aside-left{height:100%;margin:-2rem;overflow:hidden;padding:2rem}.aside-left__scroll{height:100%;overflow:visible!important}}.aside-left__viewport{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1280px){.aside-left__viewport{margin:-2rem;padding:2rem}}.main-content{background:var(--surface-1);border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;transition:color .3s ease,background-color .3s ease,border-color .3s ease}@media(min-width:1280px){.theme-classic .main-content{height:100%}}.main-content__header{border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem 0;z-index:10}@media(min-width:640px){.main-content__header{align-items:center;flex-direction:row;justify-content:space-between}}.main-content__body{display:flex;flex:1;flex-direction:column;gap:1.5rem;min-height:0;padding:2rem}@media(min-width:1280px){.main-content__body{overflow-y:auto}}.aside-right{display:flex;flex-direction:column;position:relative}@media(min-width:1280px){.aside-right{height:100%;margin:-2rem;overflow:visible;padding:2rem}.aside-right__scroll{height:100%;overflow:visible!important}.aside-right__viewport{margin:-2rem;padding:2rem}}.footer-row{flex-shrink:0;margin:0 auto;max-width:1440px;width:100%}.site-footer{display:none}@media(min-width:1280px){.site-footer{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-1-alpha);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow-card);display:flex;flex:1;font-size:.75rem;justify-content:space-between;min-width:0;padding:.75rem 1.5rem;transition:color .3s ease,background-color .3s ease,border-color .3s ease}}.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-1-alpha-90);border-top:1px solid var(--border-soft);bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:50}@media(min-width:1024px){.mobile-nav{display:none}}.mobile-nav__list{justify-content:space-around}.mobile-nav__item,.mobile-nav__list{align-items:center;display:flex;padding:.5rem}.mobile-nav__item{color:var(--text-soft);flex-direction:column;font-size:.625rem;font-weight:500;gap:.25rem;transition:all .2s ease}.mobile-nav__item.active,.mobile-nav__item:hover{color:var(--text-main)}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.flex-center{align-items:center;display:flex;justify-content:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.content-vertical-enter-active,.content-vertical-leave-active{transition:opacity .15s ease,transform .15s ease}.content-vertical-enter-from{opacity:0;transform:translateY(-10px)}.content-vertical-leave-to{opacity:0;transform:translateY(10px)}.content-soft-enter-active,.content-soft-leave-active{transition:opacity .16s ease,transform .16s ease}.content-soft-enter-from{opacity:0;transform:translateY(-6px)}.content-soft-leave-to{opacity:0;transform:translateY(6px)}.content-fade-enter-active,.content-fade-leave-active{transition:opacity .14s ease}.content-fade-enter-from,.content-fade-leave-to{opacity:0}.content-none-enter-active,.content-none-leave-active{transition:none}#right-sidebar-target{position:relative}.sidebar-leaving-clone{animation:sidebar-leave .15s ease forwards;left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar-leaving-clone.sidebar-leave-slide-right{animation:sidebar-leave-slide-right .2s ease forwards}@keyframes sidebar-leave{0%{opacity:1}to{opacity:0}}@keyframes sidebar-leave-slide-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}.anim-sidebar-up>:not(.sidebar-leaving-clone){animation:sidebar-slide-in-right .35s ease-out both}.anim-sidebar-fade>:not(.sidebar-leaving-clone){animation:sidebar-fade-in .25s ease-out both}.anim-sidebar-scale>:not(.sidebar-leaving-clone){animation:sidebar-scale-in .3s ease-out both}.anim-sidebar-none>:not(.sidebar-leaving-clone){animation:none}@keyframes sidebar-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes sidebar-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sidebar-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sidebar-slide-enter-active,.sidebar-slide-leave-active{transition:opacity .25s ease,transform .25s ease}.sidebar-slide-enter-from,.sidebar-slide-leave-to{opacity:0;transform:translate(24px)}.sidebar-scale-enter-active,.sidebar-scale-leave-active{transition:opacity .25s ease,transform .25s ease}.sidebar-scale-enter-from,.sidebar-scale-leave-to{opacity:0;transform:scale(.92)}.sidebar-fade-enter-active,.sidebar-fade-leave-active{transition:opacity .2s ease}.sidebar-fade-enter-from,.sidebar-fade-leave-to{opacity:0}.sidebar-none-enter-active,.sidebar-none-leave-active{transition:none}.state-block[data-v-65bd8dfa]{flex:1;flex-direction:column;gap:.5rem;min-height:0;padding:3rem 2rem;text-align:center}.state-block[data-v-65bd8dfa],.state-block__icon-wrap[data-v-65bd8dfa]{align-items:center;display:flex;justify-content:center}.state-block__icon-wrap[data-v-65bd8dfa]{background:var(--surface-3);border-radius:50%;height:5rem;margin-bottom:.75rem;width:5rem}.state-block__icon[data-v-65bd8dfa]{color:var(--text-soft)}.state-block__title[data-v-65bd8dfa]{color:var(--text-main);font-size:1.25rem;font-weight:700;margin:0}.state-block__desc[data-v-65bd8dfa]{color:var(--text-muted);font-size:.875rem;line-height:1.6;margin:0;max-width:24rem}.state-block__code[data-v-65bd8dfa]{color:var(--text-faint);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.25rem}.state-block__action[data-v-65bd8dfa]{align-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:.75rem;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;margin-top:.75rem;padding:.5rem 1.25rem;transition:all .2s ease}.state-block__action[data-v-65bd8dfa]:hover{background:var(--accent-soft);border-color:var(--border-hover)}.error-page[data-v-2fbe8f80]{align-items:center;background:var(--bg);background-image:radial-gradient(var(--bg-dot) 1px,transparent 1px);background-size:var(--bg-dot-size) var(--bg-dot-size);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem}.error-page__card[data-v-2fbe8f80]{background:var(--surface-1);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-card);max-width:28rem;padding:2rem 1.5rem;width:100%}