*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit;color:inherit}body.backdrop-dots::before,body.backdrop-grid::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body.backdrop-grid::before{background-image:linear-gradient(var(--c-border) 1px,transparent 1px),linear-gradient(90deg,var(--c-border) 1px,transparent 1px);background-size:48px 48px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse 100% 60% at 50% 0,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 100% 60% at 50% 0,#000 20%,transparent 75%)}body.backdrop-dots::before{background-image:radial-gradient(var(--c-border-strong) 1px,transparent 1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse 100% 60% at 50% 0,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 100% 60% at 50% 0,#000 20%,transparent 75%)}#header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;height:var(--header-h);padding:0 24px;background:var(--c-bg);background:color-mix(in srgb,var(--c-bg) 85%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--c-border);transition:transform .25s ease}#header.is-hidden{transform:translateY(-100%)}.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:.01em}.brand-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--c-border)}.brand-name{font-size:15px}#menu{display:flex;align-items:center;gap:4px;margin-right:auto}.menu-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:14px;color:var(--c-text-soft);transition:background-color .18s ease,color .18s ease}.menu-item:hover{background:var(--c-bg-soft);color:var(--c-text)}.menu-item.active{background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.menu-item i{font-size:13px}.header-actions{display:flex;align-items:center;gap:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:10px;background:0 0;cursor:pointer;color:var(--c-text-soft);transition:background-color .18s ease,color .18s ease}.icon-btn:hover{background:var(--c-bg-soft);color:var(--c-text)}.nav-toggle{display:none}#content{max-width:var(--maxw);margin:0 auto;padding:32px 24px 72px;flex:1 0 auto;width:100%}.mode-wiki #content{max-width:var(--maxw-prose);margin:0 auto}.tone-violet{--cat:var(--c-violet);--cat-soft:var(--c-violet-soft)}.tone-amber{--cat:var(--c-amber);--cat-soft:var(--c-amber-soft)}.tone-blue{--cat:var(--c-blue);--cat-soft:var(--c-blue-soft)}.tone-green{--cat:var(--c-green);--cat-soft:var(--c-green-soft)}.tone-rose{--cat:var(--c-rose);--cat-soft:var(--c-rose-soft)}.page-head{margin-bottom:28px}.page-title{margin:0;font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.page-count{margin-left:10px;font-size:14px;font-weight:400;color:var(--c-text-mute)}.page-desc{margin:8px 0 0;font-size:14px;color:var(--c-text-soft)}.section{margin-top:56px}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:20px;font-weight:650;letter-spacing:.01em}.section-title i{color:var(--c-accent);font-size:16px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head .section-title{margin:0}.section-more{font-size:13px;color:var(--c-text-mute)}.section-more:hover{color:var(--c-accent)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .18s ease,background-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--c-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-ghost{background:var(--c-surface);border-color:var(--c-border);color:var(--c-text)}.btn-ghost:hover{border-color:var(--c-border-strong)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:var(--c-bg-soft);color:var(--c-text-soft);font-size:12px;line-height:1.8;white-space:nowrap}.chip-soft{background:var(--c-accent-soft);color:var(--c-accent)}.chip-lg{padding:6px 14px;font-size:13px}.chip-lg em{font-style:normal;color:var(--c-text-mute)}.chip-cloud{display:flex;flex-wrap:wrap;gap:8px}.prose{font-size:15.5px}.prose h1,.prose h2,.prose h3,.prose h4{margin:1.8em 0 .8em;font-weight:650;line-height:1.4}.prose h1{font-size:26px}.prose h2{font-size:21px;padding-bottom:.3em;border-bottom:1px solid var(--c-border)}.prose h3{font-size:18px}.prose h4{font-size:16px}.prose p{margin:1em 0}.prose ol,.prose ul{padding-left:1.4em}.prose li{margin:.35em 0}.prose blockquote{margin:1.2em 0;padding:.6em 1em;border-left:3px solid var(--c-accent);background:var(--c-bg-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--c-text-soft)}.prose blockquote p{margin:.3em 0}.prose hr{margin:2em 0;border:0;border-top:1px solid var(--c-border)}.prose img{border-radius:var(--radius);box-shadow:var(--shadow-sm)}.prose code{padding:.15em .4em;border-radius:4px;background:var(--c-bg-soft);color:var(--c-rose);font-family:var(--font-mono);font-size:.88em}.prose pre{overflow:auto;padding:16px;border-radius:var(--radius);border:1px solid var(--c-border);background:var(--c-surface-2);font-size:13.5px;line-height:1.7}.prose pre code{padding:0;background:0 0;color:inherit}.code-copy{position:absolute;top:8px;right:8px;padding:3px 10px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-mute);font-size:12px;cursor:pointer;opacity:0;transition:opacity .18s ease,color .18s ease,border-color .18s ease}.prose pre:hover .code-copy{opacity:1}.code-copy:hover{color:var(--c-accent);border-color:var(--c-accent)}.prose table{width:100%;margin:1.4em 0;border-collapse:collapse;font-size:14px}.prose td,.prose th{padding:8px 12px;border:1px solid var(--c-border)}.prose th{background:var(--c-bg-soft);font-weight:600}.prose a{color:var(--c-accent);text-decoration:underline;text-decoration-color:var(--c-border-strong);text-underline-offset:2px}.prose a:hover{text-decoration-color:var(--c-accent)}.post-list{display:flex;flex-direction:column;gap:8px}.post-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.post-item:hover{border-color:var(--c-accent);transform:translateX(2px);box-shadow:var(--shadow-sm)}.post-item-main{min-width:0}.post-item-title{font-weight:600;font-size:15px}.post-item-brief{margin:4px 0 0;font-size:13px;color:var(--c-text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-item-meta{flex:none;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--c-text-mute)}.pagination-wrap{margin-top:32px;display:flex;justify-content:center}.pagination{display:flex;align-items:center;gap:6px}.pagination a,.pagination span{min-width:34px;height:34px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);font-size:13px;color:var(--c-text-soft)}.pagination a:hover{border-color:var(--c-accent);color:var(--c-accent)}.pagination .current{background:var(--c-accent);border-color:var(--c-accent);color:#fff;font-weight:600}#footer{flex:none;border-top:1px solid var(--c-border);background:var(--c-bg-soft)}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--c-text-mute)}.footer-left,.footer-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-right a{color:var(--c-text-soft)}.footer-right a:hover{color:var(--c-accent)}#backtotop{position:fixed;right:22px;bottom:22px;z-index:40;background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s ease}#backtotop.show{opacity:1;pointer-events:auto}@media (max-width:860px){.nav-toggle{display:inline-flex}#menu{position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:8px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}#menu.open{transform:none;opacity:1;pointer-events:auto}.menu-item{padding:10px 12px;border-radius:var(--radius-sm)}#content{padding:24px 16px 56px}.post-item{flex-direction:column;align-items:flex-start}}