@font-face{font-family:Chakra Petch;src:url(/fonts/ChakraPetch-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-VariableFont_wdth_wght.ttf) format("truetype");font-weight:100 700;font-style:normal;font-display:swap}:root{--bg: oklch(.992 .003 80);--bg-2: oklch(.975 .004 80);--bg-sidebar: oklch(.985 .004 80);--border: oklch(.91 .006 80);--border-soft: oklch(.94 .005 80);--ink: oklch(.22 .012 80);--ink-2: oklch(.38 .01 80);--ink-3: oklch(.55 .01 80);--ink-4: oklch(.7 .008 80);--accent: #174fc0;--accent-soft: color-mix(in srgb, var(--accent) 9%, white);--code-bg: oklch(.965 .005 80);--code-block-bg: #17191f;--code-block-ink: oklch(.92 .005 80);--selection: color-mix(in srgb, var(--accent) 18%, white);--sans: "Chakra Petch", "IBM Plex Sans", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--body: "Chakra Petch", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--selection)}button,input{font:inherit}button{color:inherit}.app{display:grid;grid-template-columns:280px minmax(0,1fr);height:100vh;overflow:hidden}.loading,.not-found{min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink-3)}.not-found{text-align:center}.not-found .not-found-logo{width:64px;height:64px}.not-found h1{margin:18px 0 10px;color:var(--ink);font-size:26px;font-weight:600}.not-found p{margin:0}.sidebar{min-height:0;display:flex;flex-direction:column;background:var(--bg-sidebar);border-right:1px solid var(--border)}.sidebar-header{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid var(--border-soft)}.logo{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex:0 0 auto;background:var(--ink);color:var(--bg);font-family:var(--body);font-size:13px;font-weight:700}.logo.large{width:42px;height:42px;margin:0 auto;border-radius:10px;font-size:22px}.logo-mark{width:22px;height:22px;display:block;flex:0 0 auto;border-radius:6px;object-fit:cover}.logo-copy{min-width:0}.logo-text{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.2}.logo-sub{margin-top:2px;color:var(--ink-3);font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-box{margin:12px 12px 8px;position:relative;display:block}.search-box input{width:100%;height:34px;border:1px solid var(--border);border-radius:7px;outline:none;background:var(--bg);color:var(--ink);padding:7px 48px 7px 30px;font-size:13px;transition:border-color .15s,background .15s}.search-box input::placeholder{color:var(--ink-4)}.search-box input:focus{border-color:var(--ink-3);background:#fff}.search-box .search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ink-4)}.search-box .kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--bg-2);color:var(--ink-4);font-family:var(--mono);font-size:10.5px}.tree,.search-results{flex:1;min-height:0;overflow-y:auto;padding:6px 8px 24px}.tree::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:8px}.tree::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:#d9d7d4;border-radius:4px}.tree-item{width:100%;display:flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--ink-2);cursor:pointer;text-align:left;font-size:13px;line-height:1.4;-webkit-user-select:none;user-select:none}.tree-item:hover{background:#f0eeeb;color:var(--ink)}.tree-item.active{background:var(--ink);color:var(--bg)}.tree-item.active .icon,.tree-item.active .meta{color:var(--bg)}.tree-item.open .chev{transform:rotate(90deg)}.tree-item .chev{width:12px;height:12px;display:grid;place-items:center;flex:0 0 auto;color:var(--ink-4);transition:transform .15s ease}.tree-item .chev.hidden{visibility:hidden}.tree-item .icon{width:14px;height:14px;display:grid;place-items:center;flex:0 0 auto;color:var(--ink-3)}.tree-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item .meta{color:var(--ink-4);font-size:10.5px;font-variant-numeric:tabular-nums}.tree-children{margin-left:10px;padding-left:10px;border-left:1px solid var(--border-soft);overflow:hidden}.search-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 6px;color:var(--ink-3);font-size:11.5px}.progress{height:3px;margin:0 10px 10px;overflow:hidden;border-radius:999px;background:var(--border-soft)}.progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.search-error{margin:8px 10px;color:#a33;font-size:12px}.result-list{display:flex;flex-direction:column;gap:6px}.result-item{width:100%;border:1px solid transparent;border-radius:7px;background:transparent;padding:9px 10px;text-align:left;cursor:pointer}.result-item:hover{border-color:var(--border-soft);background:#fff}.result-title,.result-path,.result-snippet{display:block;overflow:hidden;text-overflow:ellipsis}.result-title{color:var(--ink);font-size:12.5px;font-weight:600;white-space:nowrap}.result-path{margin-top:3px;color:var(--ink-4);font-size:10.5px;white-space:nowrap}.result-snippet{margin-top:5px;color:var(--ink-3);font-size:11.5px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.empty-search{padding:22px 10px;color:var(--ink-4);font-size:12.5px}.main{position:relative;min-width:0;overflow-y:auto;background:var(--bg)}.main::-webkit-scrollbar{width:10px}.main::-webkit-scrollbar-thumb{background:#d9d7d4;border-radius:5px}.topbar{position:sticky;top:0;z-index:10;min-height:45px;display:flex;align-items:center;gap:14px;padding:12px 40px;border-bottom:1px solid var(--border-soft);background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12.5px}.breadcrumbs{display:flex;align-items:center;gap:6px;min-width:0;color:var(--ink-3)}.breadcrumbs .crumb-part{display:inline-flex;align-items:center;gap:6px;min-width:0}.breadcrumbs .sep{color:var(--ink-4)}.breadcrumbs .crumb{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs .crumb.current{color:var(--ink);font-weight:500}.content-wrap{max-width:1000px;margin:0 auto;padding:56px 40px 120px}.article{width:min(100%,1000px);color:#17191f;font-family:var(--body)}.blog-html-content>*+*{margin-top:18px}.blog-html-content>h1,.blog-html-content>h2,.blog-html-content>h3,.blog-html-content>h4{color:#151820;letter-spacing:0}.blog-html-content>h1{margin:0 0 30px;font-size:clamp(30px,3.25vw,40px);font-weight:500;line-height:1.08}.blog-html-content>h1:not(:first-of-type){margin:42px 0}.blog-html-content>h2{margin:0 0 20px;font-size:clamp(22px,1.85vw,25px);font-weight:700;line-height:1.28}.blog-html-content>*+h2{margin-top:40px}.blog-html-content>h3{margin:0 0 16px;font-size:clamp(17px,1.35vw,19px);font-weight:650;line-height:1.36}.blog-html-content>*+h3{margin-top:30px}.blog-html-content>h4{margin:0 0 14px;font-size:15px;font-weight:650;line-height:1.42}.blog-html-content>*+h4{margin-top:24px}.blog-html-content>p{margin:0;color:#17191f;font-size:15px;line-height:1.78;letter-spacing:0;text-wrap:pretty}.blog-html-content>h1+p,.blog-html-content>h2+p,.blog-html-content>h3+p,.blog-html-content>h4+p{margin-top:22px}.blog-html-content strong{color:#151820;font-weight:600}.blog-html-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.blog-html-content>ul,.blog-html-content>ol{margin:0;padding-left:0;color:#17191f;font-size:15px;line-height:1.76;letter-spacing:0}.blog-html-content>h1+ul,.blog-html-content>h2+ul,.blog-html-content>h3+ul,.blog-html-content>h4+ul,.blog-html-content>h1+ol,.blog-html-content>h2+ol,.blog-html-content>h3+ol,.blog-html-content>h4+ol{margin-top:12px}.blog-html-content>ul{list-style:none}.blog-html-content>ul>li{position:relative;padding:1px 0 1px 1.25em}.blog-html-content>ul>li:before{content:"";position:absolute;left:.18em;top:.78em;width:5px;height:5px;background:var(--accent)}.blog-html-content>ol{list-style:none;counter-reset:blog-ol}.blog-html-content>ol>li{position:relative;padding:1px 0 1px 1.6em;counter-increment:blog-ol}.blog-html-content>ol>li:before{content:counter(blog-ol) ".";position:absolute;left:0;top:0;color:var(--accent);font-size:inherit;font-variant-numeric:tabular-nums;font-weight:600;line-height:inherit}.blog-html-content li+li{margin-top:4px}.blog-html-content li>p{margin:0;color:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit}.blog-html-content>blockquote{margin:16px 0;padding-left:16px;border-left:3px solid var(--accent);color:var(--ink-2);font-size:15px;line-height:1.72}.blog-html-content>blockquote p{margin:0}.blog-html-content>hr{height:0;margin:0;border:0;border-top:1px solid rgba(0,0,0,.16)}.blog-html-content>*+hr{margin-top:clamp(42px,5vw,58px)}.blog-html-content>hr+*{margin-top:clamp(30px,4vw,42px)}.blog-html-content :not(pre)>code{padding:2px 5px;border:1px solid var(--border-soft);background:var(--code-bg);color:var(--ink);font-family:var(--mono);font-size:.9em}.blog-html-content>pre{margin:0;overflow:hidden;border-radius:0;background:var(--code-block-bg);color:var(--code-block-ink);font-family:var(--mono);font-size:13px;line-height:1.65}.blog-html-content>pre code{display:block;overflow-x:auto;padding:16px;white-space:pre}.blog-html-content>.table-scroll,.blog-html-content>.tableWrapper{width:100%;overflow-x:auto;border:1px solid rgba(0,0,0,.14);border-radius:0;background:#fff}.blog-html-content>.table-scroll>table,.blog-html-content>.tableWrapper>table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.62}.blog-html-content>.table-scroll th,.blog-html-content>.table-scroll td,.blog-html-content>.tableWrapper th,.blog-html-content>.tableWrapper td{min-width:120px;padding:12px 14px;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);text-align:left;vertical-align:top}.blog-html-content>.table-scroll th,.blog-html-content>.tableWrapper th{border-bottom:1px solid rgba(0,0,0,.14);background:#0000000f;color:var(--ink);font-weight:600}.blog-html-content>.table-scroll td,.blog-html-content>.tableWrapper td{color:var(--ink-2)}.blog-html-content>.table-scroll td:first-child,.blog-html-content>.tableWrapper td:first-child{color:var(--ink);font-weight:600}.blog-html-content>.table-scroll th:last-child,.blog-html-content>.table-scroll td:last-child,.blog-html-content>.tableWrapper th:last-child,.blog-html-content>.tableWrapper td:last-child{width:100%;border-right:0}.blog-html-content>.table-scroll tr:last-child td,.blog-html-content>.tableWrapper tr:last-child td{border-bottom:0}.blog-html-content>*+.table-scroll,.blog-html-content>*+.tableWrapper{margin-top:22px}.blog-html-content>.table-scroll+*,.blog-html-content>.tableWrapper+*{margin-top:28px}.blog-html-content>table{width:100%;border-collapse:collapse;border:1px solid rgba(0,0,0,.14);background:#fff;font-size:13px;line-height:1.62}.blog-html-content>table th,.blog-html-content>table td{min-width:120px;padding:12px 14px;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);text-align:left;vertical-align:top}.blog-html-content>table th{border-bottom:1px solid rgba(0,0,0,.14);background:#0000000f;color:var(--ink);font-weight:600}.blog-html-content>table td{color:var(--ink-2)}.blog-html-content>table td:first-child{color:var(--ink);font-weight:600}.blog-html-content>table th:last-child,.blog-html-content>table td:last-child{width:100%;border-right:0}.blog-html-content>table tr:last-child td{border-bottom:0}.blog-html-content>*+table{margin-top:22px}.blog-html-content>table+*{margin-top:28px}.visual-editor{width:min(100%,1000px)}.visual-editor__bar{position:sticky;top:45px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--border-soft);background:color-mix(in oklch,white 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.visual-editor__meta{min-width:0;display:flex;align-items:center;gap:8px;color:var(--ink-3);font-size:11.5px}.visual-editor__meta span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visual-editor__badge{flex:0 0 auto;padding:3px 6px;border:1px solid color-mix(in srgb,var(--accent) 34%,white);background:var(--accent-soft);color:var(--accent);font-size:11px;line-height:1}.visual-editor__actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.visual-editor__actions button{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--ink-2);cursor:pointer;font-size:12px}.visual-editor__actions button:hover:not(:disabled){border-color:var(--ink-3);background:var(--bg-2);color:var(--ink)}.visual-editor__actions button:disabled{cursor:not-allowed;opacity:.45}.visual-editor__actions button.primary{border-color:var(--ink);background:var(--ink);color:var(--bg)}.visual-editor__status{color:var(--ink-4);font-size:11.5px;white-space:nowrap}.visual-editor__status.saved{color:#19724a}.visual-editor__status.error{color:#a33}.visual-editor__surface{width:100%;min-height:calc(100vh - 300px);overflow-x:auto;outline:0;caret-color:var(--accent)}.visual-editor__surface:focus{outline:1px solid color-mix(in srgb,var(--accent) 42%,white);outline-offset:14px}.visual-editor__surface p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--ink-4);pointer-events:none}.visual-editor__surface .ProseMirror-selectednode{outline:2px solid color-mix(in srgb,var(--accent) 45%,white)}.tiptap-editor{width:100%}.tiptap-editor__content{margin-top:30px}.editor-toolbar{position:sticky;top:93px;z-index:7;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-soft);background:color-mix(in oklch,white 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.editor-toolbar__group{display:inline-flex;align-items:center;gap:3px}.editor-toolbar__sep{width:1px;height:20px;background:var(--border)}.toolbar-btn{width:29px;height:29px;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-3);cursor:pointer}.toolbar-btn:hover{border-color:var(--border);background:var(--bg);color:var(--ink)}.toolbar-btn.toolbar-btn--active{border-color:color-mix(in srgb,var(--accent) 28%,white);background:var(--accent-soft);color:var(--accent)}.doc-meta-footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:36px;padding-top:18px;border-top:1px solid var(--border-soft);color:var(--ink-4);font-size:11.5px}.doc-meta-footer span{display:inline-flex;align-items:center;gap:5px}.doc-footer{display:flex;justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid var(--border)}.doc-footer button{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:0;background:var(--bg);color:var(--ink-2);cursor:pointer;text-align:left}.doc-footer button:hover{border-color:var(--ink-3);background:var(--bg-2)}.doc-footer button.next{align-items:flex-end;text-align:right}.doc-footer .lbl{color:var(--ink-4);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.doc-footer .title{max-width:100%;overflow:hidden;color:var(--ink);font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.toc{position:fixed;right:calc((100vw - 1280px)/2 - 224px);top:50%;width:200px;max-height:calc(100vh - 112px);overflow-y:auto;transform:translateY(-50%);color:var(--ink-3);font-size:12.5px}.toc .toc-label{margin-bottom:8px;color:var(--ink-4);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.toc button{display:block;width:100%;padding:3px 0 3px 10px;border:0;border-left:1px solid var(--border);background:transparent;color:var(--ink-3);cursor:pointer;font-size:inherit;line-height:1.45;text-align:left}.toc button:hover,.toc button.current{color:var(--ink)}.toc button.current{border-left-color:var(--ink);font-weight:500}.toc button.depth-3{padding-left:22px;font-size:12px}.doc-error,.article-skeleton{min-height:300px;display:grid;place-items:center;color:var(--ink-4);font-size:13px}.article-skeleton{grid-auto-flow:column;gap:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1727px){.toc{display:none}}@media (max-width: 1280px){.content-wrap{margin:0;max-width:calc(100vw - 280px);padding-right:280px}.toc{display:none}}@media (max-width: 1180px){.toc{display:none}.content-wrap{max-width:820px;margin:0 auto;padding-right:40px}}@media (max-width: 820px){.app{display:block;height:auto;min-height:100vh;overflow:visible}.sidebar{position:relative;height:42vh;min-height:310px;border-right:0;border-bottom:1px solid var(--border)}.main{min-height:58vh;overflow-y:visible}.topbar{padding:12px 18px}.content-wrap{max-width:none;padding:36px 18px 72px}.visual-editor__bar{position:static;flex-direction:column;align-items:stretch}.editor-toolbar{position:static}.visual-editor__actions{flex-wrap:wrap}.visual-editor__actions button{flex:1 1 auto;justify-content:center}.visual-editor__status{width:100%}.blog-html-content>h1{font-size:clamp(30px,9.4vw,38px);line-height:1.12}.blog-html-content>p,.blog-html-content>ul,.blog-html-content>ol{font-size:15px}}