.code-block-wrapper{margin:var(--spacing-md) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray-200);background-color:var(--color-gray-50)}.mermaid{margin:var(--spacing-lg) auto;display:block;width:100%;box-sizing:border-box;text-align:center}.mermaid-block-code-expanded .mermaid{box-sizing:border-box;display:block}.code-block-header{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md-sm);padding:var(--spacing-xs) var(--spacing-md-sm);background-color:var(--color-gray-200)}.code-block-language{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.code-block-copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-base) ease}.code-block-copy-btn:hover{background-color:var(--color-gray-300);color:var(--color-gray-700)}.code-block-copy-btn:active{transform:scale(.95)}.code-block-copy-btn.copied{color:var(--color-success)}.code-block-copy-btn.error{color:var(--color-error)}.code-block-wrapper pre{margin:0;border-radius:0;border:none}.code-block-wrapper pre code{display:block;padding:var(--spacing-md);overflow-x:auto}pre{background-color:var(--color-gray-75)!important;padding:var(--spacing-md);border-radius:var(--radius-lg);overflow-x:auto;border:none!important;box-shadow:none!important;position:relative}pre code{background-color:transparent!important;padding:0!important}code{font-family:ui-monospace,monospace;font-size:.875em;background-color:var(--color-gray-75);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}pre code{background-color:transparent;padding:0;-ms-overflow-style:none;scrollbar-width:none}pre::-webkit-scrollbar{display:none}code:hover{scrollbar-width:auto}code:hover::-webkit-scrollbar{display:block}.block-code-expanded-style{border-radius:var(--radius-lg);overflow:hidden;border:1px solid transparent;border-width:0;background-color:transparent;margin:var(--spacing-md) 0;max-width:100%;box-sizing:border-box}.block-source-style{background-color:var(--color-gray-50);padding:0;font-family:Courier New,Courier,monospace;font-size:.875rem;overflow-x:auto;overflow-y:auto;border-bottom:1px solid var(--color-gray-200);-ms-overflow-style:none;scrollbar-width:none;max-width:100%;box-sizing:border-box}.block-source-style::-webkit-scrollbar{display:none}.block-source-style code{background:none;padding:0;white-space:pre;display:block;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.block-rendered-style{-ms-overflow-style:none;scrollbar-width:none;background-color:transparent;padding:var(--spacing-md) 0;border-radius:var(--radius-lg);cursor:pointer;overflow-x:auto;transition:background-color var(--transition-base) ease;max-width:100%;box-sizing:border-box}.block-rendered-style:hover{background-color:var(--color-dim-hover)}.block-rendered-style::-webkit-scrollbar{display:none}.block-code-expanded-style .block-rendered-style{background-color:transparent;margin:0;padding:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-slow) ease-in-out,padding var(--transition-slow) ease-in-out;-ms-overflow-style:none;scrollbar-width:none}.block-code-expanded-style .block-rendered-style:hover{background-color:var(--color-dim-hover)}.katex-display,.mermaid,.math-block-container,.mermaid-container{max-width:100%;box-sizing:border-box}.outline-container{position:fixed;top:5em;width:240px;max-height:calc(100vh - 11rem);padding:1rem;background:var(--theme-bg-primary, #ffffff);transition:opacity .3s ease;display:flex;flex-direction:column}@media(max-width:1366px){.outline-container{display:none!important}}.outline-hidden{opacity:0;pointer-events:none}.outline-nav{display:flex;flex-direction:column;height:100%;overflow:hidden}.outline-title{flex:none;background:var(--theme-bg-primary, #ffffff);font-size:.75rem;font-weight:600;color:var(--theme-text-muted, #6b7280);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em;padding-left:.5rem;padding-bottom:.5rem}.outline-list{flex:1;overflow-y:auto;overflow-x:hidden;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;scrollbar-width:none;-ms-overflow-style:none}.outline-list::-webkit-scrollbar{display:none}.outline-list-hidden{display:none!important}.outline-item{display:block;padding:.375rem .5rem;border-left:2px solid transparent;border-radius:var(--radius-sm, 6px);font-size:.75rem;line-height:1.5;color:var(--theme-text-secondary, #4b5563);text-decoration:none;transition:all .15s ease;cursor:pointer}.outline-item:hover{background-color:var(--theme-bg-hover, rgba(0, 0, 0, .05));border-left-color:var(--theme-gray-300, #d1d5db);transform:translate(2px);color:var(--theme-text-primary, #1f2937)}.outline-item:focus-visible{outline:2px solid var(--theme-accent, #3b82f6);outline-offset:2px}.outline-item.active{background-color:var(--theme-blue-50, #eff6ff);border-left-color:var(--theme-accent, #3b82f6);color:var(--theme-accent-dark, #2563eb);font-weight:600}.outline-item[data-level="2"]{padding-left:.5rem;font-weight:600;font-size:.75rem}.outline-item[data-level="3"]{padding-left:1.5rem;font-weight:500;font-size:.75rem}.outline-item[data-level="4"]{padding-left:2.5rem;font-weight:400;font-size:.6875rem}.outline-item[data-level="5"],.outline-item[data-level="6"]{padding-left:3.5rem;font-weight:400;font-size:.6875rem;color:var(--theme-text-muted, #6b7280)}.outline-item-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outline-empty{padding:1.5rem .5rem;text-align:center;color:var(--theme-text-muted, #9ca3af);font-size:.875rem;font-style:italic}.outline-empty-hidden{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:100px}blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-xs) var(--spacing-md);border-left:4px solid var(--color-blockquote-border);background-color:var(--color-blockquote-bg);color:var(--color-blockquote-text);border-radius:var(--radius-sm)}blockquote p{margin:var(--spacing-sm) 0}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}blockquote blockquote{margin:var(--spacing-sm) 0;opacity:.8}ul.contains-task-list{list-style:none;padding-left:0}li.task-list-item{list-style:none;padding-left:0;margin:var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-sm)}li.task-list-item input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-checkbox-border);border-radius:var(--radius-sm);background-color:var(--color-checkbox-bg);cursor:pointer;position:relative;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}li.task-list-item input[type=checkbox]:hover{border-color:var(--color-accent);background-color:var(--color-checkbox-bg-hover);transform:scale(1.05)}li.task-list-item input[type=checkbox]:checked{background-color:var(--color-accent);border-color:var(--color-accent);animation:checkboxPop .3s cubic-bezier(.68,-.55,.27,1.55)}li.task-list-item input[type=checkbox]:checked:after{content:"";position:absolute;left:.35rem;top:.1rem;width:.35rem;height:.65rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);animation:checkmarkDraw .2s ease-out .1s backwards}li.task-list-item input[type=checkbox]:focus{outline:none}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes checkmarkDraw{0%{height:0;width:0;opacity:0}50%{height:.65rem;width:0;opacity:1}to{height:.65rem;width:.35rem;opacity:1}}.content-container[data-astro-cid-scuu7fyy]{padding-top:4em;display:flex;flex-direction:column;width:100%;max-width:100vw;align-items:center;overflow-x:hidden;box-sizing:border-box}@media(min-width:1366px){.content-container[data-astro-cid-scuu7fyy]{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}}.content-container[data-astro-cid-scuu7fyy] .markdown-container[data-astro-cid-scuu7fyy]{grid-column:2;max-width:100%;min-width:0;overflow:hidden}.content-container[data-astro-cid-scuu7fyy] .outline-wrapper[data-astro-cid-scuu7fyy]{grid-column:3;justify-self:start;position:sticky;top:2rem;height:fit-content}#page-loading-overlay[data-astro-cid-scuu7fyy]{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;flex-direction:column}.page-loading-hidden[data-astro-cid-scuu7fyy]{opacity:0;pointer-events:none}.page-loading-visible[data-astro-cid-scuu7fyy]{opacity:1;animation:fadeIn var(--transition-slow) ease-out}.page-loading-fadeout[data-astro-cid-scuu7fyy]{opacity:0;transition:opacity var(--transition-base) ease-in}.loading-spinner[data-astro-cid-scuu7fyy]{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top-color:var(--color-gray-700);border-radius:50%;animation:spin .8s linear infinite}.loading-text[data-astro-cid-scuu7fyy]{margin-top:var(--spacing-md);color:var(--color-text-muted);font-family:system-ui,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-accent: var(--theme-accent);--color-accent-light: var(--theme-accent-light);--color-accent-dark: var(--theme-accent-dark);--color-gray-50: var(--theme-gray-50);--color-gray-75: var(--theme-gray-75);--color-gray-100: var(--theme-gray-100);--color-gray-200: var(--theme-gray-200);--color-gray-300: var(--theme-gray-300);--color-gray-400: var(--theme-gray-400);--color-gray-500: var(--theme-gray-500);--color-gray-600: var(--theme-gray-600);--color-gray-700: var(--theme-gray-700);--color-gray-800: var(--theme-gray-800);--color-gray-900: var(--theme-gray-900);--color-blue-50: var(--theme-blue-50);--color-blue-200: var(--theme-blue-200);--color-text-primary: var(--theme-text-primary);--color-text-secondary: var(--theme-text-secondary);--color-text-dark: var(--theme-text-dark);--color-text-muted: var(--theme-text-muted);--color-bg-white: var(--theme-bg-primary);--color-bg-overlay: var(--theme-bg-overlay);--color-bg-card: var(--theme-bg-card);--color-bg-hover: var(--theme-bg-hover);--color-dim-hover: var(--theme-dim-hover);--color-highlight: var(--theme-highlight);--color-success: var(--theme-success);--color-error: var(--theme-error);--color-border-light: var(--theme-border-light);--color-border-medium: var(--theme-border-medium);--color-blockquote-bg: var(--theme-blockquote-bg);--color-blockquote-border: var(--theme-blockquote-border);--color-blockquote-text: var(--theme-blockquote-text);--color-checkbox-border: var(--theme-checkbox-border);--color-checkbox-bg: var(--theme-checkbox-bg);--color-checkbox-bg-hover: var(--theme-checkbox-bg-hover);--accent: var(--color-accent);--accent-light: var(--color-accent-light);--accent-dark: var(--color-accent-dark);--gray: var(--color-gray-500);--gray-light: var(--color-gray-100);--gray-dark: var(--color-gray-800);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--z-overlay: 9999;--z-modal: 10}[data-astro-cid-scuu7fyy]{box-sizing:border-box}html{font-family:system-ui,sans-serif;background:var(--color-bg-white);color:var(--color-text-primary);scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}html::-webkit-scrollbar{display:none}body{margin:0;padding:0;line-height:1.6;overflow-x:hidden;width:100%;max-width:100vw;min-width:0}main[data-astro-cid-scuu7fyy]{max-width:800px;margin:0 auto;padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);min-width:0;width:100%}@media(max-width:480px){main[data-astro-cid-scuu7fyy]{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}}h1[data-astro-cid-scuu7fyy]{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-gray-800)}h2[data-astro-cid-scuu7fyy]{font-size:1.875rem;font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-gray-800)}h3[data-astro-cid-scuu7fyy]{font-size:1.5rem;font-weight:600;margin-top:var(--spacing-lg);margin-bottom:.75rem;color:var(--color-gray-800)}mark{background-color:var(--color-highlight);padding:.125rem var(--spacing-xs);border-radius:var(--radius-sm)}.lang-content-hidden,.search-modal-hidden{display:none}kbd{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-bottom-width:3px;border-radius:var(--radius-lg);box-shadow:0 2px 0 var(--color-gray-200);padding:var(--spacing-xs) var(--spacing-sm);font-family:ui-monospace,monospace;font-size:.875em;font-weight:600;color:var(--color-gray-700);display:inline-block;transition:all .1s ease-in-out;cursor:pointer;vertical-align:middle;line-height:1.5}kbd:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--color-gray-200)}kbd:active{transform:translateY(1px);box-shadow:0 1px 0 var(--color-gray-200)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-dark);text-decoration:underline}html{transition:opacity .15s ease-in-out}html.theme-transitioning{pointer-events:none}.mermaid,img.mermaid{border-radius:var(--radius-md);transition:filter var(--transition-base) ease}[data-theme=dark] .mermaid,[data-theme=dark] img.mermaid{filter:invert(.9) hue-rotate(180deg)}[data-theme=ocean] .mermaid,[data-theme=ocean] img.mermaid{filter:brightness(.95) saturate(1.1)}[data-theme=sunset] .mermaid,[data-theme=sunset] img.mermaid{filter:brightness(.98) saturate(1.05)}[data-theme=deep-sea] .mermaid,[data-theme=deep-sea] img.mermaid{filter:invert(.9) hue-rotate(180deg)}.katex{font-family:Computer Modern Sans,Helvetica Neue,Helvetica,Arial,sans-serif!important}@font-face{font-display:swap}@font-face{font-family:Cantonese;src:url(/fonts/hk/hk-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2A700-2B73F,U+2B740-2B81F,U+2B820-2CEAF,U+2CEB0-2EBEF,U+30000-3134F,U+F900-FAFF,U+2F800-2FA1F,U+3000-303F,U+FF00-FFEF}@font-face{font-family:Cantonese;src:url(/fonts/hk/hk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2A700-2B73F,U+2B740-2B81F,U+2B820-2CEAF,U+2CEB0-2EBEF,U+30000-3134F,U+F900-FAFF,U+2F800-2FA1F,U+3000-303F,U+FF00-FFEF}@font-face{font-family:Cantonese;src:url(/fonts/hk/hk-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2A700-2B73F,U+2B740-2B81F,U+2B820-2CEAF,U+2CEB0-2EBEF,U+30000-3134F,U+F900-FAFF,U+2F800-2FA1F,U+3000-303F,U+FF00-FFEF}@font-face{font-family:Cantonese;src:url(/fonts/hk/hk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2A700-2B73F,U+2B740-2B81F,U+2B820-2CEAF,U+2CEB0-2EBEF,U+30000-3134F,U+F900-FAFF,U+2F800-2FA1F,U+3000-303F,U+FF00-FFEF}@font-face{font-family:Cantonese;src:url(/fonts/hk/en-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-007F}@font-face{font-family:Cantonese;src:url(/fonts/hk/en-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-007F}@font-face{font-family:Cantonese;src:url(/fonts/hk/en-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-007F}@font-face{font-family:Cantonese;src:url(/fonts/hk/en-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-007F}:root[lang=zh-HK],[lang=zh-HK]{font-family:Cantonese,system-ui,sans-serif}.katex-display:not(.math-block-code-expanded .katex-display),.mermaid-container{content-visibility:auto;contain-intrinsic-size:1px 300px}.katex .mathnormal,.katex .mathit{font-family:Computer Modern Sans,Helvetica Neue,Arial,sans-serif!important;font-style:italic!important}.katex .mathrm{font-family:Computer Modern Sans,Helvetica Neue,Arial,sans-serif!important;font-style:normal!important}figure{margin:var(--spacing-xl) 0;text-align:center;width:100%}figure img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--theme-shadow-lg);display:block;margin:0 auto}main img:not(.icon):not(.mermaid){max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--theme-shadow-lg);display:block;margin:var(--spacing-xl) auto}figure img{margin:0 auto}figcaption{margin-top:var(--spacing-sm);font-size:.9rem;color:var(--color-gray-600);text-align:center;font-style:italic}