.public-document{scroll-padding-top:96px}.public-site{--bg:#f8f4e6;--surface:#f1ead5;--surface-raised:#ece4ca;--text:#28282e;--muted:#5e5b65;--border:#d8cfb5;--accent:#9d2357;--accent-contrast:#fff;--accent-soft:#eedde1;--code-bg:#eee8d6;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:var(--font-body);--page-gutter:clamp(20px, 4vw, 56px);max-width:1480px;min-height:100dvh;margin:0 auto;font-size:17px;line-height:1.7}[data-theme=dark] .public-site{--bg:#202025;--surface:#28282e;--surface-raised:#34343c;--text:#e9e7ee;--muted:#b6b1bf;--border:#46434e;--accent:#f49ac1;--accent-contrast:#241822;--accent-soft:#3b2935;--code-bg:#19191f}.public-site :where(h1,h2,h3,h4){font-family:var(--font-display);text-wrap:balance;overflow-wrap:anywhere;font-weight:700}.public-site :where(a,button,summary,input):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.public-site .skip-link{position:fixed}.public-frame{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.public-frame>main{flex:1;min-width:0}.public-site .page-shell{width:100%;max-width:1020px;padding-inline:var(--page-gutter);margin-inline:auto}.public-header{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:10px 24px;display:flex;position:sticky;top:0}.public-header-top,.public-actions{align-items:center;gap:4px;display:flex}.public-brand{min-height:44px;color:var(--text);letter-spacing:-.055em;overflow-wrap:anywhere;align-items:center;font-size:22px;font-weight:750;display:inline-flex}.brand-dot{color:var(--accent)}.public-site .icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.public-site .icon-button:hover{color:var(--text);background:var(--surface-raised)}.public-intro,.public-sidebar-bottom,.mobile-menu{display:none}.public-nav{gap:4px;display:flex}.public-nav a,.public-site .mobile-nav a{border-radius:6px;align-items:center;gap:12px;min-height:44px;padding:10px 13px;font-size:16px;font-weight:550;transition:background .15s,color .15s;display:flex}.public-nav a:hover,.public-site .mobile-nav a:hover{background:var(--surface)}.public-nav a.active,.public-site .mobile-nav a.active{color:var(--text);background:var(--surface-raised);font-weight:700}.nav-icon{color:var(--muted);display:inline-flex}.active .nav-icon,.mobile-nav a.active svg{color:var(--accent)}.public-socials{flex-wrap:wrap;gap:0 16px;display:flex}.public-socials a,.public-admin-link{min-height:44px;color:var(--muted);align-items:center;gap:7px;font-size:14px;display:inline-flex}.public-socials a:hover,.public-admin-link:hover{color:var(--accent)}.theme-sun,[data-theme=dark] .theme-moon{display:none}.theme-moon,[data-theme=dark] .theme-sun{display:inline-flex}.menu-close-icon{display:none}.mobile-menu[open] .menu-close-icon{display:inline-flex}.mobile-menu[open] .menu-open-icon{display:none}.public-site .mobile-menu-toggle{list-style:none}.mobile-menu-toggle::-webkit-details-marker{display:none}.public-footer{width:100%;max-width:1020px;padding:0 var(--page-gutter) 32px;color:var(--muted);margin:40px auto 0;font-size:14px}.public-footer-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:0 24px;padding-top:18px;display:flex}.public-footer-links a{align-items:center;min-height:44px;display:inline-flex}.public-footer a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.public-footer p{margin-top:12px;line-height:1.8}.public-footer p span{display:block}.home-content,.public-site .about-page{padding-block:56px 24px}.home-introduction{max-width:72ch;margin-bottom:48px}.public-site .home-intro-markdown h1,.public-site .about-markdown h1,.public-site .page-title{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(32px,3.6vw,44px);line-height:1.18}.public-site .home-intro-markdown h1 strong{font-weight:inherit}.public-site .home-intro-markdown p{max-width:65ch;margin-bottom:16px;font-size:19px}.home-inline-link,.home-section-heading a,.home-topics a,.home-subscribe a{color:var(--accent);text-underline-offset:4px;text-decoration:underline 1px}.home-inline-link{align-items:center;gap:8px;min-height:44px;display:inline-flex}.home-custom-image{object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:320px;margin-top:24px}.home-section{margin-block:44px}.home-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:12px;display:flex}.home-section h2{letter-spacing:-.025em;font-size:25px;line-height:1.4}.home-section-heading a{align-items:center;gap:8px;min-height:44px;font-size:15px;display:inline-flex}.home-article-list{border-top:1px solid var(--border)}.home-project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.home-empty{border-top:1px solid var(--border);color:var(--muted);padding:24px 0}.home-topics ul{flex-wrap:wrap;gap:4px 20px;margin:12px 0 0;padding:0;list-style:none;display:flex}.home-topics a{align-items:center;min-height:44px;display:inline-flex}.home-subscribe{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:40px;padding-top:24px;font-size:15px;display:flex}.public-site .collection-header{border:0;padding:52px 0 32px;display:block}.public-site .collection-header h1{letter-spacing:-.04em;align-items:center;gap:14px;margin-bottom:16px;font-size:clamp(32px,3.6vw,42px);line-height:1.2;display:flex}.public-site .collection-header h1 svg{width:28px;height:28px;color:var(--accent)}.public-site .collection-header p{max-width:64ch;color:var(--muted);font-size:18px;line-height:1.7}.public-site .collection-layout{flex-direction:column;gap:24px;padding:0 0 32px;display:flex}.public-site .collection-sidebar{min-width:0;padding:0}.public-site .collection-sidebar h2{color:var(--muted);margin-bottom:10px;font-size:14px}.public-site .category-nav{flex-flow:wrap;gap:6px;display:flex}.public-site .category-nav a{gap:10px;min-height:44px;padding:8px 12px;font-size:15px}.public-site .category-nav a.active{background:var(--surface-raised);color:var(--text);font-weight:650}.public-site .tag-cloud{border:0;margin:16px 0 0;padding:0}.public-site .tag-cloud a{overflow-wrap:anywhere;align-items:center;max-width:100%;min-height:36px;font-size:14px;display:inline-flex}.mobile-tag-filter{display:none}.public-site .search-help{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.public-site .tag-cloud-mobile summary{cursor:pointer;min-height:44px;padding-block:8px;font-size:14px}.tag-filter-count{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:6px}.public-site .selected-tag-filter{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;font-size:14px;display:flex}.selected-tag-filter>span{overflow-wrap:anywhere}.selected-tag-filter>a{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.public-site .collection-side-note{display:none}.public-site .collection-content{min-width:0}.public-site .search-form{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:6px 12px;display:flex}.public-site .search-form input[type=search]{width:100%;min-width:0;min-height:44px;font-size:16px}.public-site .search-form button{flex-shrink:0;min-height:44px;font-size:15px}.public-site .collection-results{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:20px 0;font-size:14px;display:flex}.public-site .collection-results a{min-height:44px;color:var(--accent);align-items:center;gap:6px;display:inline-flex}.public-site .result-count,.public-site .result-order{font-size:13px}.public-site .article-list{border-top:1px solid var(--border)}.public-site .text-link{min-height:44px;color:var(--accent);font-size:15px}.public-site .button{min-height:44px;font-size:15px}.public-site .button:hover{transform:none}.public-site .empty-state{text-align:left;background:0 0;border:0;min-height:0;padding:28px 0}.public-site .empty-orbit{display:none}.public-site .empty-state h3{font-size:20px}.public-site .empty-state p{max-width:56ch;font-size:16px}.public-site .pagination{flex-wrap:wrap;gap:6px}.public-site .pagination a,.public-site .pagination .pagination-direction{min-width:44px;height:44px;font-size:15px}.public-site .pagination-direction:first-child{margin-right:0}.public-site .pagination-direction:last-child{margin-left:0}.public-site .prose{overflow-wrap:anywhere;min-width:0;max-width:72ch;font-size:18px;line-height:1.8}.public-site .prose :where(p,ul,ol,td){color:var(--text)}.public-site .prose p{margin:0 0 1.25em}.public-site .prose h2{letter-spacing:-.025em;margin:2em 0 .65em;font-size:27px;line-height:1.3}.public-site .prose h3{margin:1.6em 0 .6em;font-size:22px;line-height:1.4}.public-site .prose :where(h1,h2,h3,h4,h5,h6){scroll-margin-top:24px}.public-site .prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.public-site .prose a:hover{text-decoration-thickness:2px}.public-site .prose :where(ul,ol){margin-block:1em 1.4em;padding-left:1.5em}.public-site .prose li{margin-block:.4em}.public-site .prose :where(img,video){border-radius:8px;max-width:100%;height:auto}.public-site .prose blockquote{border-left:3px solid var(--accent);background:var(--surface);margin-inline:0;padding:18px 24px}.public-site .prose blockquote p:last-child{margin-bottom:0}.public-site .prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;max-width:100%;padding-top:56px;font-size:14px;line-height:1.75;position:relative;overflow:auto}.public-site .prose pre code{white-space:pre;overflow-wrap:normal;word-break:normal;min-width:0;display:block}.public-site .prose :not(pre)>code{overflow-wrap:anywhere}.public-site .prose .copy-code{min-height:36px;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);padding:6px 12px;font-size:13px;position:absolute;top:8px;right:8px}.public-site .prose table{border-collapse:collapse;max-width:100%;font-size:15px;display:block;overflow-x:auto}.public-site .prose th,.public-site .prose td{border-bottom:1px solid var(--border);text-align:left;padding:12px 16px}.public-site .prose th{background:var(--surface)}.public-site .about-markdown{max-width:72ch}.public-site .about-markdown>p:first-of-type{font-size:20px;line-height:1.8}.public-site .about-markdown img{margin-block:24px}.public-site .back-link{align-items:center;min-height:44px;margin:24px 0;font-size:14px;display:inline-flex}.public-site .article-heading{max-width:78ch}.public-site .article-heading h1,.public-site .project-detail-heading h1{letter-spacing:-.035em;font-size:clamp(30px,3.3vw,42px);line-height:1.25}.public-site .article-lead,.public-site .project-detail-heading p{max-width:68ch;font-size:19px;line-height:1.75}.public-site .entry-meta,.public-site .article-byline{flex-wrap:wrap;font-size:14px}.public-site .article-byline{gap:12px}.public-site .article-cover{margin-block:28px}.public-site .article-cover img{border-radius:8px;width:100%;height:auto}.public-site .reading-layout{grid-template-columns:minmax(0,1fr);gap:32px;display:grid}.public-site .article-body{min-width:0}.public-site .article-toc{display:none}.public-site .mobile-toc{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-block:24px;font-size:15px;display:block}.public-site .mobile-toc summary{cursor:pointer;min-height:44px;padding:12px 16px;font-weight:600}.public-site .mobile-toc nav{gap:4px;padding:0 16px 16px;display:grid}.public-site .mobile-toc nav a{color:var(--accent);padding-block:6px}.public-site .toc-sub{padding-left:14px}.public-site .article-end{flex-wrap:wrap;font-size:15px}.public-site .article-end a{min-height:44px;margin-left:0}.public-site .technology-tag{font-size:13px}.public-site .project-facts dt{font-size:14px}.public-site .project-facts dd{font-size:16px}.public-site .project-detail-heading{flex-wrap:wrap}.public-site .project-external-links{flex-flow:wrap}.public-site .related-section .section-heading h2{font-size:26px}.public-site .related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width>=1024px){.public-document{scroll-padding-top:24px}.public-site{grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.public-header{border-bottom:0;border-right:1px solid var(--border);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;height:100dvh;padding:28px 24px;overflow-y:auto}.public-header-top{flex-wrap:wrap;justify-content:space-between;gap:8px}.public-actions{margin-left:auto}.public-actions>a{display:none}.public-intro{border-block:1px solid var(--border);overflow-wrap:anywhere;margin:28px 0;padding:24px 0;font-size:16px;line-height:1.8;display:block}.public-intro a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.public-intro>span{color:var(--muted);margin-top:6px;display:block}.public-nav{flex-direction:column;gap:6px;margin-inline:-8px}.public-sidebar-bottom{margin-top:auto;padding-top:32px;display:block}.public-admin-link{margin-top:12px}.public-frame{margin-left:0}.public-site .page-shell,.public-footer{max-width:none}}@media (width>=1320px){.public-site .reading-layout{grid-template-columns:minmax(0,1fr) 176px;gap:32px}.public-site .article-toc{display:block}.public-site .mobile-toc{display:none}.public-site .toc-inner{border-left:1px solid var(--border);padding-left:16px;position:sticky;top:32px}.public-site .toc-inner h2{margin-bottom:12px;font-size:14px}.public-site .toc-inner nav a,.public-site .toc-inner nav a.toc-sub,.public-site .toc-top{font-size:13px;line-height:1.6}.public-site .toc-inner nav a{padding-block:6px}.public-site .toc-inner>.eyebrow{display:none}}@media (width>=801px) and (width<=1023px){.public-header-top{display:contents}.public-actions{order:3}.public-nav{margin-left:auto}.public-nav .nav-icon{display:none}}@media (width<=800px){.public-site .tag-cloud-desktop{display:none}.mobile-tag-filter{display:block}.public-site .tag-cloud-mobile{margin-top:8px}.public-header{padding:10px 16px;display:block}.public-header-top{justify-content:space-between;gap:8px}.public-brand{min-width:0;max-width:calc(100% - 144px);font-size:21px}.public-actions{flex-shrink:0}.public-nav{display:none}.mobile-menu{display:block}.public-site .mobile-nav{background:var(--bg);border-bottom:1px solid var(--border);gap:4px;width:auto;max-height:calc(100dvh - 80px);padding:12px 16px 20px;display:grid;position:absolute;inset:100% 0 auto;overflow-y:auto;box-shadow:0 12px 18px #00000014}.public-site .mobile-nav a{justify-content:flex-start}.home-content,.public-site .about-page{padding-block:36px 16px}.home-introduction{margin-bottom:32px}.home-section{margin-block:32px}.public-site .home-intro-markdown p{font-size:18px}.public-site .collection-header{padding:36px 0 28px}.public-site .collection-header p,.public-site .prose{font-size:17px}.public-site .prose h2{font-size:25px}.public-site .about-markdown>p:first-of-type{font-size:19px}.public-site .result-order{margin-left:0}.public-footer{margin-top:24px}}@media (width<=600px){.home-project-list,.public-site .related-grid{grid-template-columns:minmax(0,1fr)}.public-site .search-form{gap:8px;padding-inline:10px}.public-site .search-form>svg,.public-site .search-form button svg{display:none}}@media (prefers-color-scheme:dark){.public-document:not([data-theme]) .public-site{--bg:#202025;--surface:#28282e;--surface-raised:#34343c;--text:#e9e7ee;--muted:#b6b1bf;--border:#46434e;--accent:#f49ac1;--accent-contrast:#241822;--accent-soft:#3b2935;--code-bg:#19191f;color-scheme:dark}}@media (prefers-reduced-motion:reduce){.public-document{scroll-behavior:auto}.public-site *,.public-site :before,.public-site :after{transition:none!important;animation:none!important}}@media print{.public-site{color:#000;background:#fff;max-width:none;display:block}.public-header,.public-footer,.skip-link,.copy-code,.article-toc,.mobile-toc,.back-link{display:none!important}.public-frame{min-height:0}.public-site .page-shell{padding:0}.public-site .reading-layout{display:block}.public-site .prose{max-width:none}.public-site .prose pre{white-space:pre-wrap;border:1px solid #999;padding:16px}}.public-site .collection-results>span{overflow-wrap:anywhere;min-width:0}.public-site{--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Microsoft JhengHei", "PingFang TC", "Noto Sans CJK TC", "WenQuanYi Zen Hei", sans-serif}.ui-text>[lang=zh-TW],:root[data-ui-language=zh-TW] .ui-text>[lang=en]{display:none}:root[data-ui-language=zh-TW] .ui-text>[lang=zh-TW]{display:inline}.public-site .language-switch{z-index:35;isolation:isolate;border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:3px;display:flex;position:fixed;top:12px;right:max(24px,50vw - 700px);box-shadow:0 2px 6px #0000000a}.language-switch-thumb{z-index:-1;background:var(--surface-raised);border-radius:inherit;width:calc(50% - 3px);transition:transform .2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:3px auto 3px 3px}[data-ui-language=zh-TW] .language-switch-thumb{transform:translate(100%)}.language-switch button{width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0;font-size:13px;font-weight:600}.language-switch button[aria-pressed=true]{color:var(--text)}.language-switch button:hover{color:var(--accent)}.public-intro>.ui-text{color:inherit;margin:0;display:inline}.public-site .home-introduction{max-width:none}.home-intro-copy{min-width:0}.home-mascot{border:1px solid var(--border);background:var(--bg);border-radius:50%;align-self:start;width:224px;max-width:100%;margin:152px 0 0;padding:6px;box-shadow:0 8px 28px #4b361f14}.home-mascot img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;height:auto}@media (width>=1200px){.public-site .home-introduction{grid-template-columns:minmax(0,1fr) 224px;gap:32px;display:grid}}@media (width<=1199px){.home-mascot{width:128px;margin:24px 0 0}}@media (width<=1023px){.public-site .language-switch{box-shadow:none;flex-shrink:0;position:relative;inset:auto}}@media (width<=800px){.public-header{padding-inline:12px}.public-actions{gap:0}.public-brand{flex:1;max-width:none;font-size:20px}.public-site .public-actions>a{display:none}}@media (prefers-reduced-motion:reduce){.language-switch-thumb{transition:none}}@media print{.language-switch,.home-mascot{display:none!important}}