:root{--font-sans:"Inter","HarmonyOS Sans SC","MiSans",-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--font-mono:"Cascadia Code","JetBrains Mono","Fira Code",Consolas,"PingFang SC","Microsoft YaHei",monospace;--w-content:52rem;--w-wide:72rem;--w-rail:280px;--w-rail-gap:3rem;--r-sm:8px;--r-md:14px;--r-lg:20px;--bg:#f6f9fb;--bg-soft:#fff;--surface:#ffffffdb;--surface-strong:#fff;--border:#122a3a1c;--border-strong:#122a3a30;--text:#142230;--text-2:#4e6170;--text-3:#8598a6;--accent:#0d7897;--accent-warm:#db7f22;--on-accent:#fff;--on-warm:#3a2206;--glow-cool:#0f7fa31f;--glow-warm:#ffcd8c33;--contour:#0f7fa326;--grain-opacity:.05;--code-bg:#eef3f6;--code-head-bg:#122a3a09;--inline-code-bg:#0f7fa31a;--inline-code-text:#0b6d8c;--shadow-card:0 1px 2px #0f1e2a0a,0 8px 24px #0f1e2a0f;--shadow-card-hover:0 2px 6px #0f1e2a0f,0 14px 40px #0f7fa326}.dark{--bg:#0b1620;--bg-soft:#0f1d29;--surface:#13212db3;--surface-strong:#13212d;--border:#96c8e124;--border-strong:#96c8e13d;--text:#dbe7ee;--text-2:#94a9b8;--text-3:#60768a;--accent:#5cc2e2;--accent-warm:#f0a95a;--on-accent:#07131b;--on-warm:#1d1204;--glow-cool:#5cc2e221;--glow-warm:#f0a95a2b;--contour:#5cc2e22b;--grain-opacity:.05;--code-bg:#08131c;--code-head-bg:#96c8e10d;--inline-code-bg:#5cc2e224;--inline-code-text:#7fd4ef;--shadow-card:0 1px 2px #00000038,0 8px 24px #00000042;--shadow-card-hover:0 2px 6px #00000047,0 14px 44px #14648752}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.75;transition:background-color .35s,color .35s}::selection{background:#1f6f8b38}.dark ::selection{background:#4fa3bf4d}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.container{max-width:var(--w-content)}.container,.container-wide{margin:0 auto;padding:0 1.25rem}.container-wide{max-width:var(--w-wide)}.bg-decor{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-contour{width:min(78vmin,760px);height:min(78vmin,760px);color:var(--contour);position:absolute;top:-14vmin;right:-18vmin}.bg-contour--alt{opacity:.42;width:min(50vmin,460px);height:min(50vmin,460px);inset:auto auto -24vmin -20vmin}.bg-horizon{background:linear-gradient(to top,var(--glow-warm),transparent 80%);height:34vh;position:absolute;bottom:0;left:0;right:0}.bg-grain{width:100%;height:100%;opacity:var(--grain-opacity);position:absolute;inset:0}.page-enter-active,.page-leave-active{transition:opacity .22s,transform .22s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-enter-active,.page-leave-active{transition:none}}.prose{letter-spacing:.015em;color:var(--text);word-break:break-word;font-size:1.0625rem;line-height:1.9}.prose>:first-child{margin-top:0}.prose p{margin:1.15em 0}.prose h2,.prose h3,.prose h4{letter-spacing:.01em;color:var(--text);scroll-margin-top:90px;font-weight:650;line-height:1.4}.prose h2{margin:2.4em 0 1em;padding-left:.85rem;font-size:1.45rem;position:relative}.prose h2:before{content:"";background:var(--accent);border-radius:4px;width:4px;position:absolute;top:.32em;bottom:.32em;left:0}.prose h3{margin:2em 0 .8em;font-size:1.2rem}.prose h4{margin:1.6em 0 .6em;font-size:1.05rem}.prose a{color:var(--accent);background-image:linear-gradient(var(--accent),var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;padding-bottom:1px;transition:opacity .2s}.prose a:hover{opacity:.75}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-2);margin:1.5em 0;padding:.85em 1.25em}.prose blockquote p{margin:.3em 0}.prose ol,.prose ul{margin:1.1em 0;padding-left:1.5em}.prose li{margin:.45em 0}.prose li::marker{color:var(--accent)}.prose hr{background:linear-gradient(to right,transparent,var(--border-strong),transparent);border:none;width:60%;height:1px;margin:3em auto}.prose img{border-radius:var(--r-md);box-shadow:var(--shadow-card);margin:1.8em auto;display:block}.prose strong{font-weight:650}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--inline-code-bg);color:var(--inline-code-text);border-radius:6px;padding:.15em .45em;font-size:.86em}.prose .table-wrap{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);margin:1.6em 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.6}.prose td,.prose th{text-align:left;border-bottom:1px solid var(--border);padding:.65em 1em}.prose thead th{color:var(--text-2);background:var(--code-head-bg);white-space:nowrap;font-weight:650}.prose tbody tr:last-child td{border-bottom:none}.code-block{border:1px solid var(--border);border-radius:var(--r-md);background:var(--code-bg);box-shadow:var(--shadow-card);margin:1.6em 0;overflow:hidden}.code-block-head{background:var(--code-head-bg);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.45rem .9rem;display:flex}.code-block-head:before{content:"";background:radial-gradient(circle at 5px 50%,var(--accent-warm) 0 4px,transparent 4.5px),radial-gradient(circle at 17px 50%,var(--accent) 0 4px,transparent 4.5px),radial-gradient(circle at 29px 50%,var(--text-3) 0 4px,transparent 4.5px);opacity:.85;flex:none;width:34px;height:10px}.code-lang{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-left:auto;font-size:.72rem}.code-copy{width:26px;height:26px;color:var(--text-3);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex}.code-copy:hover{background:var(--inline-code-bg);color:var(--accent)}.code-copy svg{width:15px;height:15px}.code-copy .i-check,.code-copy.copied .i-copy{display:none}.code-copy.copied .i-check{color:var(--accent-warm);display:block}.code-block pre{margin:0;padding:1rem 0;font-size:.875rem;line-height:1.75;overflow-x:auto;background:0 0!important}.code-block pre code{font-family:var(--font-mono);counter-reset:line;min-width:max-content;display:block}.code-block pre code .line{counter-increment:line;width:100%;padding:0 1.1rem 0 0;display:inline-block}.code-block pre code .line:before{content:counter(line);text-align:right;width:2.2em;color:var(--text-3);opacity:.55;-webkit-user-select:none;user-select:none;margin-right:1.1em;display:inline-block}.btn{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.92rem;font-weight:550;transition:color .2s,border-color .2s,box-shadow .2s,transform .2s,opacity .2s;display:inline-flex}.btn:hover{color:var(--accent);border-color:var(--border-strong);transform:translateY(-1px)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{color:var(--on-accent);background:var(--accent);border-color:#0000}.btn-primary:hover{color:var(--on-accent);box-shadow:0 6px 18px var(--glow-cool)}.btn-danger:hover{color:#e5484d;border-color:#e5484d66}.btn-sm{border-radius:8px;padding:.3rem .75rem;font-size:.84rem}.input,.textarea{width:100%;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);border-radius:10px;outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--inline-code-bg)}.textarea{resize:vertical;line-height:1.7}.field-label{color:var(--text-2);margin-bottom:.35rem;font-size:.82rem;display:block}.badge,.field-label{letter-spacing:.05em;font-weight:600}.badge{border-radius:999px;align-items:center;padding:.1rem .55rem;font-size:.75rem;display:inline-flex}.badge-published{color:#2b8272;background:#2b82721f}.badge-draft{color:var(--text-3);background:#17232e12}.dark .badge-published{color:#5fc4ae;background:#5fc4ae21}.dark .badge-draft{background:#a0c8dc17}.shiki,.shiki span{color:var(--shiki-light);background-color:#0000!important}.dark .shiki,.dark .shiki span{color:var(--shiki-dark)}