:root{--bg: #ffffff;--text: rgba(0, 0, 0, .86);--muted: rgba(0, 0, 0, .6);--border: rgba(0, 0, 0, .1);--soft: rgba(0, 0, 0, .04);--soft-2: rgba(0, 0, 0, .06);--sidebar-w: 280px;--gap: 24px;--article-w: 760px}.md-page{background:var(--bg);min-height:100vh;color:var(--text)}.md-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;padding:24px 16px;border-right:1px solid var(--border);background:var(--bg);overflow:auto}.md-sidebar .md-nav-title{font-size:13px;color:var(--muted);margin-bottom:12px}.md-nav{display:flex;flex-direction:column;gap:6px}.md-nav a{display:block;font-size:13px;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:10px;border:1px solid transparent}.md-nav a:hover{background:var(--soft);color:var(--text)}.md-nav a.is-active{background:var(--soft-2);color:var(--text);border:1px solid var(--border)}.md-main{margin-left:var(--sidebar-w);padding:32px 24px}.md-article{max-width:var(--article-w);margin:0 auto}.md-header{text-align:center;margin-bottom:22px}.md-title{margin:0 0 10px;font-size:28px;font-weight:700;letter-spacing:.2px}.md-desc{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.md-meta{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.md-tag{display:inline-flex;align-items:center;padding:2px 10px;background:var(--soft);border-radius:999px;color:#000000b8;font-size:12px}.md-date{font-size:11px;color:#00000080}.md-content{font-size:16px;line-height:1.85}.md-content h1,.md-content h2,.md-content h3,.md-content h4{margin:1.8em 0 .8em;line-height:1.35}.md-content h1{font-size:2rem}.md-content h2{font-size:1.6rem}.md-content h3{font-size:1.3rem}.md-content p{margin:1em 0}.md-content a{color:#000000d1;text-decoration:underline;text-underline-offset:3px}.md-content a:hover{color:#000}.md-content ul,.md-content ol{padding-left:1.4em}.md-content li{margin:.4em 0}.md-content blockquote{margin:1.2em 0;padding:.8em 1em;border-left:4px solid rgba(0,0,0,.12);background:var(--soft);border-radius:12px;color:#000000b3}.md-content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.md-content table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:14px}.md-content th,.md-content td{border:1px solid var(--border);padding:10px 12px}.md-content th{background:var(--soft);font-weight:600}.md-content img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}.md-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.md-content :not(pre)>code{background:var(--soft);padding:2px 6px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.md-content figure{margin:0;padding:0;background:transparent!important;border:none!important}.md-code-wrap{background:var(--soft-2);border-radius:12px;border:none;overflow:hidden;margin:1.2em 0}.md-code-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:transparent}.md-code-lang{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.2px;color:#000000bd;user-select:none}.md-code-copy{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:transparent;border:none;border-radius:10px;cursor:pointer;user-select:none;font-size:12px;color:#000000c7}.md-code-copy:hover{background:#0000000a}.md-code-copy:active{background:#0000000f}.md-code-copy-icon{width:14px;height:14px;display:block;opacity:.9}.md-code-wrap pre.astro-code{background:transparent!important;background-color:transparent!important;margin:0!important;border:none!important;border-radius:0!important;padding:12px 14px 14px!important;overflow-x:auto}.md-code-wrap pre:not(.astro-code){background:transparent;margin:0;border:none;border-radius:0;padding:12px 14px 14px;overflow-x:auto}.md-footer{margin-top:48px;padding:18px 0 8px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.md-footer a{color:#000000c7}.md-footer a:hover{color:#000}@media(max-width:980px){.md-sidebar{position:static;width:auto;height:auto;border-right:none;border-bottom:1px solid var(--border)}.md-main{margin-left:0;padding:18px 14px}.md-title{font-size:24px}.md-footer{justify-content:center;text-align:center}}.md-hero{text-align:center;margin-bottom:32px}.md-hero .md-meta{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.md-hero .md-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}